# DOT Style Guide

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development across projects.

# 1.6.22

- Reordered className values to ensure customClass is always appended last to adopt CSS utility .

# 1.6.21

- **Container,Box**
  - Moved the code to the @zohodesk/layout package.
  - Moved Layout.module.css to the @zohodesk/layout package and removed duplicate classes that overlapped with Flex.module.css.

# 1.6.20

**Select**, **MultiSelect**, **GroupSelect**, **SelectWithAvatar**, **SelectWithIcon**, **MultiSelectWithAvatar**, **AdvancedMultiSelect**
- `shouldUseInternalLoader` prop introduced
- It controls whether the component manages fetch-more loading visibility internally via `isFetchingOptions` state, or delegates it to the external `isLoading` prop

**Select**, **MultiSelect**
- Unwanted scroll to highlighted option function excution stopped - Performance fix

# 1.6.19

- **DropBoxElement**
  - `getSubContainerRef` prop supported to get the sub-container element reference.
- **Popup**
  - Popup Unmount Memory Leak Issue Resolved  .

# 1.6.18

- buttonComponentVersion temproary support given in LibraryContext , will remove once app is migrated

# 1.6.17

- Updated `@zohodesk-private/color-variable-preprocessor@1.3.3` package version - CTA category overridden variables are now generated only for the necessary CTA variables using the `buildOverriddenCTACategories` function.

# 1.6.16

- **DateWidget**
  - Fixed i18n key handling issue to ensure localized labels/messages are resolved consistently.
  

# 1.6.15

- **Select**
  - Added `closePopup` callback support to `getFooter` prop, allowing footer actions to close the popup programmatically.

# 1.6.14

- **v1/Button**
  - `Loader` and `SuccessTick` components moved from `v1/Button/_shared/` to new `v1/shared/` to make them reusable across v1.
- **colorHelper**
  - Updated `colorHelper` logic to fix text color issues in bg on `onHover` and `isSelected` state combinations.

# 1.6.13

- **Tab**
  - `contentAlign` prop supported to control the internal content container's alignment (justify-content). Default value is `both`.
  - `contentAlignBox` prop supported to control the internal content container's flex direction. Default value is `row`.

# 1.6.12

- v1/Button/_shared/SuccessTick/SuccessTick.module.css file renamed to SuccessTick_v1.module.css 
- v1/Button/_shared/Loader/Loader.module.css file renamed to Loader_v1.module.css 

# 1.6.9, 1.6.10 , 1.6.11

- padding, margin based css properties migrated to padding-inline,padding-block, margin-inline, margin-block 
- Introduced a new **Button** component in V1.
- Added a new **helpers** folder in V1 to organize reusable utility functions.
- Created a **colorHelper** utility inside the helpers folder.

# 1.6.8

- **Typography**
  - `breakSpaces` value supported for the **$ui_whiteSpace** prop.
  - Prefixless prop fallbacks are supported
  - `tagName` config in **highlightText** has been renamed to `as`. (fallback supported)

# 1.6.7

- PX to variable conversion was not applied due to the CBT migration. The issue has now been fixed. 

# 1.6.6

- CTA theme variable tokens moved to variables package
- **Dependency**: @zohodesk/variables@1.3.0

# 1.6.5

-  Added cardContent support in **SelectWithIcon**.
-  Added dropBoxClass replaced to dropBox support in **SelectWithIcon**. `⚠️`
-  Added dropBox,cardContent support in **Select**.
-  Added dropBox,cardContent support in **GroupSelect**.
-  Added dropBox,cardContent support in **SelectWithAvatar**.

# 1.6.4

  - **Popup**
    - Fixed an issue where the popup did not reposition correctly when the `mobileWidth` configuration was updated dynamically.

    ### 🔒 Compatibility
    - Requires `@zohodesk/dotkit` version `1.0.8` or above.

# 1.6.3

- Added customProps support to **AdvancedMultiSelect**.
- Introduced customClass in **Suggestions** component.
- Added dropBoxClass support in **SelectWithIcon**.
- Updated default --line-clamp value from 2 → 3.
- Added customTitleBox custom class to **ListItem**.
- Introduced lhsAlignContent prop in **ListItemWithAvatar**.

# 1.6.2

- **Select, SelectWithIcon, SelectWithAvatar, GroupSelect, MultiSelect, MultiSelectWithAvatar, AdvancedMultiSelect, AdvancedGroupMultiSelect**
  - `renderCustomEmptyState` prop supported
- **v1** code removed
- **CBT** cli migrated for build  

# 1.6.1

- **Label Component - v1**
  - The label component of v1 has been updated with accessibility enhancements and few props have been renamed and restructured to align better with accessibility guidelines
    - Mandatory field accessibility has been improved by allowing the mandatory indicator type (asterisk or text) to be handled via user preferences.
    - Explicit boolean props are introduced: isRequired, isDisabled, isReadOnly - These replace earlier state handling that was implicitly managed through the palette prop.
    - Custom Class Structure has been updated to provide separate styling control : Label element, Container wrapper
    - The variant prop has been replaced with textWeight to clearly define typography styling (regular / semibold).
    - The dataId has been replaced with testId, customId

  - These updates have been applied across all form labels using Label v1

# 1.6.0

- Updated @zohodesk-private/color-variable-preprocessor package - Grayscale introduced

# 1.5.9

- **InputFieldline**  
 - changed the handling of conditional logic for padding, scroll and size properties.
 - `size` default prop declaration removed.

- **TextBoxIcon**  
 - added support for `InputFieldLineProps` via the customProps object.

- **Select**  
 - Removed the size prop from InputFieldLine usage, as it is unused.

# 1.5.8

- Memoized **Portal** logic to improve performance.

# 1.5.7

- **ListContainer, ListItem, ListItemWithIcon**
  - `danger` value supported for the **palette** prop.

# 1.5.6

- **ListItemWithRadio, ListItemWithCheckBox**
  - `needBorder` prop supported

- **ArrowIcon**
  - Fixes of visible state and color from the container hover

- **AppContainer**  
  - The --zd-font-family variable now includes an empty string ('') as its fallback font-family value.

# 1.5.5

- **Popup**
  - Refactored to use the `Popup` component from `dotkit@1.0.5`.

# 1.5.4

- **Tag**
  - Added support for rendering left & right custom children using `renderLeftChildren`,`renderRightChildren` prop.

# 1.5.3

- **CheckBox, Radio**
  - `secondaryText` prop supported to render secondary value next to the control.
  - `customSecondaryText` key supported under `customClass` prop to customize secondary text styling.

- **Label**
  - `renderRightPlaceholderNode` prop supported to render elements after the label text.
  - `customProps` prop supported to pass additional props through `containerProps` & `rightPlaceholderNodeProps`.

# 1.5.2

- **TextBoxIcon**
  - Removed `--textboxicon_line_height` and `--textboxicon_line_color` to avoid overriding the InputFieldLine border properties.

# 1.5.1

- Font Family Migrated to Font-weight across all css  (Impacted)

# 1.4.23

- **Typography**
  - Added support for text highlighting via `$ui_highlightConfig` prop.

# 1.4.22

- **New Components**
  - ColorSingleSelect
  - ColorMultiSelect

- **Components in Shared folder**
  - InputFieldLine
  - ArrowIcon

- **Components in ColorSelect's _shared**
  - ColoredTag
  - ColorIndicator

