@zohodesk/components 1.0.0-temp-132 → 1.0.0-temp-134
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 +1158 -1137
- package/assets/Appearance/dark/mode/darkMode.module.css +191 -191
- package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +30 -30
- package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +30 -30
- package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +30 -30
- package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +30 -30
- package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +30 -30
- package/assets/Appearance/default/mode/defaultMode.module.css +188 -188
- package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +193 -193
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +30 -30
- package/css_error.log +0 -1
- package/docs/external/active-line.js +72 -72
- package/docs/external/autorefresh.js +47 -47
- package/docs/external/codemirror.js +9681 -9681
- package/docs/external/css/hopscotch.css +576 -576
- package/docs/external/css/styleGuide.css +1100 -1100
- package/docs/external/css.js +466 -466
- package/docs/external/designTokens.js +1 -1
- package/docs/external/foldcode.js +151 -151
- package/docs/external/format.js +129 -129
- package/docs/external/htmlmixed.js +84 -84
- package/docs/external/index.html +127 -127
- package/docs/external/javascript.js +422 -422
- package/docs/external/jsx.js +147 -147
- package/docs/external/matchbrackets.js +145 -145
- package/docs/external/xml.js +322 -322
- package/docs/package.json +41 -41
- package/docs/src/index.js +1311 -1311
- package/es/AppContainer/AppContainer.js +0 -1
- package/es/AppContainer/AppContainer.module.css +18 -18
- package/es/Avatar/Avatar.js +17 -14
- package/es/Avatar/Avatar.module.css +141 -168
- package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
- package/es/Avatar/props/defaultProps.js +3 -1
- package/es/Avatar/props/propTypes.js +4 -2
- package/es/AvatarTeam/AvatarTeam.js +15 -9
- package/es/AvatarTeam/AvatarTeam.module.css +188 -161
- package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
- package/es/AvatarTeam/props/defaultProps.js +4 -1
- package/es/AvatarTeam/props/propTypes.js +4 -1
- package/es/Button/Button.js +4 -4
- package/es/Button/Button.module.css +525 -543
- package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
- package/es/Buttongroup/Buttongroup.js +1 -1
- package/es/Buttongroup/Buttongroup.module.css +89 -107
- 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 +2 -3
- 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 +0 -0
- package/es/DropBox/DropBox.module.css +406 -489
- package/es/DropBox/DropBoxPositionMapping.json +144 -144
- 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 +209 -209
- 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/Suggestions.js +4 -2
- 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 +2 -2
- package/es/Popup/PositionMapping.json +73 -73
- package/es/Provider/AvatarSize.js +1 -0
- 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 +376 -454
- 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 +110 -127
- package/es/Tab/Tab.module.css +101 -101
- package/es/Tab/TabContent.module.css +4 -4
- package/es/Tab/Tabs.js +17 -17
- package/es/Tab/Tabs.module.css +140 -144
- 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 +20 -3
- 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 +109 -134
- package/es/common/a11y.module.css +3 -3
- package/es/common/animation.module.css +624 -624
- package/es/common/avatarsizes.module.css +48 -44
- package/es/common/basic.module.css +33 -33
- package/es/common/basicReset.module.css +40 -40
- 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/deprecated/AdvancedMultiSelect.module.css +126 -126
- package/es/index.js +3 -109
- package/es/semantic/Button/semanticButton.module.css +9 -9
- package/es/utils/Common.js +17 -2
- package/es/utils/dropDownUtils.js +3 -2
- package/install.md +10 -10
- package/lib/Accordion/Accordion.js +3 -1
- package/lib/Accordion/AccordionItem.js +3 -1
- package/lib/Animation/Animation.js +3 -1
- package/lib/AppContainer/AppContainer.js +3 -2
- package/lib/AppContainer/AppContainer.module.css +18 -18
- package/lib/Avatar/Avatar.js +21 -16
- package/lib/Avatar/Avatar.module.css +141 -168
- package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
- package/lib/Avatar/props/defaultProps.js +3 -1
- package/lib/Avatar/props/propTypes.js +4 -2
- package/lib/AvatarTeam/AvatarTeam.js +18 -10
- package/lib/AvatarTeam/AvatarTeam.module.css +188 -161
- package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
- package/lib/AvatarTeam/props/defaultProps.js +4 -1
- package/lib/AvatarTeam/props/propTypes.js +4 -1
- package/lib/Button/Button.js +7 -5
- package/lib/Button/Button.module.css +525 -543
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
- package/lib/Buttongroup/Buttongroup.js +6 -3
- package/lib/Buttongroup/Buttongroup.module.css +89 -107
- package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
- package/lib/Card/Card.js +7 -5
- package/lib/Card/Card.module.css +20 -20
- package/lib/CheckBox/CheckBox.js +3 -1
- package/lib/CheckBox/CheckBox.module.css +157 -157
- package/lib/DateTime/CalendarView.js +5 -2
- package/lib/DateTime/DateTime.js +5 -3
- package/lib/DateTime/DateTime.module.css +235 -235
- package/lib/DateTime/DateTimePopupFooter.js +3 -1
- package/lib/DateTime/DateTimePopupHeader.js +3 -1
- package/lib/DateTime/DateWidget.js +4 -4
- package/lib/DateTime/DateWidget.module.css +38 -38
- package/lib/DateTime/DaysRow.js +3 -1
- package/lib/DateTime/Time.js +3 -1
- package/lib/DateTime/YearView.js +3 -1
- 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 +3 -1
- package/lib/DropBox/DropBox.module.css +406 -489
- package/lib/DropBox/DropBoxPositionMapping.json +144 -144
- package/lib/DropDown/DropDown.js +5 -2
- package/lib/DropDown/DropDown.module.css +5 -5
- package/lib/DropDown/DropDownHeading.js +3 -1
- package/lib/DropDown/DropDownHeading.module.css +53 -53
- package/lib/DropDown/DropDownItem.js +3 -1
- package/lib/DropDown/DropDownItem.module.css +94 -94
- package/lib/DropDown/DropDownSearch.js +5 -2
- package/lib/DropDown/DropDownSearch.module.css +14 -14
- package/lib/DropDown/DropDownSeparator.js +3 -1
- package/lib/DropDown/DropDownSeparator.module.css +7 -7
- package/lib/DropDown/props/propTypes.js +4 -1
- package/lib/Heading/Heading.js +4 -2
- package/lib/Heading/Heading.module.css +4 -4
- package/lib/Label/Label.js +3 -1
- 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 +3 -1
- package/lib/ListItem/ListItem.module.css +209 -209
- package/lib/ListItem/ListItemWithAvatar.js +3 -1
- package/lib/ListItem/ListItemWithCheckBox.js +3 -1
- package/lib/ListItem/ListItemWithIcon.js +3 -1
- package/lib/ListItem/ListItemWithRadio.js +3 -1
- package/lib/ListItem/props/propTypes.js +4 -1
- package/lib/Modal/Modal.js +3 -1
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +11 -9
- package/lib/MultiSelect/AdvancedMultiSelect.js +4 -2
- package/lib/MultiSelect/EmptyState.js +3 -1
- package/lib/MultiSelect/MultiSelect.js +28 -13
- package/lib/MultiSelect/MultiSelect.module.css +205 -205
- package/lib/MultiSelect/MultiSelectHeader.js +3 -1
- package/lib/MultiSelect/MultiSelectWithAvatar.js +21 -6
- package/lib/MultiSelect/SelectedOptions.js +5 -2
- package/lib/MultiSelect/SelectedOptions.module.css +15 -15
- package/lib/MultiSelect/Suggestions.js +9 -5
- 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 +3 -1
- package/lib/PopOver/PopOver.module.css +8 -8
- package/lib/Popup/Popup.js +5 -3
- package/lib/Popup/PositionMapping.json +73 -73
- package/lib/Popup/__tests__/Popup.spec.js +3 -1
- package/lib/Provider/AvatarSize.js +1 -0
- package/lib/Provider/LibraryContext.js +5 -3
- package/lib/Provider/NumberGenerator/NumberGenerator.js +1 -1
- package/lib/Radio/Radio.js +3 -1
- package/lib/Radio/Radio.module.css +112 -112
- package/lib/Responsive/CustomResponsive.js +6 -4
- package/lib/Responsive/RefWrapper.js +4 -2
- package/lib/Responsive/ResizeComponent.js +9 -4
- package/lib/Responsive/ResizeObserver.js +4 -1
- package/lib/Responsive/Responsive.js +6 -4
- package/lib/Responsive/sizeObservers.js +4 -2
- package/lib/ResponsiveDropBox/ResponsiveDropBox.js +3 -1
- package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
- package/lib/Ribbon/Ribbon.js +3 -1
- package/lib/Ribbon/Ribbon.module.css +376 -454
- package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
- package/lib/RippleEffect/RippleEffect.module.css +92 -92
- package/lib/Select/GroupSelect.js +5 -3
- package/lib/Select/Select.js +3 -1
- package/lib/Select/Select.module.css +108 -108
- package/lib/Select/SelectWithAvatar.js +3 -1
- package/lib/Select/SelectWithIcon.js +3 -1
- package/lib/Select/__tests__/Select.spec.js +2 -2
- package/lib/Select/props/defaultProps.js +4 -1
- package/lib/Stencils/Stencils.js +3 -1
- package/lib/Stencils/Stencils.module.css +96 -96
- package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
- package/lib/Switch/Switch.js +3 -1
- package/lib/Switch/Switch.module.css +110 -127
- package/lib/Tab/Tab.module.css +101 -101
- package/lib/Tab/TabContent.module.css +4 -4
- package/lib/Tab/TabWrapper.js +2 -2
- package/lib/Tab/Tabs.js +15 -13
- package/lib/Tab/Tabs.module.css +140 -144
- package/lib/Tag/Tag.js +11 -9
- package/lib/Tag/Tag.module.css +254 -254
- package/lib/TextBox/TextBox.js +3 -1
- 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 +4 -1
- package/lib/TextBoxIcon/TextBoxIcon.js +25 -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 +3 -1
- package/lib/Textarea/Textarea.module.css +139 -139
- package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
- package/lib/Tooltip/Tooltip.js +3 -1
- package/lib/Tooltip/Tooltip.module.css +109 -134
- package/lib/Tooltip/__tests__/Tooltip.spec.js +3 -1
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -1
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +4 -2
- package/lib/common/a11y.module.css +3 -3
- package/lib/common/animation.module.css +624 -624
- package/lib/common/avatarsizes.module.css +48 -44
- package/lib/common/basic.module.css +33 -33
- package/lib/common/basicReset.module.css +40 -40
- 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/deprecated/AdvancedMultiSelect.module.css +126 -126
- package/lib/deprecated/PortalLayer/PortalLayer.js +3 -1
- package/lib/index.js +8 -13
- package/lib/semantic/Button/Button.js +3 -1
- package/lib/semantic/Button/semanticButton.module.css +9 -9
- package/lib/utils/Common.js +18 -2
- package/lib/utils/constructFullName.js +2 -2
- package/lib/utils/dropDownUtils.js +10 -5
- package/package.json +102 -102
- package/assets/Appearance/dark/themes/blue/blueDarkCTAModifyCategory.module.css +0 -68
- package/assets/Appearance/dark/themes/green/greenDarkCTAModifyCategory.module.css +0 -68
- package/assets/Appearance/dark/themes/orange/orangeDarkCTAModifyCategory.module.css +0 -68
- package/assets/Appearance/dark/themes/red/redDarkCTAModifyCategory.module.css +0 -68
- package/assets/Appearance/dark/themes/yellow/yellowDarkCTAModifyCategory.module.css +0 -68
- package/assets/Appearance/default/themes/blue/blueDefaultCTAModifyCategory.module.css +0 -68
- package/assets/Appearance/default/themes/green/greenDefaultCTAModifyCategory.module.css +0 -68
- package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css +0 -68
- package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css +0 -68
- package/assets/Appearance/default/themes/yellow/yellowDefaultCTAModifyCategory.module.css +0 -68
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTAModifyCategory.module.css +0 -68
- package/assets/Appearance/pureDark/themes/green/greenPureDarkCTAModifyCategory.module.css +0 -68
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTAModifyCategory.module.css +0 -68
- package/assets/Appearance/pureDark/themes/red/redPureDarkCTAModifyCategory.module.css +0 -68
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTAModifyCategory.module.css +0 -68
- package/assets/Contrast/darkContrastLightness.module.css +0 -25
- package/assets/Contrast/defaultContrastLightness.module.css +0 -25
- package/assets/Contrast/pureDarkContrastLightness.module.css +0 -25
- package/es/common/boxShadow.module.css +0 -77
- package/lib/common/boxShadow.module.css +0 -77
|
@@ -1,127 +1,127 @@
|
|
|
1
|
-
.wrapper {
|
|
2
|
-
position: relative;
|
|
3
|
-
}
|
|
4
|
-
.disabled, .readOnly {
|
|
5
|
-
cursor: not-allowed;
|
|
6
|
-
}
|
|
7
|
-
.container {
|
|
8
|
-
max-height: var(--zd_size120);
|
|
9
|
-
composes: oflowy from '../common/common.module.css';
|
|
10
|
-
}
|
|
11
|
-
.hasBorder {
|
|
12
|
-
transition: border var(--zd_transition2) linear 0s;
|
|
13
|
-
border-bottom-style: solid;
|
|
14
|
-
border-bottom-width: 1px;
|
|
15
|
-
}
|
|
16
|
-
.borderColor_transparent {
|
|
17
|
-
border-bottom-color: var(--zdt_advancedmultiselect_transparent_border);
|
|
18
|
-
}
|
|
19
|
-
.effect .borderColor_transparent:hover {
|
|
20
|
-
border-bottom-color: var(--zdt_advancedmultiselect_transparent_hover_border);
|
|
21
|
-
}
|
|
22
|
-
.effect .borderColor_transparent.active {
|
|
23
|
-
border-bottom-color: var(--zdt_advancedmultiselect_transparent_active_border);
|
|
24
|
-
}
|
|
25
|
-
.borderColor_default {
|
|
26
|
-
border-bottom-color: var(--zdt_advancedmultiselect_default_border);
|
|
27
|
-
}
|
|
28
|
-
.effect .borderColor_default:hover {
|
|
29
|
-
border-bottom-color: var(--zdt_advancedmultiselect_default_hover_border);
|
|
30
|
-
}
|
|
31
|
-
.effect .borderColor_default.active {
|
|
32
|
-
border-bottom-color: var(--zdt_advancedmultiselect_default_active_border);
|
|
33
|
-
}
|
|
34
|
-
.borderColor_dark {
|
|
35
|
-
border-bottom-color: var(--zdt_advancedmultiselect_dark_border);
|
|
36
|
-
}
|
|
37
|
-
.effect .borderColor_dark:hover {
|
|
38
|
-
border-bottom-color: var(--zdt_advancedmultiselect_dark_hover_border);
|
|
39
|
-
}
|
|
40
|
-
.effect .borderColor_dark.active {
|
|
41
|
-
border-bottom-color: var(--zdt_advancedmultiselect_dark_active_border);
|
|
42
|
-
}
|
|
43
|
-
[dir=ltr] .container.medium {
|
|
44
|
-
padding: 0 var(--zd_size34) var(--zd_size7) 0;
|
|
45
|
-
}
|
|
46
|
-
[dir=rtl] .container.medium {
|
|
47
|
-
padding: 0 0 var(--zd_size7) var(--zd_size34);
|
|
48
|
-
}
|
|
49
|
-
.container.xmedium {
|
|
50
|
-
min-height: var(--zd_size30);
|
|
51
|
-
}
|
|
52
|
-
[dir=ltr] .container.xmedium {
|
|
53
|
-
padding: 0 var(--zd_size34) var(--zd_size1) 0;
|
|
54
|
-
}
|
|
55
|
-
[dir=rtl] .container.xmedium {
|
|
56
|
-
padding: 0 0 var(--zd_size1) var(--zd_size34);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.delete {
|
|
60
|
-
position: absolute;
|
|
61
|
-
bottom: 0;
|
|
62
|
-
color: var(--zdt_advancedmultiselect_delete_text);
|
|
63
|
-
padding-bottom: var(--zd_size10);
|
|
64
|
-
cursor: pointer;
|
|
65
|
-
background-color: var(--zdt_advancedmultiselect_delete_bg);
|
|
66
|
-
border: 0;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
[dir=ltr] .delete {
|
|
70
|
-
right: var(--zd_size15);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
[dir=rtl] .delete {
|
|
74
|
-
left: var(--zd_size15);
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.delete:hover {
|
|
78
|
-
color: var(--zdt_advancedmultiselect_delete_hover_text);
|
|
79
|
-
}
|
|
80
|
-
.transparentContainer .delete {
|
|
81
|
-
opacity: 0;
|
|
82
|
-
visibility: hidden;
|
|
83
|
-
}
|
|
84
|
-
.transparentContainer:hover .delete {
|
|
85
|
-
opacity: 1;
|
|
86
|
-
visibility: visible;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.box {
|
|
90
|
-
background: var(--zdt_advancedmultiselect_box_bg);
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.small {
|
|
94
|
-
max-height: var(--zd_size200);
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.medium {
|
|
98
|
-
max-height: var(--zd_size350);
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.large {
|
|
102
|
-
max-height: var(--zd_size400);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.dropContainer {
|
|
106
|
-
display: inline-block;
|
|
107
|
-
max-width: 100%;
|
|
108
|
-
margin-bottom: var(--zd_size5);
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
.dropPopup {
|
|
112
|
-
font-size: var(--zd_font_size13);
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.dropPopup :global .toggleDropIcon {
|
|
116
|
-
color: var(--zdt_advancedmultiselect_droppopup_text);
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.more {
|
|
120
|
-
font-size: var(--zd_font_size14);
|
|
121
|
-
color: var(--zdt_advancedmultiselect_more_text);
|
|
122
|
-
font-family: inherit;
|
|
123
|
-
cursor: pointer;
|
|
124
|
-
margin-top: var(--zd_size5);
|
|
125
|
-
background-color: var(--zdt_advancedmultiselect_delete_bg);
|
|
126
|
-
border: 0;
|
|
1
|
+
.wrapper {
|
|
2
|
+
position: relative;
|
|
3
|
+
}
|
|
4
|
+
.disabled, .readOnly {
|
|
5
|
+
cursor: not-allowed;
|
|
6
|
+
}
|
|
7
|
+
.container {
|
|
8
|
+
max-height: var(--zd_size120);
|
|
9
|
+
composes: oflowy from '../common/common.module.css';
|
|
10
|
+
}
|
|
11
|
+
.hasBorder {
|
|
12
|
+
transition: border var(--zd_transition2) linear 0s;
|
|
13
|
+
border-bottom-style: solid;
|
|
14
|
+
border-bottom-width: 1px;
|
|
15
|
+
}
|
|
16
|
+
.borderColor_transparent {
|
|
17
|
+
border-bottom-color: var(--zdt_advancedmultiselect_transparent_border);
|
|
18
|
+
}
|
|
19
|
+
.effect .borderColor_transparent:hover {
|
|
20
|
+
border-bottom-color: var(--zdt_advancedmultiselect_transparent_hover_border);
|
|
21
|
+
}
|
|
22
|
+
.effect .borderColor_transparent.active {
|
|
23
|
+
border-bottom-color: var(--zdt_advancedmultiselect_transparent_active_border);
|
|
24
|
+
}
|
|
25
|
+
.borderColor_default {
|
|
26
|
+
border-bottom-color: var(--zdt_advancedmultiselect_default_border);
|
|
27
|
+
}
|
|
28
|
+
.effect .borderColor_default:hover {
|
|
29
|
+
border-bottom-color: var(--zdt_advancedmultiselect_default_hover_border);
|
|
30
|
+
}
|
|
31
|
+
.effect .borderColor_default.active {
|
|
32
|
+
border-bottom-color: var(--zdt_advancedmultiselect_default_active_border);
|
|
33
|
+
}
|
|
34
|
+
.borderColor_dark {
|
|
35
|
+
border-bottom-color: var(--zdt_advancedmultiselect_dark_border);
|
|
36
|
+
}
|
|
37
|
+
.effect .borderColor_dark:hover {
|
|
38
|
+
border-bottom-color: var(--zdt_advancedmultiselect_dark_hover_border);
|
|
39
|
+
}
|
|
40
|
+
.effect .borderColor_dark.active {
|
|
41
|
+
border-bottom-color: var(--zdt_advancedmultiselect_dark_active_border);
|
|
42
|
+
}
|
|
43
|
+
[dir=ltr] .container.medium {
|
|
44
|
+
padding: 0 var(--zd_size34) var(--zd_size7) 0;
|
|
45
|
+
}
|
|
46
|
+
[dir=rtl] .container.medium {
|
|
47
|
+
padding: 0 0 var(--zd_size7) var(--zd_size34);
|
|
48
|
+
}
|
|
49
|
+
.container.xmedium {
|
|
50
|
+
min-height: var(--zd_size30);
|
|
51
|
+
}
|
|
52
|
+
[dir=ltr] .container.xmedium {
|
|
53
|
+
padding: 0 var(--zd_size34) var(--zd_size1) 0;
|
|
54
|
+
}
|
|
55
|
+
[dir=rtl] .container.xmedium {
|
|
56
|
+
padding: 0 0 var(--zd_size1) var(--zd_size34);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.delete {
|
|
60
|
+
position: absolute;
|
|
61
|
+
bottom: 0;
|
|
62
|
+
color: var(--zdt_advancedmultiselect_delete_text);
|
|
63
|
+
padding-bottom: var(--zd_size10);
|
|
64
|
+
cursor: pointer;
|
|
65
|
+
background-color: var(--zdt_advancedmultiselect_delete_bg);
|
|
66
|
+
border: 0;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
[dir=ltr] .delete {
|
|
70
|
+
right: var(--zd_size15);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
[dir=rtl] .delete {
|
|
74
|
+
left: var(--zd_size15);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.delete:hover {
|
|
78
|
+
color: var(--zdt_advancedmultiselect_delete_hover_text);
|
|
79
|
+
}
|
|
80
|
+
.transparentContainer .delete {
|
|
81
|
+
opacity: 0;
|
|
82
|
+
visibility: hidden;
|
|
83
|
+
}
|
|
84
|
+
.transparentContainer:hover .delete {
|
|
85
|
+
opacity: 1;
|
|
86
|
+
visibility: visible;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.box {
|
|
90
|
+
background: var(--zdt_advancedmultiselect_box_bg);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.small {
|
|
94
|
+
max-height: var(--zd_size200);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.medium {
|
|
98
|
+
max-height: var(--zd_size350);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.large {
|
|
102
|
+
max-height: var(--zd_size400);
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.dropContainer {
|
|
106
|
+
display: inline-block;
|
|
107
|
+
max-width: 100%;
|
|
108
|
+
margin-bottom: var(--zd_size5);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.dropPopup {
|
|
112
|
+
font-size: var(--zd_font_size13);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.dropPopup :global .toggleDropIcon {
|
|
116
|
+
color: var(--zdt_advancedmultiselect_droppopup_text);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.more {
|
|
120
|
+
font-size: var(--zd_font_size14);
|
|
121
|
+
color: var(--zdt_advancedmultiselect_more_text);
|
|
122
|
+
font-family: inherit;
|
|
123
|
+
cursor: pointer;
|
|
124
|
+
margin-top: var(--zd_size5);
|
|
125
|
+
background-color: var(--zdt_advancedmultiselect_delete_bg);
|
|
126
|
+
border: 0;
|
|
127
127
|
}
|
package/es/index.js
CHANGED
|
@@ -1,157 +1,51 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
// export { renderToStaticMarkup } from 'react-dom/server';
|
|
4
|
-
export * from './Layout';
|
|
5
|
-
// export { default as Layout__default } from './Layout/docs/Layout__default.docs';
|
|
6
|
-
// export { default as Layout__two_Column } from './Layout/docs/Layout__two_Column.docs';
|
|
7
|
-
// export { default as Layout__three_Column } from './Layout/docs/Layout__three_Column.docs';
|
|
8
|
-
// export { default as Layout__four_Column } from './Layout/docs/Layout__four_Column.docs';
|
|
9
|
-
// export { default as Layout__Hidden } from './Layout/docs/Layout__Hidden.docs';
|
|
1
|
+
import * as _Layout from './Layout';
|
|
2
|
+
export { _Layout as Layout };
|
|
10
3
|
export { default as AppContainer } from './AppContainer/AppContainer';
|
|
11
|
-
// export { default as AppContainer__default } from './AppContainer/docs/AppContainer__default.docs';
|
|
12
4
|
export { default as Accordion } from './Accordion/Accordion';
|
|
13
|
-
// export { default as Accordion__Demo } from './Accordion/docs/Accordion__Demo.docs';
|
|
14
5
|
export { default as Animation } from './Animation/Animation';
|
|
15
|
-
// export { default as Animation__default } from './Animation/docs/Animation__default.docs';
|
|
16
|
-
// export { default as Animation__fadeIn } from './Animation/docs/Animation__fadeIn.docs';
|
|
17
|
-
// export { default as Animation__scaleIn } from './Animation/docs/Animation__scaleIn.docs';
|
|
18
|
-
// export { default as Animation__slideDown } from './Animation/docs/Animation__slideDown.docs';
|
|
19
|
-
// export { default as Animation__slideLeft } from './Animation/docs/Animation__slideLeft.docs';
|
|
20
|
-
// export { default as Animation__zoomIn } from './Animation/docs/Animation__zoomIn.docs';
|
|
21
|
-
// export { default as Animation__skewIn } from './Animation/docs/Animation__skewIn.docs';
|
|
22
6
|
export { default as Card } from './Card/Card';
|
|
23
|
-
// export { default as Card__Default } from './Card/docs/Card__Default.docs';
|
|
24
|
-
// export { default as Card__Scroll } from './Card/docs/Card__Scroll.docs';
|
|
25
|
-
// export { default as Card__Custom } from './Card/docs/Card__Custom.docs';
|
|
26
7
|
export { default as Avatar } from './Avatar/Avatar';
|
|
27
|
-
// export { default as Avatar__default } from './Avatar/docs/Avatar__default.docs';
|
|
28
|
-
// export { default as Avatar__palette } from './Avatar/docs/Avatar__palette.docs';
|
|
29
|
-
// export { default as Avatar__text } from './Avatar/docs/Avatar__text.docs';
|
|
30
|
-
// export { default as Avatar__custom } from './Avatar/docs/Avatar__custom.docs';
|
|
31
8
|
export { default as AvatarTeam } from './AvatarTeam/AvatarTeam';
|
|
32
|
-
// export { default as AvatarTeam__default } from './AvatarTeam/docs/AvatarTeam__default.docs';
|
|
33
|
-
// export { default as AvatarTeam__size } from './AvatarTeam/docs/AvatarTeam__size.docs';
|
|
34
|
-
// export { default as AvatarTeam__palette } from './AvatarTeam/docs/AvatarTeam__palette.docs';
|
|
35
|
-
// export { default as AvatarTeam__custom } from './AvatarTeam/docs/AvatarTeam__custom.docs';
|
|
36
9
|
export { default as Button } from './Button/Button';
|
|
37
|
-
// export { default as Button__default } from './Button/docs/Button__default.docs';
|
|
38
|
-
// export { default as Button__custom } from './Button/docs/Button__custom.docs';
|
|
39
10
|
export { default as Buttongroup } from './Buttongroup/Buttongroup';
|
|
40
|
-
// export { default as Buttongroup__footer } from './Buttongroup/docs/Buttongroup__footer.docs';
|
|
41
|
-
// export { default as Buttongroup__header } from './Buttongroup/docs/Buttongroup__header.docs';
|
|
42
|
-
// export { default as Buttongroup__custom } from './Buttongroup/docs/Buttongroup__custom.docs';
|
|
43
11
|
export { default as Switch } from './Switch/Switch';
|
|
44
|
-
// export { default as Switch__default } from './Switch/docs/Switch__default.docs';
|
|
45
|
-
// export { default as Switch__custom } from './Switch/docs/Switch__custom.docs';
|
|
46
12
|
export { default as Radio } from './Radio/Radio';
|
|
47
|
-
// export { default as Radio__default } from './Radio/docs/Radio__default.docs';
|
|
48
|
-
// export { default as Radio__custom } from './Radio/docs/Radio__custom.docs';
|
|
49
13
|
export { default as Textarea } from './Textarea/Textarea';
|
|
50
|
-
// export { default as Textarea__default } from './Textarea/docs/Textarea__default.docs';
|
|
51
|
-
// export { default as Textarea__animated } from './Textarea/docs/Textarea__animated.docs';
|
|
52
|
-
// export { default as Textarea__disabled } from './Textarea/docs/Textarea__disabled.docs';
|
|
53
|
-
// export { default as Textarea__custom } from './Textarea/docs/Textarea__custom.docs';
|
|
54
14
|
export { default as Label } from './Label/Label';
|
|
55
|
-
// export { default as Label__palette } from './Label/docs/Label__palette.docs';
|
|
56
|
-
// export { default as Label__size } from './Label/docs/Label__size.docs';
|
|
57
|
-
// export { default as Label__clipped } from './Label/docs/Label__clipped.docs';
|
|
58
|
-
// export { default as Label__type } from './Label/docs/Label__type.docs';
|
|
59
|
-
// export { default as Label__custom } from './Label/docs/Label__custom.docs';
|
|
60
15
|
export { default as DropDownHeading } from './DropDown/DropDownHeading';
|
|
61
|
-
// export { default as DropDownHeading__Heading } from './DropDown/docs/DropDownHeading__default.docs';
|
|
62
|
-
// export { default as DropDownHeading__Custom } from './DropDown/docs/DropDownHeading__custom.docs';
|
|
63
16
|
export { default as CheckBox } from './CheckBox/CheckBox';
|
|
64
|
-
// export { default as CheckBox__default } from './CheckBox/docs/CheckBox__default.docs';
|
|
65
|
-
// export { default as CheckBox__custom } from './CheckBox/docs/CheckBox__custom.docs';
|
|
66
17
|
export { default as Ribbon } from './Ribbon/Ribbon';
|
|
67
|
-
// export { default as Ribbon__default } from './Ribbon/docs/Ribbon__default.docs';
|
|
68
|
-
// export { default as Ribbon__custom } from './Ribbon/docs/Ribbon__custom.docs';
|
|
69
18
|
export { default as Tag } from './Tag/Tag';
|
|
70
|
-
// export { default as Tag__default } from './Tag/docs/Tag__default.docs';
|
|
71
|
-
// export { default as Tag__custom } from './Tag/docs/Tag__custom.docs';
|
|
72
19
|
export * from './Tab';
|
|
73
|
-
// export { default as Tab__default } from './Tab/docs/Tab__default.docs';
|
|
74
20
|
export { default as TextBox } from './TextBox/TextBox';
|
|
75
|
-
// export { default as TextBox__default } from './TextBox/docs/TextBox__default.docs';
|
|
76
|
-
// export { default as TextBox__size } from './TextBox/docs/TextBox__size.docs';
|
|
77
|
-
// export { default as TextBox__variant } from './TextBox/docs/TextBox__variant.docs';
|
|
78
|
-
// export { default as TextBox__custom } from './TextBox/docs/TextBox__custom.docs';
|
|
79
21
|
export { default as TextBoxIcon } from './TextBoxIcon/TextBoxIcon';
|
|
80
|
-
// export { default as TextBoxIcon__default } from './TextBoxIcon/docs/TextBoxIcon__default.docs';
|
|
81
|
-
// export { default as TextBoxIcon__custom } from './TextBoxIcon/docs/TextBoxIcon__custom.docs';
|
|
82
22
|
export { default as Tooltip } from './Tooltip/Tooltip';
|
|
83
|
-
// export { default as Tooltip__default } from './Tooltip/docs/Tooltip__default.docs';
|
|
84
23
|
export { default as Select } from './Select/Select';
|
|
85
|
-
// export { default as Select__Select } from './Select/docs/Select__default.docs';
|
|
86
24
|
export { default as SelectWithIcon } from './Select/SelectWithIcon';
|
|
87
|
-
// export { default as SelectWithIcon__SelectWithIcon } from './Select/docs/SelectWithIcon__default.docs';
|
|
88
25
|
export { default as GroupSelect } from './Select/GroupSelect';
|
|
89
|
-
// export { default as GroupSelect__GroupSelect } from './Select/docs/GroupSelect__default.docs';
|
|
90
26
|
export { default as SelectWithAvatar } from './Select/SelectWithAvatar';
|
|
91
|
-
// export { default as SelectWithAvatar__SelectWithAvatar } from './Select/docs/SelectWithAvatar__default.docs';
|
|
92
27
|
export { default as MultiSelect } from './MultiSelect/MultiSelect';
|
|
93
|
-
// export { default as MultiSelect__MultiSelect } from './MultiSelect/docs/MultiSelect__default.docs';
|
|
94
28
|
export { default as AdvancedMultiSelect } from './MultiSelect/AdvancedMultiSelect';
|
|
95
|
-
// export { default as AdvancedMultiSelect__AdvancedMultiSelect } from './MultiSelect/docs/AdvancedMultiSelect__default.docs';
|
|
96
29
|
export { default as AdvancedGroupMultiSelect } from './MultiSelect/AdvancedGroupMultiSelect';
|
|
97
|
-
// export { default as AdvancedGroupMultiSelect__AdvancedGroupMultiSelect } from './MultiSelect/docs/AdvancedGroupMultiSelect__default.docs';
|
|
98
30
|
export { default as MultiSelectWithAvatar } from './MultiSelect/MultiSelectWithAvatar';
|
|
99
|
-
// export { default as MultiSelectWithAvatar__MultiSelectWithAvatar } from './MultiSelect/docs/MultiSelectWithAvatar__default.docs';
|
|
100
31
|
export { default as DateWidget } from './DateTime/DateWidget';
|
|
101
|
-
// export { default as DateWidget__dateWidget } from './DateTime/docs/DateWidget__default.docs';
|
|
102
|
-
// export { default as DateWidget__datetime } from './DateTime/docs/DateTime__default.docs';
|
|
103
32
|
export { default as ListItem } from './ListItem/ListItem';
|
|
104
|
-
// export { default as ListItem__default } from './ListItem/docs/ListItem__default.docs';
|
|
105
|
-
// export { default as ListItem__custom } from './ListItem/docs/ListItem__custom.docs';
|
|
106
33
|
export { default as ListItemWithIcon } from './ListItem/ListItemWithIcon';
|
|
107
|
-
// export { default as ListItemWithIcon__default } from './ListItem/docs/ListItemWithIcon__default.docs';
|
|
108
|
-
// export { default as ListItemWithIcon__custom } from './ListItem/docs/ListItemWithIcon__custom.docs';
|
|
109
34
|
export { default as ListItemWithCheckBox } from './ListItem/ListItemWithCheckBox';
|
|
110
|
-
// export { default as ListItemWithCheckBox__default } from './ListItem/docs/ListItemWithCheckBox__default.docs';
|
|
111
|
-
// export { default as ListItemWithCheckBox__custom } from './ListItem/docs/ListItemWithCheckBox__custom.docs';
|
|
112
35
|
export { default as ListItemWithRadio } from './ListItem/ListItemWithRadio';
|
|
113
|
-
// export { default as ListItemWithRadio__default } from './ListItem/docs/ListItemWithRadio__default.docs';
|
|
114
|
-
// export { default as ListItemWithRadio__custom } from './ListItem/docs/ListItemWithRadio__custom.docs';
|
|
115
36
|
export { default as ListItemWithAvatar } from './ListItem/ListItemWithAvatar';
|
|
116
|
-
// export { default as ListItemWithAvatar__default } from './ListItem/docs/ListItemWithAvatar__default.docs';
|
|
117
|
-
// export { default as ListItemWithAvatar__custom } from './ListItem/docs/ListItemWithAvatar__custom.docs';
|
|
118
37
|
export { default as DropBox } from './DropBox/DropBox';
|
|
119
|
-
// export { default as DropBox__position } from './DropBox/docs/DropBox__position.docs';
|
|
120
|
-
// export { default as DropBox__size } from './DropBox/docs/DropBox__size.docs';
|
|
121
|
-
// export { default as DropBox__custom } from './DropBox/docs/DropBox__custom.docs';
|
|
122
|
-
// export { default as DropBox__customOrder } from './DropBox/docs/DropBox__customOrder.docs.js';
|
|
123
|
-
// export { default as DropBox__fixedPosition } from './DropBox/docs/DropBox__fixedPosition.docs.js';
|
|
124
38
|
export { default as PopOver } from './PopOver/PopOver';
|
|
125
|
-
// export { default as PopOver__default } from './PopOver/docs/PopOver__default.docs.js';
|
|
126
39
|
export { default as Stencils } from './Stencils/Stencils';
|
|
127
|
-
// export { default as Stencils__default } from './Stencils/docs/Stencils__default.docs';
|
|
128
|
-
// export { default as Stencils__custom } from './Stencils/docs/Stencils__custom.docs';
|
|
129
40
|
export { default as Modal } from './Modal/Modal';
|
|
130
|
-
// export { default as Modal__default } from './Modal/__docs__/Modal__default.docs';
|
|
131
41
|
export * from './Responsive';
|
|
132
|
-
// export { default as Responsive__Custom } from './Responsive/docs/Responsive__Custom.docs';
|
|
133
|
-
// export { default as Responsive__default } from './Responsive/docs/Responsive__default.docs';
|
|
134
42
|
export { default as RippleEffect } from './RippleEffect/RippleEffect';
|
|
135
|
-
// export { default as RippleEffect__default } from './RippleEffect/docs/RippleEffect__default.docs';
|
|
136
43
|
export { default as PortalLayer } from './deprecated/PortalLayer/PortalLayer';
|
|
137
|
-
// export { default as PortalLayer__default } from './deprecated/PortalLayer/docs/PortalLayer__default.docs';
|
|
138
|
-
|
|
139
44
|
export { default as VelocityAnimation } from './VelocityAnimation/VelocityAnimation/VelocityAnimation';
|
|
140
|
-
// export { default as VelocityAnimation__VelocityAnimation } from './VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs';
|
|
141
45
|
export { default as VelocityAnimationGroup } from './VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
|
|
142
|
-
// export { default as VelocityAnimationGroup__VelocityAnimationGroup } from './VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs';
|
|
143
|
-
|
|
144
46
|
export { Provider } from './Provider/IdProvider';
|
|
145
|
-
// export { default as Provider__Id_For_ClassComponent } from './Provider/docs/Provider_Id__Class.docs';
|
|
146
|
-
// export { default as Provider__Id_For_FunctionComponent } from './Provider/docs/Provider_Id__Function.docs';
|
|
147
|
-
// export { default as Provider__Zindex_For_ClassComponent } from './Provider/docs/Provider_Zindex__Class.docs';
|
|
148
|
-
// export { default as Provider__Zindex_For_FunctionComponent } from './Provider/docs/Provider_Zindex__Function.docs';
|
|
149
47
|
|
|
150
48
|
//semantic//
|
|
151
49
|
export { default as SemanticButton } from './semantic/Button/Button';
|
|
152
|
-
// export { default as SemanticButton__default } from './semantic/Button/docs/Button__default.docs.js';
|
|
153
|
-
|
|
154
|
-
// export { default as LightNightMode__AlternativeColors } from './LightNightMode/docs/AlternativeColors.docs';
|
|
155
50
|
export { default as ResponsiveDropBox } from './ResponsiveDropBox/ResponsiveDropBox';
|
|
156
|
-
export { default as Heading } from './Heading/Heading';
|
|
157
|
-
// export { default as Heading__default } from './Heading/docs/Heading__default.docs.js';
|
|
51
|
+
export { default as Heading } from './Heading/Heading';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
.buttonReset {
|
|
2
|
-
outline: 0;
|
|
3
|
-
font: inherit;
|
|
4
|
-
color: inherit;
|
|
5
|
-
border: inherit;
|
|
6
|
-
background-color: inherit;
|
|
7
|
-
padding: 0;
|
|
8
|
-
text-align: inherit;
|
|
9
|
-
}
|
|
1
|
+
.buttonReset {
|
|
2
|
+
outline: 0;
|
|
3
|
+
font: inherit;
|
|
4
|
+
color: inherit;
|
|
5
|
+
border: inherit;
|
|
6
|
+
background-color: inherit;
|
|
7
|
+
padding: 0;
|
|
8
|
+
text-align: inherit;
|
|
9
|
+
}
|
package/es/utils/Common.js
CHANGED
|
@@ -338,8 +338,23 @@ export function findScrollEnd(element) {
|
|
|
338
338
|
if (scrollHeight <= Math.ceil(scrollTop + offsetHeight)) {
|
|
339
339
|
return true;
|
|
340
340
|
}
|
|
341
|
-
}
|
|
342
|
-
|
|
341
|
+
}
|
|
342
|
+
// else {
|
|
343
|
+
|
|
344
|
+
// throw 'Is scroll not present in this element';
|
|
345
|
+
// }
|
|
346
|
+
return false;
|
|
347
|
+
}
|
|
348
|
+
export function isTextSelected() {
|
|
349
|
+
let selectedText = '';
|
|
350
|
+
if (window.getSelection) {
|
|
351
|
+
selectedText = window.getSelection().toString();
|
|
352
|
+
console.log(selectedText, 'selectedText');
|
|
353
|
+
} else if (document.getSelection) {
|
|
354
|
+
selectedText = document.getSelection().toString();
|
|
355
|
+
}
|
|
356
|
+
if (selectedText !== '') {
|
|
357
|
+
return true;
|
|
343
358
|
}
|
|
344
359
|
return false;
|
|
345
360
|
}
|
|
@@ -21,9 +21,10 @@ const getSelectedValue = props => getIsEmptyValue(props.selectedValue) ? '' : pr
|
|
|
21
21
|
const getSelectedFormatOptions = props => props.selectedFormatOptions || dummyObj;
|
|
22
22
|
export const getPrefixText = props => props.prefixText || '';
|
|
23
23
|
const getIsStartWithSearch = props => props.isStartsWithSearch;
|
|
24
|
+
const getIsNeedTick = props => props.isNeedTick;
|
|
24
25
|
const getDisabledOptions = props => props.disabledOptions || dummyArray;
|
|
25
26
|
const getListItemProps = props => props.listItemProps || '';
|
|
26
|
-
export const makeGetMultiSelectFilterSuggestions = () => createSelector([getOptions, getSelectedOptionsSel, getSearchStr, getNeedSearch, getIsStartWithSearch], (options, selectedOptions, searchStr, needSearch, isStartsWithSearch) => {
|
|
27
|
+
export const makeGetMultiSelectFilterSuggestions = () => createSelector([getOptions, getSelectedOptionsSel, getSearchStr, getNeedSearch, getIsStartWithSearch, getIsNeedTick], (options, selectedOptions, searchStr, needSearch, isStartsWithSearch, isNeedTick) => {
|
|
27
28
|
const suggestions = [];
|
|
28
29
|
const suggestionIds = [];
|
|
29
30
|
options.forEach(option => {
|
|
@@ -34,7 +35,7 @@ export const makeGetMultiSelectFilterSuggestions = () => createSelector([getOpti
|
|
|
34
35
|
const valueString = getSearchString(value);
|
|
35
36
|
const searchString = getSearchString(searchStr);
|
|
36
37
|
const isMatch = needSearch ? isStartsWithSearch ? valueString.startsWith(searchString) : valueString.indexOf(searchString) !== -1 : true;
|
|
37
|
-
if (selectedOptions.indexOf(id) === -1 && isMatch) {
|
|
38
|
+
if (selectedOptions.indexOf(id) === -1 && isMatch || isNeedTick) {
|
|
38
39
|
suggestions.push(option);
|
|
39
40
|
suggestionIds.push(id);
|
|
40
41
|
}
|
package/install.md
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
- For New :
|
|
2
|
-
|
|
3
|
-
# npm i
|
|
4
|
-
# npm run common_package_build
|
|
5
|
-
|
|
6
|
-
For Update:
|
|
7
|
-
|
|
8
|
-
# npm run download
|
|
9
|
-
# npm run common_package_build
|
|
10
|
-
|
|
1
|
+
- For New :
|
|
2
|
+
|
|
3
|
+
# npm i
|
|
4
|
+
# npm run common_package_build
|
|
5
|
+
|
|
6
|
+
For Update:
|
|
7
|
+
|
|
8
|
+
# npm run download
|
|
9
|
+
# npm run common_package_build
|
|
10
|
+
|
|
@@ -10,8 +10,10 @@ var _defaultProps = require("./props/defaultProps");
|
|
|
10
10
|
var _propTypes = require("./props/propTypes");
|
|
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, descriptor.key, descriptor); } }
|
|
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, _toPropertyKey(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); }
|
|
15
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); }
|
|
16
18
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
17
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); }; }
|
|
@@ -12,8 +12,10 @@ var _VelocityAnimation = _interopRequireDefault(require("../VelocityAnimation/Ve
|
|
|
12
12
|
var _VelocityAnimationGroup = _interopRequireDefault(require("../VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
|
|
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, descriptor.key, descriptor); } }
|
|
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, _toPropertyKey(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); }
|
|
17
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); }
|
|
18
20
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
19
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); }; }
|
|
@@ -12,8 +12,10 @@ var _reactTransitionGroup = require("react-transition-group");
|
|
|
12
12
|
var _transitionModule = _interopRequireDefault(require("../common/transition.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, descriptor.key, descriptor); } }
|
|
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, _toPropertyKey(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); }
|
|
17
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); }
|
|
18
20
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
19
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); }; }
|
|
@@ -19,14 +19,15 @@ require("@zohodesk/variables/lib/fontFamilyVariables.module.css");
|
|
|
19
19
|
require("@zohodesk/variables/assets/transitionVariables.module.css");
|
|
20
20
|
require("@zohodesk/variables/assets/no_transitionVariables.module.css");
|
|
21
21
|
require("../common/a11y.module.css");
|
|
22
|
-
require("../common/boxShadow.module.css");
|
|
23
22
|
var _AppContainerModule = _interopRequireDefault(require("./AppContainer.module.css"));
|
|
24
23
|
var _Config = require("../Provider/Config");
|
|
25
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
26
25
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
27
26
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
28
|
-
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); } }
|
|
27
|
+
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, _toPropertyKey(descriptor.key), descriptor); } }
|
|
29
28
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
29
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
30
|
+
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); }
|
|
30
31
|
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); }
|
|
31
32
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
32
33
|
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,18 +1,18 @@
|
|
|
1
|
-
.container,
|
|
2
|
-
.container *,
|
|
3
|
-
.container ::after,
|
|
4
|
-
.container ::before {
|
|
5
|
-
outline: 0;
|
|
6
|
-
box-sizing: border-box;
|
|
7
|
-
-webkit-box-sizing: border-box;
|
|
8
|
-
-moz-box-sizing: border-box;
|
|
9
|
-
-ms-box-sizing: border-box;
|
|
10
|
-
}
|
|
11
|
-
.container {
|
|
12
|
-
font-family: var(--zd_regular);
|
|
13
|
-
}
|
|
14
|
-
.tooltip {
|
|
15
|
-
height: 0;
|
|
16
|
-
font-size: 0;
|
|
17
|
-
/* contain:strict */
|
|
18
|
-
}
|
|
1
|
+
.container,
|
|
2
|
+
.container *,
|
|
3
|
+
.container ::after,
|
|
4
|
+
.container ::before {
|
|
5
|
+
outline: 0;
|
|
6
|
+
box-sizing: border-box;
|
|
7
|
+
-webkit-box-sizing: border-box;
|
|
8
|
+
-moz-box-sizing: border-box;
|
|
9
|
+
-ms-box-sizing: border-box;
|
|
10
|
+
}
|
|
11
|
+
.container {
|
|
12
|
+
font-family: var(--zd_regular);
|
|
13
|
+
}
|
|
14
|
+
.tooltip {
|
|
15
|
+
height: 0;
|
|
16
|
+
font-size: 0;
|
|
17
|
+
/* contain:strict */
|
|
18
|
+
}
|