{/* ATTENTION */}

{/* When updating this file, please add the newest comments at the top of the file so they are displayed first */}

{/* Changes should include any functional changes made to the component and how that affects the component/function usage */}

{/* or changes made to the Types (and what effect that will have for the component/function) */}

import { Meta } from '@storybook/addon-docs/blocks'

<Meta
  title='ChangeLog/v4/4.13'
  parameters={{
    viewMode: 'docs',
    previewTabs: {
      canvas: { hidden: true },
    },
  }}
/>

{/* Include date, version & the change and it's functional effects */}

**10-FEBRUARY-2025**

### 4.13.63

- Temporarily added the condition for the new monorepo setup, this will be removed once the shelf related changes migrated to monorepo setup

---

**10-FEBRUARY-2025**

### 4.13.62

- Added `arrowColor` prop in `PopoverNew` to set the color of the arrow .
- replaced `Tippy` with `PopoverNew` in `Alert` , `MultiSelect` and `Pagination`

[PopoverNew](/story/components-popover-popovernew--arrow-color)

[Alert](/story/components-alert--close-success-confirmation)

[MultiSelect](/story/components-formcomponents-multiselect--basic)

[Pagination](/story/components-pagination--many-pages)

### 4.13.61

- The behavior of the reset button has been fixed as expected by clearing the search string and resetting the state of the language list.
- The 'Search' placeholder has been replaced with 'Search Languages'
- A 'No results found' message has been added when no data matches the search query.

[LanguageSelector](/story/components-leftnav--language-selector)

### 4.13.60

- Improved `SellingInfoTooltip` to keep it up-to-date with our standards.

[PrimaryTableCell](/story/components-tables-components-primarytablecell--primary-cell)

### 4.13.59

- Fixed: Search Issue in nested `MultiSelect` component

---

**7-FEBRUARY-2025**

### 4.13.58

- Replaced `Popover` with `PopoverNew`

---

**6-FEBRUARY-2025**

### 4.13.57

- Added `caretText` as a optional prop in the `Accordion` component. This text will be displayed instead of the caret icon.

### 4.13.56

- Updated `bellSnooze` icon and its styling in global scope

---

**5-FEBRUARY-2025**

### 4.13.55

- Fixed: Footer button icons are now properly centered in `Card` component
- Added `bellSnooze` icon styling to global scope

---

**4-FEBRUARY-2025**

### 4.13.54

- Replaced `Popover` with `PopoverNew` - II

---

**3-FEBRUARY-2025**

### 4.13.53

- Fixed `FileUploader` label grouping when parent class has a gap by making top level a div instead of a fragment
- Added `webp` to list of supported image extensions in the `MIMETypes` type

### 4.13.52

- Added checkbox option to the Header Row of the mobile table
- Updated component to handle checkbox interactions
- Included new checkAll actions for mobile tables

[New Checkbox Experience - mobile](/story/components-tables-standardtable--checkbox-groups-new-check-all&globals=viewport:mobile1)

### 4.13.51

- Updated auto-positioning to handle start and end alignments in `PopoverNew`
- replaced `Popover` with `PopoverNew` in `Tile` , `TableHeader` and `DeleteCell` components

[PopoverNew](/story/components-popover-popovernew--auto-position)

### 4.13.50

- Removed `noImage2` icon from iconography.
- Replaced `noImage2` icon with `picture` icon in `Image` component.

---

**31-JANUARY-2025**

### 4.13.49

- Fixed the `x` icon in the `TagInput` component by adding `stroke` and `stroke-width` to improve visibility.
- Fixed the `caretDown` SVG by adjusting the viewBox attribute and its path coordinates.
- Removed `new`, `beta`, `pattern`, and `patternPlus` icons from Iconography.mdx instead, we will use the `Badge` and `PatternLogo` components.

[TagInput](/docs/components-formcomponents-taginput--docs)

---

**30-JANUARY-2025**

### 4.13.48

- Added logic to clear checkbox selections if user's changes filtering or
  sorting selections (only applies to tables that have opted into the new
  checkbox experience.)
- Added new Storybook story for this feature

[New Checkbox Experience](/story/components-tables-standardtable--checkbox-groups-new-check-all)

### 4.13.47

- Added the `hideBackButton` prop to the Stepper component

[Stepper](/docs/components-stepper--docs)

### 4.13.46

- Added prop spreading in HeaderMetricGroup to pass all HeaderMetric props to instances

[HeaderMetricGroup](/story/components-headermetrics-headermetricgroup--basic)

### 4.13.45

- Fixed icon sizes for `TextInput` and `SortColumn` components
- Fixed CSS for the MobileTable component
- Updated `Spreadsheet` stories to follow new color standards
- Fixed `dash` icon viewBox attributes to center its location

