@zohodesk/components 1.0.0-temp-139 → 1.0.0-temp-141
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 +1186 -1168
- package/assets/Appearance/dark/mode/darkMode.module.css +185 -184
- package/assets/Appearance/dark/themes/blue/blueDarkCTAModifyCategory.module.css +302 -0
- package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +31 -31
- package/assets/Appearance/dark/themes/green/greenDarkCTAModifyCategory.module.css +302 -0
- package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +30 -30
- package/assets/Appearance/dark/themes/orange/orangeDarkCTAModifyCategory.module.css +302 -0
- package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +30 -30
- package/assets/Appearance/dark/themes/red/redDarkCTAModifyCategory.module.css +302 -0
- package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +30 -30
- package/assets/Appearance/dark/themes/yellow/yellowDarkCTAModifyCategory.module.css +302 -0
- package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +30 -30
- package/assets/Appearance/default/mode/defaultMode.module.css +181 -180
- package/assets/Appearance/default/themes/blue/blueDefaultCTAModifyCategory.module.css +302 -0
- package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +31 -31
- package/assets/Appearance/default/themes/green/greenDefaultCTAModifyCategory.module.css +302 -0
- package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css +302 -0
- package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css +302 -0
- package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/default/themes/yellow/yellowDefaultCTAModifyCategory.module.css +302 -0
- package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +186 -185
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTAModifyCategory.module.css +302 -0
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +31 -31
- package/assets/Appearance/pureDark/themes/green/greenPureDarkCTAModifyCategory.module.css +302 -0
- package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTAModifyCategory.module.css +302 -0
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/red/redPureDarkCTAModifyCategory.module.css +302 -0
- package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTAModifyCategory.module.css +302 -0
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +30 -30
- package/assets/Contrast/darkContrastLightness.module.css +31 -0
- package/assets/Contrast/defaultContrastLightness.module.css +31 -0
- package/assets/Contrast/pureDarkContrastLightness.module.css +31 -0
- package/css_error.log +119 -0
- package/es/AppContainer/AppContainer.js +1 -0
- package/es/AppContainer/AppContainer.module.css +18 -18
- package/es/Avatar/Avatar.js +9 -9
- package/es/Avatar/Avatar.module.css +176 -141
- package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
- package/es/AvatarTeam/AvatarTeam.js +7 -7
- package/es/AvatarTeam/AvatarTeam.module.css +188 -188
- package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
- package/es/Button/Button.js +4 -4
- package/es/Button/Button.module.css +543 -525
- package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
- package/es/Buttongroup/Buttongroup.js +1 -1
- package/es/Buttongroup/Buttongroup.module.css +107 -89
- package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
- package/es/Card/Card.js +4 -4
- package/es/Card/Card.module.css +20 -20
- package/es/CheckBox/CheckBox.js +0 -0
- package/es/CheckBox/CheckBox.module.css +157 -157
- package/es/DateTime/CalendarView.js +0 -0
- package/es/DateTime/DateTime.js +0 -0
- package/es/DateTime/DateTime.module.css +235 -235
- package/es/DateTime/DateWidget.js +0 -0
- package/es/DateTime/DateWidget.module.css +38 -38
- package/es/DateTime/YearView.js +0 -0
- package/es/DateTime/YearView.module.css +98 -98
- 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 +69 -243
- package/es/DropBox/DropBoxElement/DropBoxElement.js +118 -0
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +432 -0
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +89 -0
- package/es/DropBox/DropBoxElement/props/defaultProps.js +18 -0
- package/es/DropBox/DropBoxElement/props/propTypes.js +45 -0
- package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +51 -0
- package/es/DropBox/DropBoxPositionMapping.json +144 -144
- package/es/DropBox/css/DropBox.module.css +59 -0
- package/es/DropBox/css/cssJSLogic.js +14 -0
- package/es/DropBox/props/defaultProps.js +9 -17
- package/es/DropBox/props/propTypes.js +9 -43
- package/es/DropDown/DropDown.js +0 -0
- package/es/DropDown/DropDown.module.css +5 -5
- package/es/DropDown/DropDownHeading.js +0 -0
- package/es/DropDown/DropDownHeading.module.css +53 -53
- package/es/DropDown/DropDownItem.js +0 -0
- package/es/DropDown/DropDownItem.module.css +94 -94
- package/es/DropDown/DropDownSearch.js +0 -0
- package/es/DropDown/DropDownSearch.module.css +14 -14
- package/es/DropDown/DropDownSeparator.js +0 -0
- package/es/DropDown/DropDownSeparator.module.css +7 -7
- package/es/Heading/Heading.module.css +4 -4
- package/es/Label/Label.js +2 -2
- package/es/Label/Label.module.css +52 -52
- package/es/Label/LabelColors.module.css +20 -20
- package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
- package/es/Layout/Box.js +0 -0
- package/es/Layout/Container.js +0 -0
- package/es/Layout/Layout.module.css +335 -335
- package/es/Layout/utils.js +0 -0
- package/es/ListItem/ListItem.js +0 -0
- package/es/ListItem/ListItem.module.css +216 -214
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
- package/es/MultiSelect/MultiSelect.js +23 -10
- package/es/MultiSelect/MultiSelect.module.css +205 -205
- package/es/MultiSelect/MultiSelectWithAvatar.js +18 -5
- package/es/MultiSelect/SelectedOptions.module.css +15 -15
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
- package/es/MultiSelect/props/defaultProps.js +5 -2
- package/es/MultiSelect/props/propTypes.js +7 -1
- package/es/PopOver/PopOver.module.css +8 -8
- package/es/Popup/Popup.js +0 -0
- package/es/Popup/PositionMapping.json +73 -73
- package/es/Radio/Radio.js +0 -0
- package/es/Radio/Radio.module.css +112 -112
- package/es/Responsive/CustomResponsive.js +0 -0
- package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
- package/es/Ribbon/Ribbon.js +0 -0
- package/es/Ribbon/Ribbon.module.css +454 -376
- package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
- package/es/RippleEffect/RippleEffect.module.css +92 -92
- package/es/Select/GroupSelect.js +0 -0
- package/es/Select/Select.js +0 -0
- package/es/Select/Select.module.css +108 -108
- package/es/Select/SelectWithAvatar.js +0 -0
- package/es/Select/SelectWithIcon.js +0 -0
- package/es/Select/__tests__/Select.spec.js +0 -0
- package/es/Stencils/Stencils.js +0 -0
- package/es/Stencils/Stencils.module.css +96 -96
- package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
- package/es/Switch/Switch.js +0 -0
- package/es/Switch/Switch.module.css +127 -110
- package/es/Tab/Tab.module.css +100 -100
- package/es/Tab/TabContent.module.css +4 -4
- package/es/Tab/Tabs.js +17 -17
- package/es/Tab/Tabs.module.css +143 -139
- package/es/Tag/Tag.js +8 -8
- package/es/Tag/Tag.module.css +254 -254
- package/es/TextBox/TextBox.js +0 -0
- package/es/TextBox/TextBox.module.css +157 -157
- package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
- package/es/TextBoxIcon/TextBoxIcon.js +0 -0
- package/es/TextBoxIcon/TextBoxIcon.module.css +78 -78
- package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
- package/es/Textarea/Textarea.js +0 -0
- package/es/Textarea/Textarea.module.css +139 -139
- package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
- package/es/Tooltip/Tooltip.module.css +134 -109
- package/es/common/a11y.module.css +3 -3
- package/es/common/animation.module.css +624 -624
- package/es/common/avatarsizes.module.css +48 -48
- package/es/common/basic.module.css +33 -33
- package/es/common/basicReset.module.css +40 -40
- package/es/common/boxShadow.module.css +34 -0
- package/es/common/common.module.css +524 -524
- package/es/common/customscroll.module.css +89 -89
- package/es/common/reset.module.css +12 -12
- package/es/common/transition.module.css +146 -146
- package/es/css.js +2 -1
- package/es/deprecated/AdvancedMultiSelect.module.css +126 -126
- package/es/semantic/Button/semanticButton.module.css +9 -9
- package/es/utils/Common.js +0 -0
- package/es/utils/css/mergeStyle.js +2 -1
- package/es/utils/dropDownUtils.js +3 -2
- package/install.md +10 -10
- package/lib/Accordion/Accordion.js +1 -3
- package/lib/Accordion/AccordionItem.js +1 -3
- package/lib/Animation/Animation.js +1 -3
- package/lib/AppContainer/AppContainer.js +2 -3
- package/lib/AppContainer/AppContainer.module.css +18 -18
- package/lib/Avatar/Avatar.js +11 -13
- package/lib/Avatar/Avatar.module.css +176 -141
- package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
- package/lib/AvatarTeam/AvatarTeam.js +8 -10
- package/lib/AvatarTeam/AvatarTeam.module.css +188 -188
- package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
- package/lib/Button/Button.js +5 -7
- package/lib/Button/Button.module.css +543 -525
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
- package/lib/Buttongroup/Buttongroup.js +3 -6
- package/lib/Buttongroup/Buttongroup.module.css +107 -89
- package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
- package/lib/Card/Card.js +5 -7
- package/lib/Card/Card.module.css +20 -20
- package/lib/CheckBox/CheckBox.js +1 -3
- package/lib/CheckBox/CheckBox.module.css +157 -157
- package/lib/DateTime/CalendarView.js +2 -5
- package/lib/DateTime/DateTime.js +3 -5
- package/lib/DateTime/DateTime.module.css +235 -235
- package/lib/DateTime/DateTimePopupFooter.js +1 -3
- package/lib/DateTime/DateTimePopupHeader.js +1 -3
- package/lib/DateTime/DateWidget.js +1 -3
- package/lib/DateTime/DateWidget.module.css +38 -38
- package/lib/DateTime/DaysRow.js +1 -3
- package/lib/DateTime/Time.js +1 -3
- package/lib/DateTime/YearView.js +1 -3
- package/lib/DateTime/YearView.module.css +98 -98
- package/lib/DateTime/common.js +0 -0
- package/lib/DateTime/dateFormatUtils/timeChange.js +2 -2
- 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 +4 -4
- package/lib/DropBox/DropBox.js +67 -276
- package/lib/DropBox/DropBoxElement/DropBoxElement.js +117 -0
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +432 -0
- package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +69 -0
- package/lib/DropBox/DropBoxElement/props/defaultProps.js +25 -0
- package/lib/DropBox/DropBoxElement/props/propTypes.js +53 -0
- package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +55 -0
- package/lib/DropBox/DropBoxPositionMapping.json +144 -144
- package/lib/DropBox/css/DropBox.module.css +59 -0
- package/lib/DropBox/css/cssJSLogic.js +18 -0
- package/lib/DropBox/props/defaultProps.js +12 -19
- package/lib/DropBox/props/propTypes.js +12 -45
- package/lib/DropDown/DropDown.js +2 -5
- package/lib/DropDown/DropDown.module.css +5 -5
- package/lib/DropDown/DropDownHeading.js +1 -3
- package/lib/DropDown/DropDownHeading.module.css +53 -53
- package/lib/DropDown/DropDownItem.js +1 -3
- package/lib/DropDown/DropDownItem.module.css +94 -94
- package/lib/DropDown/DropDownSearch.js +2 -5
- package/lib/DropDown/DropDownSearch.module.css +14 -14
- package/lib/DropDown/DropDownSeparator.js +1 -3
- package/lib/DropDown/DropDownSeparator.module.css +7 -7
- package/lib/DropDown/props/propTypes.js +1 -4
- package/lib/Heading/Heading.js +2 -4
- package/lib/Heading/Heading.module.css +4 -4
- package/lib/Label/Label.js +1 -3
- package/lib/Label/Label.module.css +52 -52
- package/lib/Label/LabelColors.module.css +20 -20
- package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
- package/lib/Layout/Box.js +0 -0
- package/lib/Layout/Container.js +0 -0
- package/lib/Layout/Layout.module.css +335 -335
- package/lib/Layout/utils.js +0 -0
- package/lib/ListItem/ListItem.js +1 -3
- package/lib/ListItem/ListItem.module.css +216 -214
- package/lib/ListItem/ListItemWithAvatar.js +1 -3
- package/lib/ListItem/ListItemWithCheckBox.js +1 -3
- package/lib/ListItem/ListItemWithIcon.js +1 -3
- package/lib/ListItem/ListItemWithRadio.js +1 -3
- package/lib/ListItem/props/propTypes.js +1 -4
- package/lib/Modal/Modal.js +1 -3
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +9 -11
- package/lib/MultiSelect/AdvancedMultiSelect.js +2 -4
- package/lib/MultiSelect/EmptyState.js +1 -3
- package/lib/MultiSelect/MultiSelect.js +26 -15
- package/lib/MultiSelect/MultiSelect.module.css +205 -205
- package/lib/MultiSelect/MultiSelectHeader.js +1 -3
- package/lib/MultiSelect/MultiSelectWithAvatar.js +19 -8
- package/lib/MultiSelect/SelectedOptions.js +2 -5
- package/lib/MultiSelect/SelectedOptions.module.css +15 -15
- package/lib/MultiSelect/Suggestions.js +2 -4
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
- package/lib/MultiSelect/props/defaultProps.js +5 -2
- package/lib/MultiSelect/props/propTypes.js +7 -1
- package/lib/PopOver/PopOver.js +1 -3
- package/lib/PopOver/PopOver.module.css +8 -8
- package/lib/Popup/Popup.js +2 -4
- package/lib/Popup/PositionMapping.json +73 -73
- package/lib/Popup/__tests__/Popup.spec.js +1 -3
- package/lib/Provider/LibraryContext.js +3 -5
- package/lib/Provider/NumberGenerator/NumberGenerator.js +1 -1
- package/lib/Radio/Radio.js +1 -3
- package/lib/Radio/Radio.module.css +112 -112
- package/lib/Responsive/CustomResponsive.js +4 -6
- package/lib/Responsive/RefWrapper.js +2 -4
- package/lib/Responsive/ResizeComponent.js +4 -9
- package/lib/Responsive/ResizeObserver.js +1 -4
- package/lib/Responsive/Responsive.js +4 -6
- package/lib/Responsive/sizeObservers.js +2 -4
- package/lib/ResponsiveDropBox/ResponsiveDropBox.js +1 -3
- package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
- package/lib/Ribbon/Ribbon.js +1 -3
- package/lib/Ribbon/Ribbon.module.css +454 -376
- package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
- package/lib/RippleEffect/RippleEffect.module.css +92 -92
- package/lib/Select/GroupSelect.js +3 -5
- package/lib/Select/Select.js +1 -3
- package/lib/Select/Select.module.css +108 -108
- package/lib/Select/SelectWithAvatar.js +1 -3
- package/lib/Select/SelectWithIcon.js +1 -3
- package/lib/Select/__tests__/Select.spec.js +2 -2
- package/lib/Select/props/defaultProps.js +1 -4
- package/lib/Stencils/Stencils.js +1 -3
- package/lib/Stencils/Stencils.module.css +96 -96
- package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
- package/lib/Switch/Switch.js +1 -3
- package/lib/Switch/Switch.module.css +127 -110
- package/lib/Tab/Tab.module.css +100 -100
- package/lib/Tab/TabContent.module.css +4 -4
- package/lib/Tab/TabWrapper.js +2 -2
- package/lib/Tab/Tabs.js +13 -15
- package/lib/Tab/Tabs.module.css +143 -139
- package/lib/Tag/Tag.js +9 -11
- package/lib/Tag/Tag.module.css +254 -254
- package/lib/TextBox/TextBox.js +1 -3
- package/lib/TextBox/TextBox.module.css +157 -157
- package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
- package/lib/TextBox/props/propTypes.js +1 -4
- package/lib/TextBoxIcon/TextBoxIcon.js +2 -5
- package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
- package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
- package/lib/Textarea/Textarea.js +1 -3
- package/lib/Textarea/Textarea.module.css +139 -139
- package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
- package/lib/Tooltip/Tooltip.js +1 -3
- package/lib/Tooltip/Tooltip.module.css +134 -109
- package/lib/Tooltip/__tests__/Tooltip.spec.js +1 -3
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -3
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +2 -4
- package/lib/common/a11y.module.css +3 -3
- package/lib/common/animation.module.css +624 -624
- package/lib/common/avatarsizes.module.css +48 -48
- package/lib/common/basic.module.css +33 -33
- package/lib/common/basicReset.module.css +40 -40
- package/lib/common/boxShadow.module.css +34 -0
- package/lib/common/common.module.css +524 -524
- package/lib/common/customscroll.module.css +89 -89
- package/lib/common/reset.module.css +12 -12
- package/lib/common/transition.module.css +146 -146
- package/lib/css.js +2 -1
- package/lib/deprecated/AdvancedMultiSelect.module.css +126 -126
- package/lib/deprecated/PortalLayer/PortalLayer.js +1 -3
- package/lib/semantic/Button/Button.js +1 -3
- package/lib/semantic/Button/semanticButton.module.css +9 -9
- package/lib/utils/Common.js +0 -0
- package/lib/utils/constructFullName.js +2 -2
- package/lib/utils/css/mergeStyle.js +3 -5
- package/lib/utils/dropDownUtils.js +8 -7
- package/package.json +102 -102
- package/docs/external/active-line.js +0 -72
- package/docs/external/autorefresh.js +0 -47
- package/docs/external/codemirror.js +0 -9681
- package/docs/external/css/hopscotch.css +0 -576
- package/docs/external/css/styleGuide.css +0 -1100
- package/docs/external/css.js +0 -466
- package/docs/external/designTokens.js +0 -1
- package/docs/external/foldcode.js +0 -152
- package/docs/external/format.js +0 -129
- package/docs/external/htmlmixed.js +0 -84
- package/docs/external/images/bottom.png +0 -0
- package/docs/external/images/bottombg.jpg +0 -0
- package/docs/external/images/desk.png +0 -0
- package/docs/external/images/desklogo.png +0 -0
- package/docs/external/images/menu.png +0 -0
- package/docs/external/index.html +0 -127
- package/docs/external/javascript.js +0 -422
- package/docs/external/jsx.js +0 -148
- package/docs/external/matchbrackets.js +0 -145
- package/docs/external/xml.js +0 -322
- package/docs/package.json +0 -41
- package/docs/src/index.js +0 -1311
- package/es/DropBox/DropBox.module.css +0 -405
- package/lib/DropBox/DropBox.module.css +0 -405
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
.varClass {
|
|
2
|
-
/* dropdownheading default variables */
|
|
3
|
-
--dropdownheading_text_color: var(--zdt_dropdown_default_text);
|
|
4
|
-
--dropdownheading_text_transform: uppercase;
|
|
5
|
-
--dropdownheading_padding: var(--zd_size10) var(--zd_size20);
|
|
6
|
-
--dropdownheading_bg_color: none;
|
|
7
|
-
|
|
8
|
-
/* dropdownheading underline default variables */
|
|
9
|
-
--dropdownheading_underline_width: var(--zd_size20);
|
|
10
|
-
--dropdownheading_underline_height: 1px;
|
|
11
|
-
--dropdownheading_underline_bg_color: var(--zdt_dropdown_default_bg);
|
|
12
|
-
--dropdownheading_underline_left: var(--zd_size20);
|
|
13
|
-
}
|
|
14
|
-
.default {
|
|
15
|
-
composes: dotted semibold from '../common/common.module.css';
|
|
16
|
-
composes: varClass;
|
|
17
|
-
position: relative;
|
|
18
|
-
font-size: var(--zd_font_size11);
|
|
19
|
-
letter-spacing: 0.6px;
|
|
20
|
-
text-transform: var(--dropdownheading_text_transform);
|
|
21
|
-
color: var(--dropdownheading_text_color);
|
|
22
|
-
padding: var(--dropdownheading_padding);
|
|
23
|
-
background-color: var(--dropdownheading_bg_color);
|
|
24
|
-
}
|
|
25
|
-
.default::after {
|
|
26
|
-
position: absolute;
|
|
27
|
-
content: '';
|
|
28
|
-
bottom: var(--zd_size2);
|
|
29
|
-
width: var(--dropdownheading_underline_width);
|
|
30
|
-
height: var(--dropdownheading_underline_height);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.light {
|
|
34
|
-
composes: default;
|
|
35
|
-
}
|
|
36
|
-
.light::after, .dark::after {
|
|
37
|
-
background-color: var(--dropdownheading_underline_bg_color);
|
|
38
|
-
}
|
|
39
|
-
[dir=ltr] .light::after, [dir=ltr] .dark::after {
|
|
40
|
-
left: var(--dropdownheading_underline_left);
|
|
41
|
-
}
|
|
42
|
-
[dir=rtl] .light::after, [dir=rtl] .dark::after {
|
|
43
|
-
right: var(--dropdownheading_underline_left);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.dark {
|
|
47
|
-
composes: default;
|
|
48
|
-
--dropdownheading_text_color: var(--zdt_dropdown_darkheading_text);
|
|
49
|
-
--dropdownheading_bg_color: var(--zdt_dropdown_darkheading_bg);
|
|
50
|
-
}
|
|
51
|
-
.dark::after {
|
|
52
|
-
--dropdownheading_underline_bg_color: var(--zdt_dropdown_darkheading_underline_bg);
|
|
53
|
-
}
|
|
1
|
+
.varClass {
|
|
2
|
+
/* dropdownheading default variables */
|
|
3
|
+
--dropdownheading_text_color: var(--zdt_dropdown_default_text);
|
|
4
|
+
--dropdownheading_text_transform: uppercase;
|
|
5
|
+
--dropdownheading_padding: var(--zd_size10) var(--zd_size20);
|
|
6
|
+
--dropdownheading_bg_color: none;
|
|
7
|
+
|
|
8
|
+
/* dropdownheading underline default variables */
|
|
9
|
+
--dropdownheading_underline_width: var(--zd_size20);
|
|
10
|
+
--dropdownheading_underline_height: 1px;
|
|
11
|
+
--dropdownheading_underline_bg_color: var(--zdt_dropdown_default_bg);
|
|
12
|
+
--dropdownheading_underline_left: var(--zd_size20);
|
|
13
|
+
}
|
|
14
|
+
.default {
|
|
15
|
+
composes: dotted semibold from '../common/common.module.css';
|
|
16
|
+
composes: varClass;
|
|
17
|
+
position: relative;
|
|
18
|
+
font-size: var(--zd_font_size11);
|
|
19
|
+
letter-spacing: 0.6px;
|
|
20
|
+
text-transform: var(--dropdownheading_text_transform);
|
|
21
|
+
color: var(--dropdownheading_text_color);
|
|
22
|
+
padding: var(--dropdownheading_padding);
|
|
23
|
+
background-color: var(--dropdownheading_bg_color);
|
|
24
|
+
}
|
|
25
|
+
.default::after {
|
|
26
|
+
position: absolute;
|
|
27
|
+
content: '';
|
|
28
|
+
bottom: var(--zd_size2);
|
|
29
|
+
width: var(--dropdownheading_underline_width);
|
|
30
|
+
height: var(--dropdownheading_underline_height);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.light {
|
|
34
|
+
composes: default;
|
|
35
|
+
}
|
|
36
|
+
.light::after, .dark::after {
|
|
37
|
+
background-color: var(--dropdownheading_underline_bg_color);
|
|
38
|
+
}
|
|
39
|
+
[dir=ltr] .light::after, [dir=ltr] .dark::after {
|
|
40
|
+
left: var(--dropdownheading_underline_left);
|
|
41
|
+
}
|
|
42
|
+
[dir=rtl] .light::after, [dir=rtl] .dark::after {
|
|
43
|
+
right: var(--dropdownheading_underline_left);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.dark {
|
|
47
|
+
composes: default;
|
|
48
|
+
--dropdownheading_text_color: var(--zdt_dropdown_darkheading_text);
|
|
49
|
+
--dropdownheading_bg_color: var(--zdt_dropdown_darkheading_bg);
|
|
50
|
+
}
|
|
51
|
+
.dark::after {
|
|
52
|
+
--dropdownheading_underline_bg_color: var(--zdt_dropdown_darkheading_underline_bg);
|
|
53
|
+
}
|
|
@@ -11,10 +11,8 @@ var _defaultProps = require("./props/defaultProps");
|
|
|
11
11
|
var _DropDownItemModule = _interopRequireDefault(require("./DropDownItem.module.css"));
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
13
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
14
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target,
|
|
14
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
15
15
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
16
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
17
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
18
16
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
19
17
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
20
18
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
@@ -1,94 +1,94 @@
|
|
|
1
|
-
.varClass {
|
|
2
|
-
/* dropdownitem default variables */
|
|
3
|
-
--dropdownitem-padding: var(--zd_size9) var(--zd_size19);
|
|
4
|
-
--dropdownitem-border-color: var(--zdt_dropdown_default_border);
|
|
5
|
-
--dropdownitem-bg-color: var(--zdt_dropdown_mirror_bg);
|
|
6
|
-
|
|
7
|
-
/* dropdownitem user default variables */
|
|
8
|
-
--dropdownitem-user-width: var(--zd_size42);
|
|
9
|
-
--dropdownitem-user-border-style: solid;
|
|
10
|
-
--dropdownitem-user-border-color: var(--zdt_dropdown_user_default_border);
|
|
11
|
-
--dropdownitem-user-cursor: pointer;
|
|
12
|
-
}[dir=ltr] .varClass {
|
|
13
|
-
--dropdownitem-user-border-width: 0 0 0 1px/*rtl: 0 1px 0 0*/;
|
|
14
|
-
}[dir=rtl] .varClass {
|
|
15
|
-
--dropdownitem-user-border-width: 0 1px 0 0;
|
|
16
|
-
}
|
|
17
|
-
.list {
|
|
18
|
-
composes: varClass;
|
|
19
|
-
composes: dflex alignVertical from '../common/common.module.css';
|
|
20
|
-
position: relative;
|
|
21
|
-
color: var(--zdt_dropdown_default_text);
|
|
22
|
-
font-size: var(--zd_font_size13);
|
|
23
|
-
padding: var(--dropdownitem-padding);
|
|
24
|
-
border-style: solid;
|
|
25
|
-
border-color: var(--dropdownitem-border-color);
|
|
26
|
-
cursor: pointer;
|
|
27
|
-
background-color: var(--dropdownitem-bg-color);
|
|
28
|
-
}
|
|
29
|
-
[dir=ltr] .list {
|
|
30
|
-
border-width: 0 0 0 1px/*rtl: 0 1px 0 0*/;
|
|
31
|
-
}
|
|
32
|
-
[dir=rtl] .list {
|
|
33
|
-
border-width: 0 1px 0 0;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.listActive {
|
|
37
|
-
--dropdownitem-border-color: var(--zdt_dropdown_listactive_border);
|
|
38
|
-
--dropdownitem-bg-color: var(--zdt_dropdown_listactive_bg);
|
|
39
|
-
}
|
|
40
|
-
.listHover {
|
|
41
|
-
--dropdownitem-bg-color: var(--zdt_dropdown_listhover_bg);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
[dir=ltr] .padding {
|
|
45
|
-
--dropdownitem-padding: 0 var(--zd_size50) 0 0/*rtl: 0 0 0 var(--zd_size50)*/;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
[dir=rtl] .padding {
|
|
49
|
-
--dropdownitem-padding: 0 0 0 var(--zd_size50);
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.children {
|
|
53
|
-
display: inline-block;
|
|
54
|
-
font-size: 0;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
[dir=ltr] .children {
|
|
58
|
-
margin-right: var(--zd_size10);
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
[dir=rtl] .children {
|
|
62
|
-
margin-left: var(--zd_size10);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.value {
|
|
66
|
-
composes: dotted flexgrow from '../common/common.module.css';
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.user {
|
|
70
|
-
composes: dflex alignVertical alignHorizontal from '../common/common.module.css';
|
|
71
|
-
position: absolute;
|
|
72
|
-
top: 0;
|
|
73
|
-
bottom: 0;
|
|
74
|
-
opacity: 0;
|
|
75
|
-
visibility: hidden;
|
|
76
|
-
width: var(--dropdownitem-user-width);
|
|
77
|
-
border-width: var(--dropdownitem-user-border-width);
|
|
78
|
-
border-style: var(--dropdownitem-user-border-style);
|
|
79
|
-
border-color: var(--dropdownitem-user-border-color);
|
|
80
|
-
cursor: var(--dropdownitem-user-cursor);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
[dir=ltr] .user {
|
|
84
|
-
right: 0;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
[dir=rtl] .user {
|
|
88
|
-
left: 0;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.list:hover .user {
|
|
92
|
-
opacity: 1;
|
|
93
|
-
visibility: visible;
|
|
94
|
-
}
|
|
1
|
+
.varClass {
|
|
2
|
+
/* dropdownitem default variables */
|
|
3
|
+
--dropdownitem-padding: var(--zd_size9) var(--zd_size19);
|
|
4
|
+
--dropdownitem-border-color: var(--zdt_dropdown_default_border);
|
|
5
|
+
--dropdownitem-bg-color: var(--zdt_dropdown_mirror_bg);
|
|
6
|
+
|
|
7
|
+
/* dropdownitem user default variables */
|
|
8
|
+
--dropdownitem-user-width: var(--zd_size42);
|
|
9
|
+
--dropdownitem-user-border-style: solid;
|
|
10
|
+
--dropdownitem-user-border-color: var(--zdt_dropdown_user_default_border);
|
|
11
|
+
--dropdownitem-user-cursor: pointer;
|
|
12
|
+
}[dir=ltr] .varClass {
|
|
13
|
+
--dropdownitem-user-border-width: 0 0 0 1px/*rtl: 0 1px 0 0*/;
|
|
14
|
+
}[dir=rtl] .varClass {
|
|
15
|
+
--dropdownitem-user-border-width: 0 1px 0 0;
|
|
16
|
+
}
|
|
17
|
+
.list {
|
|
18
|
+
composes: varClass;
|
|
19
|
+
composes: dflex alignVertical from '../common/common.module.css';
|
|
20
|
+
position: relative;
|
|
21
|
+
color: var(--zdt_dropdown_default_text);
|
|
22
|
+
font-size: var(--zd_font_size13);
|
|
23
|
+
padding: var(--dropdownitem-padding);
|
|
24
|
+
border-style: solid;
|
|
25
|
+
border-color: var(--dropdownitem-border-color);
|
|
26
|
+
cursor: pointer;
|
|
27
|
+
background-color: var(--dropdownitem-bg-color);
|
|
28
|
+
}
|
|
29
|
+
[dir=ltr] .list {
|
|
30
|
+
border-width: 0 0 0 1px/*rtl: 0 1px 0 0*/;
|
|
31
|
+
}
|
|
32
|
+
[dir=rtl] .list {
|
|
33
|
+
border-width: 0 1px 0 0;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.listActive {
|
|
37
|
+
--dropdownitem-border-color: var(--zdt_dropdown_listactive_border);
|
|
38
|
+
--dropdownitem-bg-color: var(--zdt_dropdown_listactive_bg);
|
|
39
|
+
}
|
|
40
|
+
.listHover {
|
|
41
|
+
--dropdownitem-bg-color: var(--zdt_dropdown_listhover_bg);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
[dir=ltr] .padding {
|
|
45
|
+
--dropdownitem-padding: 0 var(--zd_size50) 0 0/*rtl: 0 0 0 var(--zd_size50)*/;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
[dir=rtl] .padding {
|
|
49
|
+
--dropdownitem-padding: 0 0 0 var(--zd_size50);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.children {
|
|
53
|
+
display: inline-block;
|
|
54
|
+
font-size: 0;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
[dir=ltr] .children {
|
|
58
|
+
margin-right: var(--zd_size10);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
[dir=rtl] .children {
|
|
62
|
+
margin-left: var(--zd_size10);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.value {
|
|
66
|
+
composes: dotted flexgrow from '../common/common.module.css';
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.user {
|
|
70
|
+
composes: dflex alignVertical alignHorizontal from '../common/common.module.css';
|
|
71
|
+
position: absolute;
|
|
72
|
+
top: 0;
|
|
73
|
+
bottom: 0;
|
|
74
|
+
opacity: 0;
|
|
75
|
+
visibility: hidden;
|
|
76
|
+
width: var(--dropdownitem-user-width);
|
|
77
|
+
border-width: var(--dropdownitem-user-border-width);
|
|
78
|
+
border-style: var(--dropdownitem-user-border-style);
|
|
79
|
+
border-color: var(--dropdownitem-user-border-color);
|
|
80
|
+
cursor: var(--dropdownitem-user-cursor);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
[dir=ltr] .user {
|
|
84
|
+
right: 0;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
[dir=rtl] .user {
|
|
88
|
+
left: 0;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.list:hover .user {
|
|
92
|
+
opacity: 1;
|
|
93
|
+
visibility: visible;
|
|
94
|
+
}
|
|
@@ -12,10 +12,8 @@ var _TextBox = _interopRequireDefault(require("../TextBox/TextBox"));
|
|
|
12
12
|
var _DropDownSearchModule = _interopRequireDefault(require("./DropDownSearch.module.css"));
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
14
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
15
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target,
|
|
15
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
16
16
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
17
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
18
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
19
17
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
20
18
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
21
19
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
@@ -23,8 +21,7 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
|
|
|
23
21
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
24
22
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
25
23
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
26
|
-
/* eslint css-modules/no-unused-class: [2, { markAsUsed: ['dropdown', 'menu', 'shadow', 'target', 'header', 'headertext', 'list', 'padding', 'listHover', 'active', 'children', 'user', 'footer', separator, 'small', 'search', 'medium', 'heading', 'listGroup'] }] */
|
|
27
|
-
var DropDownSearch = /*#__PURE__*/function (_React$Component) {
|
|
24
|
+
/* eslint css-modules/no-unused-class: [2, { markAsUsed: ['dropdown', 'menu', 'shadow', 'target', 'header', 'headertext', 'list', 'padding', 'listHover', 'active', 'children', 'user', 'footer', separator, 'small', 'search', 'medium', 'heading', 'listGroup'] }] */var DropDownSearch = /*#__PURE__*/function (_React$Component) {
|
|
28
25
|
_inherits(DropDownSearch, _React$Component);
|
|
29
26
|
var _super = _createSuper(DropDownSearch);
|
|
30
27
|
function DropDownSearch(props) {
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
.varClass {
|
|
2
|
-
/* dropdownsearch default variables */
|
|
3
|
-
--dropdownsearch-padding: 0 var(--zd_size15) 0;
|
|
4
|
-
}
|
|
5
|
-
.search {
|
|
6
|
-
composes: varClass;
|
|
7
|
-
padding: var(--dropdownsearch-padding);
|
|
8
|
-
}
|
|
9
|
-
.smallSearch {
|
|
10
|
-
--dropdownsearch-padding: 0 var(--zd_size5) 0;
|
|
11
|
-
}
|
|
12
|
-
.mediumSearch {
|
|
13
|
-
--dropdownsearch-padding: 0 var(--zd_size15) 0;
|
|
14
|
-
}
|
|
1
|
+
.varClass {
|
|
2
|
+
/* dropdownsearch default variables */
|
|
3
|
+
--dropdownsearch-padding: 0 var(--zd_size15) 0;
|
|
4
|
+
}
|
|
5
|
+
.search {
|
|
6
|
+
composes: varClass;
|
|
7
|
+
padding: var(--dropdownsearch-padding);
|
|
8
|
+
}
|
|
9
|
+
.smallSearch {
|
|
10
|
+
--dropdownsearch-padding: 0 var(--zd_size5) 0;
|
|
11
|
+
}
|
|
12
|
+
.mediumSearch {
|
|
13
|
+
--dropdownsearch-padding: 0 var(--zd_size15) 0;
|
|
14
|
+
}
|
|
@@ -10,10 +10,8 @@ var _propTypes = require("./props/propTypes");
|
|
|
10
10
|
var _DropDownSeparatorModule = _interopRequireDefault(require("./DropDownSeparator.module.css"));
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
12
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
13
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target,
|
|
13
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
14
14
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
15
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
16
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
17
15
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
18
16
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
19
17
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
.separator {
|
|
2
|
-
height: var(--zd_size1);
|
|
3
|
-
border-width: 0 0 1px 0;
|
|
4
|
-
border-style: solid;
|
|
5
|
-
border-color: var(--zdt_dropdown_user_default_border);
|
|
6
|
-
margin: var(--zd_size5) 0;
|
|
7
|
-
}
|
|
1
|
+
.separator {
|
|
2
|
+
height: var(--zd_size1);
|
|
3
|
+
border-width: 0 0 1px 0;
|
|
4
|
+
border-style: solid;
|
|
5
|
+
border-color: var(--zdt_dropdown_user_default_border);
|
|
6
|
+
margin: var(--zd_size5) 0;
|
|
7
|
+
}
|
|
@@ -7,10 +7,7 @@ exports.DropDown_propTypes = exports.DropDownTarget_propTypes = exports.DropDown
|
|
|
7
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
8
|
var _DropDownSearch_propT;
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
function
|
|
11
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
12
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
13
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
10
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
14
11
|
var DropDown_propTypes = {
|
|
15
12
|
arrowBottom: _propTypes["default"].string,
|
|
16
13
|
arrowLeft: _propTypes["default"].string,
|
package/lib/Heading/Heading.js
CHANGED
|
@@ -12,12 +12,10 @@ var _HeadingModule = _interopRequireDefault(require("./Heading.module.css"));
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
13
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
14
14
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
15
|
-
function _defineProperty(obj, key, value) {
|
|
15
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
16
16
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
17
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target,
|
|
17
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
18
18
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
19
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
20
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
21
19
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
22
20
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
23
21
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.reset {
|
|
2
|
-
font-size: initial;
|
|
3
|
-
font-weight: initial;
|
|
4
|
-
margin: initial;
|
|
1
|
+
.reset {
|
|
2
|
+
font-size: initial;
|
|
3
|
+
font-weight: initial;
|
|
4
|
+
margin: initial;
|
|
5
5
|
}
|
package/lib/Label/Label.js
CHANGED
|
@@ -12,10 +12,8 @@ var _LabelModule = _interopRequireDefault(require("./Label.module.css"));
|
|
|
12
12
|
var _LabelColorsModule = _interopRequireDefault(require("./LabelColors.module.css"));
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
14
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
15
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target,
|
|
15
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
16
16
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
17
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
18
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
19
17
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
20
18
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
21
19
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
.varClass {
|
|
2
|
-
/* label default variables */
|
|
3
|
-
--label_font_size: var(--zd_font_size14);
|
|
4
|
-
--label_text_color: var(--zdt_label_default_text);
|
|
5
|
-
--label_font_family: var(--zd_regular);
|
|
6
|
-
--label_cursor: default;
|
|
7
|
-
--label_line_height: var(--zd_size18);
|
|
8
|
-
}
|
|
9
|
-
.label {
|
|
10
|
-
composes: varClass;
|
|
11
|
-
vertical-align: middle;
|
|
12
|
-
line-height: var(--label_line_height);
|
|
13
|
-
font-size: var(--label_font_size);
|
|
14
|
-
color: var(--label_text_color);
|
|
15
|
-
font-family: var(--label_font_family);
|
|
16
|
-
cursor: var(--label_cursor);
|
|
17
|
-
}
|
|
18
|
-
.xsmall {
|
|
19
|
-
--label_font_size: var(--zd_font_size12);
|
|
20
|
-
}
|
|
21
|
-
.small {
|
|
22
|
-
--label_font_size: var(--zd_font_size13);
|
|
23
|
-
}
|
|
24
|
-
.medium {
|
|
25
|
-
--label_font_size: var(--zd_font_size14);
|
|
26
|
-
}
|
|
27
|
-
.large {
|
|
28
|
-
--label_font_size: var(--zd_font_size26);
|
|
29
|
-
composes: semibold from '../common/common.module.css';
|
|
30
|
-
}
|
|
31
|
-
.pointer {
|
|
32
|
-
--label_cursor: pointer;
|
|
33
|
-
}
|
|
34
|
-
.cursor {
|
|
35
|
-
--label_cursor: default;
|
|
36
|
-
}
|
|
37
|
-
.title {
|
|
38
|
-
display: block;
|
|
39
|
-
}
|
|
40
|
-
.subtitle {
|
|
41
|
-
display: inline-block;
|
|
42
|
-
}
|
|
43
|
-
.font_default {
|
|
44
|
-
--label_font_family: var(--zd_regular);
|
|
45
|
-
}
|
|
46
|
-
.font_primary {
|
|
47
|
-
--label_font_family: var(--zd_semibold);
|
|
48
|
-
composes: ftsmooth from '../common/common.module.css';
|
|
49
|
-
}
|
|
50
|
-
.dotted {
|
|
51
|
-
composes: dotted from '../common/common.module.css';
|
|
52
|
-
}
|
|
1
|
+
.varClass {
|
|
2
|
+
/* label default variables */
|
|
3
|
+
--label_font_size: var(--zd_font_size14);
|
|
4
|
+
--label_text_color: var(--zdt_label_default_text);
|
|
5
|
+
--label_font_family: var(--zd_regular);
|
|
6
|
+
--label_cursor: default;
|
|
7
|
+
--label_line_height: var(--zd_size18);
|
|
8
|
+
}
|
|
9
|
+
.label {
|
|
10
|
+
composes: varClass;
|
|
11
|
+
vertical-align: middle;
|
|
12
|
+
line-height: var(--label_line_height);
|
|
13
|
+
font-size: var(--label_font_size);
|
|
14
|
+
color: var(--label_text_color);
|
|
15
|
+
font-family: var(--label_font_family);
|
|
16
|
+
cursor: var(--label_cursor);
|
|
17
|
+
}
|
|
18
|
+
.xsmall {
|
|
19
|
+
--label_font_size: var(--zd_font_size12);
|
|
20
|
+
}
|
|
21
|
+
.small {
|
|
22
|
+
--label_font_size: var(--zd_font_size13);
|
|
23
|
+
}
|
|
24
|
+
.medium {
|
|
25
|
+
--label_font_size: var(--zd_font_size14);
|
|
26
|
+
}
|
|
27
|
+
.large {
|
|
28
|
+
--label_font_size: var(--zd_font_size26);
|
|
29
|
+
composes: semibold from '../common/common.module.css';
|
|
30
|
+
}
|
|
31
|
+
.pointer {
|
|
32
|
+
--label_cursor: pointer;
|
|
33
|
+
}
|
|
34
|
+
.cursor {
|
|
35
|
+
--label_cursor: default;
|
|
36
|
+
}
|
|
37
|
+
.title {
|
|
38
|
+
display: block;
|
|
39
|
+
}
|
|
40
|
+
.subtitle {
|
|
41
|
+
display: inline-block;
|
|
42
|
+
}
|
|
43
|
+
.font_default {
|
|
44
|
+
--label_font_family: var(--zd_regular);
|
|
45
|
+
}
|
|
46
|
+
.font_primary {
|
|
47
|
+
--label_font_family: var(--zd_semibold);
|
|
48
|
+
composes: ftsmooth from '../common/common.module.css';
|
|
49
|
+
}
|
|
50
|
+
.dotted {
|
|
51
|
+
composes: dotted from '../common/common.module.css';
|
|
52
|
+
}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
.default {
|
|
2
|
-
--label_text_color: var(--zdt_label_default_text);
|
|
3
|
-
}
|
|
4
|
-
.primary {
|
|
5
|
-
--label_text_color: var(--zdt_label_primary_text);
|
|
6
|
-
}
|
|
7
|
-
.secondary {
|
|
8
|
-
--label_text_color: var(--zdt_label_secondary_text);
|
|
9
|
-
}
|
|
10
|
-
.danger {
|
|
11
|
-
--label_text_color: var(--zdt_label_danger_text);
|
|
12
|
-
}
|
|
13
|
-
.mandatory {
|
|
14
|
-
--label_text_color: var(--zdt_label_mandatory_text);
|
|
15
|
-
}
|
|
16
|
-
.disable {
|
|
17
|
-
--label_text_color: var(--zdt_label_disable_text);
|
|
18
|
-
}
|
|
19
|
-
.dark {
|
|
20
|
-
--label_text_color: var(--zdt_label_dark_text);
|
|
1
|
+
.default {
|
|
2
|
+
--label_text_color: var(--zdt_label_default_text);
|
|
3
|
+
}
|
|
4
|
+
.primary {
|
|
5
|
+
--label_text_color: var(--zdt_label_primary_text);
|
|
6
|
+
}
|
|
7
|
+
.secondary {
|
|
8
|
+
--label_text_color: var(--zdt_label_secondary_text);
|
|
9
|
+
}
|
|
10
|
+
.danger {
|
|
11
|
+
--label_text_color: var(--zdt_label_danger_text);
|
|
12
|
+
}
|
|
13
|
+
.mandatory {
|
|
14
|
+
--label_text_color: var(--zdt_label_mandatory_text);
|
|
15
|
+
}
|
|
16
|
+
.disable {
|
|
17
|
+
--label_text_color: var(--zdt_label_disable_text);
|
|
18
|
+
}
|
|
19
|
+
.dark {
|
|
20
|
+
--label_text_color: var(--zdt_label_dark_text);
|
|
21
21
|
}
|