@zohodesk/components 1.0.0-temp-208.2 → 1.0.0-temp-210

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 (53) hide show
  1. package/README.md +7 -1
  2. package/es/Avatar/Avatar.module.css +175 -175
  3. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  4. package/es/Button/css/Button.module.css +527 -527
  5. package/es/Buttongroup/Buttongroup.module.css +104 -104
  6. package/es/CheckBox/CheckBox.module.css +157 -157
  7. package/es/DateTime/DateTime.module.css +248 -248
  8. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +431 -431
  9. package/es/DropBox/css/DropBox.module.css +58 -58
  10. package/es/DropDown/DropDownHeading.module.css +53 -53
  11. package/es/DropDown/DropDownItem.module.css +94 -94
  12. package/es/Label/Label.module.css +57 -57
  13. package/es/ListItem/ListItem.module.css +205 -205
  14. package/es/PopOver/PopOver.module.css +8 -8
  15. package/es/Popup/Popup.js +96 -8
  16. package/es/Popup/props/propTypes.js +31 -0
  17. package/es/Radio/Radio.module.css +115 -115
  18. package/es/Ribbon/Ribbon.module.css +499 -499
  19. package/es/Switch/Switch.module.css +127 -127
  20. package/es/Tag/Tag.module.css +253 -253
  21. package/es/TextBox/TextBox.module.css +196 -196
  22. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  23. package/es/Textarea/Textarea.module.css +140 -140
  24. package/es/common/customscroll.module.css +141 -141
  25. package/es/v1/AppContainer/AppContainer.js +6 -0
  26. package/es/v1/Popup/Popup.js +96 -8
  27. package/lib/Avatar/Avatar.module.css +175 -175
  28. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  29. package/lib/Button/css/Button.module.css +527 -527
  30. package/lib/Buttongroup/Buttongroup.module.css +104 -104
  31. package/lib/CheckBox/CheckBox.module.css +157 -157
  32. package/lib/DateTime/DateTime.module.css +248 -248
  33. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +431 -431
  34. package/lib/DropBox/css/DropBox.module.css +58 -58
  35. package/lib/DropDown/DropDownHeading.module.css +53 -53
  36. package/lib/DropDown/DropDownItem.module.css +94 -94
  37. package/lib/Label/Label.module.css +57 -57
  38. package/lib/ListItem/ListItem.module.css +205 -205
  39. package/lib/PopOver/PopOver.module.css +8 -8
  40. package/lib/Popup/Popup.js +105 -9
  41. package/lib/Popup/props/propTypes.js +44 -0
  42. package/lib/Radio/Radio.module.css +115 -115
  43. package/lib/Ribbon/Ribbon.module.css +499 -499
  44. package/lib/Switch/Switch.module.css +127 -127
  45. package/lib/Tag/Tag.module.css +253 -253
  46. package/lib/TextBox/TextBox.module.css +196 -196
  47. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  48. package/lib/Textarea/Textarea.module.css +140 -140
  49. package/lib/common/customscroll.module.css +141 -141
  50. package/lib/v1/AppContainer/AppContainer.js +12 -0
  51. package/lib/v1/Popup/Popup.js +105 -9
  52. package/package.json +1 -1
  53. package/result.json +1 -1