### 4.13.44

- Added a `disabled` prop to `Tooltip` and `PopoverNew`. Updated styles for both to improve combined arrow positioning and removed transition-related styles from `PopoverNew`

[Tooltip](/story/components-tooltip--disabled)

[Popover](/story/components-popover-popovernew--disabled)

---

**29-JANUARY-2025**

### 4.13.43

- Added toggle to opt-in to the new checkAll banner experience
- Fixed bug related to infinite rerenders when selected checkbox values changed

### 4.13.42

- Fixed a translation-related bug in FileUploader.

[FileUploader](/docs/components-fileuploader--docs)

---

**27-JANUARY-2025**

### 4.13.41

- Bug fixes for excessive rerenders in StandardTable

### 4.13.40

- Adding a banner row in the StandardTable for handling the checkAll options.
  If the checkAll box is selected then a banner will be displayed to clarify
  the user's choice, either to select all the visible/loaded options or to
  select every option (regardless of loaded status). If the user selects every
  option then the message will change to indicate all options are selected with
  the option to clear every option. The visible check box will only affect those
  options that are loaded and displayed on the page.

### 4.13.39

- Added `noPadding` CSS to the popover content when using the header in the `PopoverNew` component.

  [PopoverNew](/story/components-popover-popovernew--with-header)

### 4.13.38

- Upgrade all packages to their latest versions, including updating the Node.js and pnpm versions.

---

**24-JANUARY-2025**

### 4.13.37

- Changed size of info icon to 20px in `PageHeader`

[PageHeader](/story/components-pageheader--with-tooltip)

### 4.13.36

- `LeftNav` component fix:
  - Added an `exactLinkMatch` optional property in `LeftNavLinkObj`
  - It will fix the multiple tab highlight issue in `LeftNav`.

### 4.13.35

- Added a `bellSnooze` icon

---

**23-JANUARY-2025**

### 4.13.34

- Removing the deprecated props from `Banner`
  - `onButtonClickHandler`
  - `buttonText`
  - `showButton`

[Banner](/docs/components-banner--docs)

### 4.13.33

- Added two props to the `Accordion` component
  - `checked`: optional `boolean` value to control the state of the radio button to left of `Accordion` header.
  - `backgroundColor`: optional background color for the `Accordion`, which will be applied to the header and content section.
- Updated the `Accordion` header CSS class `.accordionHeader` to include a `gap: 16px`.

[Accordion](/docs/wip-accordion--docs)

### 4.13.32

- Fixed misalignment of the `carat` icon by reducing the expanded container width to 260px

---

**22-JANUARY-2025**

### 4.13.31

- `Banner` component adjustments:
  - Added a close button
  - Optionally hide the info icon
  - Refactored types to be simpler and more consistent with other components
- `Tooltip` was adjusted to be a `display: flex` instead of `display: block`

[Banner](/docs/components-banner--docs)

[Tooltip](/docs/components-tooltip--docs)

### 4.13.30

- Modified the condition for the tooltip title to use the plural form when the time value is selected
  as 'hours'.
- Additionally, added a new translation for 'previousYear' in all language JSON files. When a user selected 'Previous Year' and compared it with 'Previous Year', the tooltip title was incorrectly displayed as 'Last Year vs Last Year'. This has been changed to 'Last Year vs Previous Year'.

[HeaderMetric](/story/components-headermetrics-headermetric--comparison-tooltip)

---

**21-JANUARY-2025**

### 4.13.29

- Fixing the size and position of the info `Icon` for the `Banner` component.
- Fixing the background color for the `TagInput` component.

[Banner](/docs/components-banner--docs)

[TagInput](/docs/components-fo rmcomponents-taginput--docs)

---

**20-JANUARY-2025**

### 4.13.28

- Added `isExpanded` and `callout` props to `Accordion` Component.

[Accordion](/docs/wip-accordion--docs)

### 4.13.27

- Cleanup feature toggle `nested_multiselect`.

### 4.13.26

- Fixed Cell background colors in `Spreedsheet` component.

### 4.13.25

- Fixed styles issue for the `MobileColumnPicker` and `ToastContent` components.

---

**17-JANUARY-2025**

### 4.13.24

- Reverting React 19 due to type issues in other apps that need to be resolved

### 4.13.23

- Upgraded to React 19
- Fixed all type errors that were exposed after the upgrade

---

**16-JANUARY-2025**

- Added the `noImage2` icon to the iconography.
- Replaced few instances of the `noImage` icon with `noImage2`.

---

**15-JANUARY-2025**

### 4.13.21

- Removed a condition that was causing a UI bug for the `TextInput` component when using the `inputLabel` prop. This allows the `inputLabel` to correctly display the light gray background.

