@zohodesk/components 1.0.0-alpha-243 → 1.0.0-alpha-246

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 (31) hide show
  1. package/README.md +11 -0
  2. package/assets/Appearance/dark/mode/darkMode.module.css +1 -17
  3. package/assets/Appearance/default/mode/defaultMode.module.css +1 -17
  4. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +3 -19
  5. package/es/CheckBox/CheckBox.module.css +12 -8
  6. package/es/LightNightMode/Colors.json +496 -397
  7. package/es/LightNightMode/docs/AlternativeColors.docs.js +21 -1
  8. package/es/ListItem/ListItem.module.css +12 -8
  9. package/es/MultiSelect/AdvancedGroupMultiSelect.js +14 -7
  10. package/es/MultiSelect/AdvancedMultiSelect.js +19 -7
  11. package/es/MultiSelect/MultiSelect.module.css +9 -1
  12. package/es/Radio/Radio.module.css +8 -6
  13. package/es/RippleEffect/RippleEffect.module.css +37 -15
  14. package/es/Switch/Switch.module.css +3 -2
  15. package/es/css.js +0 -1
  16. package/es/{MultiSelect → deprecated}/AdvancedMultiSelect.module.css +1 -1
  17. package/es/deprecated/advancedMultiSelectVariableJson.js +80 -0
  18. package/lib/CheckBox/CheckBox.module.css +12 -8
  19. package/lib/LightNightMode/Colors.json +496 -397
  20. package/lib/LightNightMode/docs/AlternativeColors.docs.js +23 -1
  21. package/lib/ListItem/ListItem.module.css +12 -8
  22. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +13 -7
  23. package/lib/MultiSelect/AdvancedMultiSelect.js +23 -12
  24. package/lib/MultiSelect/MultiSelect.module.css +9 -1
  25. package/lib/Radio/Radio.module.css +8 -6
  26. package/lib/RippleEffect/RippleEffect.module.css +37 -15
  27. package/lib/Switch/Switch.module.css +3 -2
  28. package/lib/css.js +0 -2
  29. package/lib/{MultiSelect → deprecated}/AdvancedMultiSelect.module.css +1 -1
  30. package/lib/deprecated/advancedMultiSelectVariableJson.js +82 -0
  31. package/package.json +2 -2
package/README.md CHANGED
@@ -32,6 +32,17 @@ In this Package, we Provide Some Basic Components to Build Web App
32
32
  - TextBoxIcon
33
33
  - Tooltip
34
34
 
35
+ # 1.0.0-alpha-246
36
+
37
+ - :focus in css removed
38
+ # 1.0.0-alpha-245
39
+
40
+ - PureDark mode color lists added in docs
41
+
42
+ # 1.0.0-alpha-244
43
+
44
+ - AdvancedGroupMultiSelect , AdvancedMultiSelect => textbox flexible ui fix and duplicate css removed
45
+
35
46
  # 1.0.0-alpha-243
36
47
 
37
48
  - DateTime, DateWidget => Portal Id support for fixed position.
package/assets/Appearance/dark/mode/darkMode.module.css CHANGED
@@ -263,23 +263,7 @@
263
263
  --zdt_multiselect_box_bg: var(--dot_ebonyclay);
264
264
  --zdt_multiselect_selectall_text: var(--zdt_cta_primary_text);
265
265
  --zdt_multiselect_message_text: var(--dot_oslogrey);