- **TextBoxIcon**
  - `InputFieldLine` adopted in TextBoxIcon
  
- **ListItem, Suggestions**
  - `renderBeforeChildren` prop added.

- **Select, MultiSelect, SelectedOptions**
 - `renderCustomSelectedValue` prop added.

- **dropDownUtils**
 - `colorConfig` option added in makeFormatOptions method.

- **common/utils**
 - `DUMMY_ARRAY`, `DUMMY_OBJECT` and `DUMMY_FUNCTION` constants added.
 
# 1.4.21

- `Common Css`
  - added `unicode-bidi: bidi-override;` in ltr-dir class for change direction to ltr in rtl mode.

# 1.4.20

- **Popup**
  - Exposed the `recomputePosition` method to handle repositioning and dropdown alignment after chunk download.

# 1.4.19

- Added rtl:as:property comment for linear-gradient usages to ensure support in PostCSS
- Added loading styles to all button variants and support given for theme-based loading for primary button.
  - Impact: In **Button.module.css**, the class name successElement has been renamed to tickElement.
Also, primarySuccess → primaryTick, and dangerSuccess → dangerTick.

# 1.4.18

- **Select** 
  - `secondaryField` prop supported to render secondary value inside the options
  - `searchFields` prop supported to additional values based search

- **MultiSelect**
  - `secondaryField` prop supported to render secondary value inside the options
  - `SuggestionsProps` supported under **customProps** prop

- **SelectWithIcon** 
  - `secondaryValueKey` prop supported to render secondary value inside the options
  - `searchFields` prop supported to additional values based search
  - `ListItemProps` supported under **customProps** prop

- **SelectWithAvatar**
  - `secondaryField` prop supported to render secondary value inside the options
  - `searchFields` prop supported to additional values based search
  - `customProps` props supported with **TextBoxProps**, **DropdownSearchTextBoxProps** and **SuggestionsProps**

- **GroupSelect** 
  - `secondaryField` option supported under **groupedOptions** prop to render secondary value inside the options
  - `SuggestionsProps` supported under **customProps** prop

- **ListItem, ListItemWithAvatar, ListItemWithCheckBox, ListItemWithIcon, ListItemWithRadio**
  - `renderValueRightPlaceholderNode` prop supported to render elements after the value

# 1.4.17

- **Select, MultiSelect** - Fixed scroll jitter for the highlighted option when the virtualizer is enabled.
- **Select** - `isAnimate` prop supported
- `Switch_v1 css` - RTL issue on thumb position fixed.

# 1.4.14, 1.4.15 , 1.4.16

- `Common Css`
  - added ltr class renamed to ltr-zone.


# 1.4.13

- `Common Css`
  - added ltr-dir class for change direction to ltr in rtl mode.


# 1.4.12

- `TextBox`
  - The event is passed as the 4th argument to both onBlur and onFocus  
- `Common Css`
  - added ltr class for change direction to ltr in rtl mode.

# 1.4.11

- `@zohodesk/virtualizer` version updated from **1.0.3** to **1.0.13**

- **Select, MultiSelect**
  - `isVirtualizerEnabled` prop supported to manage bulk amount of options rendering

- **Suggestions**
  - **Virtualizer** adopted to manage bulk amount of options rendering with `isVirtualizerEnabled` prop support

# 1.4.10

- **Select, MultiSelect**
  - Searching with leading spaces is not reflected the results correctly. Issue Fixed.

- **Select**
  - Fixed performance issue in options formatting caused by unnecessary rendering triggers

# 1.4.9

- **MultiSelect , MultiSelectWithAvatar, AdvancedMultiSelect, AdvancedGroupMultiSelect**
  - `limit` prop supported
  - `limitReachedMessage` prop supported in i18nKeys

# 1.4.8

- Added UNSAFE_ prefix to deprecated lifecycle methods: componentWillMount, componentWillReceiveProps, and componentWillUpdate.

- **Popup**
  - Handled potential memory leaks by `event listeners`.
  - Added unmount handling for `requestAnimationFrame` to ensure proper cleanup.


# 1.4.7

- **Card** - Added support for reverse infinite scroll with `isRecentOnBottom`.

# 1.4.6

- **Popup** -  Added fixed popup scroll block behavior support to iframe elements (same-origin only).

# 1.4.5

- **Portal**
  - Introduced the `Portal` component to act as a React portal.
  - Supported `getPortalContainer`, `portalPrefix` from the library config.

- **Popup**
  - Fixed the auto-repositioning issue during fixed popup resize and improved the position calculation logic.

- **Modal**
  - Refactored to use the new `Portal` component for rendering, resolving unwanted rendering issues.
  - Supported `getRootElement` & `portalPrefix` from the library config.

- **Dropbox**
  - Updated to use the new `Portal` component for rendering, resolving unwanted rendering issues.

- **RippleEffect**
  - Enhanced CSS specificity for `secondary` active background and border color variables.

# 1.4.4

- **Button** - Strikethrough effect on disabled buttons supported through `shouldStrikeThroughDisabled` prop.
- **LibraryContext** - `shouldStrikeThroughDisabledButton` key added for <Button> component to apply strikethrough effect on disabled buttons.
- **--zdt_button_successfill_border** - Css Variable Removed from Button Style

# 1.4.3

- **ListItem**
  - Added `SecondaryValue` prop to supported.

# 1.4.2

- **Switch(v1)** -  ?. operator removed

# 1.4.1

- **Switch(v1)** - labelPlacement top | bottom alignment and hover style issue fixed.

# 1.4.0

- **Switch(v1)** - Existing v1 Switch moved to depreacated folder and all New component Switch created with required accessibility and customization.
- Theme entry for component_v1 added.
- **LibraryContext** - `shouldIndicateSwitchState` key added for Switch component.

# 1.3.5

- **AppContainer** - Memory leak issue resolved.

# 1.3.4

- **MultiSelect** -  `renderCustomClearComponent` and `renderCustomToggleIndicator` props supported to customize the clear and toggle indicator icon.
- **Select** -  `renderCustomSearchClearComponent` and `renderCustomToggleIndicator` props supported to customize the search input clear and toggle indicator icon.
- **TextBoxIcon** -  `renderCustomClearComponent` prop supported to customize the input clear.  

# 1.3.3

- **Stencils**
  - Added `isAnimated` prop to support Stencils without Animation.
  - Added `square` shape in existing shape collection
- **TabWrapper**
  - Added `vertical-reverse, row-reverse` alignment support in align propType

# 1.3.2

- **Popup**
  - Added `scrollDebounceTime` prop to support debounce control for fixed popup scroll behavior.
- **VelocityAnimationGroup** - Added support for the following props:
  - `onEnterComplete` - Callback triggered after enter animation completes.
  - `onExitComplete` - Callback triggered after exit animation completes.
  - `postEnterStyles` - Inline styles applied to the element once the enter animation has finished.  
  
# 1.3.1

- **dropDownUtils** - The isObjectContainsSearchString function logic has been updated to use some instead of filter, and additional conditions have been added to prevent potential runtime issues.

# 1.3.0

- **AdvancedMultiSelect, MultiSelect, MultiSelectWithAvatar** - searchFields prop supported
-  **AdvancedMultiSelect, MultiSelectWithAvatar** - secondaryField prop supported
- **ListContainer** - align prop supported
- **ListItemWithAvatar** - secondaryValue, lhsAlignContent prop supported
- **ListItemWithCheckBox, ListItemWithIcon, ListItemWithRadio** - secondaryValue, lhsAlignContent, lhsJustifyContent prop supported