package/es/DateTime/DateTime.module.css CHANGED
@@ -1,249 +1,249 @@
1
- .semibold {
2
- font-family: var(--zd_semibold);
3
- }
4
-
5
- [dir=ltr] .boxPadding {
6
- padding-right: var(--zd_size19) ;
7
- padding-left: var(--zd_size19) ;
8
- }
9
-
10
- [dir=rtl] .boxPadding {
11
- padding-left: var(--zd_size19) ;
12
- padding-right: var(--zd_size19) ;
13
- }
14
-
15
- .container {
16
- font-size: var(--zd_font_size16) ;
17
- composes: offSelection from '../common/common.module.css';
18
- border-radius: 3px;
19
- background-color: var(--zdt_datetime_default_bg);
20
- }
21
-
22
- .header {
23
- min-height: var(--zd_size36) ;
24
- composes: boxPadding;
25
- text-align: center;
26
- background-color: var(--zdt_datetime_header_bg);
27
- border-radius: 0 0 2px 2px;
28
- border-bottom: 1px solid var(--zdt_datetime_header_border);
29
- }
30
-
31
- .datesStr {
32
- font-family: var(--zd_regular);
33
- }
34
-
35
- .grid {
36
- width: var(--zd_size28) ;
37
- height: var(--zd_size28) ;
38
- line-height: 1.3846;
39
- text-align: center;
40
- padding: var(--zd_size4) 0 ;
41
- border-radius: 50%;
42
- border: 1px solid transparent;
43
- }
44
-
45
- .thArrow,
46
- .datesStr {
47
- font-size: var(--zd_font_size13) ;
48
- color: var(--zdt_datetime_datestr_text);
49
- }
50
-
51
- .thArrow, .datesStr {
52
- cursor: pointer;
53
- }
54
-
55
- .thArrow:hover,
56
- .datesStr:hover {
57
- color: var(--zdt_datetime_datestr_text);
58
- }
59
-
60
- .thArrow:hover, .datesStr:hover {
61
- background: var(--zdt_datetime_datestr_hover_bg);
62
- }
63
-
64
- [dir=ltr] .navigation {
65
- margin-left: var(--zd_size2) ;
66
- }
67
-
68
- [dir=rtl] .navigation {
69
- margin-right: var(--zd_size2) ;
70
- }
71
-
72
- .thMonYear {
73
- font-size: var(--zd_font_size13) ;
74
- line-height: 1.8462;
75
- color: var(--zdt_datetime_datestr_text);
76
- composes: semibold;
77
- display: initial
78
- }
79
-
80
- .dateContainer {
81
- margin: 0 var(--zd_size19) 0 var(--zd_size19) ;
82
- padding: var(--zd_size6) 0 var(--zd_size10) 0 ;
83
- }
84
-
85
- .separator {
86
- border-bottom: 1px dotted var(--zdt_datetime_separator_border);
87
- }
88
-
89
- .days {
90
- min-height: var(--zd_size36) ;
91
- composes: boxPadding;
92
- composes: alignBetween from '../common/common.module.css';
93
- padding-top: var(--zd_size7) ;
94
- }
95
-
96
- .daysStr {
97
- composes: dotted from '../common/common.module.css';
98
- font-size: var(--zd_font_size10) ;
99
- color: var(--zdt_datetime_daystr_text);
100
- text-transform: uppercase;
101
- composes: semibold;
102
- width: var(--zd_size31) ;
103
- }
104
-
105
- .dateRow {
106
- height: var(--zd_size28) ;
107
- composes: alignBetween from '../common/common.module.css';
108
- margin: var(--zd_size1) 0 var(--zd_size5) ;
109
- }
110
-
111
- .dateRow:last-child {
112
- margin-bottom: 0 ;
113
- }
114
-
115
- .sunday,
116
- .sunday:hover,
117
- .invalidDate.sunday:hover {
118
- color: var(--zdt_datetime_invalid_hover_text);
119
- }
120
-
121
- .invalidDate {
122
- color: var(--zdt_datetime_invalid_text);
123
- }
124
-
125
- .invalidDate.sunday,.inActiveDate.sunday:hover {
126
- color: var(--zdt_datetime_invaliddate_text);
127
- }
128
-
129
- .today {
130
- border: 1px solid var(--zdt_datetime_today_border);
131
- border-radius: 50%;
132
- }
133
-
134
- .today:hover {
135
- border: 1px solid var(--zdt_datetime_today_border);
136
- background-color: var(--zdt_datetime_datestr_hover_bg);
137
- }
138
-
139
- .active,
140
- .active:hover,
141
- .active.today,
142
- .active:hover.today:hover {
143
- color: var(--zdt_datetime_today_text);
144
- }
145
-
146
- .active, .active:hover, .active.today, .active:hover.today:hover {
147
- background-color: var(--zdt_datetime_selected_bg);
148
- border-radius: 50%;
149
- }
150
- .inActiveDate{
151
- color: var(--zdt_datetime_invalid_text);
152
- cursor: no-drop;
153
- }
154
- .inActiveDate:hover
155
- {
156
- color: var(--zdt_datetime_invalid_text);
157
- }
158
- .inActiveDate:hover, .inActiveDate.sunday:hover{
159
- background-color: var(--zdt_datetime_inactivedate_hover_bg);
160
-
161
- }
162
-
163
-
164
- .timesection {
165
- padding-top: var(--zd_size5) ;
166
- padding-bottom: var(--zd_size10) ;
167
- }
168
-
169
- .dropDownContainer {
170
- padding: 0 var(--zd_size5) ;
171
- }
172
-
173
- .dropDown {
174
- width: var(--zd_size60) ;
175
- display: inline-block;
176
- position: relative;
177
- margin: 0 var(--zd_size4) ;
178
- }
179
-
180
- .footer {
181
- margin-top: var(--zd_size10) ;
182
- padding-bottom: var(--zd_size12) ;
183
- }
184
-
185
- .timesection,
186
- .footer {
187
- composes: boxPadding;
188
- }
189
-
190
- .space {
191
- display: inline-block;
192
- width: var(--zd_size15) ;
193
- }
194
-
195
- .downArrow {
196
- color: var(--zdt_datetime_daystr_text);
197
- }
198
-
199
- [dir=ltr] .downArrow {
200
- margin-left: var(--zd_size2) ;
201
- }
202
-
203
- [dir=rtl] .downArrow {
204
- margin-right: var(--zd_size2) ;
205
- }
206
-
207
- .dateText {
208
- cursor: pointer;
209
- }
210
-
211
- .dateText:hover .downArrow {
212
- color: var(--zdt_datetime_datestr_text);
213
- }
214
-
215
- .text {
216
- composes: boxPadding;
217
- font-size: var(--zd_font_size11) ;
218
- text-transform: uppercase;
219
- color: var(--zdt_datetime_text);
220
- composes: semibold;
221
- display: block;
222
- margin-top: var(--zd_size14) ;
223
- }
224
-
225
- .yearContainer {
226
- position: absolute;
227
- top: 0 ;
228
- width: 100% ;
229
- height: 100% ;
230
- }
231
-
232
- [dir=ltr] .yearContainer {
233
- left: 0 ;
234
- }
235
-
236
- [dir=rtl] .yearContainer {
237
- right: 0 ;
238
- }
239
-
240
- .subContainer {
241
- position: relative;
242
- }
243
-
244
- .dropBox {
245
- width: 100% ;
246
- border-radius: 3px;
247
- box-shadow: var(--zd_bs_dropbox_bottom);
248
- background-color: var(--zdt_dropbox_default_bg);
1
+ .semibold {
2
+ font-family: var(--zd_semibold);
3
+ }
4
+
5
+ [dir=ltr] .boxPadding {
6
+ padding-right: var(--zd_size19) ;
7
+ padding-left: var(--zd_size19) ;
8
+ }
9
+
10
+ [dir=rtl] .boxPadding {
11
+ padding-left: var(--zd_size19) ;
12
+ padding-right: var(--zd_size19) ;
13
+ }
14
+
15
+ .container {
16
+ font-size: var(--zd_font_size16) ;
17
+ composes: offSelection from '../common/common.module.css';
18
+ border-radius: 3px;
19
+ background-color: var(--zdt_datetime_default_bg);
20
+ }
21
+
22
+ .header {
23
+ min-height: var(--zd_size36) ;
24
+ composes: boxPadding;
25
+ text-align: center;
26
+ background-color: var(--zdt_datetime_header_bg);
27
+ border-radius: 0 0 2px 2px;
28
+ border-bottom: 1px solid var(--zdt_datetime_header_border);
29
+ }
30
+
31
+ .datesStr {
32
+ font-family: var(--zd_regular);
33
+ }
34
+
35
+ .grid {
36
+ width: var(--zd_size28) ;
37
+ height: var(--zd_size28) ;
38
+ line-height: 1.3846;
39
+ text-align: center;
40
+ padding: var(--zd_size4) 0 ;
41
+ border-radius: 50%;
42
+ border: 1px solid transparent;
43
+ }
44
+
45
+ .thArrow,
46
+ .datesStr {
47
+ font-size: var(--zd_font_size13) ;
48
+ color: var(--zdt_datetime_datestr_text);
49
+ }
50
+
51
+ .thArrow, .datesStr {
52
+ cursor: pointer;
53
+ }
54
+
55
+ .thArrow:hover,
56
+ .datesStr:hover {
57
+ color: var(--zdt_datetime_datestr_text);
58
+ }
59
+
60
+ .thArrow:hover, .datesStr:hover {
61
+ background: var(--zdt_datetime_datestr_hover_bg);
62
+ }
63
+
64
+ [dir=ltr] .navigation {
65
+ margin-left: var(--zd_size2) ;
66
+ }
67
+
68
+ [dir=rtl] .navigation {
69
+ margin-right: var(--zd_size2) ;
70
+ }
71
+
72
+ .thMonYear {
73
+ font-size: var(--zd_font_size13) ;
74
+ line-height: 1.8462;
75
+ color: var(--zdt_datetime_datestr_text);
76
+ composes: semibold;
77
+ display: initial
78
+ }
79
+
80
+ .dateContainer {
81
+ margin: 0 var(--zd_size19) 0 var(--zd_size19) ;
82
+ padding: var(--zd_size6) 0 var(--zd_size10) 0 ;
83
+ }
84
+
85
+ .separator {
86
+ border-bottom: 1px dotted var(--zdt_datetime_separator_border);
87
+ }
88
+
89
+ .days {
90
+ min-height: var(--zd_size36) ;
91
+ composes: boxPadding;
92
+ composes: alignBetween from '../common/common.module.css';
93
+ padding-top: var(--zd_size7) ;
94
+ }
95
+
96
+ .daysStr {
97
+ composes: dotted from '../common/common.module.css';
98
+ font-size: var(--zd_font_size10) ;
99
+ color: var(--zdt_datetime_daystr_text);
100
+ text-transform: uppercase;
101
+ composes: semibold;
102
+ width: var(--zd_size31) ;
103
+ }
104
+
105
+ .dateRow {
106
+ height: var(--zd_size28) ;
107
+ composes: alignBetween from '../common/common.module.css';
108
+ margin: var(--zd_size1) 0 var(--zd_size5) ;
109
+ }
110
+
111
+ .dateRow:last-child {
112
+ margin-bottom: 0 ;
113
+ }
114
+
115
+ .sunday,
116
+ .sunday:hover,
117
+ .invalidDate.sunday:hover {
118
+ color: var(--zdt_datetime_invalid_hover_text);
119
+ }
120
+
121
+ .invalidDate {
122
+ color: var(--zdt_datetime_invalid_text);
123
+ }
124
+
125
+ .invalidDate.sunday,.inActiveDate.sunday:hover {
126
+ color: var(--zdt_datetime_invaliddate_text);
127
+ }
128
+
129
+ .today {
130
+ border: 1px solid var(--zdt_datetime_today_border);
131
+ border-radius: 50%;
132
+ }
133
+
134
+ .today:hover {
135
+ border: 1px solid var(--zdt_datetime_today_border);
136
+ background-color: var(--zdt_datetime_datestr_hover_bg);
137
+ }
138
+
139
+ .active,
140
+ .active:hover,
141
+ .active.today,
142
+ .active:hover.today:hover {
143
+ color: var(--zdt_datetime_today_text);
144
+ }
145
+
146
+ .active, .active:hover, .active.today, .active:hover.today:hover {
147
+ background-color: var(--zdt_datetime_selected_bg);
148
+ border-radius: 50%;
149
+ }
150
+ .inActiveDate{
151
+ color: var(--zdt_datetime_invalid_text);
152
+ cursor: no-drop;
153
+ }
154
+ .inActiveDate:hover
155
+ {
156
+ color: var(--zdt_datetime_invalid_text);
157
+ }
158
+ .inActiveDate:hover, .inActiveDate.sunday:hover{
159
+ background-color: var(--zdt_datetime_inactivedate_hover_bg);
160
+
161
+ }
162
+
163
+
164
+ .timesection {
165
+ padding-top: var(--zd_size5) ;
166
+ padding-bottom: var(--zd_size10) ;
167
+ }
168
+
169
+ .dropDownContainer {
170
+ padding: 0 var(--zd_size5) ;
171
+ }
172
+
173
+ .dropDown {
174
+ width: var(--zd_size60) ;
175
+ display: inline-block;
176
+ position: relative;
177
+ margin: 0 var(--zd_size4) ;
178
+ }
179
+
180
+ .footer {
181
+ margin-top: var(--zd_size10) ;
182
+ padding-bottom: var(--zd_size12) ;
183
+ }
184
+
185
+ .timesection,
186
+ .footer {
187
+ composes: boxPadding;
188
+ }
189
+
190
+ .space {
191
+ display: inline-block;
192
+ width: var(--zd_size15) ;
193
+ }
194
+
195
+ .downArrow {
196
+ color: var(--zdt_datetime_daystr_text);
197
+ }
198
+
199
+ [dir=ltr] .downArrow {
200
+ margin-left: var(--zd_size2) ;
201
+ }
202
+
203
+ [dir=rtl] .downArrow {
204
+ margin-right: var(--zd_size2) ;
205
+ }
206
+
207
+ .dateText {
208
+ cursor: pointer;
209
+ }
210
+
211
+ .dateText:hover .downArrow {
212
+ color: var(--zdt_datetime_datestr_text);
213
+ }
214
+
215
+ .text {
216
+ composes: boxPadding;
217
+ font-size: var(--zd_font_size11) ;
218
+ text-transform: uppercase;
219
+ color: var(--zdt_datetime_text);
220
+ composes: semibold;
221
+ display: block;
222
+ margin-top: var(--zd_size14) ;
223
+ }
224
+
225
+ .yearContainer {
226
+ position: absolute;
227
+ top: 0 ;
228
+ width: 100% ;
229
+ height: 100% ;
230
+ }
231
+
232
+ [dir=ltr] .yearContainer {
233
+ left: 0 ;
234
+ }
235
+
236
+ [dir=rtl] .yearContainer {
237
+ right: 0 ;
238
+ }
239
+
240
+ .subContainer {
241
+ position: relative;
242
+ }
243
+
244
+ .dropBox {
245
+ width: 100% ;
246
+ border-radius: 3px;
247
+ box-shadow: var(--zd_bs_dropbox_bottom);
248
+ background-color: var(--zdt_dropbox_default_bg);
249
249
  }