[TextInput](/story/components-formcomponents-textinput--percentage-text-input)

---

**14-JANUARY-2025**

### 4.13.20

- Resolved checkbox grouping mismatch by excluding totalRow from the checkbox filtering logic in `DesktopTable` component.

---

**13-JANUARY-2025**

### 4.13.19

- Updating the colors for the `Timeframe`.

[Timeframe](/story/components-timeframe-timeframe--timeframe)

### 4.13.18

- Added `FloatingPortalProps` reference to the `appendTo` prop in `PopoverNew`.

[PopoverNew](/docs/components-popover-popovernew--docs)

### 4.13.17

- The `Accordion` component is in a WIP state.
- Added 4 icons [`caretUp`, `caretDown`, `caretLeft`, `caretRight`] to Icons

### 4.13.16

- Fixed the `Button` component's `Icon` display by ensuring proper SVG color inheritance using CSS variables and fallbacks.

---

**10-JANUARY-2025**

### 4.13.15

- Fixing an editing bug with `TagInput`. Previously, after deleting a tag and immediately adding it back in, the tag would appear in an "edit" state. This has been fixed.

### 4.13.14

- Added `appendTo` prop to `PopoverNew` component

### 4.13.13

- Renamed `TooltipNew` to `Tooltip` and removed the export of `TooltipNew`.

---

**8-JANUARY-2025**

### 4.13.12

- Updated the hex values for the red, green, blue, and yellow color groups in CSS Variables.
- Updating colors for the following components:
  [Alert](/docs/components-alert--docs)
  [Banner](/docs/components-banner--docs)
  [Button](/docs/components-buttons-button--docs)
  [Button - with Icon](/docs/components-buttons-button-with-icon--docs)
  [ButtonGroup](/docs/components-buttons-buttongroup--docs)
  [Checkbox](/docs/components-formcomponents-checkbox--docs)
  [FormLabel](/docs/components-formcomponents-formlabel--docs)
  [GuidedTour](/docs/components-guidedtour--docs)
  [Modal - Confirmation](/story/components-modal--confirmation)
  [Pagination](/docs/components-pagination--docs)
  [Picker](/docs/components-formcomponents-picker--docs)
  [Pill](/docs/components-pill--docs)
  [ProgressBar](/docs/components-loaders-progressbar--docs)
  [PopoverHeader](/docs/components-popover-popoverheader--docs)
  [Radio](/story/components-formcomponents-checkbox--radio)
  [ReviewStars](/docs/components-reviewstars--docs)
  [SideDrawer - Confirmation](/story/components-sidedrawer--confirmation)
  [Spinner](/docs/components-loaders-spinner--docs)
  [Stepper](/docs/components-stepper--docs)
  [Switch](/docs/components-switch--docs)
  [Tag](/docs/components-tag--docs)
  [TextInput](/docs/components-formcomponents-textinput--docs)
  [Toast](/docs/components-toast--docs)

### 4.13.11

- Added `gray` color to `IconColorList` type.

### 4.13.10

- Updated `DragHandle` component to use `NewIconBaseProps`.
- Updated few of `Icon` component using new icon standards.

### 4.13.9

- Exported the `PopoverNew` component and `PopoverNewProps` from library.

[PopoverNew](/docs/components-popover-popovernew--docs)

### 4.13.8

- Increasing hierarchy indentation to 24px from 10px.

[Treelistbox](/docs/components-treelistbox--docs)
[MultiSelect](/story/components-formcomponents-multiselect--nested)

---

**7-JANUARY-2025**

### 4.13.7

- Added `dotsVertical` icon to Icons

[Icons](/docs/general-style-guide-iconography--docs)

---

**6-JANUARY-2025**

### 4.13.6

- Fixing the UI bug with the `Popover` that was introduced when we did the cleanup of the old `Tooltip` component.

### 4.13.5

- Removed the old `Tooltip` component from library.

---

**3-JANUARY-2025**

### 4.13.4

- Added optional `logoType` prop in `PatternLogo` component.

[PatternLogo](/story/components-patternlogo--pattern-plus)

### 4.13.3

- Created a `PatternLogo` component for displaying the Pattern logo.

[PatternLogo](/docs/components-patternlogo--docs)

### 4.13.2

- Replaced all instances of the old `Tooltip` with the updated `TooltipNew` component

### 4.13.1

- Added `teal` color to `IconColorList` type.
- Deprecated `size` and `customClass` props in `Icon` component. Use `iconSize` and `className` props instead.

---

**02-JANUARY-2025**

### 4.13.0

- The `Toggle` component has been removed from the library and replaced by the `Switch` component, which is its renamed version.

---