# 1.2.63

- **AdvancedGroupMultiSelect, AdvancedMultiSelect, MultiSelect, MultiSelectWithAvatar, GroupSelect, Select, SelectWithAvatar** - `allowValueFallback` prop supported.
- **dropDownUtils** - Support string fallback for the object via the `allowValueFallback` prop.

# 1.2.62

- **Button**: Added new `palette` options: `plainDanger`, `plainSuccess`, and `success`.
- **RippleEffect**: Added new `palette` option: `secondary`.
- **Tag**: Enhanced the `onRemove` event to the `event` object `e` as the second argument for better event handling.

# 1.2.61

- **Textarea** -  Handled the default height and width appropriately based on the rows and cols props.

# 1.2.60

- **Textarea** -  Handled the default height and width appropriately based on the rows and cols props.

# 1.2.59

- **Textarea** - `rows, cols, customAttributes` prop supported

# 1.2.58

- **DropBoxElement** - `.arrow` style override issue fixed

# 1.2.57

- **Popup**
  - Fixed popup scroll behavior is now supported using the `isOutsideScrollBlocked` flag. When set to `false` (default).

- **DropBoxElement**
  - **Attributes Added**: The `data-box-direction` and `data-arrow-position` attributes have been added to facilitate the use of component-level CSS selectors.
  - **CSS Selectors**: Added support for `arrow`, `paddingSpace`, `shadow`, and `boxdirection` to facilitate the behavior of the dropbox using CSS selectors.
  
# 1.2.56

- **CheckBox** 
  - `data-selector-id` passing to Container component changed to `dataSelectorId`

# 1.2.55

- **ListItemWithAvatar** 
  - `AvatarTeamProps` and `AvatarProps` props has been added under the `customProps` group.

- **Tag** 
  - `avatarProps` and `iconProps` prop has been added under the `customProps` group.

# 1.2.54

- **Reverted 1.2.45 MultiSelect Fix**
  - The issue with the non-scrollable API call trigger in multiselect, introduced in version `1.2.45`, has been `reverted` in this version.


# 1.2.53

- **CheckBox** - Disabled State CheckBox Color Fixed
- **Radio** - ReadOnly State Radio Cursor and color Fixed
- **Textarea** - isFocus Prop added
- **AdvancedGroupMultiSelect** - isFocus Prop added
- **AdvancedMultiSelect** - isFocus Prop added
- **MultiSelect** - isFocus Prop added
- **DateWidget** - onDropboxClose,renderCustomHeader,renderCustomFooter Props added
- **DateTime** - renderCustomHeader,renderCustomFooter Props added
- **GroupSelect** - customProps supported

# 1.2.52

- **Typography** - component added in v0

# 1.2.51

- **Popup** - Fixed issue: Error on unmount when target ref is not available.

# 1.2.50

- **DateTime (v0&v1), CalendarView (v0&v1)**

  - Week starting day customization support added with `weekStartDay` props and week holiday customization support with `holidays` prop
  
- **DateWidget (v0&v1)**

  - Support has been added for `weekStartDay`, `holidays` props

- **DaysRow (v0&v1)**

  - `holidays` prop added for holiday column indication

# 1.2.49 

- **Popup**
  - `isOutsideScrollBlocked` prop supported - Scroll blocking behaviours supported
  - Fixed popup re-positioning on window resize not working properly - Issue fixed
- **DropBoxElement**
  - The dot-ui-element attribute has been added to facilitate the use of component-level CSS selectors

# 1.2.48

- **ResizeObserver**

  - The ResizeObserver PolyFill code has been removed, and a separate copy with the PolyFill included is saved under the filename ResizeObserverWithPolyfill.js
  

# 1.2.47

- **DateTime**

  - The issue of the dateTime_dateSelected string being duplicated in the data_id attribute when selecting the last day of the month has been resolved.

# 1.2.46

- **AppContainer (v1)**

  - Removed color, zoom size, font size and font family variable files imports

# 1.2.45

- **GroupSelect**

  - The issue with TextBoxIcon_i18n returning an undefined value while using the needSelectDownIcon prop has been fixed.

- **MultiSelect**
  - Functionality Added - If the container is non-scrollable, the API call is triggered to fetch the next set of data upon selecting an option.

# 1.2.44

- **Tabs (v0&v1), AdvancedGroupMultiSelect (v1)**

  - `isAbsolutePositioningNeeded` `isRestrictScroll` `positionsOffset` `targetOffset` props supported for fixed position.

- **Tabs (v0&v1)**

  - padding css fix

- **DropDownSearch (v1)**
  - Input not focus on mount issue fixed

# 1.2.43

- **AdvancedMultiSelect, MultiSelect, MultiSelectWithAvatar, GroupSelect, SelectWithIcon** - Fixed position support added.

- **SelectWithAvatar, AdvancedGroupMultiSelect** - Fixed position support added and getTargetRef issue fixed.

- **Tooltip** - Fixed white space attribute value from preWrap to pre-wrap.

# 1.2.42

- **Heading (v0&v1)** -

  - whiteSpace prop added

- **Tooltip (v0&v1)** -
  - whiteSpace prop added
  - `data-title-wrap` now accepts whitespace CSS values instead of a boolean, allowing the tooltip to support all whitespace options. Default value is `normal`.

# 1.2.41

- **Tabs**
  - Search implemented in more popup (v0& v1)

# 1.2.40

- **Radio** - renderRightPlaceholderNode prop supported

# 1.2.39

- **LibraryContext** - coloredTagVariant, hasTagColorInheritedToText properties added
- **Tag** - customAttributes prop supported
- **TextBoxIcon** - needInputFocusOnWrapperClick prop supported

# 1.2.38

- **renderRightPlaceholderNode**
- renderRightPlaceholderNode support given for `CheckBox` `Textarea` `Select` `MultiSelect` `TextBoxIcon`.
- Json File Import Changed to JS modules in `Popup/PositionMapping` `DropBox/DropBoxPositionMapping`.
- **DateWidget**
- TextBoxIconProps key supported in customProps prop
- **MultiSelect**
- customProps prop added and TextBoxIconProps customization given (Prop spread).
- **Select**
- TextBoxIconProps key supported in customProps prop
- **SelectWithIcon**
- customProps prop added and tooltip supported for dotted case

# 1.2.37

- **Tabs**
- dataID prop import missing for more menu dropdown issue fix (v0 and v1)

# 1.2.36

- **dataID & dataTestID**
- support has been added for the `DropDownSearch` `ListItemWithRadio` `AdvancedGroupMultiSelect` `AdvancedMultiSelect` `MultiSelect` `MultiSelectWithAvatar` `SelectedOptions` `SelectWithAvatar` `SelectWithIcon` `Tabs` Component (v0 and v1).

# 1.2.35

- **MultiSelect**
- `dataId` support has been added for the ResponsiveDropBox Component.
- The `dataId` will be reflected as `dataId` with the suffix "_dropbox".
- **DateWidget**
- `dataId` support has been added for the datePicker icon.
- The `dataId` will be reflected as `dataId` with the suffix "_datePicker".

# 1.2.34

