@zohodesk/components 1.0.0-temp-165 → 1.0.0-temp-167

package/README.md

@@ -1,1237 +1,1266 @@
-# 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.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.
+# 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.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.