@zohodesk/components 1.2.29 → 1.2.30
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 +4 -0
- package/es/AppContainer/AppContainer.js +10 -9
- package/es/Avatar/Avatar.js +4 -5
- package/es/Avatar/Avatar.module.css +0 -12
- package/es/AvatarTeam/AvatarTeam.js +7 -7
- package/es/AvatarTeam/AvatarTeam.module.css +0 -4
- package/es/Button/Button.js +5 -6
- package/es/Button/css/Button.module.css +0 -6
- package/es/Buttongroup/Buttongroup.module.css +0 -2
- package/es/CheckBox/CheckBox.js +8 -8
- package/es/CheckBox/CheckBox.module.css +0 -2
- package/es/DateTime/DateTime.module.css +0 -1
- package/es/DropBox/DropBox.js +10 -11
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +0 -7
- package/es/DropBox/css/DropBox.module.css +0 -1
- package/es/DropDown/DropDown.js +2 -1
- package/es/DropDown/DropDownHeading.module.css +0 -6
- package/es/DropDown/DropDownItem.module.css +0 -3
- package/es/Label/Label.module.css +0 -1
- package/es/ListItem/ListContainer.js +6 -5
- package/es/ListItem/ListItem.js +4 -5
- package/es/ListItem/ListItem.module.css +0 -21
- package/es/ListItem/ListItemWithAvatar.js +4 -5
- package/es/ListItem/ListItemWithCheckBox.js +4 -5
- package/es/ListItem/ListItemWithIcon.js +4 -5
- package/es/ListItem/ListItemWithRadio.js +4 -5
- package/es/Modal/Modal.js +4 -5
- package/es/MultiSelect/AdvancedMultiSelect.js +8 -9
- package/es/MultiSelect/MultiSelectWithAvatar.js +4 -5
- package/es/MultiSelect/SelectedOptions.js +6 -8
- package/es/MultiSelect/Suggestions.js +6 -8
- package/es/MultiSelect/props/defaultProps.js +4 -2
- package/es/PopOver/PopOver.module.css +3 -3
- package/es/Popup/Popup.js +3 -4
- package/es/Radio/Radio.js +8 -8
- package/es/Radio/Radio.module.css +0 -1
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +2 -4
- package/es/Ribbon/Ribbon.module.css +0 -4
- package/es/Select/Select.js +4 -5
- package/es/Switch/Switch.js +8 -8
- package/es/Switch/Switch.module.css +0 -2
- package/es/Tab/Tab.js +4 -5
- package/es/Tab/TabContentWrapper.js +4 -5
- package/es/Tab/TabWrapper.js +2 -4
- package/es/Tab/Tabs.js +16 -16
- package/es/Tag/Tag.module.css +0 -6
- package/es/TextBox/TextBox.js +5 -5
- package/es/TextBox/TextBox.module.css +1 -21
- package/es/TextBoxIcon/TextBoxIcon.js +2 -4
- package/es/TextBoxIcon/TextBoxIcon.module.css +0 -5
- package/es/Textarea/Textarea.js +4 -6
- package/es/Textarea/Textarea.module.css +0 -6
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +4 -5
- package/es/common/customscroll.module.css +27 -3
- package/es/deprecated/PortalLayer/PortalLayer.js +8 -6
- package/es/v1/AppContainer/AppContainer.js +10 -9
- package/es/v1/Avatar/Avatar.js +4 -5
- package/es/v1/AvatarTeam/AvatarTeam.js +7 -7
- package/es/v1/Button/Button.js +5 -6
- package/es/v1/CheckBox/CheckBox.js +8 -8
- package/es/v1/DropBox/DropBox.js +10 -11
- package/es/v1/DropDown/DropDown.js +2 -1
- package/es/v1/ListItem/ListContainer.js +6 -5
- package/es/v1/ListItem/ListItem.js +4 -5
- package/es/v1/ListItem/ListItemWithAvatar.js +4 -5
- package/es/v1/ListItem/ListItemWithCheckBox.js +4 -5
- package/es/v1/ListItem/ListItemWithIcon.js +4 -5
- package/es/v1/ListItem/ListItemWithRadio.js +4 -5
- package/es/v1/Modal/Modal.js +4 -5
- package/es/v1/MultiSelect/AdvancedMultiSelect.js +8 -9
- package/es/v1/MultiSelect/MultiSelectWithAvatar.js +4 -5
- package/es/v1/MultiSelect/SelectedOptions.js +6 -8
- package/es/v1/MultiSelect/Suggestions.js +6 -8
- package/es/v1/MultiSelect/props/defaultProps.js +4 -2
- package/es/v1/Popup/Popup.js +3 -4
- package/es/v1/Radio/Radio.js +8 -8
- package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +2 -4
- package/es/v1/Select/Select.js +4 -5
- package/es/v1/Switch/Switch.js +8 -8
- package/es/v1/Tab/Tab.js +4 -5
- package/es/v1/Tab/TabContentWrapper.js +4 -5
- package/es/v1/Tab/TabWrapper.js +2 -4
- package/es/v1/Tab/Tabs.js +16 -16
- package/es/v1/TextBox/TextBox.js +5 -5
- package/es/v1/TextBoxIcon/TextBoxIcon.js +2 -4
- package/es/v1/Textarea/Textarea.js +4 -6
- package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +4 -5
- package/lib/Avatar/Avatar.module.css +0 -12
- package/lib/AvatarTeam/AvatarTeam.module.css +0 -4
- package/lib/Button/css/Button.module.css +0 -6
- package/lib/Buttongroup/Buttongroup.module.css +0 -2
- package/lib/CheckBox/CheckBox.module.css +0 -2
- package/lib/DateTime/DateTime.module.css +0 -1
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +0 -7
- package/lib/DropBox/css/DropBox.module.css +0 -1
- package/lib/DropDown/DropDownHeading.module.css +0 -6
- package/lib/DropDown/DropDownItem.module.css +0 -3
- package/lib/Label/Label.module.css +0 -1
- package/lib/ListItem/ListItem.module.css +0 -21
- package/lib/MultiSelect/props/defaultProps.js +4 -2
- package/lib/PopOver/PopOver.module.css +3 -3
- package/lib/Radio/Radio.module.css +0 -1
- package/lib/Ribbon/Ribbon.module.css +0 -4
- package/lib/Switch/Switch.module.css +0 -2
- package/lib/Tag/Tag.module.css +0 -6
- package/lib/TextBox/TextBox.module.css +1 -21
- package/lib/TextBoxIcon/TextBoxIcon.module.css +0 -5
- package/lib/Textarea/Textarea.module.css +0 -6
- package/lib/common/customscroll.module.css +27 -3
- package/lib/v1/MultiSelect/props/defaultProps.js +4 -2
- package/package.json +10 -10
- package/result.json +1 -1
|
@@ -24,7 +24,6 @@
|
|
|
24
24
|
cursor: var(--textboxicon_icon_cursor);
|
|
25
25
|
}
|
|
26
26
|
.iconContainer {
|
|
27
|
-
/* css:theme-validation:ignore */
|
|
28
27
|
color: var(--textboxicon_icon_color);
|
|
29
28
|
}
|
|
30
29
|
.effect:hover .iconContainer,
|
|
@@ -51,10 +50,6 @@
|
|
|
51
50
|
right: 0 ;
|
|
52
51
|
left: 0 ;
|
|
53
52
|
}
|
|
54
|
-
.line,
|
|
55
|
-
.borderColor_default {
|
|
56
|
-
/* css:theme-validation:ignore */
|
|
57
|
-
}
|
|
58
53
|
.line, .borderColor_default {
|
|
59
54
|
background-color: var(--textboxicon_line_color);
|
|
60
55
|
}
|
|
@@ -19,7 +19,6 @@
|
|
|
19
19
|
appearance: none;
|
|
20
20
|
outline: 0;
|
|
21
21
|
letter-spacing: 0.1px;
|
|
22
|
-
/* css:theme-validation:ignore */
|
|
23
22
|
color: var(--textarea_text_color);
|
|
24
23
|
cursor: var(--textarea_cursor);
|
|
25
24
|
}
|
|
@@ -27,19 +26,15 @@
|
|
|
27
26
|
border-width: var(--textarea_border_width);
|
|
28
27
|
}
|
|
29
28
|
.basic::placeholder {
|
|
30
|
-
/* css:theme-validation:ignore */
|
|
31
29
|
color: var(--textarea_placeholder_text_color);
|
|
32
30
|
}
|
|
33
31
|
.basic::-webkit-placeholder {
|
|
34
|
-
/* css:theme-validation:ignore */
|
|
35
32
|
color: var(--textarea_placeholder_text_color);
|
|
36
33
|
}
|
|
37
34
|
.basic::-moz-placeholder {
|
|
38
|
-
/* css:theme-validation:ignore */
|
|
39
35
|
color: var(--textarea_placeholder_text_color);
|
|
40
36
|
}
|
|
41
37
|
.basic::-ms-placeholder {
|
|
42
|
-
/* css:theme-validation:ignore */
|
|
43
38
|
color: var(--textarea_placeholder_text_color);
|
|
44
39
|
}
|
|
45
40
|
.basic:disabled {
|
|
@@ -73,7 +68,6 @@
|
|
|
73
68
|
min-width: var(--zd_size100) ;
|
|
74
69
|
font-size: var(--textarea_font_size);
|
|
75
70
|
line-height: var(--textarea_line_height);
|
|
76
|
-
/* css:theme-validation:ignore */
|
|
77
71
|
height: var(--textarea_height);
|
|
78
72
|
-webkit-transition: border var(--zd_transition2) linear 0s,
|
|
79
73
|
height var(--zd_transition2) linear 0s;
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
--zd-scroll-thump-hoverbg: var(--zdt_customscroll_thump_hover_bg);
|
|
10
10
|
--zd-scroll-border: var(--zdt_customscroll_border);
|
|
11
11
|
}
|
|
12
|
+
|
|
12
13
|
.scroll[data-scroll-palette='dark'],
|
|
13
14
|
.scroll [data-scroll-palette='dark'] {
|
|
14
15
|
--zd-scroll-bg: var(--zdt_customscroll_dark_bg);
|
|
@@ -16,92 +17,114 @@
|
|
|
16
17
|
--zd-scroll-thump-hoverbg: var(--zdt_customscroll_thump_dark_hover_bg);
|
|
17
18
|
--zd-scroll-border: var(--zdt_customscroll_dark_border);
|
|
18
19
|
}
|
|
20
|
+
|
|
19
21
|
.scroll,
|
|
20
22
|
.scroll * {
|
|
23
|
+
/* css:theme-validation:ignore */
|
|
21
24
|
scrollbar-color: var(--zd-scroll-thump) var(--zd-scroll-bg);
|
|
22
25
|
scrollbar-width: thin;
|
|
26
|
+
/* css:theme-validation:ignore */
|
|
23
27
|
-ms-scrollbar-highlight-color: var(--zd-scroll-bg);
|
|
28
|
+
/* css:theme-validation:ignore */
|
|
24
29
|
-ms-scrollbar-face-color: var(--zd-scroll-thump);
|
|
25
30
|
}
|
|
31
|
+
|
|
26
32
|
.scroll::-webkit-scrollbar,
|
|
27
33
|
.scroll ::-webkit-scrollbar {
|
|
28
34
|
/* css:theme-validation:ignore */
|
|
29
35
|
}
|
|
36
|
+
|
|
30
37
|
.scroll::-webkit-scrollbar, .scroll ::-webkit-scrollbar {
|
|
31
38
|
background: var(--zd-scroll-corner-bg);
|
|
32
39
|
}
|
|
40
|
+
|
|
33
41
|
.scroll::-webkit-scrollbar:hover,
|
|
34
42
|
.scroll ::-webkit-scrollbar:hover {
|
|
35
43
|
/* css:theme-validation:ignore */
|
|
36
44
|
}
|
|
45
|
+
|
|
37
46
|
.scroll::-webkit-scrollbar:hover, .scroll ::-webkit-scrollbar:hover {
|
|
38
47
|
background: var(--zd-scroll-bg);
|
|
39
48
|
}
|
|
49
|
+
|
|
40
50
|
.scroll::-webkit-scrollbar:horizontal,
|
|
41
51
|
.scroll ::-webkit-scrollbar:horizontal {
|
|
42
52
|
height: var(--zd-scroll-height);
|
|
43
53
|
}
|
|
54
|
+
|
|
44
55
|
.scroll::-webkit-scrollbar:vertical,
|
|
45
56
|
.scroll ::-webkit-scrollbar:vertical {
|
|
46
57
|
width: var(--zd-scroll-width);
|
|
47
58
|
}
|
|
59
|
+
|
|
48
60
|
.scroll::-webkit-scrollbar-button,
|
|
49
61
|
.scroll ::-webkit-scrollbar-button {
|
|
50
62
|
display: none;
|
|
51
63
|
width: 0 ;
|
|
52
64
|
height: 0 ;
|
|
53
65
|
}
|
|
66
|
+
|
|
54
67
|
[dir=ltr] .scroll::-webkit-scrollbar-track:vertical, [dir=ltr] .scroll ::-webkit-scrollbar-track:vertical {
|
|
55
68
|
border-left: 1px solid transparent;
|
|
56
69
|
border-right: 1px solid transparent;
|
|
57
70
|
}
|
|
71
|
+
|
|
58
72
|
[dir=rtl] .scroll::-webkit-scrollbar-track:vertical, [dir=rtl] .scroll ::-webkit-scrollbar-track:vertical {
|
|
59
73
|
border-right: 1px solid transparent;
|
|
60
74
|
border-left: 1px solid transparent;
|
|
61
75
|
}
|
|
76
|
+
|
|
62
77
|
.scroll::-webkit-scrollbar-track:vertical:hover,
|
|
63
78
|
.scroll ::-webkit-scrollbar-track:vertical:hover {
|
|
64
79
|
/* css:theme-validation:ignore */
|
|
65
80
|
}
|
|
81
|
+
|
|
66
82
|
.scroll::-webkit-scrollbar-track:vertical:hover, .scroll ::-webkit-scrollbar-track:vertical:hover {
|
|
67
83
|
border-color: var(--zd-scroll-border);
|
|
68
84
|
}
|
|
85
|
+
|
|
69
86
|
.scroll::-webkit-scrollbar-track:horizontal, .scroll ::-webkit-scrollbar-track:horizontal {
|
|
70
87
|
border-top: 1px solid transparent;
|
|
71
88
|
border-bottom: 1px solid transparent;
|
|
72
89
|
}
|
|
90
|
+
|
|
73
91
|
.scroll::-webkit-scrollbar-track:horizontal:hover,
|
|
74
92
|
.scroll ::-webkit-scrollbar-track:horizontal:hover {
|
|
75
93
|
/* css:theme-validation:ignore */
|
|
76
94
|
}
|
|
95
|
+
|
|
77
96
|
.scroll::-webkit-scrollbar-track:horizontal:hover, .scroll ::-webkit-scrollbar-track:horizontal:hover {
|
|
78
97
|
border-color: var(--zd-scroll-border);
|
|
79
98
|
}
|
|
99
|
+
|
|
80
100
|
.scroll::-webkit-scrollbar-track-piece, .scroll ::-webkit-scrollbar-track-piece {
|
|
81
101
|
background: inherit;
|
|
82
102
|
}
|
|
103
|
+
|
|
83
104
|
.scroll::-webkit-scrollbar-thumb,
|
|
84
105
|
.scroll ::-webkit-scrollbar-thumb {
|
|
85
|
-
/* css:theme-validation:ignore */
|
|
86
106
|
/* css:theme-validation:ignore */
|
|
87
107
|
/* display: none; */
|
|
88
108
|
}
|
|
109
|
+
|
|
89
110
|
.scroll::-webkit-scrollbar-thumb, .scroll ::-webkit-scrollbar-thumb {
|
|
90
111
|
border-radius: 10px;
|
|
91
112
|
background: var(--zd-scroll-thump);
|
|
92
113
|
background-clip: padding-box;
|
|
93
114
|
border: 3px solid transparent;
|
|
94
115
|
}
|
|
116
|
+
|
|
95
117
|
.scroll::-webkit-scrollbar-thumb:hover,
|
|
96
118
|
.scroll ::-webkit-scrollbar-thumb:hover {
|
|
97
119
|
/* css:theme-validation:ignore */
|
|
98
|
-
/* css:theme-validation:ignore */
|
|
99
120
|
}
|
|
121
|
+
|
|
100
122
|
.scroll::-webkit-scrollbar-thumb:hover, .scroll ::-webkit-scrollbar-thumb:hover {
|
|
101
123
|
background: var(--zd-scroll-thump-hoverbg);
|
|
102
124
|
background-clip: padding-box;
|
|
103
125
|
border: 3px solid transparent;
|
|
104
126
|
}
|
|
127
|
+
|
|
105
128
|
/* .scroll:hover > ::-webkit-scrollbar-thumb,
|
|
106
129
|
.scroll *:hover > ::-webkit-scrollbar-thumb {
|
|
107
130
|
display: block;
|
|
@@ -113,6 +136,7 @@
|
|
|
113
136
|
.scroll::-webkit-scrollbar-corner, .scroll ::-webkit-scrollbar-corner {
|
|
114
137
|
background: var(--zd-scroll-corner-bg);
|
|
115
138
|
}
|
|
139
|
+
|
|
116
140
|
.scroll::-webkit-resizer, .scroll ::-webkit-resizer {
|
|
117
141
|
background: inherit;
|
|
118
|
-
}
|
|
142
|
+
}
|
|
@@ -120,7 +120,8 @@ var MultiSelect_defaultProps = {
|
|
|
120
120
|
dataSelectorId: 'multiSelect',
|
|
121
121
|
keepSelectedOptions: false,
|
|
122
122
|
selectedOptionsCount: 0,
|
|
123
|
-
cardHeaderName: ''
|
|
123
|
+
cardHeaderName: '',
|
|
124
|
+
needResponsive: true
|
|
124
125
|
};
|
|
125
126
|
exports.MultiSelect_defaultProps = MultiSelect_defaultProps;
|
|
126
127
|
var MultiSelectHeader_defaultProps = {
|
|
@@ -156,7 +157,8 @@ var MultiSelectWithAvatar_defaultProps = {
|
|
|
156
157
|
isLoading: false,
|
|
157
158
|
dataSelectorId: 'multiSelectWithAvatar',
|
|
158
159
|
keepSelectedOptions: false,
|
|
159
|
-
customProps: {}
|
|
160
|
+
customProps: {},
|
|
161
|
+
needResponsive: true
|
|
160
162
|
};
|
|
161
163
|
exports.MultiSelectWithAvatar_defaultProps = MultiSelectWithAvatar_defaultProps;
|
|
162
164
|
var SelectedOptions_defaultProps = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohodesk/components",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.30",
|
|
4
4
|
"main": "es/index.js",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"private": false,
|
|
@@ -65,13 +65,13 @@
|
|
|
65
65
|
"@testing-library/user-event": "^13.0.10",
|
|
66
66
|
"@zohodesk-private/color-variable-preprocessor": "1.2.0",
|
|
67
67
|
"@zohodesk-private/css-variable-migrator": "^1.0.7",
|
|
68
|
-
"@zohodesk-private/node-plugins": "1.1.
|
|
68
|
+
"@zohodesk-private/node-plugins": "1.1.8",
|
|
69
69
|
"@zohodesk-private/react-prop-validator": "1.2.3",
|
|
70
|
-
"@zohodesk/a11y": "2.2.
|
|
70
|
+
"@zohodesk/a11y": "2.2.1",
|
|
71
71
|
"@zohodesk/docstool": "1.0.0-alpha-2",
|
|
72
|
-
"@zohodesk/hooks": "2.0.
|
|
73
|
-
"@zohodesk/icons": "1.0.
|
|
74
|
-
"@zohodesk/svg": "1.1.
|
|
72
|
+
"@zohodesk/hooks": "2.0.4",
|
|
73
|
+
"@zohodesk/icons": "1.0.38",
|
|
74
|
+
"@zohodesk/svg": "1.1.14",
|
|
75
75
|
"@zohodesk/utils": "1.3.13",
|
|
76
76
|
"@zohodesk/variables": "1.0.0",
|
|
77
77
|
"@zohodesk/virtualizer": "1.0.3",
|
|
@@ -85,14 +85,14 @@
|
|
|
85
85
|
"selectn": "1.1.2"
|
|
86
86
|
},
|
|
87
87
|
"peerDependencies": {
|
|
88
|
-
"@zohodesk/icons": "1.0.
|
|
88
|
+
"@zohodesk/icons": "1.0.38",
|
|
89
89
|
"@zohodesk/variables": "1.0.0",
|
|
90
|
-
"@zohodesk/svg": "1.1.
|
|
90
|
+
"@zohodesk/svg": "1.1.14",
|
|
91
91
|
"@zohodesk/virtualizer": "1.0.3",
|
|
92
92
|
"velocity-react": "1.4.3",
|
|
93
93
|
"react-sortable-hoc": "^0.8.3",
|
|
94
|
-
"@zohodesk/hooks": "2.0.
|
|
94
|
+
"@zohodesk/hooks": "2.0.4",
|
|
95
95
|
"@zohodesk/utils": "1.3.13",
|
|
96
|
-
"@zohodesk/a11y": "2.2.
|
|
96
|
+
"@zohodesk/a11y": "2.2.1"
|
|
97
97
|
}
|
|
98
98
|
}
|