- **GroupSelect** - When the idField contains more than one underscore symbol, this component throws an error. This issue has been fixed in this version.

# 1.2.33

- **AdvancedMultiSelect** - customClass prop supported in both normal and v1 folder

# 1.2.32

- **DateWidget** - customProps support and getPopupProps method added to able access popup props from outside.

- **DateTime, Time** - customProps support added.

# 1.2.31

- **GroupSelect** - dataId Supported for all main places. Set the default value for dataId prop to 'GroupSelect'.

# 1.2.30

- **MultiSelect** - needResponsive default Prop set as true as before.

# 1.2.29

- Common providers update for v1 components

# 1.2.28

- **CheckBox** - getContainerRef prop supported
- **Radio** - children, customProps, getRef props supported. tabIndex option supported inside a11y prop

# 1.2.27

- **DateWidget** - The issue with the YearView Open State Reset on Blur Event in DidMount has been resolved

# 1.2.26

- **MultiSelect, MultiSelectWithAvatar** - Mobile Header Render Issue in Mobile Responsive Fixed.
- **isMobilePopover** - Function added in Dropbox.
- **Tag** - closeTitle not working issue fixed ( because value sends in wrong prop key data-title)

# 1.2.25

- **RippleEffect** - cssClassPropOfChild prop added

# 1.2.24

- **Animation** - style object moved to utils.

# 1.2.23

- **DropBoxElement** - A dropdown has been incorporated as one of the main focus areas, utilizing the `data-a11y-focus-main-area` attribute.

- **Select, Tab, TabContentWrapper** - A11y changes.

# 1.2.22

- **Tags,TextArea, Textbox, Checkbox** - Cursor css changes for variable autoconversion

# 1.2.21

- **v1/Tabs** - converted to functional component
- **TextBox** - Tooltip Issue fixed
- **Tooltip** - Input Element Based Tooltip Fix Related Fix Added

# 1.2.20

- **Avatar, ListContainer, Suggestions, Select, Switch** - Accessibility issue fixes.

# 1.2.19

- Typography - lineheight unitless prop added
- v1/Modal - converted to functional component
- DateWidget - Manual Type TimeZone Issue Fixed

# 1.2.18

- TextBox - MaxLength Default Prop Removed

# 1.2.17

- DateWidget TimeZone Exception Supported

# 1.2.15, # 1.2.16

- color-variable-preprocessor version issue solved

# 1.2.14

- **@zohodesk/hooks** version update - 2.0.2
- @zohodesk-private/color-variable-preprocessor version upgrade

# 1.2.13

- Typography - Added wordBreak, wordWrapm, whiteSpace props and renamed $ui_variant to $ui_weight.

- **CalendarView** - Range selection feature is provided and added in v1 folder.

# 1.2.12

- Card index file missing in v1 folder issue fixed

# 1.2.11

- MultiSelect Proptype validation declaration order issue fixed
- Provider components added in v1 folder

# 1.2.10

- **Common utils** - `getKeyValue` method added to get keyValue of current pressed key.

- **DateTime** - Numpad key issue fixed.

- **Select, GroupSelect** - getting key value from key event method changed.

# 1.2.9

- Package version merge fix update.

# 1.2.8

- **DropBox** - FocusScope component - props rename update.

# 1.2.7

- **Datetime** - days string in calender, multi language dotted issue fixed

# 1.2.6

- **AppContainer** - Memory Leak issue solved

# 1.2.5

- v1 folder remove entry from npmignore

# 1.2.4

- **Typography** new component added

# 1.2.3

- **MultiSelect , MultiSelectWithAvatar** mobile responsive features added
- **Mobile Header** Component added
- Proptype validation fixed

# 1.2.2

- **Button** id attribute has been added

- **Heading** a11y prop has been added

# 1.2.1

- Proptypes and PlayGround Validated

# 1.2.0

- **utils** and **hooks** packages added as dependency

- **mergeStyle** and **compileClassNames** - deprecated and used from `utils` package

# 1.1.1

- ComponentTheme file --zdt_ prefix missing changes

# 1.1.0

- Internal color-variable-preprocessor package implemented

# 1.0.0

- alpha release removed and version changed to normal flow

# 1.0.0-alpha-278

- **DateTime** - Date.Replace check added to avoid run time error

# 1.0.0-alpha-277

- **DropBox** - `focusScopeProps` will be served by `customProps` from now.

- **ListItem, ListItemWithAvatar, ListItemWithIcon, ListItemWithCheckBox, ListItemWithRadio** - default role `option` has been added to the list item container.

- **ListContainer** - A11y prop key => `data-a11y-inset-focus` set `true` as default for the ListContainer.

# 1.0.0-alpha-276

- **DateTime** - TimeZone null Case Handled

# 1.0.0-alpha-275

- **DateTime** - millisecond and second should work only when customDateFormat is given issue fixed. this fix related to *1.0.0-alpha-272*

# 1.0.0-alpha-274

- **AppContainer** - needTooltip prop added
- data-test-id attribute added for all element which having data-id attribute to separate customization and automation

# 1.0.0-alpha-273

- Variable Replacer Issue Resolved

# 1.0.0-alpha-272

- **DateTime** - customDateFormat prop supported

# 1.0.0-alpha-271

- **Tabs** - DropBox position RTL fix.

- `stopPropagation` method added in common utils.

- **DropBox**

  cancelBubblingEffect fix.

  `fadeIn` and `scaleIn` animations added.

# 1.0.0-alpha-270

- **Tabs** - DropBox position RTL fix

# 1.0.0-alpha-269

- **DateTime** - 24Hour Suggestion Issue Fixed

# 1.0.0-alpha-268

- Contrast default variables :root selector removed

# 1.0.0-alpha-267

- **DropBox** - Fixed Position issue fix.

- **Select** - Fixed Position prop support.

# 1.0.0-alpha-266

- **Button** - migrated to UCL and converted to functional component
- Contrast option implemented through preprocess. Category key value added for all color variables.
- BoxShadow Values Separated for Contrast

# 1.0.0-alpha-265

- **mergeStyle** - Logic Issue Fixed
- **Tab** - State Restricted Names Check added
- **cancelBubblingEffect** function added in utils/Common

# 1.0.0-alpha-264

- **DropBox** - customStyle renamed to customInlineStyle and migrarted to functional UCL component

# 1.0.0-alpha-263

- **ListItem, ListItemWithAvatar, ListItemWithCheckbox, ListItemWithIcon, ListItemWithRadio** - Line height changed 20px and Padding also changed.

# 1.0.0-alpha-262

- **ListItem, ListItemWithAvatar, ListItemWithCheckbox, ListItemWithIcon, ListItemWithRadio** - Added New Prop `needMultiLineText`

- **MultiSelect, MultiSelectWithAvatar** - `keepSelectedOptions` prop added. When this prop is true, it won't remove selected items from the dropdown instead it highlights each selected item with tick mark.

- **MultiSelectWithAvatar** - `customProps` support.

# 1.0.0-alpha-261

- **Tab,Tabs** - Removed offsection property from css.

- compileClassNames , mergeStyle utils added.

- index export object fixed.

# 1.0.0-alpha-260

- **TextBoxIcon** - OnClear Focus in TextBox issue Resolved.

- Suggestions - `listItemCustomProps` prop support given for all suggestion to control all listitems.

- `isTextSelected` - common method added in utils to know any text highlighted or not.

