@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.
Files changed (112) hide show
  1. package/README.md +4 -0
  2. package/es/AppContainer/AppContainer.js +10 -9
  3. package/es/Avatar/Avatar.js +4 -5
  4. package/es/Avatar/Avatar.module.css +0 -12
  5. package/es/AvatarTeam/AvatarTeam.js +7 -7
  6. package/es/AvatarTeam/AvatarTeam.module.css +0 -4
  7. package/es/Button/Button.js +5 -6
  8. package/es/Button/css/Button.module.css +0 -6
  9. package/es/Buttongroup/Buttongroup.module.css +0 -2
  10. package/es/CheckBox/CheckBox.js +8 -8
  11. package/es/CheckBox/CheckBox.module.css +0 -2
  12. package/es/DateTime/DateTime.module.css +0 -1
  13. package/es/DropBox/DropBox.js +10 -11
  14. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +0 -7
  15. package/es/DropBox/css/DropBox.module.css +0 -1
  16. package/es/DropDown/DropDown.js +2 -1
  17. package/es/DropDown/DropDownHeading.module.css +0 -6
  18. package/es/DropDown/DropDownItem.module.css +0 -3
  19. package/es/Label/Label.module.css +0 -1
  20. package/es/ListItem/ListContainer.js +6 -5
  21. package/es/ListItem/ListItem.js +4 -5
  22. package/es/ListItem/ListItem.module.css +0 -21
  23. package/es/ListItem/ListItemWithAvatar.js +4 -5
  24. package/es/ListItem/ListItemWithCheckBox.js +4 -5
  25. package/es/ListItem/ListItemWithIcon.js +4 -5
  26. package/es/ListItem/ListItemWithRadio.js +4 -5
  27. package/es/Modal/Modal.js +4 -5
  28. package/es/MultiSelect/AdvancedMultiSelect.js +8 -9
  29. package/es/MultiSelect/MultiSelectWithAvatar.js +4 -5
  30. package/es/MultiSelect/SelectedOptions.js +6 -8
  31. package/es/MultiSelect/Suggestions.js +6 -8
  32. package/es/MultiSelect/props/defaultProps.js +4 -2
  33. package/es/PopOver/PopOver.module.css +3 -3
  34. package/es/Popup/Popup.js +3 -4
  35. package/es/Radio/Radio.js +8 -8
  36. package/es/Radio/Radio.module.css +0 -1
  37. package/es/ResponsiveDropBox/ResponsiveDropBox.js +2 -4
  38. package/es/Ribbon/Ribbon.module.css +0 -4
  39. package/es/Select/Select.js +4 -5
  40. package/es/Switch/Switch.js +8 -8
  41. package/es/Switch/Switch.module.css +0 -2
  42. package/es/Tab/Tab.js +4 -5
  43. package/es/Tab/TabContentWrapper.js +4 -5
  44. package/es/Tab/TabWrapper.js +2 -4
  45. package/es/Tab/Tabs.js +16 -16
  46. package/es/Tag/Tag.module.css +0 -6
  47. package/es/TextBox/TextBox.js +5 -5
  48. package/es/TextBox/TextBox.module.css +1 -21
  49. package/es/TextBoxIcon/TextBoxIcon.js +2 -4
  50. package/es/TextBoxIcon/TextBoxIcon.module.css +0 -5
  51. package/es/Textarea/Textarea.js +4 -6
  52. package/es/Textarea/Textarea.module.css +0 -6
  53. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +4 -5
  54. package/es/common/customscroll.module.css +27 -3
  55. package/es/deprecated/PortalLayer/PortalLayer.js +8 -6
  56. package/es/v1/AppContainer/AppContainer.js +10 -9
  57. package/es/v1/Avatar/Avatar.js +4 -5
  58. package/es/v1/AvatarTeam/AvatarTeam.js +7 -7
  59. package/es/v1/Button/Button.js +5 -6
  60. package/es/v1/CheckBox/CheckBox.js +8 -8
  61. package/es/v1/DropBox/DropBox.js +10 -11
  62. package/es/v1/DropDown/DropDown.js +2 -1
  63. package/es/v1/ListItem/ListContainer.js +6 -5
  64. package/es/v1/ListItem/ListItem.js +4 -5
  65. package/es/v1/ListItem/ListItemWithAvatar.js +4 -5
  66. package/es/v1/ListItem/ListItemWithCheckBox.js +4 -5
  67. package/es/v1/ListItem/ListItemWithIcon.js +4 -5
  68. package/es/v1/ListItem/ListItemWithRadio.js +4 -5
  69. package/es/v1/Modal/Modal.js +4 -5
  70. package/es/v1/MultiSelect/AdvancedMultiSelect.js +8 -9
  71. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +4 -5
  72. package/es/v1/MultiSelect/SelectedOptions.js +6 -8
  73. package/es/v1/MultiSelect/Suggestions.js +6 -8
  74. package/es/v1/MultiSelect/props/defaultProps.js +4 -2
  75. package/es/v1/Popup/Popup.js +3 -4
  76. package/es/v1/Radio/Radio.js +8 -8
  77. package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +2 -4
  78. package/es/v1/Select/Select.js +4 -5
  79. package/es/v1/Switch/Switch.js +8 -8
  80. package/es/v1/Tab/Tab.js +4 -5
  81. package/es/v1/Tab/TabContentWrapper.js +4 -5
  82. package/es/v1/Tab/TabWrapper.js +2 -4
  83. package/es/v1/Tab/Tabs.js +16 -16
  84. package/es/v1/TextBox/TextBox.js +5 -5
  85. package/es/v1/TextBoxIcon/TextBoxIcon.js +2 -4
  86. package/es/v1/Textarea/Textarea.js +4 -6
  87. package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +4 -5
  88. package/lib/Avatar/Avatar.module.css +0 -12
  89. package/lib/AvatarTeam/AvatarTeam.module.css +0 -4
  90. package/lib/Button/css/Button.module.css +0 -6
  91. package/lib/Buttongroup/Buttongroup.module.css +0 -2
  92. package/lib/CheckBox/CheckBox.module.css +0 -2
  93. package/lib/DateTime/DateTime.module.css +0 -1
  94. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +0 -7
  95. package/lib/DropBox/css/DropBox.module.css +0 -1
  96. package/lib/DropDown/DropDownHeading.module.css +0 -6
  97. package/lib/DropDown/DropDownItem.module.css +0 -3
  98. package/lib/Label/Label.module.css +0 -1
  99. package/lib/ListItem/ListItem.module.css +0 -21
  100. package/lib/MultiSelect/props/defaultProps.js +4 -2
  101. package/lib/PopOver/PopOver.module.css +3 -3
  102. package/lib/Radio/Radio.module.css +0 -1
  103. package/lib/Ribbon/Ribbon.module.css +0 -4
  104. package/lib/Switch/Switch.module.css +0 -2
  105. package/lib/Tag/Tag.module.css +0 -6
  106. package/lib/TextBox/TextBox.module.css +1 -21
  107. package/lib/TextBoxIcon/TextBoxIcon.module.css +0 -5
  108. package/lib/Textarea/Textarea.module.css +0 -6
  109. package/lib/common/customscroll.module.css +27 -3
  110. package/lib/v1/MultiSelect/props/defaultProps.js +4 -2
  111. package/package.json +10 -10
  112. 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.29",
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.7",
68
+ "@zohodesk-private/node-plugins": "1.1.8",
69
69
  "@zohodesk-private/react-prop-validator": "1.2.3",
70
- "@zohodesk/a11y": "2.2.0",
70
+ "@zohodesk/a11y": "2.2.1",
71
71
  "@zohodesk/docstool": "1.0.0-alpha-2",
72
- "@zohodesk/hooks": "2.0.3",
73
- "@zohodesk/icons": "1.0.35",
74
- "@zohodesk/svg": "1.1.11",
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.35",
88
+ "@zohodesk/icons": "1.0.38",
89
89
  "@zohodesk/variables": "1.0.0",
90
- "@zohodesk/svg": "1.1.11",
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.3",
94
+ "@zohodesk/hooks": "2.0.4",
95
95
  "@zohodesk/utils": "1.3.13",
96
- "@zohodesk/a11y": "2.2.0"
96
+ "@zohodesk/a11y": "2.2.1"
97
97
  }
98
98
  }