chore: remove rebranded in

packages/blade/src/utils/storybook/ComponentStatusTable.tsx

@@ -178,9 +178,6 @@ const ComponentStatusTable = (): React.ReactElement => {
               <th align="right">
                 <Text weight="semibold">Released In</Text>
               </th>
-              <th align="right">
-                <Text weight="semibold">Rebranded In</Text>
-              </th>
             </tr>
           </thead>
           <tbody>
@@ -205,9 +202,6 @@ const ComponentStatusTable = (): React.ReactElement => {
                   <td align="right">
                     <ReleasedInLink version={data.releasedIn} />
                   </td>
-                  <td align="right">
-                    <ReleasedInLink version={data.rebrandedIn} />
-                  </td>
                 </tr>
               );
             })}

packages/blade/src/utils/storybook/componentStatusData.ts

@@ -12,7 +12,6 @@ type ComponentStatusDataType = {
   status: ComponentStatuses;
   description: string;
   releasedIn?: string;
-  rebrandedIn?: string;
   storybookLink?: string;
 }[];
 
@@ -21,7 +20,6 @@ const componentData: ComponentStatusDataType = [
     name: 'ActionList',
     status: 'released',
     releasedIn: '6.2.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Dropdown/With Select',
     description:
       'List of multiple actionable items. Can be used as menu items inside `Dropdown`, `BottomSheet` and as selectable items when combined with `SelectInput`',
@@ -30,7 +28,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Alert',
     status: 'released',
     releasedIn: '1.1.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Alert',
     description:
       'Alerts are messages that communicate information to users about any significant changes or explanations inside the system in a prominent way.',
@@ -39,7 +36,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Badge',
     status: 'released',
     releasedIn: '1.0.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Badge',
     description:
       'Badges are used to show small amount of color coded metadata, which are ideal for getting user attention.',
@@ -48,7 +44,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Button',
     status: 'released',
     releasedIn: '0.11.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Button',
     description:
       'Button component which can be used for various CTAs. It is available in 3 different variants.',
@@ -57,7 +52,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Card',
     status: 'released',
     releasedIn: '5.3.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Card',
     description:
       'Cards are used to group similar concepts and tasks together to make easier for merchants to scan, read, and get things done.',
@@ -66,7 +60,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Checkbox',
     status: 'released',
     releasedIn: '0.13.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Checkbox/Checkbox',
     description:
       'Checkbox can be used in forms when a user needs to select multiple values from several options.',
@@ -75,7 +68,6 @@ const componentData: ComponentStatusDataType = [
     name: 'CheckboxGroup',
     status: 'released',
     releasedIn: '0.13.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Checkbox/CheckboxGroup',
     description:
       'CheckboxGroup can be used to group together multiple checkboxes in a forms which provides out of the box state management for the multi-checkboxes and other features.',
@@ -84,7 +76,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Counter',
     status: 'released',
     releasedIn: '3.6.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Counter',
     description:
       'Counters are visual indicators that contains numerical values, tallies or counts in regards to some context. It can be used to show non-interactive numerical data.',
@@ -93,7 +84,6 @@ const componentData: ComponentStatusDataType = [
     name: 'IconButton',
     status: 'released',
     releasedIn: '3.6.2',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/IconButton',
     description:
       'Useful for making clickable icons. For example - close button for modals, inputs, etc.',
@@ -102,7 +92,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Indicator',
     status: 'released',
     releasedIn: '3.7.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Indicator',
     description:
       'Indicators describe the condition of an entity. They can be used to convey semantic meaning, such as statuses and semantical-categories.',
@@ -111,7 +100,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Link',
     status: 'released',
     releasedIn: '0.13.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Link',
     description:
       'Link component can be used for showing external or internal Links to the user. The Link component can also be used as an inline button in certain cases with the `button` variant.',
@@ -120,7 +108,6 @@ const componentData: ComponentStatusDataType = [
     name: 'List',
     status: 'released',
     releasedIn: '6.1.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/List',
     description:
       'Lists display a set of related items that are composed of text/links. Each list item begins with a bullet or a number.',
@@ -129,7 +116,6 @@ const componentData: ComponentStatusDataType = [
     name: 'ProgressBar',
     status: 'released',
     releasedIn: '5.4.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/ProgressBar',
     description:
       'Progress bar is generally a branded element that indicates progress of process or task',
@@ -138,7 +124,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Spinner',
     status: 'released',
     releasedIn: '2.2.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Spinner',
     description:
       'Spinner component is an element with a looping animation that indicates loading is in process.',
@@ -147,7 +132,6 @@ const componentData: ComponentStatusDataType = [
     name: 'TextInput',
     status: 'released',
     releasedIn: '2.1.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Input/TextInput',
     description:
       'TextInput component is a component that can be used to input name, email, telephone, url, search or plain text.',
@@ -156,7 +140,6 @@ const componentData: ComponentStatusDataType = [
     name: 'TextArea',
     status: 'released',
     releasedIn: '2.3.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Input/TextArea',
     description:
       'TextArea component lets you enter long form text which spans over multiple lines.',
@@ -165,7 +148,6 @@ const componentData: ComponentStatusDataType = [
     name: 'OTPInput',
     status: 'released',
     releasedIn: '3.1.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Input/OTPInput',
     description:
       'A one-time password (OTP), also known as a one-time PIN, one-time authorization code (OTAC) or dynamic password, is a password that is valid for only one login session or a transaction. These are a group of inputs and can be either 4 or 6 characters long.',
@@ -174,7 +156,6 @@ const componentData: ComponentStatusDataType = [
     name: 'PasswordInput',
     status: 'released',
     releasedIn: '2.5.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Input/PasswordInput',
     description:
       'PasswordInput is an input field for entering passwords. The input is masked by default. On mobile devices the last typed letter is shown for a brief moment. The masking can be toggled using an optional reveal button.',
@@ -183,7 +164,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Radio',
     status: 'released',
     releasedIn: '1.0.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Radio & RadioGroup',
     description:
       'Radio & RadioGroup can be used in forms when a user needs to single value from several options.',
@@ -192,7 +172,6 @@ const componentData: ComponentStatusDataType = [
     name: 'RadioGroup',
     status: 'released',
     releasedIn: '1.0.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Radio & RadioGroup',
     description:
       'RadioGroup can be used to group together multiple radios in a forms which provides out of the box state management for the multi-radio and other features.',
@@ -201,15 +180,13 @@ const componentData: ComponentStatusDataType = [
     name: 'Text',
     status: 'released',
     releasedIn: '0.4.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Typography/Text',
     description:
       'Text component is used to display main content of the page. It is often clubbed with Title or Heading to display content in a hierarchical structure. It applies responsive styles automatically based on the device it is being rendered on.',
   },
   {
     name: 'Heading',
     status: 'released',
-    rebrandedIn: '11.0.0',
     releasedIn: '0.6.0',
     storybookLink: 'Components/Typography/Heading',
     description: 'Heading Component is usually used for headings of each major section of a page.',
@@ -218,7 +195,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Title',
     status: 'released',
     releasedIn: '0.5.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Typography/Title',
     description:
       'Title Component makes a bold visual statement. Use them to create impact when the main goal is visual storytelling. For example, use Title as marketing content on landing pages or to capture attention during onboarding.',
@@ -227,7 +203,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Code',
     status: 'released',
     releasedIn: '3.0.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Typography/Code',
     description:
       'Code component can be used for displaying token, variable names, or inlined code snippets.',
@@ -236,7 +211,6 @@ const componentData: ComponentStatusDataType = [
     name: 'SkipNav',
     status: 'released',
     releasedIn: '0.9.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Accessibility/SkipNav',
     description:
       'SkipNav component lets users skip the navigation and jump to the main content of the page. Useful when you have navbars at the top and the user wants to jump directly to the main content.',
@@ -245,7 +219,6 @@ const componentData: ComponentStatusDataType = [
     name: 'VisuallyHidden',
     status: 'released',
     releasedIn: '0.9.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Accessibility/VisuallyHidden',
     description:
       'VisuallyHidden component makes content hidden from sighted users but available for screen reader users.',
@@ -254,7 +227,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Dropdown',
     status: 'released',
     releasedIn: '6.2.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Dropdown/With Select',
     description:
       'Dropdown Menu displays a list of choices on temporary surfaces. They allow users to make a selection from multiple options. They appear when users interact with a button, action, or other control.',
@@ -263,7 +235,6 @@ const componentData: ComponentStatusDataType = [
     name: 'SelectInput',
     status: 'released',
     releasedIn: '6.2.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Dropdown/With Select',
     description:
       'Select displays a list of choices on temporary surfaces. They allows users pick a value from predefined options',
@@ -272,7 +243,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Layout Primitives',
     status: 'released',
     releasedIn: '6.5.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Layout Primitives (Box)/Layout Primitives Tutorial',
     description:
       'Layout Primitives are used to build complex responsive layouts. Includes Box component and Styled Props on existing blade components',
@@ -281,7 +251,6 @@ const componentData: ComponentStatusDataType = [
     name: 'BottomSheet',
     status: 'released',
     releasedIn: '7.2.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/BottomSheet',
     description:
       'Bottom sheets are surfaces containing supplementary content that are anchored to the bottom of the screen.',
@@ -290,23 +259,20 @@ const componentData: ComponentStatusDataType = [
     name: 'Tags',
     status: 'released',
     releasedIn: '9.3.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Tag',
     description: 'A tag labels UI objects for quick recognition and navigation.',
   },
   {
     name: 'Amount',
     status: 'released',
     releasedIn: '6.7.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Amount',
     description: 'Amount component is used to display & format various currencies',
   },
   {
     name: 'Switch',
     status: 'released',
     releasedIn: '8.5.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Switch',
     description:
       'Switch component is used as an alternative for the checkbox component, It can be used to switch between two states: often on or off.',
@@ -317,14 +283,12 @@ const componentData: ComponentStatusDataType = [
     description:
       'Tooltip is a brief, informative message that appears when a user interacts with an element.',
     releasedIn: '8.9.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Tooltip',
   },
   {
     name: 'Accordion',
     status: 'released',
     releasedIn: '8.12.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Accordion',
     description:
       'Accordion component allows the user to show and hide sections of related content on a page',
@@ -333,7 +297,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Collapsible',
     status: 'released',
     releasedIn: '8.12.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Collapsible',
     description:
       'Collapsibles are used to allow users to toggle the visibility of hidden content within a container.',
@@ -344,15 +307,13 @@ const componentData: ComponentStatusDataType = [
     description:
       "Modal is a dialog that focuses the user's attention exclusively on an information via a window that is overlaid on primary content.",
     releasedIn: '8.8.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Modal/SimpleModal',
   },
   {
     name: 'Divider',
     status: 'released',
     description: 'Dividers are used to visually separate content in a list or group.',
     releasedIn: '8.14.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Divider',
   },
   {
@@ -361,7 +322,6 @@ const componentData: ComponentStatusDataType = [
     description:
       'Chips represents a collection of selectable objects which enable users to make selections, filter content, and trigger relevant actions. Chips can have either single selection or multiple (based on context).',
     releasedIn: '10.4.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Chip/Chip',
   },
   {
@@ -378,15 +338,13 @@ const componentData: ComponentStatusDataType = [
     name: 'Slot',
     status: 'released',
     releasedIn: '5.3.0',
-    rebrandedIn: '11.0.0',
     description:
       'The Slot component is a generic component which can be used as container. (This is a design only component)',
   },
   {
     name: 'SkeletonLoader',
     status: 'released',
     releasedIn: '9.1.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Skeleton',
     description:
       'Skeleton Loader is a static / animated placeholder for the information that is still loading. It mimic the structure and look of the entire view.',
@@ -395,7 +353,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Carousel',
     status: 'released',
     releasedIn: '10.2.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Carousel',
     description:
       'Carousel is a component to one-by-one display multiple blocks of information in circular manner',
@@ -404,7 +361,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Tabs',
     status: 'released',
     releasedIn: '10.16.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Tabs',
     description:
       'Tabs is a component which will allow you to show multiple clickable tabs in your UI',
@@ -413,7 +369,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Table',
     status: 'released',
     releasedIn: '10.19.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Table',
     description: 'Table will allow you to display your data in tabular manner',
   },
@@ -426,7 +381,6 @@ const componentData: ComponentStatusDataType = [
     name: 'AutoComplete',
     status: 'released',
     releasedIn: '10.9.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Dropdown/With AutoComplete',
     description:
       'AutoComplete Component will allow you to filter Dropdown options as you type ahead in the Input',
@@ -445,7 +399,6 @@ const componentData: ComponentStatusDataType = [
     name: 'Popover',
     status: 'released',
     releasedIn: '10.10.0',
-    rebrandedIn: '11.0.0',
     storybookLink: 'Components/Popover',
     description: 'Used for cases like guided tours',
   },