# DOT Style Guide

In this Package, we Provide Some Basic Components to Build Web App

- Avatar
- AvatarTeam
- Accordion
- Animation
- Button
- Buttongroup
- Card
- CheckBox
- DateTime
- DropBox
- Icon
- Label
- Layout
- ListItem
- MultiSelect
- Popup
- Radio
- Responsive
- Ribbon
- Select
- GroupSelect
- Stencils
- Switch
- Tab
- Tag
- Textarea
- TextBox
- TextBoxIcon
- Tooltip

# 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 Spreaded).
- **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 Setted 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 comparsion 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

- fize => 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 palatte 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

- ListItemWiithIcon 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.
