@zohodesk/components
Version:
In this Package, we Provide Some Basic Components to Build Web App
1,649 lines (982 loc) • 39.7 kB
Markdown
# 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.