@zohodesk/components 1.6.0 → 1.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -1
- package/_react-cli.config.js +24 -0
- package/assets/Appearance/dark/mode/Component_DarkMode.module.css +330 -321
- package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css +15 -9
- package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +466 -466
- package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +34 -34
- package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +33 -29
- package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +466 -466
- package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +34 -34
- package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +33 -29
- package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +466 -466
- package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +34 -34
- package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +33 -29
- package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +466 -466
- package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +34 -34
- package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +33 -29
- package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +466 -466
- package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +34 -34
- package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +33 -29
- package/assets/Appearance/light/mode/Component_LightMode.module.css +330 -321
- package/assets/Appearance/light/mode/Component_v1_LightMode.module.css +15 -9
- package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +466 -466
- package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +34 -34
- package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +33 -29
- package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +466 -466
- package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +34 -34
- package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +33 -29
- package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +466 -466
- package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +34 -34
- package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +33 -29
- package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +466 -466
- package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +34 -34
- package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +33 -29
- package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +466 -466
- package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +34 -34
- package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +33 -29
- package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +330 -321
- package/assets/Appearance/pureDark/mode/Component_v1_PureDarkMode.module.css +15 -9
- package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +466 -466
- package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +34 -34
- package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +33 -29
- package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +466 -466
- package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +34 -34
- package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +33 -29
- package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +466 -466
- package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +34 -34
- package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +33 -29
- package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +466 -466
- package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +34 -34
- package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +33 -29
- package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +466 -466
- package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +34 -34
- package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +33 -29
- package/assets/Contrast/darkContrastLightness.module.css +36 -36
- package/assets/Contrast/lightContrastLightness.module.css +36 -36
- package/assets/Contrast/pureDarkContrastLightness.module.css +36 -36
- package/cbt.config.js +41 -0
- package/es/AppContainer/AppContainer.js +9 -10
- package/es/Avatar/Avatar.js +5 -4
- package/es/Avatar/Avatar.module.css +8 -8
- package/es/AvatarTeam/AvatarTeam.js +7 -7
- package/es/AvatarTeam/AvatarTeam.module.css +30 -30
- package/es/Button/Button.js +6 -5
- package/es/Button/css/Button.module.css +19 -19
- package/es/Buttongroup/Buttongroup.js +0 -0
- package/es/Buttongroup/Buttongroup.module.css +5 -3
- package/es/Card/Card.js +0 -0
- package/es/CheckBox/CheckBox.js +11 -11
- package/es/ColorSelect/ColorMultiSelect.js +4 -2
- package/es/ColorSelect/ColorSingleSelect.js +4 -2
- package/es/ColorSelect/_shared/ColorIndicator/ColorIndicator.js +4 -3
- package/es/ColorSelect/_shared/ColorIndicator/ColorIndicator.module.css +2 -2
- package/es/ColorSelect/_shared/ColoredTag/ColoredTag.js +4 -2
- package/es/ColorSelect/_shared/helpers/renderHelpers.js +6 -4
- package/es/DateTime/CalendarView.js +0 -0
- package/es/DateTime/DateTime.js +5 -4
- package/es/DateTime/DateWidget.js +5 -4
- package/es/DateTime/Time.js +11 -12
- package/es/DateTime/YearView.js +0 -0
- package/es/DateTime/common.js +0 -0
- package/es/DateTime/index.js +0 -0
- package/es/DateTime/objectUtils.js +0 -0
- package/es/DateTime/typeChecker.js +0 -0
- package/es/DateTime/validator.js +0 -0
- package/es/DropBox/DropBox.js +11 -10
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +6 -3
- package/es/DropDown/DropDown.js +1 -2
- package/es/DropDown/DropDownHeading.js +0 -0
- package/es/DropDown/DropDownHeading.module.css +4 -4
- package/es/DropDown/DropDownItem.js +0 -0
- package/es/DropDown/DropDownItem.module.css +4 -4
- package/es/DropDown/DropDownSearch.js +0 -0
- package/es/DropDown/DropDownSearch.module.css +3 -3
- package/es/DropDown/DropDownSeparator.js +0 -0
- package/es/Label/Label.js +7 -7
- package/es/Label/Label.module.css +5 -5
- package/es/Layout/Box.js +0 -0
- package/es/Layout/Container.js +0 -0
- package/es/Layout/utils.js +0 -0
- package/es/ListItem/ListContainer.js +5 -6
- package/es/ListItem/ListItem.js +5 -4
- package/es/ListItem/ListItem.module.css +30 -19
- package/es/ListItem/ListItemWithAvatar.js +10 -11
- package/es/ListItem/ListItemWithCheckBox.js +5 -4
- package/es/ListItem/ListItemWithIcon.js +5 -4
- package/es/ListItem/ListItemWithRadio.js +5 -4
- package/es/Modal/Modal.js +5 -4
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +2 -0
- package/es/MultiSelect/AdvancedMultiSelect.js +11 -8
- package/es/MultiSelect/EmptyState.js +16 -2
- package/es/MultiSelect/MultiSelect.js +10 -8
- package/es/MultiSelect/MultiSelectWithAvatar.js +7 -4
- package/es/MultiSelect/SelectedOptions.js +8 -6
- package/es/MultiSelect/Suggestions.js +8 -6
- package/es/MultiSelect/props/propTypes.js +3 -0
- package/es/Popup/Popup.js +0 -0
- package/es/Provider/LibraryContext.js +11 -3
- package/es/Radio/Radio.js +11 -11
- package/es/Radio/Radio.module.css +9 -8
- package/es/Responsive/CustomResponsive.js +0 -0
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +4 -2
- package/es/Ribbon/Ribbon.js +0 -0
- package/es/Ribbon/Ribbon.module.css +25 -20
- package/es/Select/GroupSelect.js +13 -12
- package/es/Select/Select.js +14 -12
- package/es/Select/SelectWithAvatar.js +13 -12
- package/es/Select/SelectWithIcon.js +10 -8
- package/es/Select/props/propTypes.js +3 -0
- package/es/Stencils/Stencils.js +0 -0
- package/es/Stencils/Stencils.module.css +11 -11
- package/es/Switch/Switch.js +8 -8
- package/es/Tab/Tab.js +5 -4
- package/es/Tab/TabContentWrapper.js +5 -4
- package/es/Tab/TabWrapper.js +4 -2
- package/es/Tab/Tabs.js +19 -20
- package/es/Tag/Tag.js +11 -12
- package/es/Tag/Tag.module.css +18 -17
- package/es/TextBox/TextBox.js +5 -5
- package/es/TextBox/TextBox.module.css +9 -9
- package/es/TextBoxIcon/TextBoxIcon.js +4 -2
- package/es/TextBoxIcon/TextBoxIcon.module.css +1 -1
- package/es/Textarea/Textarea.js +7 -6
- package/es/Textarea/Textarea.module.css +18 -18
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -4
- package/es/common/avatarsizes.module.css +16 -16
- package/es/common/common.module.css +2 -2
- package/es/deprecated/PortalLayer/PortalLayer.js +6 -8
- package/es/deprecated/Switch/Switch.js +8 -8
- package/es/shared/ArrowIcon/ArrowIcon.js +6 -6
- package/es/shared/InputFieldLine/InputFieldLine.js +6 -6
- package/es/shared/InputFieldLine/InputFieldLine.module.css +2 -2
- package/es/utils/Common.js +0 -0
- package/es/utils/dropDownUtils.js +0 -0
- package/es/v1/Label/Label.js +98 -33
- package/es/v1/Label/__tests__/Label.spec.js +214 -0
- package/es/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +457 -0
- package/es/v1/Label/constants/index.js +8 -0
- package/es/v1/Label/css/Label_v1.module.css +42 -0
- package/es/v1/Label/css/cssJSLogic.js +44 -0
- package/es/v1/Label/props/defaultProps.js +14 -9
- package/es/v1/Label/props/propTypes.js +34 -14
- package/es/v1/Switch/Switch.js +7 -6
- package/es/v1/Switch/css/Switch_v1.module.css +28 -28
- package/lib/Avatar/Avatar.module.css +8 -8
- package/lib/AvatarTeam/AvatarTeam.js +0 -0
- package/lib/AvatarTeam/AvatarTeam.module.css +30 -30
- package/lib/Button/Button.js +0 -0
- package/lib/Button/css/Button.module.css +19 -19
- package/lib/Buttongroup/Buttongroup.js +0 -0
- package/lib/Buttongroup/Buttongroup.module.css +5 -3
- package/lib/Card/Card.js +0 -0
- package/lib/CheckBox/CheckBox.js +0 -0
- package/lib/ColorSelect/_shared/ColorIndicator/ColorIndicator.module.css +2 -2
- package/lib/DateTime/CalendarView.js +0 -0
- package/lib/DateTime/DateTime.js +0 -0
- package/lib/DateTime/DateWidget.js +0 -0
- package/lib/DateTime/YearView.js +0 -0
- package/lib/DateTime/common.js +0 -0
- package/lib/DateTime/index.js +0 -0
- package/lib/DateTime/objectUtils.js +0 -0
- package/lib/DateTime/typeChecker.js +0 -0
- package/lib/DateTime/validator.js +0 -0
- package/lib/DropBox/DropBox.js +0 -0
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +6 -3
- package/lib/DropDown/DropDown.js +0 -0
- package/lib/DropDown/DropDownHeading.js +0 -0
- package/lib/DropDown/DropDownHeading.module.css +4 -4
- package/lib/DropDown/DropDownItem.js +0 -0
- package/lib/DropDown/DropDownItem.module.css +4 -4
- package/lib/DropDown/DropDownSearch.js +0 -0
- package/lib/DropDown/DropDownSearch.module.css +3 -3
- package/lib/DropDown/DropDownSeparator.js +0 -0
- package/lib/Label/Label.js +0 -0
- package/lib/Label/Label.module.css +5 -5
- package/lib/Layout/Box.js +0 -0
- package/lib/Layout/Container.js +0 -0
- package/lib/Layout/utils.js +0 -0
- package/lib/ListItem/ListItem.js +0 -0
- package/lib/ListItem/ListItem.module.css +30 -19
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +2 -0
- package/lib/MultiSelect/AdvancedMultiSelect.js +2 -0
- package/lib/MultiSelect/EmptyState.js +17 -2
- package/lib/MultiSelect/MultiSelect.js +2 -0
- package/lib/MultiSelect/MultiSelectWithAvatar.js +2 -0
- package/lib/MultiSelect/props/propTypes.js +3 -0
- package/lib/Popup/Popup.js +0 -0
- package/lib/Provider/LibraryContext.js +11 -3
- package/lib/Radio/Radio.js +0 -0
- package/lib/Radio/Radio.module.css +9 -8
- package/lib/Responsive/CustomResponsive.js +0 -0
- package/lib/Ribbon/Ribbon.js +0 -0
- package/lib/Ribbon/Ribbon.module.css +25 -20
- package/lib/Select/GroupSelect.js +2 -0
- package/lib/Select/Select.js +2 -0
- package/lib/Select/SelectWithAvatar.js +2 -0
- package/lib/Select/SelectWithIcon.js +2 -0
- package/lib/Select/props/propTypes.js +3 -0
- package/lib/Stencils/Stencils.js +0 -0
- package/lib/Stencils/Stencils.module.css +11 -11
- package/lib/Switch/Switch.js +0 -0
- package/lib/Tag/Tag.js +0 -0
- package/lib/Tag/Tag.module.css +18 -17
- package/lib/TextBox/TextBox.js +0 -0
- package/lib/TextBox/TextBox.module.css +9 -9
- package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
- package/lib/TextBoxIcon/TextBoxIcon.module.css +1 -1
- package/lib/Textarea/Textarea.js +0 -0
- package/lib/Textarea/Textarea.module.css +18 -18
- package/lib/common/avatarsizes.module.css +16 -16
- package/lib/common/common.module.css +2 -2
- package/lib/deprecated/Switch/Switch.js +0 -0
- package/lib/shared/InputFieldLine/InputFieldLine.module.css +2 -2
- package/lib/utils/Common.js +0 -0
- package/lib/utils/dropDownUtils.js +0 -0
- package/lib/v1/Label/Label.js +104 -36
- package/lib/v1/Label/__tests__/Label.spec.js +221 -0
- package/lib/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +457 -0
- package/lib/v1/Label/constants/index.js +16 -0
- package/lib/v1/Label/css/Label_v1.module.css +42 -0
- package/lib/v1/Label/css/cssJSLogic.js +38 -0
- package/lib/v1/Label/props/defaultProps.js +16 -11
- package/lib/v1/Label/props/propTypes.js +36 -16
- package/lib/v1/Switch/css/Switch_v1.module.css +28 -28
- package/package.json +15 -20
- package/es/v1/Accordion/Accordion.js +0 -66
- package/es/v1/Accordion/AccordionItem.js +0 -57
- package/es/v1/Accordion/index.js +0 -2
- package/es/v1/Accordion/props/defaultProps.js +0 -12
- package/es/v1/Accordion/props/propTypes.js +0 -33
- package/es/v1/Animation/Animation.js +0 -45
- package/es/v1/Animation/props/defaultProps.js +0 -7
- package/es/v1/Animation/props/propTypes.js +0 -12
- package/es/v1/Animation/utils.js +0 -83
- package/es/v1/AppContainer/AppContainer.js +0 -115
- package/es/v1/AppContainer/props/defaultProps.js +0 -10
- package/es/v1/AppContainer/props/propTypes.js +0 -17
- package/es/v1/Avatar/Avatar.js +0 -139
- package/es/v1/Avatar/props/defaultProps.js +0 -17
- package/es/v1/Avatar/props/propTypes.js +0 -26
- package/es/v1/AvatarTeam/AvatarTeam.js +0 -70
- package/es/v1/AvatarTeam/props/defaultProps.js +0 -17
- package/es/v1/AvatarTeam/props/propTypes.js +0 -27
- package/es/v1/Button/Button.js +0 -67
- package/es/v1/Button/props/defaultProps.js +0 -18
- package/es/v1/Button/props/propTypes.js +0 -28
- package/es/v1/Buttongroup/Buttongroup.js +0 -31
- package/es/v1/Buttongroup/props/defaultProps.js +0 -6
- package/es/v1/Buttongroup/props/propTypes.js +0 -9
- package/es/v1/Card/Card.js +0 -237
- package/es/v1/Card/index.js +0 -4
- package/es/v1/Card/props/defaultProps.js +0 -25
- package/es/v1/Card/props/propTypes.js +0 -48
- package/es/v1/CheckBox/CheckBox.js +0 -161
- package/es/v1/CheckBox/props/defaultProps.js +0 -18
- package/es/v1/CheckBox/props/propTypes.js +0 -41
- package/es/v1/DateTime/CalendarView.js +0 -254
- package/es/v1/DateTime/DateTime.js +0 -779
- package/es/v1/DateTime/DateTimePopupFooter.js +0 -47
- package/es/v1/DateTime/DateTimePopupHeader.js +0 -105
- package/es/v1/DateTime/DateWidget.js +0 -1134
- package/es/v1/DateTime/DaysRow.js +0 -32
- package/es/v1/DateTime/Time.js +0 -181
- package/es/v1/DateTime/YearView.js +0 -264
- package/es/v1/DateTime/index.js +0 -1
- package/es/v1/DateTime/props/defaultProps.js +0 -63
- package/es/v1/DateTime/props/propTypes.js +0 -206
- package/es/v1/DropBox/DropBox.js +0 -79
- package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +0 -133
- package/es/v1/DropBox/DropBoxElement/props/defaultProps.js +0 -18
- package/es/v1/DropBox/DropBoxElement/props/propTypes.js +0 -51
- package/es/v1/DropBox/props/defaultProps.js +0 -14
- package/es/v1/DropBox/props/propTypes.js +0 -16
- package/es/v1/DropBox/utils/isMobilePopover.js +0 -17
- package/es/v1/DropDown/DropDown.js +0 -53
- package/es/v1/DropDown/DropDownHeading.js +0 -36
- package/es/v1/DropDown/DropDownItem.js +0 -56
- package/es/v1/DropDown/DropDownSearch.js +0 -58
- package/es/v1/DropDown/DropDownSeparator.js +0 -12
- package/es/v1/DropDown/props/defaultProps.js +0 -21
- package/es/v1/DropDown/props/propTypes.js +0 -66
- package/es/v1/Heading/Heading.js +0 -35
- package/es/v1/Heading/props/defaultProps.js +0 -5
- package/es/v1/Heading/props/propTypes.js +0 -12
- package/es/v1/Layout/Box.js +0 -115
- package/es/v1/Layout/Container.js +0 -132
- package/es/v1/Layout/index.js +0 -2
- package/es/v1/Layout/props/defaultProps.js +0 -16
- package/es/v1/Layout/props/propTypes.js +0 -46
- package/es/v1/ListItem/ListContainer.js +0 -104
- package/es/v1/ListItem/ListItem.js +0 -123
- package/es/v1/ListItem/ListItemWithAvatar.js +0 -143
- package/es/v1/ListItem/ListItemWithCheckBox.js +0 -104
- package/es/v1/ListItem/ListItemWithIcon.js +0 -126
- package/es/v1/ListItem/ListItemWithRadio.js +0 -105
- package/es/v1/ListItem/index.js +0 -6
- package/es/v1/ListItem/props/defaultProps.js +0 -97
- package/es/v1/ListItem/props/propTypes.js +0 -202
- package/es/v1/Modal/Modal.js +0 -125
- package/es/v1/Modal/props/defaultProps.js +0 -3
- package/es/v1/Modal/props/propTypes.js +0 -7
- package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +0 -1092
- package/es/v1/MultiSelect/AdvancedMultiSelect.js +0 -583
- package/es/v1/MultiSelect/EmptyState.js +0 -64
- package/es/v1/MultiSelect/MobileHeader/MobileHeader.js +0 -50
- package/es/v1/MultiSelect/MobileHeader/props/defaultProps.js +0 -7
- package/es/v1/MultiSelect/MobileHeader/props/propTypes.js +0 -7
- package/es/v1/MultiSelect/MultiSelect.js +0 -1119
- package/es/v1/MultiSelect/MultiSelectHeader.js +0 -32
- package/es/v1/MultiSelect/MultiSelectWithAvatar.js +0 -208
- package/es/v1/MultiSelect/SelectedOptions.js +0 -84
- package/es/v1/MultiSelect/Suggestions.js +0 -141
- package/es/v1/MultiSelect/index.js +0 -4
- package/es/v1/MultiSelect/props/defaultProps.js +0 -165
- package/es/v1/MultiSelect/props/propTypes.js +0 -322
- package/es/v1/PopOver/PopOver.js +0 -176
- package/es/v1/PopOver/props/defaultProps.js +0 -7
- package/es/v1/PopOver/props/propTypes.js +0 -53
- package/es/v1/Popup/Popup.js +0 -644
- package/es/v1/Radio/Radio.js +0 -130
- package/es/v1/Radio/props/defaultProps.js +0 -15
- package/es/v1/Radio/props/propTypes.js +0 -40
- package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +0 -56
- package/es/v1/ResponsiveDropBox/props/defaultProps.js +0 -4
- package/es/v1/ResponsiveDropBox/props/propTypes.js +0 -8
- package/es/v1/Ribbon/Ribbon.js +0 -33
- package/es/v1/Ribbon/props/defaultProps.js +0 -9
- package/es/v1/Ribbon/props/propTypes.js +0 -11
- package/es/v1/RippleEffect/RippleEffect.js +0 -25
- package/es/v1/RippleEffect/props/defaultProps.js +0 -10
- package/es/v1/RippleEffect/props/propTypes.js +0 -12
- package/es/v1/Select/GroupSelect.js +0 -818
- package/es/v1/Select/Select.js +0 -975
- package/es/v1/Select/SelectWithAvatar.js +0 -356
- package/es/v1/Select/SelectWithIcon.js +0 -545
- package/es/v1/Select/index.js +0 -4
- package/es/v1/Select/props/defaultProps.js +0 -126
- package/es/v1/Select/props/propTypes.js +0 -297
- package/es/v1/Stencils/Stencils.js +0 -26
- package/es/v1/Stencils/props/defaultProps.js +0 -6
- package/es/v1/Stencils/props/propTypes.js +0 -7
- package/es/v1/Tab/Tab.js +0 -106
- package/es/v1/Tab/TabContent.js +0 -30
- package/es/v1/Tab/TabContentWrapper.js +0 -33
- package/es/v1/Tab/TabWrapper.js +0 -55
- package/es/v1/Tab/Tabs.js +0 -619
- package/es/v1/Tab/index.js +0 -5
- package/es/v1/Tab/props/defaultProps.js +0 -51
- package/es/v1/Tab/props/propTypes.js +0 -117
- package/es/v1/Tab/v1Tab.module.css +0 -100
- package/es/v1/Tab/v1TabContent.module.css +0 -4
- package/es/v1/Tab/v1Tabs.module.css +0 -167
- package/es/v1/Tag/Tag.js +0 -140
- package/es/v1/Tag/props/defaultProps.js +0 -15
- package/es/v1/Tag/props/propTypes.js +0 -36
- package/es/v1/TextBox/TextBox.js +0 -160
- package/es/v1/TextBox/props/defaultProps.js +0 -20
- package/es/v1/TextBox/props/propTypes.js +0 -56
- package/es/v1/TextBoxIcon/TextBoxIcon.js +0 -166
- package/es/v1/TextBoxIcon/props/defaultProps.js +0 -24
- package/es/v1/TextBoxIcon/props/propTypes.js +0 -53
- package/es/v1/Textarea/Textarea.js +0 -100
- package/es/v1/Textarea/props/defaultProps.js +0 -17
- package/es/v1/Textarea/props/propTypes.js +0 -31
- package/es/v1/Tooltip/Tooltip.js +0 -530
- package/es/v1/Tooltip/props/defaultProps.js +0 -4
- package/es/v1/Tooltip/props/propTypes.js +0 -5
- package/es/v1/Typography/Typography.js +0 -38
- package/es/v1/Typography/css/cssJSLogic.js +0 -56
- package/es/v1/Typography/css/v1_Typography.module.css +0 -380
- package/es/v1/Typography/props/defaultProps.js +0 -8
- package/es/v1/Typography/props/propTypes.js +0 -27
- package/es/v1/Typography/utils/index.js +0 -50
- package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +0 -69
- package/es/v1/VelocityAnimation/VelocityAnimation/props/defaultProps.js +0 -7
- package/es/v1/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -12
- package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +0 -99
- package/es/v1/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js +0 -15
- package/es/v1/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -19
- package/es/v1/semantic/Button/Button.js +0 -53
- package/es/v1/semantic/Button/props/defaultProps.js +0 -12
- package/es/v1/semantic/Button/props/propTypes.js +0 -22
- package/es/v1/semantic/index.js +0 -1
- package/lib/v1/Accordion/Accordion.js +0 -98
- package/lib/v1/Accordion/AccordionItem.js +0 -68
- package/lib/v1/Accordion/index.js +0 -23
- package/lib/v1/Accordion/props/defaultProps.js +0 -20
- package/lib/v1/Accordion/props/propTypes.js +0 -45
- package/lib/v1/Animation/Animation.js +0 -61
- package/lib/v1/Animation/props/defaultProps.js +0 -14
- package/lib/v1/Animation/props/propTypes.js +0 -23
- package/lib/v1/Animation/utils.js +0 -94
- package/lib/v1/AppContainer/AppContainer.js +0 -146
- package/lib/v1/AppContainer/props/defaultProps.js +0 -17
- package/lib/v1/AppContainer/props/propTypes.js +0 -28
- package/lib/v1/Avatar/Avatar.js +0 -191
- package/lib/v1/Avatar/props/defaultProps.js +0 -24
- package/lib/v1/Avatar/props/propTypes.js +0 -37
- package/lib/v1/AvatarTeam/AvatarTeam.js +0 -81
- package/lib/v1/AvatarTeam/props/defaultProps.js +0 -24
- package/lib/v1/AvatarTeam/props/propTypes.js +0 -38
- package/lib/v1/Button/Button.js +0 -82
- package/lib/v1/Button/props/defaultProps.js +0 -27
- package/lib/v1/Button/props/propTypes.js +0 -40
- package/lib/v1/Buttongroup/Buttongroup.js +0 -44
- package/lib/v1/Buttongroup/props/defaultProps.js +0 -13
- package/lib/v1/Buttongroup/props/propTypes.js +0 -20
- package/lib/v1/Card/Card.js +0 -269
- package/lib/v1/Card/index.js +0 -37
- package/lib/v1/Card/props/defaultProps.js +0 -35
- package/lib/v1/Card/props/propTypes.js +0 -62
- package/lib/v1/CheckBox/CheckBox.js +0 -172
- package/lib/v1/CheckBox/props/defaultProps.js +0 -25
- package/lib/v1/CheckBox/props/propTypes.js +0 -52
- package/lib/v1/DateTime/CalendarView.js +0 -322
- package/lib/v1/DateTime/DateTime.js +0 -877
- package/lib/v1/DateTime/DateTimePopupFooter.js +0 -96
- package/lib/v1/DateTime/DateTimePopupHeader.js +0 -166
- package/lib/v1/DateTime/DateWidget.js +0 -1163
- package/lib/v1/DateTime/DaysRow.js +0 -81
- package/lib/v1/DateTime/Time.js +0 -270
- package/lib/v1/DateTime/YearView.js +0 -325
- package/lib/v1/DateTime/index.js +0 -15
- package/lib/v1/DateTime/props/defaultProps.js +0 -76
- package/lib/v1/DateTime/props/propTypes.js +0 -238
- package/lib/v1/DropBox/DropBox.js +0 -109
- package/lib/v1/DropBox/DropBoxElement/DropBoxElement.js +0 -146
- package/lib/v1/DropBox/DropBoxElement/props/defaultProps.js +0 -25
- package/lib/v1/DropBox/DropBoxElement/props/propTypes.js +0 -62
- package/lib/v1/DropBox/props/defaultProps.js +0 -30
- package/lib/v1/DropBox/props/propTypes.js +0 -35
- package/lib/v1/DropBox/utils/isMobilePopover.js +0 -25
- package/lib/v1/DropDown/DropDown.js +0 -74
- package/lib/v1/DropDown/DropDownHeading.js +0 -47
- package/lib/v1/DropDown/DropDownItem.js +0 -75
- package/lib/v1/DropDown/DropDownSearch.js +0 -77
- package/lib/v1/DropDown/DropDownSeparator.js +0 -24
- package/lib/v1/DropDown/props/defaultProps.js +0 -31
- package/lib/v1/DropDown/props/propTypes.js +0 -87
- package/lib/v1/Heading/Heading.js +0 -53
- package/lib/v1/Heading/props/defaultProps.js +0 -12
- package/lib/v1/Heading/props/propTypes.js +0 -23
- package/lib/v1/Layout/Box.js +0 -128
- package/lib/v1/Layout/Container.js +0 -145
- package/lib/v1/Layout/index.js +0 -23
- package/lib/v1/Layout/props/defaultProps.js +0 -24
- package/lib/v1/Layout/props/propTypes.js +0 -58
- package/lib/v1/ListItem/ListContainer.js +0 -128
- package/lib/v1/ListItem/ListItem.js +0 -138
- package/lib/v1/ListItem/ListItemWithAvatar.js +0 -167
- package/lib/v1/ListItem/ListItemWithCheckBox.js +0 -126
- package/lib/v1/ListItem/ListItemWithIcon.js +0 -143
- package/lib/v1/ListItem/ListItemWithRadio.js +0 -127
- package/lib/v1/ListItem/index.js +0 -55
- package/lib/v1/ListItem/props/defaultProps.js +0 -109
- package/lib/v1/ListItem/props/propTypes.js +0 -196
- package/lib/v1/Modal/Modal.js +0 -166
- package/lib/v1/Modal/props/defaultProps.js +0 -10
- package/lib/v1/Modal/props/propTypes.js +0 -18
- package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +0 -1180
- package/lib/v1/MultiSelect/AdvancedMultiSelect.js +0 -649
- package/lib/v1/MultiSelect/EmptyState.js +0 -112
- package/lib/v1/MultiSelect/MobileHeader/MobileHeader.js +0 -62
- package/lib/v1/MultiSelect/MobileHeader/props/defaultProps.js +0 -14
- package/lib/v1/MultiSelect/MobileHeader/props/propTypes.js +0 -18
- package/lib/v1/MultiSelect/MultiSelect.js +0 -1202
- package/lib/v1/MultiSelect/MultiSelectHeader.js +0 -78
- package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +0 -262
- package/lib/v1/MultiSelect/SelectedOptions.js +0 -130
- package/lib/v1/MultiSelect/Suggestions.js +0 -196
- package/lib/v1/MultiSelect/index.js +0 -39
- package/lib/v1/MultiSelect/props/defaultProps.js +0 -181
- package/lib/v1/MultiSelect/props/propTypes.js +0 -350
- package/lib/v1/PopOver/PopOver.js +0 -197
- package/lib/v1/PopOver/props/defaultProps.js +0 -15
- package/lib/v1/PopOver/props/propTypes.js +0 -66
- package/lib/v1/Popup/Popup.js +0 -715
- package/lib/v1/Radio/Radio.js +0 -141
- package/lib/v1/Radio/props/defaultProps.js +0 -22
- package/lib/v1/Radio/props/propTypes.js +0 -51
- package/lib/v1/ResponsiveDropBox/ResponsiveDropBox.js +0 -79
- package/lib/v1/ResponsiveDropBox/props/defaultProps.js +0 -11
- package/lib/v1/ResponsiveDropBox/props/propTypes.js +0 -27
- package/lib/v1/Ribbon/Ribbon.js +0 -44
- package/lib/v1/Ribbon/props/defaultProps.js +0 -16
- package/lib/v1/Ribbon/props/propTypes.js +0 -22
- package/lib/v1/RippleEffect/RippleEffect.js +0 -40
- package/lib/v1/RippleEffect/props/defaultProps.js +0 -17
- package/lib/v1/RippleEffect/props/propTypes.js +0 -23
- package/lib/v1/Select/GroupSelect.js +0 -894
- package/lib/v1/Select/Select.js +0 -1025
- package/lib/v1/Select/SelectWithAvatar.js +0 -406
- package/lib/v1/Select/SelectWithIcon.js +0 -607
- package/lib/v1/Select/index.js +0 -39
- package/lib/v1/Select/props/defaultProps.js +0 -125
- package/lib/v1/Select/props/propTypes.js +0 -319
- package/lib/v1/Stencils/Stencils.js +0 -43
- package/lib/v1/Stencils/props/defaultProps.js +0 -13
- package/lib/v1/Stencils/props/propTypes.js +0 -18
- package/lib/v1/Tab/Tab.js +0 -132
- package/lib/v1/Tab/TabContent.js +0 -42
- package/lib/v1/Tab/TabContentWrapper.js +0 -47
- package/lib/v1/Tab/TabWrapper.js +0 -89
- package/lib/v1/Tab/Tabs.js +0 -688
- package/lib/v1/Tab/index.js +0 -47
- package/lib/v1/Tab/props/defaultProps.js +0 -62
- package/lib/v1/Tab/props/propTypes.js +0 -132
- package/lib/v1/Tab/v1Tab.module.css +0 -100
- package/lib/v1/Tab/v1TabContent.module.css +0 -4
- package/lib/v1/Tab/v1Tabs.module.css +0 -167
- package/lib/v1/Tag/Tag.js +0 -160
- package/lib/v1/Tag/props/defaultProps.js +0 -22
- package/lib/v1/Tag/props/propTypes.js +0 -47
- package/lib/v1/TextBox/TextBox.js +0 -175
- package/lib/v1/TextBox/props/defaultProps.js +0 -27
- package/lib/v1/TextBox/props/propTypes.js +0 -62
- package/lib/v1/TextBoxIcon/TextBoxIcon.js +0 -206
- package/lib/v1/TextBoxIcon/props/defaultProps.js +0 -31
- package/lib/v1/TextBoxIcon/props/propTypes.js +0 -72
- package/lib/v1/Textarea/Textarea.js +0 -118
- package/lib/v1/Textarea/props/defaultProps.js +0 -24
- package/lib/v1/Textarea/props/propTypes.js +0 -42
- package/lib/v1/Tooltip/Tooltip.js +0 -599
- package/lib/v1/Tooltip/props/defaultProps.js +0 -11
- package/lib/v1/Tooltip/props/propTypes.js +0 -16
- package/lib/v1/Typography/Typography.js +0 -56
- package/lib/v1/Typography/css/cssJSLogic.js +0 -48
- package/lib/v1/Typography/css/v1_Typography.module.css +0 -380
- package/lib/v1/Typography/props/defaultProps.js +0 -15
- package/lib/v1/Typography/props/propTypes.js +0 -38
- package/lib/v1/Typography/utils/index.js +0 -59
- package/lib/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +0 -90
- package/lib/v1/VelocityAnimation/VelocityAnimation/props/defaultProps.js +0 -14
- package/lib/v1/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -23
- package/lib/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +0 -126
- package/lib/v1/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js +0 -22
- package/lib/v1/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -30
- package/lib/v1/semantic/Button/Button.js +0 -63
- package/lib/v1/semantic/Button/props/defaultProps.js +0 -19
- package/lib/v1/semantic/Button/props/propTypes.js +0 -33
- package/lib/v1/semantic/index.js +0 -15
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
[data-mode='pureDark'][data-theme='green']
|
|
1
|
+
[data-mode='pureDark'][data-theme='green']{
|
|
2
2
|
/* CTA variables */
|
|
3
|
-
--zdt_cta_primary_text:
|
|
4
|
-
--zdt_cta_primary_hover_text:
|
|
5
|
-
--zdt_cta_primary_bg:
|
|
6
|
-
--zdt_cta_primary_hover_bg:
|
|
7
|
-
--zdt_cta_primary_border:
|
|
8
|
-
--zdt_cta_primary_hover_border:
|
|
9
|
-
--zdt_cta_primary_box_shadow:
|
|
10
|
-
--zdt_cta_primary_hover_box_shadow:
|
|
11
|
-
--zdt_cta_primary_light_bg:
|
|
12
|
-
--zdt_cta_primary_light_hover_bg:
|
|
13
|
-
--zdt_cta_primary_light_border:
|
|
14
|
-
--zdt_cta_secondary_bg:
|
|
15
|
-
--zdt_cta_secondary_text:
|
|
16
|
-
--zdt_cta_secondary_border:
|
|
17
|
-
--zdt_cta_secondary_light_border:
|
|
18
|
-
--zdt_cta_secondary_light_bg:
|
|
19
|
-
--zdt_cta_alpha_text:
|
|
20
|
-
--zdt_cta_alpha_hover_text:
|
|
21
|
-
--zdt_cta_alpha_border:
|
|
22
|
-
--zdt_cta_alpha_hover_border:
|
|
23
|
-
--zdt_cta_alpha_bg:
|
|
24
|
-
--zdt_cta_beta_border:
|
|
25
|
-
--zdt_cta_grey_10_bg:
|
|
26
|
-
--zdt_cta_grey_10_border:
|
|
27
|
-
--zdt_cta_grey_15_bg:
|
|
28
|
-
--zdt_cta_grey_15_border:
|
|
29
|
-
--zdt_cta_grey_20_bg:
|
|
30
|
-
--zdt_cta_grey_35_bg:
|
|
31
|
-
--zdt_cta_grey_35_text:
|
|
32
|
-
--zdt_cta_grey_35_border:
|
|
33
|
-
--zdt_cta_grey_40_bg:
|
|
34
|
-
--zdt_cta_grey_40_text:
|
|
35
|
-
--zdt_cta_grey_40_border:
|
|
3
|
+
--zdt_cta_primary_text:hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
4
|
+
--zdt_cta_primary_hover_text:hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(54.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_cta_primary_bg:hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
|
|
6
|
+
--zdt_cta_primary_hover_bg:hsla(128, calc(var(--zd-saturation, 1) * 79.71%), calc(27.06% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
|
|
7
|
+
--zdt_cta_primary_border:hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
8
|
+
--zdt_cta_primary_hover_border:hsla(128, calc(var(--zd-saturation, 1) * 79.71%), calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_cta_primary_box_shadow:hsla(133, calc(var(--zd-saturation, 1) * 63.29%), 40.59%, 0.2);
|
|
10
|
+
--zdt_cta_primary_hover_box_shadow:hsla(134, calc(var(--zd-saturation, 1) * 78.63%), 25.69%, 0.25);
|
|
11
|
+
--zdt_cta_primary_light_bg:hsla(133, calc(var(--zd-saturation, 1) * 10.84%), calc(16.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
12
|
+
--zdt_cta_primary_light_hover_bg:hsla(158, calc(var(--zd-saturation, 1) * 26.83%), calc(24.12% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
13
|
+
--zdt_cta_primary_light_border:hsla(158, calc(var(--zd-saturation, 1) * 26.83%), calc(24.12% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
14
|
+
--zdt_cta_secondary_bg:hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
15
|
+
--zdt_cta_secondary_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
|
|
16
|
+
--zdt_cta_secondary_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
|
|
17
|
+
--zdt_cta_secondary_light_border:hsla(133, calc(var(--zd-saturation, 1) * 23.48%), calc(22.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
18
|
+
--zdt_cta_secondary_light_bg:hsla(133, calc(var(--zd-saturation, 1) * 23.48%), calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
19
|
+
--zdt_cta_alpha_text:hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
20
|
+
--zdt_cta_alpha_hover_text:hsla(128, calc(var(--zd-saturation, 1) * 79.71%), calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
21
|
+
--zdt_cta_alpha_border:hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
22
|
+
--zdt_cta_alpha_hover_border:hsla(128, calc(var(--zd-saturation, 1) * 79.71%), calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
23
|
+
--zdt_cta_alpha_bg:hsla(170, calc(var(--zd-saturation, 1) * 22.94%), calc(21.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
24
|
+
--zdt_cta_beta_border:hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
25
|
+
--zdt_cta_grey_10_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
|
|
26
|
+
--zdt_cta_grey_10_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
27
|
+
--zdt_cta_grey_15_bg:hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
|
|
28
|
+
--zdt_cta_grey_15_border:hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
29
|
+
--zdt_cta_grey_20_bg:hsla(217, calc(var(--zd-saturation, 1) * 22.81%), calc(11.18% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
|
|
30
|
+
--zdt_cta_grey_35_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
|
|
31
|
+
--zdt_cta_grey_35_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
32
|
+
--zdt_cta_grey_35_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(21.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
33
|
+
--zdt_cta_grey_40_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
|
|
34
|
+
--zdt_cta_grey_40_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
35
|
+
--zdt_cta_grey_40_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
36
36
|
}
|
package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css
CHANGED
|
@@ -1,53 +1,57 @@
|
|
|
1
|
-
[data-mode='pureDark'][data-theme='green']
|
|
1
|
+
[data-mode='pureDark'][data-theme='green']{
|
|
2
2
|
/* stencil */
|
|
3
|
-
--zdt_stencil_dark_bg:
|
|
4
|
-
--zdt_stencil_dark_gradient_bg /* rtl:as:background-image */: var(--zd-gradient-saturation, linear-gradient(to left, #212121 0%, #262626 33.33%, #262626 66.66%, #212121 100%));
|
|
3
|
+
--zdt_stencil_dark_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 12.94%, 1);
|
|
5
4
|
|
|
6
5
|
/* dropbox */
|
|
7
|
-
--zdt_dropbox_dark_bg:
|
|
6
|
+
--zdt_dropbox_dark_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 12.94%, 1);
|
|
8
7
|
|
|
9
8
|
/* listitem */
|
|
10
|
-
--zdt_listitem_dark_bg:
|
|
11
|
-
--zdt_listitem_dark_text:
|
|
12
|
-
--zdt_listitem_dark_effect_bg:
|
|
13
|
-
--zdt_listitem_dark_active_bg:
|
|
14
|
-
--zdt_listitem_dark_tickicon:
|
|
9
|
+
--zdt_listitem_dark_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 12.94%, 1);
|
|
10
|
+
--zdt_listitem_dark_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), 89.41%, 1);
|
|
11
|
+
--zdt_listitem_dark_effect_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 16.86%, 1);
|
|
12
|
+
--zdt_listitem_dark_active_bg:hsla(218, calc(var(--zd-saturation, 1) * 29.76%), 32.94%, 1);
|
|
13
|
+
--zdt_listitem_dark_tickicon:hsla(133, calc(var(--zd-saturation, 1) * 40.00%), 45.10%, 1);
|
|
15
14
|
|
|
16
15
|
/* tag */
|
|
17
|
-
--zdt_tag_dark_text:
|
|
18
|
-
--zdt_tag_dark_bg:
|
|
19
|
-
--zdt_tag_dark_hover_text:
|
|
20
|
-
--zdt_tag_dark_hover_bg:
|
|
21
|
-
--zdt_tag_dark_close_bg:
|
|
22
|
-
--zdt_tag_dark_close_text:
|
|
16
|
+
--zdt_tag_dark_text:hsla(240, calc(var(--zd-saturation, 1) * 4.44%), 82.35%, 1);
|
|
17
|
+
--zdt_tag_dark_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 14.90%, 1);
|
|
18
|
+
--zdt_tag_dark_hover_text:hsla(240, calc(var(--zd-saturation, 1) * 4.44%), 82.35%, 1);
|
|
19
|
+
--zdt_tag_dark_hover_bg:hsla(317, calc(var(--zd-saturation, 1) * 22.14%), 25.69%, 1);
|
|
20
|
+
--zdt_tag_dark_close_bg:hsla(347, calc(var(--zd-saturation, 1) * 31.37%), 40.00%, 1);
|
|
21
|
+
--zdt_tag_dark_close_text:hsla(0, calc(var(--zd-saturation, 1) * 71.91%), 53.92%, 1);
|
|
23
22
|
|
|
24
23
|
/* multiselect */
|
|
25
|
-
--zdt_multiselect_dark_border:
|
|
26
|
-
--zdt_multiselect_darkmsg_bg:
|
|
27
|
-
--zdt_multiselect_darkmsg_text:
|
|
28
|
-
--zdt_multiselect_darkdelete_hover_text:
|
|
24
|
+
--zdt_multiselect_dark_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 34.51%, 1);
|
|
25
|
+
--zdt_multiselect_darkmsg_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 12.94%, 1);
|
|
26
|
+
--zdt_multiselect_darkmsg_text:hsla(240, calc(var(--zd-saturation, 1) * 4.44%), 82.35%, 1);
|
|
27
|
+
--zdt_multiselect_darkdelete_hover_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), 89.41%, 1);
|
|
29
28
|
|
|
30
29
|
/* avatar */
|
|
31
|
-
--zdt_avatar_white_border:
|
|
32
|
-
--zdt_avatar_white_text:
|
|
30
|
+
--zdt_avatar_white_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 60.00%, 1);
|
|
31
|
+
--zdt_avatar_white_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 100.00%, 1);
|
|
33
32
|
|
|
34
33
|
/* label */
|
|
35
|
-
--zdt_label_dark_text:
|
|
34
|
+
--zdt_label_dark_text:hsla(240, calc(var(--zd-saturation, 1) * 4.44%), 82.35%, 1);
|
|
36
35
|
|
|
37
36
|
/* textbox */
|
|
38
|
-
--zdt_textbox_light_text:
|
|
37
|
+
--zdt_textbox_light_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 100.00%, 1);
|
|
39
38
|
|
|
40
39
|
/* dropdown */
|
|
41
|
-
--zdt_dropdown_darkheading_text:
|
|
40
|
+
--zdt_dropdown_darkheading_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 60.00%, 1);
|
|
42
41
|
|
|
43
42
|
/* focusscope */
|
|
44
|
-
--zdt_a11y_focusScope_focus_border:
|
|
43
|
+
--zdt_a11y_focusScope_focus_border:hsla(133, calc(var(--zd-saturation, 1) * 40.00%), 45.10%, 1);
|
|
45
44
|
|
|
46
45
|
/* button */
|
|
47
|
-
--zdt_button_primary_strike:
|
|
48
|
-
--zdt_button_primaryFilled_strike:
|
|
49
|
-
--zdt_button_secondaryFilled_strike:
|
|
46
|
+
--zdt_button_primary_strike:hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc( 0.45 + var(--zdc_alpha_low)));
|
|
47
|
+
--zdt_button_primaryFilled_strike:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc( 0.35 + var(--zdc_alpha_low)));
|
|
48
|
+
--zdt_button_secondaryFilled_strike:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse)), calc( 0.7 + var(--zdc_alpha_high)));
|
|
50
49
|
|
|
51
50
|
/* buttonloading */
|
|
52
|
-
|
|
51
|
+
}[dir=ltr] [data-mode='pureDark'][data-theme='green']{
|
|
52
|
+
--zdt_stencil_dark_gradient_bg:var(--zd-gradient-saturation, linear-gradient(to left, #212121 0%, #262626 33.33%, #262626 66.66%, #212121 100%));
|
|
53
|
+
--zdt_button_loading_primary_linear_gradient:var(--zd-gradient-saturation, linear-gradient(0deg, rgba(69, 161, 89, 1) 50%, rgba(45, 161, 89, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(45, 161, 89, 0.9) 0%, rgba(45, 161, 89, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(45, 161, 89, 0.6) 0%, rgba(45, 161, 89, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(45, 161, 89, 0.3) 0%, rgba(45, 161, 89, 0) 100%) 0% 100%);
|
|
54
|
+
}[dir=rtl] [data-mode='pureDark'][data-theme='green']{
|
|
55
|
+
--zdt_stencil_dark_gradient_bg:var(--zd-gradient-saturation, linear-gradient(to right, #212121 0%, #262626 33.33%, #262626 66.66%, #212121 100%));
|
|
56
|
+
--zdt_button_loading_primary_linear_gradient:var(--zd-gradient-saturation, linear-gradient(0deg, rgba(69, 161, 89, 1) 50%, rgba(45, 161, 89, 0.9) 100%) 0% 0%, linear-gradient(-90deg, rgba(45, 161, 89, 0.9) 0%, rgba(45, 161, 89, 0.6) 100%) 100% 0%, linear-gradient(-180deg, rgba(45, 161, 89, 0.6) 0%, rgba(45, 161, 89, 0.3) 100%) 100% 100%, linear-gradient(-360deg, rgba(45, 161, 89, 0.3) 0%, rgba(45, 161, 89, 0) 100%) 0% 100%);
|
|
53
57
|
}
|