- **Popup** - Issue fix: While click on the document, popup won't close if any text highlighted in the product.

# 1.0.0-alpha-259

- **Avatar**

  `needInnerBorder` and `needDefaultBorder` prop has been added.

  `xxsmall` option added for size prop.

- **AvatarTeam** - `needInnerBorder`, `needBorder` and `needDefaultBorder` props has been added.

# 1.0.0-alpha-258

- **CheckBox** - dataSlector prop changed to `dataSelectorId`.

- `dataSelectorId` prop added for all components

# 1.0.0-alpha-257

- **Avatar** - Avatar initial render issue and image border issue solved

- **DateWidget** - `boxSize` and `onError` prop has been added.

# 1.0.0-alpha-256

- **Button** - Safari browser focus issue fix and `customProps` validation.

- **Switch** - Click handling issue fix.

- **Tabs, Tab** - Screen Reader fix.

# 1.0.0-alpha-255

- **CalenderView, DateTime** - Today and selected date issue fix.

- `Accesssility`- Screen Reader fix.

# 1.0.0-alpha-254

- **AppContainer** - accessibility theme css has been added.

- **Button** - `customProps` support.

- **DropBox** - Focus scope navigation support.

# 1.0.0-alpha-253

- **Tabs, Tooltip** - If condition check added to reduce murphy error logs.

- `Accesssility`- Screen Reader support for some components.

# 1.0.0-alpha-252

- **Select,GroupSelect,SelectWithAvatar,SelectWithIcon,MultiSelect,MultiSelectWithAvatar** - Initial Loader and Scroll End Loader added.

- **componentAppearanceVariableJson**

  `zdt_datetime_today_bg` variable renamed as `zdt_datetime_selected_bg`

  `zdt_datetime_today_border` variable added.

- **CalendarView** - `isToday` prop added to display today's date as a separate style.

- **DateTime.module.css** - `.today` class renamed as `.active` class.

# 1.0.0-alpha-251

- Heading component - font reset css fix

# 1.0.0-alpha-250

- Heading (accessibility) - new component added
- Avatar => component initial rendering optimization.

# 1.0.0-alpha-249

- color => secondary_border light mode color changes

# 1.0.0-alpha-248

- preventParentScroll props added for Box and Container

# 1.0.0-alpha-247

- Svg path changes

# 1.0.0-alpha-246

- :focus in css removed

# 1.0.0-alpha-245

- PureDark mode color lists added in docs

# 1.0.0-alpha-244

- AdvancedGroupMultiSelect , AdvancedMultiSelect => textbox flexible ui fix and duplicate css removed

# 1.0.0-alpha-243

- DateTime, DateWidget => Portal Id support for fixed position.
- YearView => Theme Variable support for month text.

# 1.0.0-alpha-242

- Tag -> defaultLink palette added

# 1.0.0-alpha-241

- Added unobserve element condition for Tooltip.

# 1.0.0-alpha-240

- DateWidget input selection color variable removed
- ResponsiveDropBox Implemented for all DropBox

# 1.0.0-alpha-239

- #999 instead of #a8b0bd color value in PureDark mode
- DateTime, DateWidget => DropBox Fixed position prop support.(positionsOffset , targetOffset ,isRestrictScroll added)

# 1.0.0-alpha-238

- Tooltip optimization - container client rect calc is cached and only calc when resized.
- Provider/Config => tooltipContainer key removed and getTooltipContainer key added
- PureDark mode implemented via preprocess

# 1.0.0-alpha-237

- ListItem Responsive Min Height Fixed
- CheckBox data-selector attribute added

# 1.0.0-alpha-236

- Input => autocomplete added in provider configuration

# 1.0.0-alpha-235

-Tooltip
=> data-title-wrap prop added
=> tooltip calculation based on root or window case added

# 1.0.0-alpha-234

- MultiSelect => SelectedId fix on component did update

# 1.0.0-alpha-233

- MultiSelect => On press tab key selecting option removed

# 1.0.0-alpha-232

- ListContainer => Mobile Responsive Implemented

# 1.0.0-alpha-231

- DropBox - Position Undefined Issue Solved

# 1.0.0-alpha-230

- Avatar, AdvancedGroupMultiSelect, AdvancedMultiSelect, MultiSelect, MultiSelectWithAvatar, GroupSelect, Select, SelectWithAvatar, SelectWithIcon, TextBoxIcon => Tooltip undefined case solved
- Select , MultiSelect => boxSize prop added

# 1.0.0-alpha-229

- MultiSelect, AdvancedMultiSelect => disabledOption Clear icon handled properly

# 1.0.0-alpha-228

- Button => danger, primary loader color issue solved

# 1.0.0-alpha-227

- isReadOnly and needEffect prop added in Tag Component for read-only case
- needEffect prop added for the below components: ( This props has been added for read-only case )
  => Advanced Group Multi Select
  => Advanced Multi Select
  => Multi Select
  => Multi Select With Avatar
  => Select With Avatar
- isReadonly prop added for SelectedOption component
- Read-only class added for TextBoxIcon component
- Removed click action in tag multi select component for read-only case
- Changed the cursor default to not-allowed in Radio component for read-only case

# 1.0.0-alpha-226

- ListContainer Implemented in => ListItem,ListItemWithAvatar,ListItemWithIcon,ListItemWithRadio,ListItemWithCheckBox

# 1.0.0-alpha-225

- Appearance css moved to assets

# 1.0.0-alpha-224

- css color variable updation

# 1.0.0-alpha-223

- bg,shadow,text,border based variables removed and renamed.

# 1.0.0-alpha-222

- Tabs=> isResponsive condition handled properly
- Select, MultiSelect => on press tab, choose selected value then move focus to next focuable element flow implemented

# 1.0.0-alpha-221

- blueDefaultTheme & blueDarkTheme class name added in Blue CTATheme & ComponentTheme files

# 1.0.0-alpha-220

- Tooltip Delay Controlled to Improve Perf

# 1.0.0-alpha-219

- ContextOptimizer => ShallowEqal function issue solved

# 1.0.0-alpha-218

- Select => Custom props undefined issue solved

# 1.0.0-alpha-217

- TextBox, Multiselect, Tag missing dark palette variables moved under Themes folder file

# 1.0.0-alpha-216

- Select component -> customProps added -> TextBoxProps ,DropdownSearchTextBoxProps, listItemProps added
- Suggestions component -> customProps added -> listItemProps
- TextBox component -> customProps added
- TextBoxIcon component -> customProps added -> TextBoxProps

# 1.0.0-alpha-215

- Select Search Regex Changed to Lowercase

# 1.0.0-alpha-214

- Avatar, Label, Tag, Dropdown, ListItem, Multiselect missing dark palette variables moved under Themes folder files

# 1.0.0-alpha-213

- AnimationVariable File import removed

# 1.0.0-alpha-212

- Stencils => Converted to Pure Component

# 1.0.0-alpha-211

- Lato font reference changed from local to Zoho URL(web fonts)

# 1.0.0-alpha-210

- Published but some issues are there

# 1.0.0-alpha-209

- Config => isReducedMotion, direction added
- LibraryContext => added
- transition variable implemented in all css

# 1.0.0-alpha-208

- Select, AdvancedGroupMultiSelect, MultiSelect => search space issue solved
- Common => getSearchString fn added,
- Tabs => MoreButtonProps added in customProps
- Tab => customProps added