266
-
267
- /* advanced multiselect */
268
- --zdt_advancedmultiselect_default_border: var(--dot_inputLine);
269
- --zdt_advancedmultiselect_transparent_border: var(--dot_mirror);
270
- --zdt_advancedmultiselect_dark_border: var(--dot_mulledwine);
271
- --zdt_advancedmultiselect_default_hover_border: var(--dot_inputLineHover);
272
- --zdt_advancedmultiselect_transparent_hover_border: var(--dot_inputLineHover);
273
- --zdt_advancedmultiselect_dark_hover_border: var(--dot_stardust);
274
- --zdt_advancedmultiselect_default_active_border: var(--dot_inputLineFocus);
275
- --zdt_advancedmultiselect_transparent_active_border: var(--dot_inputLineFocus);
276
- --zdt_advancedmultiselect_dark_active_border: var(--dot_stardust);
277
- --zdt_advancedmultiselect_delete_text: var(--dot_cadetblue);
278
- --zdt_advancedmultiselect_delete_hover_text: var(--dot_platinum);
279
- --zdt_advancedmultiselect_delete_bg: var(--dot_mirror);
280
- --zdt_advancedmultiselect_box_bg: var(--dot_ebonyclay);
281
- --zdt_advancedmultiselect_droppopup_text: var(--dot_oslogrey);
282
- --zdt_advancedmultiselect_more_text: var(--zdt_cta_primary_text);
266
+ --zdt_multiselect_more_text: var(--zdt_cta_primary_text);
283
267
 
284
268
  /* ripple effect */
285
269
  --zdt_rippleeffect_default_border: var(--dot_mirror);
package/assets/Appearance/default/mode/defaultMode.module.css CHANGED
@@ -263,23 +263,7 @@
263
263
  --zdt_multiselect_box_bg: var(--dot_white);
264
264
  --zdt_multiselect_selectall_text: var(--zdt_cta_primary_text);
265
265
  --zdt_multiselect_message_text: var(--dot_slateGrey);
266
-
267
- /* advanced multiselect */
268
- --zdt_advancedmultiselect_default_border: var(--dot_inputLine);
269
- --zdt_advancedmultiselect_transparent_border: var(--dot_mirror);
270
- --zdt_advancedmultiselect_dark_border: var(--dot_mulledwine);
271
- --zdt_advancedmultiselect_default_hover_border: var(--dot_inputLineHover);
272
- --zdt_advancedmultiselect_transparent_hover_border: var(--dot_inputLineHover);
273
- --zdt_advancedmultiselect_dark_hover_border: var(--dot_stardust);
274
- --zdt_advancedmultiselect_default_active_border: var(--dot_inputLineFocus);
275
- --zdt_advancedmultiselect_transparent_active_border: var(--dot_inputLineFocus);
276
- --zdt_advancedmultiselect_dark_active_border: var(--dot_stardust);
277
- --zdt_advancedmultiselect_delete_text: var(--dot_shuttleGrey);
278
- --zdt_advancedmultiselect_delete_hover_text: var(--dot_black);
279
- --zdt_advancedmultiselect_delete_bg: var(--dot_mirror);
280
- --zdt_advancedmultiselect_box_bg: var(--dot_white);
281
- --zdt_advancedmultiselect_droppopup_text: var(--dot_slateGrey);
282
- --zdt_advancedmultiselect_more_text: var(--zdt_cta_primary_text);
266
+ --zdt_multiselect_more_text: var(--zdt_cta_primary_text);
283
267
 
284
268
  /* ripple effect */
285
269
  --zdt_rippleeffect_default_border: var(--dot_mirror);
package/assets/Appearance/pureDark/mode/pureDarkMode.module.css CHANGED
@@ -263,23 +263,7 @@
263
263
  --zdt_multiselect_box_bg: #212121;
264
264
  --zdt_multiselect_selectall_text: var(--zdt_cta_primary_text);
265
265
  --zdt_multiselect_message_text: var(--dot_oslogrey);
