DOT Style Guide

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

1.6.2

- Select, SelectWithIcon, SelectWithAvatar, GroupSelect, MultiSelect, MultiSelctWithAvatar, AdvancedMultiSelect, AdvancedGroupMultiSelect
- renderCustomEmptyState prop supported

1.6.1

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

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

1.6.0

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

1.5.9

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

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

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

1.5.8

- Memoized Portal logic to improve performance.

1.5.7

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

1.5.6

- ListItemWithRadio, ListItemWithCheckBox
- needBorder prop supported

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

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

1.5.5

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

1.5.4

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

1.5.3

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

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

1.5.2

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

1.5.1

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

1.4.23

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

1.4.22

- New Components
- ColorSingleSelect
- ColorMultiSelect

- Components in Shared folder
- InputFieldLine
- ArrowIcon

- Components in ColorSelect's _shared
- ColoredTag
- ColorIndicator

- TextBoxIcon
- InputFieldLine adopted in TextBoxIcon

- ListItem, Suggestions
- renderBeforeChildren prop added.

- Select, MultiSelect, SelectedOptions
- renderCustomSelectedValue prop added.

- dropDownUtils
- colorConfig option added in makeFormatOptions method.

- common/utils
- DUMMY_ARRAY, DUMMY_OBJECT and DUMMY_FUNCTION constants added.

1.4.21

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

1.4.20

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

1.4.19

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

1.4.18

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

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

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

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

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

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

1.4.17

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

1.4.14, 1.4.15 , 1.4.16

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

1.4.13

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

1.4.12

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

1.4.11

- @zohodesk/virtualizer version updated from 1.0.3 to 1.0.13

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

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

1.4.10

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

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

1.4.9

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

1.4.8

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

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

1.4.7

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

1.4.6

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

1.4.5

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

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

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

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

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

1.4.4

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

1.4.3

- ListItem
- Added SecondaryValue prop to supported.

1.4.2

- Switch(v1) - ?. operator removed

1.4.1

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

1.4.0

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

1.3.5

- AppContainer - Memory leak issue resolved.

1.3.4

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

1.3.3

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

1.3.2

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

1.3.1

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

1.3.0

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

1.2.63

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

1.2.62

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

1.2.61

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

1.2.60

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

1.2.59

- Textarea - rows, cols, customAttributes prop supported

1.2.58

- DropBoxElement - .arrow style override issue fixed

1.2.57

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

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

1.2.56

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

1.2.55

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

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

1.2.54

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

1.2.53

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

1.2.52

- Typography - component added in v0

1.2.51

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

1.2.50

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

- Week starting day customization support added with weekStartDay props and week holiday customization support with holidays prop

- DateWidget (v0&v1)

- Support has been added for weekStartDay, holidays props

- DaysRow (v0&v1)

- holidays prop added for holiday column indication

1.2.49

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

1.2.48

- ResizeObserver

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

1.2.47

- DateTime

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

1.2.46

- AppContainer (v1)

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

1.2.45

- GroupSelect

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

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

1.2.44

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

- isAbsolutePositioningNeeded isRestrictScroll positionsOffset targetOffset props supported for fixed position.

- Tabs (v0&v1)

- padding css fix

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

1.2.43

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

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

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

1.2.42

- Heading (v0&v1) -

- whiteSpace prop added

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

1.2.41

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

1.2.40

- Radio - renderRightPlaceholderNode prop supported

1.2.39

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

1.2.38

- renderRightPlaceholderNode
- renderRightPlaceholderNode support given for CheckBox Textarea Select MultiSelect TextBoxIcon.
- Json File Import Changed to JS modules in Popup/PositionMapping DropBox/DropBoxPositionMapping.
- DateWidget
- TextBoxIconProps key supported in customProps prop
- MultiSelect
- customProps prop added and TextBoxIconProps customization given (Prop 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.