# 1.0.0-alpha-207

- Popup => PreventDefault On RemoveClose Removed
- Tabs => getCustomDropBoxHeaderPlaceHolder props added

# 1.0.0-alpha-206

- LableColor Css File Separated
- Select, TextBox,MultiSelect,AdvancedMultiSelect => on focusing input preventScroll disabled.
- ResizeComponent Added

# 1.0.0-alpha-205

- MultiSelect => lowBandwidth Force Apicall issue fixed

# 1.0.0-alpha-204

- CTA alpha color value changed

# 1.0.0-alpha-203

- Default mode CTA grey color value changed

# 1.0.0-alpha-202

- MultiSelect - scroll top issue fix

# 1.0.0-alpha-201

- AccordionItem - innerclass prop has been added.

# 1.0.0-alpha-200

- Responsive Sender Receiver Performance Improvement

# 1.0.0-alpha-199

- Font size variable fixed for missed place

# 1.0.0-alpha-198

- Date Component optimization

# 1.0.0-alpha-197

- Card => isPercentageScroll prop added, scrollFetchLimit config implemented
- Tabs => customProps Prop added

# 1.0.0-alpha-196

- AdvancedMultiSelect => SelectedOptionsLimti old and new comparison based rerender update

# 1.0.0-alpha-195

- ZIndex Number Counter Issue solved

# 1.0.0-alpha-194

- Tab => css modified position correction and mousedown issue fixed
- fitContWidth,fitContHeight class added in common
- propType Declaration fixes

# 1.0.0-alpha-193

- VelocityAnimation => slideLeft animation added
- Tabs => containerClass prop added

# 1.0.0-alpha-192

- CTA gray based color changes

# 1.0.0-alpha-191

- CustomScroll Color Fixes

# 1.0.0-alpha-190

- DarkMode => input placeholder color changed

# 1.0.0-alpha-189

- DropBox => Calculation Based Performance improvement
- Popup => Popup WitthIn Popup Body Focus Issue Solved

# 1.0.0-alpha-188

- Popup => popup within popup open body click issue fixed

# 1.0.0-alpha-187

- Popup => popupGroup empty array check added

# 1.0.0-alpha-186

- MultiSelect - children render place changed

# 1.0.0-alpha-185

- DropBox => Toggle Position Issue Solved For Left Right Padding Calculation

# 1.0.0-alpha-184

- Palette-Based Folder Structure Changed.
- data-theme changed to data-mode
- data-palette changed to data-theme

# 1.0.0-alpha-183

- AppContainer => dataThemeAttr,dataTheme prop removed. instead customProps prop added
- Palette Based Color System Implemented

# 1.0.0-alpha-182

- DateComponent => Safari Browser Focus Selection Issue Fixed

# 1.0.0-alpha-181

- MultiSelect , AdvancedMultiSelect => selection reorder issue fixed
- Avatar, AvatarTeam, Checkbox, ListItem, Switch => customProps Added

# 1.0.0-alpha-180

- Tab => Rtl Fix
- Config => idCounter, ZindexCounter, IdPrefix Added, Intial Zindex Increased to 3

# 1.0.0-alpha-179

- DateWidget => 24 hours HH caps placeholder issue solved

# 1.0.0-alpha-178

- MultiSelect => getFooter prop added
- AdvancedMultiSelect => getFooter prop added

# 1.0.0-alpha-177

- DateWidget - PlaceHolder Lower Case Issue Solved
- Tab - Hook Callback Issue Fixed
- MultiSelect Empty Array Fix

# 1.0.0-alpha-176

- DateWidget - isHideCurrentYear,onBlur,onFocus prop added

# 1.0.0-alpha-175

- DateTime,DateWidget - is24Hour prop added
- DateTime => isDefaultPosition prop added
- Responsive Observer Performance Issue Fixed

# 1.0.0-alpha-174

- CheckBox - isClipped Prop added

# 1.0.0-alpha-173

- code-based issue fixed ( const to let)

# 1.0.0-alpha-172

- TextBoxIcon/TextBoxIcon.js
  => onClearMouseDown prop support
- MultiSelect, MultiSelectWithAvatar,AdvancedMultiSelect => disabledOptions prop supported

# 1.0.0-alpha-171

- Dropbox => mobileWidth Configuration Hook given

# 1.0.0-alpha-170

- MultiSelectWithAvatar => isSearchClearOnSelect prop added
- DropBox => customStyle prop added
- DropDownHeading => tabIndex removed

# 1.0.0-alpha-169

- DateWidget => iconOnHover added and autoComplete disabled
- AdvancedGroupMultiSelect => autoComplete disabled
- AdvancedMultiSelect => autoComplete disabled
- MultiSelect => autoComplete disabled
- MultiSelectWithAvatar => isBoxPaddingNeed prop added
- GroupSelect => iconOnHover prop added and tab focus issue solved
- Select => iconOnHover prop added and tab focus issue solved
- SelectWithAvatar => autoComplete disabled
- SelectWithIcon => autoComplete disabled
- TextBox => isFocus prop added
- TextBoxIcon => isFocus,iconOnHover prop added

# 1.0.0-alpha-168

- DropBox Duplicate Portal removed

# 1.0.0-alpha-167

- DropBox - responsive ui fixes , isRestrictScroll,needAutoZindex prop added, needResponsive default value changed to true
- Popup - customOrder prop added
- ListItemWithAvatar => tick icon padding issue solved

# 1.0.0-alpha-166

- Tab => Border Calculation Issue Fixed
- Tooltip => Position Issue Fixed

# 1.0.0-alpha-165

- Select -> onFocus Prop Added
- Tab -> titlePosition prop added for tooltip

# 1.0.0-alpha-164

- Fixed Tab highlight issue.

# 1.0.0-alpha-163

- Fixed the bug to recalculate dimension if tab id changed

# 1.0.0-alpha-162

- Performance Changes added in Tab , Tooltip Components
- MultiSelect, MultiSelectWithAvatar => customChildrenClass prop Added and TextBox component replaced with TextBoxWithIcon component

# 1.0.0-alpha-161

- Proxima Font Removed and Lato Font Added

# 1.0.0-alpha-159

- MultiSelect,MultiSelectWithAvatar,AdvancedGroupMultiSelect,AdvancedMultiSelect - isSearchClearOnSelect default Prop changed as true
- Tooltip Box Layout Position Issue Fixed
- autoTabIndex prop removed in listitem component groups

# 1.0.0-alpha-158

- ListItem => dataId Fix
- MultiSelect => Bg color fix

# 1.0.0-alpha-157

- RippleEffect => needBorder prop added
- Select => Children Prop added
- MultiSelect,MultiSelectWithAvatar,AdvancedGroupMultiSelect,AdvancedMultiSelect - isSearchClearOnSelect prop added
- ListItem,ListItemWithIcon,ListItemWithAvatar => dataId added for tickIcon

# 1.0.0-alpha-156

- A11y Changes

# 1.0.0-alpha-156

- Dark Theme Changes

# 1.0.0-alpha-155

- Tooltip DarkMode Theme Css Added

# 1.0.0-alpha-154

- isDarkMode based props removed for all components
- AppContainer => Tooltip moved from Container Html

# 1.0.0-alpha-153

