@zohodesk/components 1.0.0-temp-180 → 1.0.0-temp-181
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/.cli/PropLessFiles.html +1 -1
- package/.cli/PropUnificationExcludeFilesArray.js +230 -230
- package/.cli/PropValidationExcludeFilesArray.js +1 -1
- package/.cli/propValidation_report.html +1 -1
- package/README.md +1363 -1363
- package/css_error.log +1 -1
- package/es/AppContainer/AppContainer.module.css +18 -18
- package/es/Avatar/Avatar.js +10 -11
- package/es/Avatar/Avatar.module.css +187 -187
- package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
- package/es/AvatarTeam/AvatarTeam.js +7 -7
- package/es/AvatarTeam/AvatarTeam.module.css +191 -191
- package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -705
- package/es/Button/Button.js +4 -4
- package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
- package/es/Button/css/Button.module.css +533 -533
- package/es/Buttongroup/Buttongroup.js +1 -1
- package/es/Buttongroup/Buttongroup.module.css +107 -106
- package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
- 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 +159 -159
- package/es/DateTime/CalendarView.js +0 -0
- package/es/DateTime/DateTime.js +0 -0
- package/es/DateTime/DateTime.module.css +249 -249
- 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 +0 -0
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +441 -438
- package/es/DropBox/DropBoxPositionMapping.json +144 -144
- package/es/DropBox/css/DropBox.module.css +59 -59
- 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 +59 -59
- package/es/DropDown/DropDownItem.js +0 -0
- package/es/DropDown/DropDownItem.module.css +97 -97
- 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 +53 -53
- package/es/Label/LabelColors.module.css +20 -20
- package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
- 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/ListContainer.js +1 -1
- package/es/ListItem/ListItem.js +0 -0
- package/es/ListItem/ListItem.module.css +237 -226
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
- package/es/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
- package/es/MultiSelect/MultiSelect.js +5 -5
- package/es/MultiSelect/MultiSelect.module.css +204 -204
- package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
- package/es/MultiSelect/SelectedOptions.module.css +15 -15
- package/es/MultiSelect/Suggestions.js +1 -2
- package/es/PopOver/PopOver.module.css +9 -9
- 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 +113 -113
- package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
- 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 +458 -457
- package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
- package/es/RippleEffect/RippleEffect.module.css +92 -92
- package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
- package/es/Select/GroupSelect.js +0 -0
- package/es/Select/Select.js +2 -3
- package/es/Select/Select.module.css +108 -108
- package/es/Select/SelectWithAvatar.js +0 -0
- package/es/Select/SelectWithIcon.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 +89 -89
- package/es/Switch/Switch.js +2 -2
- package/es/Switch/Switch.module.css +129 -129
- package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
- 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 +136 -136
- package/es/Tag/Tag.js +8 -8
- package/es/Tag/Tag.module.css +260 -259
- package/es/TextBox/TextBox.js +0 -0
- package/es/TextBox/TextBox.module.css +178 -178
- package/es/TextBoxIcon/TextBoxIcon.js +0 -0
- package/es/TextBoxIcon/TextBoxIcon.module.css +84 -84
- package/es/Textarea/Textarea.js +0 -0
- package/es/Textarea/Textarea.module.css +145 -145
- package/es/Tooltip/Tooltip.module.css +144 -144
- 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 +33 -33
- package/es/common/common.module.css +524 -524
- package/es/common/customscroll.module.css +128 -128
- package/es/common/reset.module.css +13 -13
- package/es/common/transition.module.css +146 -146
- package/es/semantic/Button/semanticButton.module.css +9 -9
- package/es/utils/Common.js +0 -0
- package/es/utils/dropDownUtils.js +0 -0
- package/es/v1/Avatar/Avatar.js +6 -7
- package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
- package/es/v1/Button/Button.js +4 -4
- package/es/v1/Card/Card.js +4 -4
- package/es/v1/CheckBox/CheckBox.js +0 -0
- package/es/v1/DateTime/DateTime.js +0 -0
- package/es/v1/DateTime/DateWidget.js +0 -0
- package/es/v1/DateTime/YearView.js +0 -0
- package/es/v1/DateTime/index.js +0 -0
- package/es/v1/DropBox/DropBox.js +0 -0
- package/es/v1/DropDown/DropDown.js +0 -0
- package/es/v1/DropDown/DropDownHeading.js +0 -0
- package/es/v1/DropDown/DropDownItem.js +0 -0
- package/es/v1/DropDown/DropDownSearch.js +0 -0
- package/es/v1/DropDown/DropDownSeparator.js +0 -0
- package/es/v1/Layout/Box.js +0 -0
- package/es/v1/Layout/Container.js +0 -0
- package/es/v1/ListItem/ListContainer.js +1 -1
- package/es/v1/ListItem/ListItem.js +0 -0
- package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
- package/es/v1/MultiSelect/MultiSelect.js +5 -5
- package/es/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
- package/es/v1/MultiSelect/Suggestions.js +1 -2
- package/es/v1/Radio/Radio.js +0 -0
- package/es/v1/Responsive/CustomResponsive.js +0 -0
- package/es/v1/Select/GroupSelect.js +0 -0
- package/es/v1/Select/Select.js +2 -3
- package/es/v1/Select/SelectWithAvatar.js +0 -0
- package/es/v1/Select/SelectWithIcon.js +0 -0
- package/es/v1/Switch/Switch.js +2 -2
- package/es/v1/Tab/Tabs.js +17 -17
- package/es/v1/Tag/Tag.js +8 -8
- package/es/v1/TextBox/TextBox.js +0 -0
- package/es/v1/Typography/css/Typography.module.css +380 -380
- package/install.md +10 -10
- package/lib/AppContainer/AppContainer.module.css +18 -18
- package/lib/Avatar/Avatar.js +10 -11
- package/lib/Avatar/Avatar.module.css +187 -187
- package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
- package/lib/AvatarTeam/AvatarTeam.js +7 -7
- package/lib/AvatarTeam/AvatarTeam.module.css +191 -191
- package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -705
- package/lib/Button/Button.js +4 -4
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
- package/lib/Button/css/Button.module.css +533 -533
- package/lib/Buttongroup/Buttongroup.js +1 -1
- package/lib/Buttongroup/Buttongroup.module.css +107 -106
- package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
- package/lib/Card/Card.js +4 -4
- package/lib/Card/Card.module.css +20 -20
- package/lib/CheckBox/CheckBox.js +0 -0
- package/lib/CheckBox/CheckBox.module.css +159 -159
- package/lib/DateTime/CalendarView.js +0 -0
- package/lib/DateTime/DateTime.js +0 -0
- package/lib/DateTime/DateTime.module.css +249 -249
- package/lib/DateTime/DateWidget.js +0 -0
- package/lib/DateTime/DateWidget.module.css +38 -38
- package/lib/DateTime/YearView.js +0 -0
- package/lib/DateTime/YearView.module.css +98 -98
- package/lib/DateTime/common.js +0 -0
- package/lib/DateTime/index.js +0 -0
- package/lib/DateTime/objectUtils.js +0 -0
- package/lib/DateTime/typeChecker.js +0 -0
- package/lib/DateTime/validator.js +0 -0
- package/lib/DropBox/DropBox.js +0 -0
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +441 -438
- package/lib/DropBox/DropBoxPositionMapping.json +144 -144
- package/lib/DropBox/css/DropBox.module.css +59 -59
- package/lib/DropDown/DropDown.js +0 -0
- package/lib/DropDown/DropDown.module.css +5 -5
- package/lib/DropDown/DropDownHeading.js +0 -0
- package/lib/DropDown/DropDownHeading.module.css +59 -59
- package/lib/DropDown/DropDownItem.js +0 -0
- package/lib/DropDown/DropDownItem.module.css +97 -97
- package/lib/DropDown/DropDownSearch.js +0 -0
- package/lib/DropDown/DropDownSearch.module.css +14 -14
- package/lib/DropDown/DropDownSeparator.js +0 -0
- package/lib/DropDown/DropDownSeparator.module.css +7 -7
- package/lib/Heading/Heading.module.css +4 -4
- package/lib/Label/Label.js +0 -0
- package/lib/Label/Label.module.css +53 -53
- package/lib/Label/LabelColors.module.css +20 -20
- package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
- 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/ListContainer.js +1 -1
- package/lib/ListItem/ListItem.js +0 -0
- package/lib/ListItem/ListItem.module.css +237 -226
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
- package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
- package/lib/MultiSelect/MultiSelect.js +5 -5
- package/lib/MultiSelect/MultiSelect.module.css +204 -204
- package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
- package/lib/MultiSelect/SelectedOptions.module.css +15 -15
- package/lib/MultiSelect/Suggestions.js +1 -2
- package/lib/PopOver/PopOver.module.css +9 -9
- package/lib/Popup/Popup.js +0 -0
- package/lib/Popup/PositionMapping.json +73 -73
- package/lib/Radio/Radio.js +0 -0
- package/lib/Radio/Radio.module.css +113 -113
- package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
- package/lib/Responsive/CustomResponsive.js +0 -0
- package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
- package/lib/Ribbon/Ribbon.js +0 -0
- package/lib/Ribbon/Ribbon.module.css +458 -457
- package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
- package/lib/RippleEffect/RippleEffect.module.css +92 -92
- package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
- package/lib/Select/GroupSelect.js +0 -0
- package/lib/Select/Select.js +2 -3
- package/lib/Select/Select.module.css +108 -108
- package/lib/Select/SelectWithAvatar.js +0 -0
- package/lib/Select/SelectWithIcon.js +0 -0
- package/lib/Stencils/Stencils.js +0 -0
- package/lib/Stencils/Stencils.module.css +96 -96
- package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
- package/lib/Switch/Switch.js +2 -2
- package/lib/Switch/Switch.module.css +129 -129
- package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
- package/lib/Tab/Tab.module.css +100 -100
- package/lib/Tab/TabContent.module.css +4 -4
- package/lib/Tab/Tabs.js +11 -11
- package/lib/Tab/Tabs.module.css +136 -136
- package/lib/Tag/Tag.js +8 -8
- package/lib/Tag/Tag.module.css +260 -259
- package/lib/TextBox/TextBox.js +0 -0
- package/lib/TextBox/TextBox.module.css +178 -178
- package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
- package/lib/TextBoxIcon/TextBoxIcon.module.css +84 -84
- package/lib/Textarea/Textarea.js +0 -0
- package/lib/Textarea/Textarea.module.css +145 -145
- package/lib/Tooltip/Tooltip.module.css +144 -144
- 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 +33 -33
- package/lib/common/common.module.css +524 -524
- package/lib/common/customscroll.module.css +128 -128
- package/lib/common/reset.module.css +13 -13
- package/lib/common/transition.module.css +146 -146
- package/lib/semantic/Button/semanticButton.module.css +9 -9
- package/lib/utils/Common.js +0 -0
- package/lib/utils/dropDownUtils.js +0 -0
- package/lib/v1/Avatar/Avatar.js +6 -7
- package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
- package/lib/v1/Button/Button.js +4 -4
- package/lib/v1/Card/Card.js +4 -4
- package/lib/v1/CheckBox/CheckBox.js +0 -0
- package/lib/v1/DateTime/DateTime.js +0 -0
- package/lib/v1/DateTime/DateWidget.js +0 -0
- package/lib/v1/DateTime/YearView.js +0 -0
- package/lib/v1/DateTime/index.js +0 -0
- package/lib/v1/DropBox/DropBox.js +0 -0
- package/lib/v1/DropDown/DropDown.js +0 -0
- package/lib/v1/DropDown/DropDownHeading.js +0 -0
- package/lib/v1/DropDown/DropDownItem.js +0 -0
- package/lib/v1/DropDown/DropDownSearch.js +0 -0
- package/lib/v1/DropDown/DropDownSeparator.js +0 -0
- package/lib/v1/Layout/Box.js +0 -0
- package/lib/v1/Layout/Container.js +0 -0
- package/lib/v1/ListItem/ListContainer.js +1 -1
- package/lib/v1/ListItem/ListItem.js +0 -0
- package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
- package/lib/v1/MultiSelect/MultiSelect.js +5 -5
- package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
- package/lib/v1/MultiSelect/Suggestions.js +1 -2
- package/lib/v1/Radio/Radio.js +0 -0
- package/lib/v1/Responsive/CustomResponsive.js +0 -0
- package/lib/v1/Select/GroupSelect.js +0 -0
- package/lib/v1/Select/Select.js +2 -3
- package/lib/v1/Select/SelectWithAvatar.js +0 -0
- package/lib/v1/Select/SelectWithIcon.js +0 -0
- package/lib/v1/Switch/Switch.js +2 -2
- package/lib/v1/Tab/Tabs.js +11 -11
- package/lib/v1/Tag/Tag.js +8 -8
- package/lib/v1/TextBox/TextBox.js +0 -0
- package/lib/v1/Typography/css/Typography.module.css +380 -380
- package/package.json +95 -95
- package/postPublish.js +8 -8
- package/prePublish.js +70 -70
- package/propValidationArg.json +7 -7
- package/react-cli.config.js +23 -23
- package/result.json +1 -1
|
@@ -1,128 +1,128 @@
|
|
|
1
|
-
.scroll {
|
|
2
|
-
/* Variable:Ignore */
|
|
3
|
-
--zd-scroll-width: 12px;
|
|
4
|
-
/* Variable:Ignore */
|
|
5
|
-
--zd-scroll-height: 12px;
|
|
6
|
-
--zd-scroll-bg: var(--zdt_customscroll_default_bg);
|
|
7
|
-
--zd-scroll-corner-bg: transparent;
|
|
8
|
-
--zd-scroll-thump: var(--zdt_customscroll_thump_bg);
|
|
9
|
-
--zd-scroll-thump-hoverbg: var(--zdt_customscroll_thump_hover_bg);
|
|
10
|
-
--zd-scroll-border: var(--zdt_customscroll_border);
|
|
11
|
-
}
|
|
12
|
-
.scroll[data-scroll-palette='dark'],
|
|
13
|
-
.scroll [data-scroll-palette='dark'] {
|
|
14
|
-
--zd-scroll-bg: var(--zdt_customscroll_dark_bg);
|
|
15
|
-
--zd-scroll-thump: var(--zdt_customscroll_thump_dark_bg);
|
|
16
|
-
--zd-scroll-thump-hoverbg: var(--zdt_customscroll_thump_dark_hover_bg);
|
|
17
|
-
--zd-scroll-border: var(--zdt_customscroll_dark_border);
|
|
18
|
-
}
|
|
19
|
-
.scroll,
|
|
20
|
-
.scroll * {
|
|
21
|
-
scrollbar-color: var(--zd-scroll-thump) var(--zd-scroll-bg);
|
|
22
|
-
scrollbar-width: thin;
|
|
23
|
-
-ms-scrollbar-highlight-color: var(--zd-scroll-bg);
|
|
24
|
-
-ms-scrollbar-face-color: var(--zd-scroll-thump);
|
|
25
|
-
}
|
|
26
|
-
.scroll::-webkit-scrollbar,
|
|
27
|
-
.scroll ::-webkit-scrollbar {
|
|
28
|
-
/* css:theme-validation:ignore */
|
|
29
|
-
}
|
|
30
|
-
.scroll::-webkit-scrollbar, .scroll ::-webkit-scrollbar {
|
|
31
|
-
background: var(--zd-scroll-corner-bg);
|
|
32
|
-
}
|
|
33
|
-
.scroll::-webkit-scrollbar:hover,
|
|
34
|
-
.scroll ::-webkit-scrollbar:hover {
|
|
35
|
-
/* css:theme-validation:ignore */
|
|
36
|
-
}
|
|
37
|
-
.scroll::-webkit-scrollbar:hover, .scroll ::-webkit-scrollbar:hover {
|
|
38
|
-
background: var(--zd-scroll-bg);
|
|
39
|
-
}
|
|
40
|
-
.scroll::-webkit-scrollbar:horizontal,
|
|
41
|
-
.scroll ::-webkit-scrollbar:horizontal {
|
|
42
|
-
height: var(--zd-scroll-height);
|
|
43
|
-
}
|
|
44
|
-
.scroll::-webkit-scrollbar:vertical,
|
|
45
|
-
.scroll ::-webkit-scrollbar:vertical {
|
|
46
|
-
width: var(--zd-scroll-width);
|
|
47
|
-
}
|
|
48
|
-
.scroll::-webkit-scrollbar-button,
|
|
49
|
-
.scroll ::-webkit-scrollbar-button {
|
|
50
|
-
display: none;
|
|
51
|
-
width: 0 ;
|
|
52
|
-
height: 0 ;
|
|
53
|
-
}
|
|
54
|
-
.scroll::-webkit-scrollbar-track:vertical,
|
|
55
|
-
.scroll ::-webkit-scrollbar-track:vertical {
|
|
56
|
-
/* css:theme-validation:ignore */
|
|
57
|
-
/* css:theme-validation:ignore */
|
|
58
|
-
}
|
|
59
|
-
[dir=ltr] .scroll::-webkit-scrollbar-track:vertical, [dir=ltr] .scroll ::-webkit-scrollbar-track:vertical {
|
|
60
|
-
border-left: 1px solid transparent;
|
|
61
|
-
border-right: 1px solid transparent;
|
|
62
|
-
}
|
|
63
|
-
[dir=rtl] .scroll::-webkit-scrollbar-track:vertical, [dir=rtl] .scroll ::-webkit-scrollbar-track:vertical {
|
|
64
|
-
border-right: 1px solid transparent;
|
|
65
|
-
border-left: 1px solid transparent;
|
|
66
|
-
}
|
|
67
|
-
.scroll::-webkit-scrollbar-track:vertical:hover,
|
|
68
|
-
.scroll ::-webkit-scrollbar-track:vertical:hover {
|
|
69
|
-
/* css:theme-validation:ignore */
|
|
70
|
-
}
|
|
71
|
-
.scroll::-webkit-scrollbar-track:vertical:hover, .scroll ::-webkit-scrollbar-track:vertical:hover {
|
|
72
|
-
border-color: var(--zd-scroll-border);
|
|
73
|
-
}
|
|
74
|
-
.scroll::-webkit-scrollbar-track:horizontal,
|
|
75
|
-
.scroll ::-webkit-scrollbar-track:horizontal {
|
|
76
|
-
/* css:theme-validation:ignore */
|
|
77
|
-
/* css:theme-validation:ignore */
|
|
78
|
-
}
|
|
79
|
-
.scroll::-webkit-scrollbar-track:horizontal, .scroll ::-webkit-scrollbar-track:horizontal {
|
|
80
|
-
border-top: 1px solid transparent;
|
|
81
|
-
border-bottom: 1px solid transparent;
|
|
82
|
-
}
|
|
83
|
-
.scroll::-webkit-scrollbar-track:horizontal:hover,
|
|
84
|
-
.scroll ::-webkit-scrollbar-track:horizontal:hover {
|
|
85
|
-
/* css:theme-validation:ignore */
|
|
86
|
-
}
|
|
87
|
-
.scroll::-webkit-scrollbar-track:horizontal:hover, .scroll ::-webkit-scrollbar-track:horizontal:hover {
|
|
88
|
-
border-color: var(--zd-scroll-border);
|
|
89
|
-
}
|
|
90
|
-
.scroll::-webkit-scrollbar-track-piece, .scroll ::-webkit-scrollbar-track-piece {
|
|
91
|
-
background: inherit;
|
|
92
|
-
}
|
|
93
|
-
.scroll::-webkit-scrollbar-thumb,
|
|
94
|
-
.scroll ::-webkit-scrollbar-thumb {
|
|
95
|
-
/* css:theme-validation:ignore */
|
|
96
|
-
/* css:theme-validation:ignore */
|
|
97
|
-
/* display: none; */
|
|
98
|
-
}
|
|
99
|
-
.scroll::-webkit-scrollbar-thumb, .scroll ::-webkit-scrollbar-thumb {
|
|
100
|
-
border-radius: 10px;
|
|
101
|
-
background: var(--zd-scroll-thump);
|
|
102
|
-
background-clip: padding-box;
|
|
103
|
-
border: 3px solid transparent;
|
|
104
|
-
}
|
|
105
|
-
.scroll::-webkit-scrollbar-thumb:hover,
|
|
106
|
-
.scroll ::-webkit-scrollbar-thumb:hover {
|
|
107
|
-
/* css:theme-validation:ignore */
|
|
108
|
-
/* css:theme-validation:ignore */
|
|
109
|
-
}
|
|
110
|
-
.scroll::-webkit-scrollbar-thumb:hover, .scroll ::-webkit-scrollbar-thumb:hover {
|
|
111
|
-
background: var(--zd-scroll-thump-hoverbg);
|
|
112
|
-
background-clip: padding-box;
|
|
113
|
-
border: 3px solid transparent;
|
|
114
|
-
}
|
|
115
|
-
/* .scroll:hover > ::-webkit-scrollbar-thumb,
|
|
116
|
-
.scroll *:hover > ::-webkit-scrollbar-thumb {
|
|
117
|
-
display: block;
|
|
118
|
-
} */
|
|
119
|
-
.scroll::-webkit-scrollbar-corner,
|
|
120
|
-
.scroll ::-webkit-scrollbar-corner {
|
|
121
|
-
/* css:theme-validation:ignore */
|
|
122
|
-
}
|
|
123
|
-
.scroll::-webkit-scrollbar-corner, .scroll ::-webkit-scrollbar-corner {
|
|
124
|
-
background: var(--zd-scroll-corner-bg);
|
|
125
|
-
}
|
|
126
|
-
.scroll::-webkit-resizer, .scroll ::-webkit-resizer {
|
|
127
|
-
background: inherit;
|
|
128
|
-
}
|
|
1
|
+
.scroll {
|
|
2
|
+
/* Variable:Ignore */
|
|
3
|
+
--zd-scroll-width: 12px;
|
|
4
|
+
/* Variable:Ignore */
|
|
5
|
+
--zd-scroll-height: 12px;
|
|
6
|
+
--zd-scroll-bg: var(--zdt_customscroll_default_bg);
|
|
7
|
+
--zd-scroll-corner-bg: transparent;
|
|
8
|
+
--zd-scroll-thump: var(--zdt_customscroll_thump_bg);
|
|
9
|
+
--zd-scroll-thump-hoverbg: var(--zdt_customscroll_thump_hover_bg);
|
|
10
|
+
--zd-scroll-border: var(--zdt_customscroll_border);
|
|
11
|
+
}
|
|
12
|
+
.scroll[data-scroll-palette='dark'],
|
|
13
|
+
.scroll [data-scroll-palette='dark'] {
|
|
14
|
+
--zd-scroll-bg: var(--zdt_customscroll_dark_bg);
|
|
15
|
+
--zd-scroll-thump: var(--zdt_customscroll_thump_dark_bg);
|
|
16
|
+
--zd-scroll-thump-hoverbg: var(--zdt_customscroll_thump_dark_hover_bg);
|
|
17
|
+
--zd-scroll-border: var(--zdt_customscroll_dark_border);
|
|
18
|
+
}
|
|
19
|
+
.scroll,
|
|
20
|
+
.scroll * {
|
|
21
|
+
scrollbar-color: var(--zd-scroll-thump) var(--zd-scroll-bg);
|
|
22
|
+
scrollbar-width: thin;
|
|
23
|
+
-ms-scrollbar-highlight-color: var(--zd-scroll-bg);
|
|
24
|
+
-ms-scrollbar-face-color: var(--zd-scroll-thump);
|
|
25
|
+
}
|
|
26
|
+
.scroll::-webkit-scrollbar,
|
|
27
|
+
.scroll ::-webkit-scrollbar {
|
|
28
|
+
/* css:theme-validation:ignore */
|
|
29
|
+
}
|
|
30
|
+
.scroll::-webkit-scrollbar, .scroll ::-webkit-scrollbar {
|
|
31
|
+
background: var(--zd-scroll-corner-bg);
|
|
32
|
+
}
|
|
33
|
+
.scroll::-webkit-scrollbar:hover,
|
|
34
|
+
.scroll ::-webkit-scrollbar:hover {
|
|
35
|
+
/* css:theme-validation:ignore */
|
|
36
|
+
}
|
|
37
|
+
.scroll::-webkit-scrollbar:hover, .scroll ::-webkit-scrollbar:hover {
|
|
38
|
+
background: var(--zd-scroll-bg);
|
|
39
|
+
}
|
|
40
|
+
.scroll::-webkit-scrollbar:horizontal,
|
|
41
|
+
.scroll ::-webkit-scrollbar:horizontal {
|
|
42
|
+
height: var(--zd-scroll-height);
|
|
43
|
+
}
|
|
44
|
+
.scroll::-webkit-scrollbar:vertical,
|
|
45
|
+
.scroll ::-webkit-scrollbar:vertical {
|
|
46
|
+
width: var(--zd-scroll-width);
|
|
47
|
+
}
|
|
48
|
+
.scroll::-webkit-scrollbar-button,
|
|
49
|
+
.scroll ::-webkit-scrollbar-button {
|
|
50
|
+
display: none;
|
|
51
|
+
width: 0 ;
|
|
52
|
+
height: 0 ;
|
|
53
|
+
}
|
|
54
|
+
.scroll::-webkit-scrollbar-track:vertical,
|
|
55
|
+
.scroll ::-webkit-scrollbar-track:vertical {
|
|
56
|
+
/* css:theme-validation:ignore */
|
|
57
|
+
/* css:theme-validation:ignore */
|
|
58
|
+
}
|
|
59
|
+
[dir=ltr] .scroll::-webkit-scrollbar-track:vertical, [dir=ltr] .scroll ::-webkit-scrollbar-track:vertical {
|
|
60
|
+
border-left: 1px solid transparent;
|
|
61
|
+
border-right: 1px solid transparent;
|
|
62
|
+
}
|
|
63
|
+
[dir=rtl] .scroll::-webkit-scrollbar-track:vertical, [dir=rtl] .scroll ::-webkit-scrollbar-track:vertical {
|
|
64
|
+
border-right: 1px solid transparent;
|
|
65
|
+
border-left: 1px solid transparent;
|
|
66
|
+
}
|
|
67
|
+
.scroll::-webkit-scrollbar-track:vertical:hover,
|
|
68
|
+
.scroll ::-webkit-scrollbar-track:vertical:hover {
|
|
69
|
+
/* css:theme-validation:ignore */
|
|
70
|
+
}
|
|
71
|
+
.scroll::-webkit-scrollbar-track:vertical:hover, .scroll ::-webkit-scrollbar-track:vertical:hover {
|
|
72
|
+
border-color: var(--zd-scroll-border);
|
|
73
|
+
}
|
|
74
|
+
.scroll::-webkit-scrollbar-track:horizontal,
|
|
75
|
+
.scroll ::-webkit-scrollbar-track:horizontal {
|
|
76
|
+
/* css:theme-validation:ignore */
|
|
77
|
+
/* css:theme-validation:ignore */
|
|
78
|
+
}
|
|
79
|
+
.scroll::-webkit-scrollbar-track:horizontal, .scroll ::-webkit-scrollbar-track:horizontal {
|
|
80
|
+
border-top: 1px solid transparent;
|
|
81
|
+
border-bottom: 1px solid transparent;
|
|
82
|
+
}
|
|
83
|
+
.scroll::-webkit-scrollbar-track:horizontal:hover,
|
|
84
|
+
.scroll ::-webkit-scrollbar-track:horizontal:hover {
|
|
85
|
+
/* css:theme-validation:ignore */
|
|
86
|
+
}
|
|
87
|
+
.scroll::-webkit-scrollbar-track:horizontal:hover, .scroll ::-webkit-scrollbar-track:horizontal:hover {
|
|
88
|
+
border-color: var(--zd-scroll-border);
|
|
89
|
+
}
|
|
90
|
+
.scroll::-webkit-scrollbar-track-piece, .scroll ::-webkit-scrollbar-track-piece {
|
|
91
|
+
background: inherit;
|
|
92
|
+
}
|
|
93
|
+
.scroll::-webkit-scrollbar-thumb,
|
|
94
|
+
.scroll ::-webkit-scrollbar-thumb {
|
|
95
|
+
/* css:theme-validation:ignore */
|
|
96
|
+
/* css:theme-validation:ignore */
|
|
97
|
+
/* display: none; */
|
|
98
|
+
}
|
|
99
|
+
.scroll::-webkit-scrollbar-thumb, .scroll ::-webkit-scrollbar-thumb {
|
|
100
|
+
border-radius: 10px;
|
|
101
|
+
background: var(--zd-scroll-thump);
|
|
102
|
+
background-clip: padding-box;
|
|
103
|
+
border: 3px solid transparent;
|
|
104
|
+
}
|
|
105
|
+
.scroll::-webkit-scrollbar-thumb:hover,
|
|
106
|
+
.scroll ::-webkit-scrollbar-thumb:hover {
|
|
107
|
+
/* css:theme-validation:ignore */
|
|
108
|
+
/* css:theme-validation:ignore */
|
|
109
|
+
}
|
|
110
|
+
.scroll::-webkit-scrollbar-thumb:hover, .scroll ::-webkit-scrollbar-thumb:hover {
|
|
111
|
+
background: var(--zd-scroll-thump-hoverbg);
|
|
112
|
+
background-clip: padding-box;
|
|
113
|
+
border: 3px solid transparent;
|
|
114
|
+
}
|
|
115
|
+
/* .scroll:hover > ::-webkit-scrollbar-thumb,
|
|
116
|
+
.scroll *:hover > ::-webkit-scrollbar-thumb {
|
|
117
|
+
display: block;
|
|
118
|
+
} */
|
|
119
|
+
.scroll::-webkit-scrollbar-corner,
|
|
120
|
+
.scroll ::-webkit-scrollbar-corner {
|
|
121
|
+
/* css:theme-validation:ignore */
|
|
122
|
+
}
|
|
123
|
+
.scroll::-webkit-scrollbar-corner, .scroll ::-webkit-scrollbar-corner {
|
|
124
|
+
background: var(--zd-scroll-corner-bg);
|
|
125
|
+
}
|
|
126
|
+
.scroll::-webkit-resizer, .scroll ::-webkit-resizer {
|
|
127
|
+
background: inherit;
|
|
128
|
+
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
*,
|
|
2
|
-
:after,
|
|
3
|
-
:before {
|
|
4
|
-
outline: 0;
|
|
5
|
-
box-sizing: border-box;
|
|
6
|
-
-webkit-box-sizing: border-box;
|
|
7
|
-
-moz-box-sizing: border-box;
|
|
8
|
-
-ms-box-sizing: border-box;
|
|
9
|
-
}
|
|
10
|
-
html {
|
|
11
|
-
/* Variable:Ignore */
|
|
12
|
-
font-size: 16px;
|
|
13
|
-
}
|
|
1
|
+
*,
|
|
2
|
+
:after,
|
|
3
|
+
:before {
|
|
4
|
+
outline: 0;
|
|
5
|
+
box-sizing: border-box;
|
|
6
|
+
-webkit-box-sizing: border-box;
|
|
7
|
+
-moz-box-sizing: border-box;
|
|
8
|
+
-ms-box-sizing: border-box;
|
|
9
|
+
}
|
|
10
|
+
html {
|
|
11
|
+
/* Variable:Ignore */
|
|
12
|
+
font-size: 16px;
|
|
13
|
+
}
|
|
@@ -1,146 +1,146 @@
|
|
|
1
|
-
.zoomInEnter,
|
|
2
|
-
.zoomInLeave.zoomInLeaveActive {
|
|
3
|
-
opacity: 0;
|
|
4
|
-
}.zoomInEnter, .zoomInLeave.zoomInLeaveActive {
|
|
5
|
-
transform: perspective(1px) scale(1.5) translateZ(0);
|
|
6
|
-
transition-duration: var(--zd_transition3);
|
|
7
|
-
transition-property: all;
|
|
8
|
-
}
|
|
9
|
-
.zoomInEnter.zoomInEnterActive,
|
|
10
|
-
.zoomInLeave {
|
|
11
|
-
opacity: 1;
|
|
12
|
-
}
|
|
13
|
-
.zoomInEnter.zoomInEnterActive, .zoomInLeave {
|
|
14
|
-
transform: perspective(1px) scale(1) translateZ(0);
|
|
15
|
-
transition-duration: var(--zd_transition3);
|
|
16
|
-
transition-property: all;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.scaleInEnter,
|
|
20
|
-
.scaleInLeave.scaleInLeaveActive {
|
|
21
|
-
opacity: 0;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.scaleInEnter, .scaleInLeave.scaleInLeaveActive {
|
|
25
|
-
transform: scale(0);
|
|
26
|
-
transition-duration: var(--zd_transition3);
|
|
27
|
-
transition-property: all;
|
|
28
|
-
}
|
|
29
|
-
.scaleInEnter.scaleInEnterActive,
|
|
30
|
-
.scaleInLeave {
|
|
31
|
-
opacity: 1;
|
|
32
|
-
}
|
|
33
|
-
.scaleInEnter.scaleInEnterActive, .scaleInLeave {
|
|
34
|
-
transform: scale(1);
|
|
35
|
-
transition-duration: var(--zd_transition3);
|
|
36
|
-
transition-property: all;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.fadeInEnter,
|
|
40
|
-
.fadeInLeave.fadeInLeaveActive {
|
|
41
|
-
opacity: 0;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.fadeInEnter, .fadeInLeave.fadeInLeaveActive {
|
|
45
|
-
transition-duration: var(--zd_transition3);
|
|
46
|
-
transition-property: all;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.fadeInEnter.fadeInEnterActive,
|
|
50
|
-
.fadeInLeave {
|
|
51
|
-
opacity: 1;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.fadeInEnter.fadeInEnterActive, .fadeInLeave {
|
|
55
|
-
transition-duration: var(--zd_transition3);
|
|
56
|
-
transition-property: all;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.slideLeftEnter,
|
|
60
|
-
.slideLeftLeave.slideLeftLeaveActive {
|
|
61
|
-
opacity: 0;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
.slideLeftEnter, .slideLeftLeave.slideLeftLeaveActive {
|
|
65
|
-
transition-duration: var(--zd_transition3);
|
|
66
|
-
transition-property: all;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
[dir=ltr] .slideLeftEnter, [dir=ltr] .slideLeftLeave.slideLeftLeaveActive {
|
|
70
|
-
transform: translateX(110%);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
[dir=rtl] .slideLeftEnter, [dir=rtl] .slideLeftLeave.slideLeftLeaveActive {
|
|
74
|
-
transform: translateX(-110%);
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.slideLeftEnter.slideLeftEnterActive,
|
|
78
|
-
.slideLeftLeave {
|
|
79
|
-
opacity: 1;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.slideLeftEnter.slideLeftEnterActive, .slideLeftLeave {
|
|
83
|
-
transform: translateX(0%);
|
|
84
|
-
transition-duration: var(--zd_transition3);
|
|
85
|
-
transition-property: all;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.slideDownEnter,
|
|
89
|
-
.slideDownLeave.slideDownLeaveActive {
|
|
90
|
-
opacity: 0;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.slideDownEnter, .slideDownLeave.slideDownLeaveActive {
|
|
94
|
-
transform: translateY(-100%);
|
|
95
|
-
transition-duration: var(--zd_transition3);
|
|
96
|
-
transition-property: all;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.slideDownEnter.slideDownEnterActive,
|
|
100
|
-
.slideDownLeave {
|
|
101
|
-
opacity: 1;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.slideDownEnter.slideDownEnterActive, .slideDownLeave {
|
|
105
|
-
transform: translateY(0%);
|
|
106
|
-
transition-duration: var(--zd_transition3);
|
|
107
|
-
transition-property: all;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.skewInEnter,
|
|
111
|
-
.skewInLeave.skewInLeaveActive {
|
|
112
|
-
opacity: 0;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.skewInEnter, .skewInLeave.skewInLeaveActive {
|
|
116
|
-
transition-duration: var(--zd_transition3);
|
|
117
|
-
transition-property: all;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
[dir=ltr] .skewInEnter, [dir=ltr] .skewInLeave.skewInLeaveActive {
|
|
121
|
-
transform: translate(100%, 100%) skew(72deg) scale(0) perspective(221px);
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
[dir=rtl] .skewInEnter, [dir=rtl] .skewInLeave.skewInLeaveActive {
|
|
125
|
-
transform: translate(-100%, 100%) skew(-72deg) scale(0) perspective(221px);
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.skewInEnter.skewInEnterActive,
|
|
129
|
-
.skewInLeave {
|
|
130
|
-
opacity: 1;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.skewInEnter.skewInEnterActive, .skewInLeave {
|
|
134
|
-
transform: translate(0, 0) skew(0deg) scale(1) perspective(221px);
|
|
135
|
-
transition-duration: var(--zd_transition3);
|
|
136
|
-
transition-property: all;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.defaultEnter,
|
|
140
|
-
.defaultLeave.defaultLeaveActive {
|
|
141
|
-
display: none;
|
|
142
|
-
}
|
|
143
|
-
.defaultEnter.defaultEnterActive,
|
|
144
|
-
.defaultLeave {
|
|
145
|
-
display: block;
|
|
146
|
-
}
|
|
1
|
+
.zoomInEnter,
|
|
2
|
+
.zoomInLeave.zoomInLeaveActive {
|
|
3
|
+
opacity: 0;
|
|
4
|
+
}.zoomInEnter, .zoomInLeave.zoomInLeaveActive {
|
|
5
|
+
transform: perspective(1px) scale(1.5) translateZ(0);
|
|
6
|
+
transition-duration: var(--zd_transition3);
|
|
7
|
+
transition-property: all;
|
|
8
|
+
}
|
|
9
|
+
.zoomInEnter.zoomInEnterActive,
|
|
10
|
+
.zoomInLeave {
|
|
11
|
+
opacity: 1;
|
|
12
|
+
}
|
|
13
|
+
.zoomInEnter.zoomInEnterActive, .zoomInLeave {
|
|
14
|
+
transform: perspective(1px) scale(1) translateZ(0);
|
|
15
|
+
transition-duration: var(--zd_transition3);
|
|
16
|
+
transition-property: all;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.scaleInEnter,
|
|
20
|
+
.scaleInLeave.scaleInLeaveActive {
|
|
21
|
+
opacity: 0;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.scaleInEnter, .scaleInLeave.scaleInLeaveActive {
|
|
25
|
+
transform: scale(0);
|
|
26
|
+
transition-duration: var(--zd_transition3);
|
|
27
|
+
transition-property: all;
|
|
28
|
+
}
|
|
29
|
+
.scaleInEnter.scaleInEnterActive,
|
|
30
|
+
.scaleInLeave {
|
|
31
|
+
opacity: 1;
|
|
32
|
+
}
|
|
33
|
+
.scaleInEnter.scaleInEnterActive, .scaleInLeave {
|
|
34
|
+
transform: scale(1);
|
|
35
|
+
transition-duration: var(--zd_transition3);
|
|
36
|
+
transition-property: all;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.fadeInEnter,
|
|
40
|
+
.fadeInLeave.fadeInLeaveActive {
|
|
41
|
+
opacity: 0;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.fadeInEnter, .fadeInLeave.fadeInLeaveActive {
|
|
45
|
+
transition-duration: var(--zd_transition3);
|
|
46
|
+
transition-property: all;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.fadeInEnter.fadeInEnterActive,
|
|
50
|
+
.fadeInLeave {
|
|
51
|
+
opacity: 1;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.fadeInEnter.fadeInEnterActive, .fadeInLeave {
|
|
55
|
+
transition-duration: var(--zd_transition3);
|
|
56
|
+
transition-property: all;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.slideLeftEnter,
|
|
60
|
+
.slideLeftLeave.slideLeftLeaveActive {
|
|
61
|
+
opacity: 0;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.slideLeftEnter, .slideLeftLeave.slideLeftLeaveActive {
|
|
65
|
+
transition-duration: var(--zd_transition3);
|
|
66
|
+
transition-property: all;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
[dir=ltr] .slideLeftEnter, [dir=ltr] .slideLeftLeave.slideLeftLeaveActive {
|
|
70
|
+
transform: translateX(110%);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
[dir=rtl] .slideLeftEnter, [dir=rtl] .slideLeftLeave.slideLeftLeaveActive {
|
|
74
|
+
transform: translateX(-110%);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.slideLeftEnter.slideLeftEnterActive,
|
|
78
|
+
.slideLeftLeave {
|
|
79
|
+
opacity: 1;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.slideLeftEnter.slideLeftEnterActive, .slideLeftLeave {
|
|
83
|
+
transform: translateX(0%);
|
|
84
|
+
transition-duration: var(--zd_transition3);
|
|
85
|
+
transition-property: all;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.slideDownEnter,
|
|
89
|
+
.slideDownLeave.slideDownLeaveActive {
|
|
90
|
+
opacity: 0;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.slideDownEnter, .slideDownLeave.slideDownLeaveActive {
|
|
94
|
+
transform: translateY(-100%);
|
|
95
|
+
transition-duration: var(--zd_transition3);
|
|
96
|
+
transition-property: all;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.slideDownEnter.slideDownEnterActive,
|
|
100
|
+
.slideDownLeave {
|
|
101
|
+
opacity: 1;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.slideDownEnter.slideDownEnterActive, .slideDownLeave {
|
|
105
|
+
transform: translateY(0%);
|
|
106
|
+
transition-duration: var(--zd_transition3);
|
|
107
|
+
transition-property: all;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.skewInEnter,
|
|
111
|
+
.skewInLeave.skewInLeaveActive {
|
|
112
|
+
opacity: 0;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.skewInEnter, .skewInLeave.skewInLeaveActive {
|
|
116
|
+
transition-duration: var(--zd_transition3);
|
|
117
|
+
transition-property: all;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
[dir=ltr] .skewInEnter, [dir=ltr] .skewInLeave.skewInLeaveActive {
|
|
121
|
+
transform: translate(100%, 100%) skew(72deg) scale(0) perspective(221px);
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
[dir=rtl] .skewInEnter, [dir=rtl] .skewInLeave.skewInLeaveActive {
|
|
125
|
+
transform: translate(-100%, 100%) skew(-72deg) scale(0) perspective(221px);
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.skewInEnter.skewInEnterActive,
|
|
129
|
+
.skewInLeave {
|
|
130
|
+
opacity: 1;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.skewInEnter.skewInEnterActive, .skewInLeave {
|
|
134
|
+
transform: translate(0, 0) skew(0deg) scale(1) perspective(221px);
|
|
135
|
+
transition-duration: var(--zd_transition3);
|
|
136
|
+
transition-property: all;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.defaultEnter,
|
|
140
|
+
.defaultLeave.defaultLeaveActive {
|
|
141
|
+
display: none;
|
|
142
|
+
}
|
|
143
|
+
.defaultEnter.defaultEnterActive,
|
|
144
|
+
.defaultLeave {
|
|
145
|
+
display: block;
|
|
146
|
+
}
|
|
@@ -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/lib/utils/Common.js
CHANGED
|
File without changes
|
|
File without changes
|
package/lib/v1/Avatar/Avatar.js
CHANGED
|
@@ -49,11 +49,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
49
49
|
|
|
50
50
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
51
51
|
|
|
52
|
-
/*
|
|
53
|
-
1. need to change name into firstName lastName
|
|
54
|
-
2. pattern support via context as well as props
|
|
55
|
-
3. prop high priority to arrange firstName lastName
|
|
56
|
-
4. team pass name as lastName and pass pattern via prop
|
|
52
|
+
/*
|
|
53
|
+
1. need to change name into firstName lastName
|
|
54
|
+
2. pattern support via context as well as props
|
|
55
|
+
3. prop high priority to arrange firstName lastName
|
|
56
|
+
4. team pass name as lastName and pass pattern via prop
|
|
57
57
|
*/
|
|
58
58
|
function Avatar(props) {
|
|
59
59
|
var src = props.src,
|
|
@@ -161,8 +161,7 @@ function Avatar(props) {
|
|
|
161
161
|
"data-id": dataId,
|
|
162
162
|
"data-test-id": dataId,
|
|
163
163
|
onClick: onClick,
|
|
164
|
-
"data-selector-id": dataSelectorId
|
|
165
|
-
tabIndex: onClick ? 0 : null
|
|
164
|
+
"data-selector-id": dataSelectorId
|
|
166
165
|
}, AvatarProps), showInitial && !showAlternateAvatar && /*#__PURE__*/_react["default"].createElement("span", {
|
|
167
166
|
className: "".concat(_AvatarModule["default"].initial),
|
|
168
167
|
"data-id": "".concat(dataId, "_AvatarInitial"),
|
|
@@ -19,10 +19,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
19
19
|
|
|
20
20
|
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); }
|
|
21
21
|
|
|
22
|
-
/* once avatar support firstname lastname and pattern
|
|
23
|
-
pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
|
|
24
|
-
|
|
25
|
-
Not going to export to external then can kept inside supportapp
|
|
22
|
+
/* once avatar support firstname lastname and pattern
|
|
23
|
+
pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
|
|
24
|
+
|
|
25
|
+
Not going to export to external then can kept inside supportapp
|
|
26
26
|
*/
|
|
27
27
|
function AvatarTeam(props) {
|
|
28
28
|
var src = props.src,
|
package/lib/v1/Button/Button.js
CHANGED
|
@@ -21,10 +21,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
21
21
|
|
|
22
22
|
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); }
|
|
23
23
|
|
|
24
|
-
/*
|
|
25
|
-
Button text and children props?
|
|
26
|
-
use children for both cases
|
|
27
|
-
toLowerCase check needed?
|
|
24
|
+
/*
|
|
25
|
+
Button text and children props?
|
|
26
|
+
use children for both cases
|
|
27
|
+
toLowerCase check needed?
|
|
28
28
|
*/
|
|
29
29
|
function Button(props) {
|
|
30
30
|
var text = props.text,
|
package/lib/v1/Card/Card.js
CHANGED
|
@@ -44,10 +44,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
44
44
|
|
|
45
45
|
/* eslint-disable react/forbid-component-props */
|
|
46
46
|
|
|
47
|
-
/*
|
|
48
|
-
isscroll header border change use ref
|
|
49
|
-
scroll logic remove from here
|
|
50
|
-
scroll logic move to virtualizer list
|
|
47
|
+
/*
|
|
48
|
+
isscroll header border change use ref
|
|
49
|
+
scroll logic remove from here
|
|
50
|
+
scroll logic move to virtualizer list
|
|
51
51
|
*/
|
|
52
52
|
|
|
53
53
|
/* performance handling pending in card component moving to ref instead of setState */
|
|
File without changes
|