266
-
267
- /* advanced multiselect */
268
- --zdt_advancedmultiselect_default_border: var(--dot_inputLine);
269
- --zdt_advancedmultiselect_transparent_border: var(--dot_mirror);
270
- --zdt_advancedmultiselect_dark_border: var(--dot_mulledwine);
271
- --zdt_advancedmultiselect_default_hover_border: var(--dot_inputLineHover);
272
- --zdt_advancedmultiselect_transparent_hover_border: var(--dot_inputLineHover);
273
- --zdt_advancedmultiselect_dark_hover_border: var(--dot_stardust);
274
- --zdt_advancedmultiselect_default_active_border: var(--dot_inputLineFocus);
275
- --zdt_advancedmultiselect_transparent_active_border: var(--dot_inputLineFocus);
276
- --zdt_advancedmultiselect_dark_active_border: var(--dot_stardust);
277
- --zdt_advancedmultiselect_delete_text: #999;
278
- --zdt_advancedmultiselect_delete_hover_text: var(--dot_platinum);
279
- --zdt_advancedmultiselect_delete_bg: var(--dot_mirror);
280
- --zdt_advancedmultiselect_box_bg: #212121;
281
- --zdt_advancedmultiselect_droppopup_text: var(--dot_oslogrey);
282
- --zdt_advancedmultiselect_more_text: var(--zdt_cta_primary_text);
266
+ --zdt_multiselect_more_text: var(--zdt_cta_primary_text);
283
267
 
284
268
  /* ripple effect */
285
269
  --zdt_rippleeffect_default_border: var(--dot_mirror);
@@ -306,7 +290,7 @@
306
290
  --zdt_datetime_datestr_text: var(--dot_platinum);
307
291
  --zdt_datetime_datestr_hover_bg: #161515;
308
292
  --zdt_datetime_separator_border: #161515;
309
- --zdt_datetime_daystr_text: #828994;
293
+ --zdt_datetime_daystr_text: var(--dot_oslogrey);
310
294
  --zdt_datetime_invalid_text: var(--dot_riverbed);
311
295
  --zdt_datetime_invalid_hover_text: var(--dot_bittersweet);
312
296
  --zdt_datetime_invaliddate_text: rgba(222, 53, 53, 0.3);
@@ -322,7 +306,7 @@
322
306
  --zdt_yearview_currentmonth_text: var(--dot_white);
323
307
  --zdt_yearview_yearbox_border: #161515;
324
308
  --zdt_yearview_year_hover_text: var(--dot_platinum);
325
- --zdt_yearview_yeartext_text: #828994;
309
+ --zdt_yearview_yeartext_text: var(--dot_oslogrey);
326
310
  --zdt_yearview_month_text: var(--dot_platinum);
327
311
 
328
312
  /* date widget */
package/es/CheckBox/CheckBox.module.css CHANGED
@@ -101,15 +101,17 @@
101
101
  .checkeddanger {
102
102
  stroke: var(--checkbox_checked_stroke_color);
103
103
  }
104
- .primary:hover,
105
- .primary:focus {
104
+ .primary:hover
105
+ /* .primary:focus */
106
+ {
106
107
  --checkbox_stroke_color: var(--zdt_checkbox_primary_stroke_border);
107
108
  }
108
109
  .checkedprimary {
109
110
  --checkbox_checked_stroke_color: var(--zdt_checkbox_primary_stroke_border);
110
111
  }
111
- .danger:hover,
112
- .danger:focus {
112
+ .danger:hover
113
+ /* .danger:focus */
114
+ {
113
115
  --checkbox_stroke_color: var(--zdt_checkbox_danger_stroke_border);
114
116
  }
115
117
  .checkeddanger {
@@ -120,15 +122,17 @@
120
122
  .checkeddangerLabel {
121
123
  color: var(--checkbox_checked_active_color);
122
124
  }
123
- .activeprimaryLabel:hover,
124
- .activeprimaryLabel:focus {
125
+ .activeprimaryLabel:hover
126
+ /* .activeprimaryLabel:focus */
127
+ {
125
128
  --label_text_color: var(--zdt_checkbox_label_primary_text);
126
129
  }
127
130
  .checkedprimaryLabel {
128
131
  --checkbox_checked_active_color: var(--zdt_checkbox_primary_stroke_border);
129
132
  }
130
- .activedangerLabel:hover,
131
- .activedangerLabel:focus {
133
+ .activedangerLabel:hover
134
+ /* .activedangerLabel:focus */
135
+ {
132
136
  --label_text_color: var(--zdt_checkbox_label_danger_text);
133
137
  }
134
138
  .checkeddangerLabel {