- ListItem => text-decoration fixed
- AdvancedGroupMultiSelect => isGroupMultiSelect prop removed
- AdvancedMultiSelect => isGroupMultiSelect removed, isBoxPaddingNeed added
- MultiSelectHeader => isGroupMultiSelect removed

# 1.0.0-alpha-152

- A11y Changes
- Theme Primary Colors Added

# 1.0.0-alpha-150

- Label => dark palette added
- TextBox => light variant added

# 1.0.0-alpha-149

- Avatar,AvatarTeam =>borderOnActive,borderOnHover prop added
- Tab - text decoration added
- Semantic Button Css fixed

# 1.0.0-alpha-148

- Tag => max-width 100% added
- Theme Changes in => DateTime,Tabs,AdvancedMultiSelect,RippleEffect

# 1.0.0-alpha-147

- currentScreenSize returned from Responsive Receiver
- sticky class added in common.module.css
- --zdt prefix added for theme variables

# 1.0.0-alpha-146

- ListItem => dataId fixes
- Tag => dataId issue Fixed
- DropBox => RTL fixes
- VelocityAnimation => RTL fixes

# 1.0.0-alpha-145

- TextBoxIcon Clear Icon Color Fix

# 1.0.0-alpha-144

- PortalLayer Moved to deprecated folder
- A11y Id Added For Select, MultiSelect Based Components
- Semantic Button Default Font and Padding Resetted.
- LisItem - dataId setted default

- DropDown
  - DropDownHeading - Added customClass props
  - DropDownItem - Added customClass props
  - DropDownSearch - Added customClass
  - DropDownSeparator - Added customClass props
- Radio - Added customClass
- ListItem
  - ListItem - Removed customClass props and Added customClass object
  - ListItemWithAvatar - Added customClass
  - ListItemWithCheckBox - Added customClass
  - ListItemWIthIcon - Added customClass
  - ListItemWithRadio - Added customClass
- Ribbon - Added customClass props
- Stencils - Added customClass props
- Switch - Added customClass
- TextBoxIcon - Removed className props and Added customClass
- Textarea - Removed className props and Added customClass props
- Tooltip - No customClass. Just declared variables for Theme mode

# 1.0.0-alpha-143

- Issue fix in displaying Avatar Initial when 'name' prop has trailing space.

# 1.0.0-alpha-142

- Theme Based Changes(Variable changes no Impacts)

# 1.0.0-alpha-141

- Tab => keyboardprevent(ctrl,shift,alt) for link case
- Appcontainer => dataThemeAttr added
- ListItem => isDarkMode prop added

# 1.0.0-alpha-140

- DropBox -> PortalLayer changed to Modal

# 1.0.0-alpha-139

- DateTime => i18keys supported
- variable name changes

# 1.0.0-alpha-138

- - Avatar - Removed customTextClass and added customClass props
- - AvatarTeam - Removed customTextClass and added customClass
- - Button - Removed className and added customClass
- - Buttongroup - Added customClass props
- - Card, CardHeader, CardContent, CardFooter - Removed className and added customClass props in Card, CardHeader, CardContent, CardFooter
- - CheckBox - Added customClass
- - DropBox - Removed className and added customClass
- - Label - Added customClass props
- - Tag - Removed className and added customClass
- - TextBox - Removed className and added customClass props
- - AppContainer - dataTheme Prop added

# 1.0.0-alpha-137

- ally Fixes
- htmlId prop added in the select component
- AdvancedGroupMultiSelect => scroll fetch issue fix

# 1.0.0-alpha-136

- removed dataIdNoOptnsMsg from GroupSelect
- i18keys props renamed to i18nKeys
- clearTitle prop removed from MultiSelect, MultiSelectAvatar, AdvancedMultiSelect, AdvancedGroupMultiSelect
- Textare => default font fix
- CalenderView => dataId changed for invalidDate as invalidDate
- DatePicker limit changed to 1850 - 9999

# 1.0.0-alpha-135

- Avatar alternateSrc supported

# 1.0.0-alpha-134

- Reset Code Splitting

# 1.0.0-alpha-133

- AdvancedGroupMultiSelect => isPadding Prop added

# 1.0.0-alpha-132

- htmlId prop given in TextBox , Textboxwithicon, Textarea
- CssProvider Changes

# 1.0.0-alpha-131

- Removed isLicenseSuccess and i18n in Label
- name Prop changed to htmlFor in Label
- title prop added in DropDownHeading

# 1.0.0-alpha-130

- Added 'isLicenseSuccess' props in 'ListItemWithIcon' component

# 1.0.0-alpha-129

- DropBox className Fix

# 1.0.0-alpha-128

- DateComponent => isEditable added

# 1.0.0-alpha-127

- DateComponent => error through fix

# 1.0.0-alpha-126

- AllY implementation for the button, textbox
- Semantic button added

# 1.0.0-alpha-125

- fsize => font_sizevariable replaced
- Tab => moreiconActiveClass

# 1.0.0-alpha-124

- size => fsize

# 1.0.0-alpha-123

- Appcontainer RemFontVariable added

# 1.0.0-alpha-122

- Tag default bg color Changed
- AvatarTeam background color removed

# 1.0.0-alpha-121

- Dropbox shadow changed

# 1.0.0-alpha-120

- Reponsive Render Fixes
- DropBoxBorder Removed

# 1.0.0-alpha-119

- DateTime component Fix

# 1.0.0-alpha-118

- CustomResponsive Added

# 1.0.0-alpha-117

- DateTime Placeholder Selection Fix For Firefox

# 1.0.0-alpha-116

- DateTime Component Issue Fix , Row Fix, YearView Fix
- DateTime => i18keys prop added
- TextBoxWithIcon => children prop Parent Changed to Box

# 1.0.0-alpha-115

- DropBox => isDarkMode added
- DropDownHeading => isDarkMode added
- ListItem => palette dark added
- ListItemWithAvatar => isDarkMode,avatarPalette added
- EmptyState => isDarkMode added
- MultiSelect => isDarkMode,palette added
- MultiSelectWithAvatar => isDarkMode,palette added
- SelectedOptions => isDarkMode added
- Suggestions => isDarkMode, palette added
- Stencils => dark palette added
- Tag => isDarkMode prop added

# 1.0.0-alpha-114

- Tab iconSize Prop Added

# 1.0.0-alpha-113

- DateTime => isPadding prop added
- common diabled opacity changed to 0.5
- MultiSelect => isBoxPaddingNeed needa prop added
- DropBox => isBoxPaddingNeed prop added
- RippleEffect => primaryDark palette added

# 1.0.0-alpha-112

- Card scroll issue fix

# 1.0.0-alpha-111

- AdvancedGroupMultiSelect => children,getFooter, customClass added , Loader Handled
- GroupSelect => children, getFooter added
- Svg package Added
- RippleEffect => before zindex removed
- Container , Box Performance Fix
- Card ReRender Fix

# 1.0.0-alpha-110

- MultiSelect DataId Fix
- ToolTip Fix
- RippleEffect Added

# 1.0.0-alpha-109

- MultiSelect Data-Id fix
- Peer Dependencies Added

# 1.0.0-alpha-108

- Disabling internal state support for Accordion.
- Adding 'equalityCheck' function support for AccordionItem.

# 1.0.0-alpha-107

- Adding onScroll support for TabContentWrapper component

# 1.0.0-alpha-106

- Package Update

# 1.0.0-alpha-105

