{/* 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 { Canvas, Meta, Story } from '@storybook/addon-docs/blocks'

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

{/* INSERT NEW UPDATE HERE */}

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

**11-July-2023**

### 3.31.9

Added additional props to the `customColumnProps` for the table column settings.

- `title` prop to use custom title for table settings.

- `topChildren` prop to add any extra settings at the top of the column settings.

- `bottomChildren` prop to add any extra settings at the bottom of column settings.

- `cancelCallout` prop to cancel modified settings.

---

**10-July-2023**

### 3.31.8

Added `ignoreSecondaryCase` to `select` component. This optional
prop will remove the uppercasing from secondary text in select.
(usecase: Keep the currency symbols consistent)

---

**03-July-2023**

### 3.31.7

Bumping to fix the npm build.

---

**29-Jun-2023**

### 3.31.6

Added an additional prop `secondaryOptions` to the `MultipleSelection` component. This optional
prop will help to display the different values according to options which will show on UI as secondary text.

[MultipleSelection](/story/components-formcomponents-multiselect-multipleselection--with-secondary-options)

---

**28-Jun-2023**

### 3.31.5

Deprecated `Heading1` component and classes.

### 3.31.4

Deprecated the old `Breadcrumbs` components. Renamed `NewBreadcrumbs` to `Breadcrumbs`.

[Breadcrumbs](/docs/components-breadcrumbs--docs)

### 3.31.3

Updated Optional prop `compareWith` type to support only previous_period`or`previous_year for the Comparison Tooltip on HeaderMetric component.

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

### 3.31.2

Updated props `compareWith` for the Comparison Tooltip on HeaderMetric component.
This prop will allow the selected `Compare With` param from GlobalFilters for date comparison logic either `previous_period` or `previous_year` on comparison tooltip.
If this prop is not set, it will fallback to the default behaviour of the tooltip date comparison i.e pervious date for comparison.

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

---

**26-Jun-2023**

### 3.31.1

Removed old font size variables:

- `$font-size-h1`
- `$font-size-h2`
- `$font-size-h3`
- `$font-size-p`
- `$font-size-xs`
- `$font-size-xxs`
- `$font-size-header`
- `$font-size-tag`
- `$font-size-input`
- `$font-size-10`

[Font Sizes](/docs/style-guide-typography--typography)

---

**22-Jun-2023**

### 3.31.0

New font size variables added for our font size consolidation effort. Updated docs to reflect available `fs-*` helper classes. Font size variables:

- `$font-size-10` - `var(--font-size-10)`
- `$font-size-12` - `var(--font-size-12)`
- `$font-size-14` - `var(--font-size-14)`
- `$font-size-16` - `var(--font-size-16)`
- `$font-size-18` - `var(--font-size-18)`
- `$font-size-22` - `var(--font-size-22)`

[Font Sizes](/docs/css-helper-classes-fonts-font-sizes--font-sizes)