- icon, variable version update
- radio,checkbox,switch accessiblity changes => data-checked removed
- semantic button added

# 1.0.0-alpha-104

- Dropbox => isBoxPaddingNeed,isPadding Added

# 1.0.0-alpha-103

- Tag Flat Removed

# 1.0.0-alpha-102

- ListItemWithAvatar => avatarPalette added
- AdvancedGroupMultiSelect => needBorder added
- AdvancedMultiSelect => needBorder added
- Suggestions => avatarPalette added
- SelectWithAvatar => onRemove,avatarPalette,tagSize,groupName added
- Tag => avatarPalette added

# 1.0.0-alpha-101

- PortalLayer Fix Zindex

# 1.0.0-alpha-100

- Listitem Data-selected attr added, tabIndex Fixed

# 1.0.0-alpha-99

- Tab Click Fixed

# 1.0.0-alpha-98

- Modal Zindex issue fixed
- Tabs OnmouseDown Implement

# 1.0.0-alpha-97

- MultiSelect Issue Fix

# 1.0.0-alpha-96

- Tootltip Update
- Avatar -> textPalette,customTextClass added - font-family light removed
- AvatarTeam -> textPalette,customTextClass added

# 1.0.0-alpha-95

- Icon Package Update

# 1.0.0-alpha-94

- Tab Mapping Fix

# 1.0.0-alpha-93

- Tab Fixes

# 1.0.0-alpha-92

- Tab Custom Element Fix
- Avatar xlarge size changes

# 1.0.0-alpha-91

- Tab Click Prevent Fix

# 1.0.0-alpha-90

- Switch,CheckBox,Radio => data-checked added
- Tab Resize Issue Solved, setTitleForMoreOptions added for vertical, a11y tags added , gamma and zeta palette removed
- ListItem TaBIndex Added

# 1.0.0-alpha-89

- Tooltip Change
- Icon Version Update
- For MultiSelect Based Components clearTitle prop Added
- tooltip added in Tag Component

# 1.0.0-alpha-88

- Datewidget/Datetime tested and docs update with @zohodesk/datetimejs package

# 1.0.0-alpha-87

- Date Component TimeZone Fix
- Unwanted Functions Removed from utils/Common

# 1.0.0-alpha-86

- Tooltip UI Updated
- DropDownFooter,DropDownHeader,DropDownMenu,SimpleDropdown Deleted
- DropDownHeading => children and customClass Added
- AdvancedGroupMultiSelect -> search fix
- MultiSelect -> search clear fix
- GroupSelect -> Keydown Fix

# 1.0.0-alpha-85

- Datetime/DateWidget Component changes from @zohodesk/datetimejs package

# 1.0.0-alpha-84

- ListItemWithIcon Data-Id Fix

# 1.0.0-alpha-83

- CheckBox Prop Fix Update activeStyle added

# 1.0.0-alpha-82

- DateTime, DateWidget Changes => date return object Fix
- autoFocus prop added in Textarea component

# 1.0.0-alpha-81

- variant - secondary type removed in a Label component
- customClass Added For Label component
- Radio, CheckBox SVG Updated, and Palette Danger Added, isFilled Added For Transparent BG
- MultiSelect Avatar DataId Changes

# 1.0.0-alpha-80

- data-dottedTitle added for Tooltip

# 1.0.0-alpha-79

- Tag danger, default color changed to dot_bg_hawkesBlue
- MultiSelectWithAvatar size prop passed for tags Parent

# 1.0.0-alpha-78

- isAbsolute,isAnimate,needAction,boxSize,className,innerClass prop added in DateTime
- needBorder prop added in CalendarView
- isAbsolutePositioningNeeded prop fixed in dropbox
- Timezone Day light savings offset calculation fix in Date Components
- isSearchClearOnClose props added for Select Based components
- Radio line-heignt fix

# 1.0.0-alpha-77

- TestCase Fix

# 1.0.0-alpha-76

- ResizeObserver Implementation

# 1.0.0-alpha-75

- Select children prop undefined issue fix

# 1.0.0-alpha-74

- SelectWithIcon Component Added
- getChildren,getFooter,getCustomEmptyState feature added in Select Component

# 1.0.0-alpha-73

- Appcontainer eleRef Supported
- Responsive TouchDevice Fix
- Stencils color Update

# 1.0.0-alpha-72

- BaseLine Added in Layout
- hide added in CssProvider

# 1.0.0-alpha-71

- disableTitle and needAvatarTitle Added For List Items
- Avatar Team Title Fix

# 1.0.0-alpha-70

- Leap Year Date Component Fix
- Card Shrink issue Fix

# 1.0.0-alpha-69

- Exporting RefElement component from PortalLayer component

# 1.0.0-alpha-68

- Tab Width Calculation fix, Dotted Fix
- SelectWithAvatar Fix
- Select Fix
- MultiSelect disableAction Fix
- Variable Update

# 1.0.0-alpha-67

- Adding TourId and isAbsolutePositioningNeeded key in DropBox
- Adding TourId in Box, Container, and Tab components

# 1.0.0-alpha-66

- Snap Update

# 1.0.0-alpha-65

- isDisabled, Readonly Unified in all Form Components
- Date Dropdown => Select List Border Fix
- Unified All Fields

# 1.0.0-alpha-64

- isDisabled Option added for List Item Based Atoms
- needBorder and disableAction Option added for MultiSelect
- Select BoxSize Added for DropBox

# 1.0.0-alpha-62

- Switch Title Issue Fixed

# 1.0.0-alpha-61

- Tab Click Issue Fixed

# 1.0.0-alpha-60

- Button Title Added
- Tab Disabled Added
- Tooltip Fix

# 1.0.0-alpha-59

- AppContainer Added

# 1.0.0-alpha-58

- Tag Line Height Issue Fixed
- Advanced MultiSelect Event Passed in Argument

# 1.0.0-alpha-57

- Base Font Version 3 Updated
- Advanced Group Multi-Select Added

# 1.0.0-alpha-56

- Accordion unMount Added
- Icon Package Updated
- Velocity Docs Added

# 1.0.0-alpha-55

- Tab Dot Color Convert

# 1.0.0-alpha-54

- GroupSelect Unlimited Scroll Fix
- Dropdown Header Css After 1px Fix

# 1.0.0-alpha-53

- CustomScroll Make Optional
- Reset Code Implemented in Portal
- Icon Line-Height Remove
- New Reports Icons Added

# 1.0.0-alpha-52

- Advance Multi-Select Added

# 1.0.0-alpha-51

- Docs Run Path Issue Fix

# 1.0.0-alpha-50

- VelocityAnimation Added

# 1.0.0-alpha-49

- Radio Test Cases Fixed

# 1.0.0-alpha-48

- TimeZone Added in DateTime and DateWidget
- Radio DataId Fix

# 1.0.0-alpha-47

- DateTime Component needDefaultTime Prop Fix
- Dot Variables Updated
- For All ListItem Based IsTick Prop Removed
- ResponsiveBox and ResponsiveContainer Removed
- MultiSelect Fragment Implemented

# 1.0.0-alpha-46

- ReadMe Files Removed
- Style Order Fixed

# 1.0.0-alpha-45

- Button RTL Issue Resolved
- Unwanted Files Removed
- Responsive Component Verified

# 1.0.0-alpha-44

- FontIcons and Variables Reverted.

# 1.0.0-alpha-43

- RTL Implemented.