@zohodesk/components 1.0.0-temp-259.3 → 1.0.0-temp-259.5

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 (57) hide show
  1. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +3 -3
  2. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +6 -6
  3. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +6 -6
  4. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +3 -3
  5. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +1 -1
  6. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +3 -3
  7. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +4 -4
  8. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +1 -1
  9. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +1 -1
  10. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +75 -75
  11. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +1 -1
  12. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  13. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +48 -48
  14. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +3 -3
  15. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  16. package/es/v1/Button/Button.js +56 -25
  17. package/es/v1/Button/README.md +4 -2
  18. package/es/v1/Button/__tests__/Button.spec.js +3 -3
  19. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +144 -21
  20. package/es/v1/Button/constants/index.js +3 -3
  21. package/es/v1/Button/constants/presets.js +11 -0
  22. package/es/v1/Button/css/cssJSLogic.js +5 -6
  23. package/es/v1/Button/props/defaultProps.js +3 -0
  24. package/es/v1/helpers/colorHelpers/background/backgroundColor.module.css +31 -527
  25. package/es/v1/helpers/colorHelpers/border/borderColor.module.css +24 -408
  26. package/es/v1/helpers/colorHelpers/colorHelper.js +8 -5
  27. package/es/v1/helpers/colorHelpers/paletteUtilities.README.md +141 -336
  28. package/es/v1/helpers/colorHelpers/text/textColor.module.css +72 -288
  29. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +3 -3
  30. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +6 -6
  31. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +6 -6
  32. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +3 -3
  33. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +1 -1
  34. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +3 -3
  35. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +4 -4
  36. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +1 -1
  37. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +1 -1
  38. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +75 -75
  39. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +1 -1
  40. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  41. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +48 -48
  42. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +3 -3
  43. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  44. package/lib/v1/Button/Button.js +49 -25
  45. package/lib/v1/Button/README.md +4 -2
  46. package/lib/v1/Button/__tests__/Button.spec.js +2 -2
  47. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +144 -21
  48. package/lib/v1/Button/constants/index.js +3 -3
  49. package/lib/v1/Button/constants/presets.js +13 -1
  50. package/lib/v1/Button/css/cssJSLogic.js +10 -13
  51. package/lib/v1/Button/props/defaultProps.js +3 -0
  52. package/lib/v1/helpers/colorHelpers/background/backgroundColor.module.css +31 -527
  53. package/lib/v1/helpers/colorHelpers/border/borderColor.module.css +24 -408
  54. package/lib/v1/helpers/colorHelpers/colorHelper.js +8 -5
  55. package/lib/v1/helpers/colorHelpers/paletteUtilities.README.md +141 -336
  56. package/lib/v1/helpers/colorHelpers/text/textColor.module.css +72 -288
  57. package/package.json +7 -7
package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap CHANGED
@@ -135,7 +135,7 @@ exports[`ColorMultiSelect Should render the selected value 1`] = `
135
135
  >
136
136
  <i
137
137
  aria-hidden="true"
138
- class="zd_font_icons basic icon-close2 fbold"
138
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
139
139
  data-id="fontIcon"
140
140
  data-selector-id="fontIcon"
141
141
  data-test-id="fontIcon"
@@ -184,7 +184,7 @@ exports[`ColorMultiSelect Should render the selected value 1`] = `
184
184
  >
185
185
  <i
186
186
  aria-hidden="true"
187
- class="zd_font_icons basic icon-close2 fbold"
187
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
188
188
  data-id="fontIcon"
189
189
  data-selector-id="fontIcon"
190
190
  data-test-id="fontIcon"
@@ -262,7 +262,7 @@ exports[`ColorMultiSelect Should render the selected value 1`] = `
262
262
  >
263
263
  <i
264
264
  aria-hidden="true"
265
- class="zd_font_icons rtl basic icon-delete"
265
+ class="zd_font_icons ff icon-delete basic d-inline-block d-align-middle rtl"
266
266
  data-id="fontIcon"
267
267
  data-selector-id="fontIcon"
268
268
  data-test-id="fontIcon"
package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap CHANGED
@@ -64,7 +64,7 @@ exports[`ColorSingleSelect Should render the default selected value 1`] = `
64
64
  >
65
65
  <i
66
66
  aria-hidden="true"
67
- class="zd_font_icons basic icon-down"
67
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
68
68
  data-id="fontIcon"
69
69
  data-selector-id="fontIcon"
70
70
  data-test-id="fontIcon"
@@ -138,7 +138,7 @@ exports[`ColorSingleSelect Should render the selected value 1`] = `
138
138
  >
139
139
  <i
140
140
  aria-hidden="true"
141
- class="zd_font_icons basic icon-down"
141
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
142
142
  data-id="fontIcon"
143
143
  data-selector-id="fontIcon"
144
144
  data-test-id="fontIcon"
@@ -201,7 +201,7 @@ exports[`ColorSingleSelect rendering the defult props 1`] = `
201
201
  >
202
202
  <i
203
203
  aria-hidden="true"
204
- class="zd_font_icons basic icon-down"
204
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
205
205
  data-id="fontIcon"
206
206
  data-selector-id="fontIcon"
207
207
  data-test-id="fontIcon"
@@ -266,7 +266,7 @@ exports[`ColorSingleSelect rendering with isDefaultSelectValue is false 1`] = `
266
266
  >
267
267
  <i
268
268
  aria-hidden="true"
269
- class="zd_font_icons basic icon-down"
269
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
270
270
  data-id="fontIcon"
271
271
  data-selector-id="fontIcon"
272
272
  data-test-id="fontIcon"
@@ -344,7 +344,7 @@ exports[`ColorSingleSelect renders with renderCustomColorIndicator 1`] = `
344
344
  >
345
345
  <i
346
346
  aria-hidden="true"
347
- class="zd_font_icons basic icon-down"
347
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
348
348
  data-id="fontIcon"
349
349
  data-selector-id="fontIcon"
350
350
  data-test-id="fontIcon"
@@ -407,7 +407,7 @@ exports[`ColorSingleSelect renders with renderCustomSelectedValue 1`] = `
407
407
  >
408
408
  <i
409
409
  aria-hidden="true"
410
- class="zd_font_icons basic icon-down"
410
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
411
411
  data-id="fontIcon"
412
412
  data-selector-id="fontIcon"
413
413
  data-test-id="fontIcon"
package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap CHANGED
@@ -36,7 +36,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
36
36
  <span>
37
37
  <i
38
38
  aria-hidden="true"
39
- class="zd_font_icons basic icon-dropdown downArrow"
39
+ class="zd_font_icons ff icon-dropdown basic d-inline-block d-align-middle downArrow"
40
40
  data-id="fontIcon"
41
41
  data-selector-id="fontIcon"
42
42
  data-test-id="fontIcon"
@@ -61,7 +61,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
61
61
  >
62
62
  <i
63
63
  aria-hidden="true"
64
- class="zd_font_icons rtl basic icon-arrow-left3 fbold"
64
+ class="zd_font_icons ff icon-arrow-left3 basic d-inline-block d-align-middle rtl d-font-bold"
65
65
  data-id="fontIcon"
66
66
  data-selector-id="fontIcon"
67
67
  data-test-id="fontIcon"
@@ -78,7 +78,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
78
78
  >
79
79
  <i
80
80
  aria-hidden="true"
81
- class="zd_font_icons rtl basic icon-arrow-right3 fbold"
81
+ class="zd_font_icons ff icon-arrow-right3 basic d-inline-block d-align-middle rtl d-font-bold"
82
82
  data-id="fontIcon"
83
83
  data-selector-id="fontIcon"
84
84
  data-test-id="fontIcon"
@@ -682,7 +682,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
682
682
  >
683
683
  <i
684
684
  aria-hidden="true"
685
- class="zd_font_icons basic icon-down"
685
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
686
686
  data-id="fontIcon"
687
687
  data-selector-id="fontIcon"
688
688
  data-test-id="fontIcon"
@@ -777,7 +777,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
777
777
  >
778
778
  <i
779
779
  aria-hidden="true"
780
- class="zd_font_icons basic icon-down"
780
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
781
781
  data-id="fontIcon"
782
782
  data-selector-id="fontIcon"
783
783
  data-test-id="fontIcon"
@@ -872,7 +872,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
872
872
  >
873
873
  <i
874
874
  aria-hidden="true"
875
- class="zd_font_icons basic icon-down"
875
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
876
876
  data-id="fontIcon"
877
877
  data-selector-id="fontIcon"
878
878
  data-test-id="fontIcon"
package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap CHANGED
@@ -21,7 +21,7 @@ exports[`DateTimePopupHeader rendering the defult props 1`] = `
21
21
  <span>
22
22
  <i
23
23
  aria-hidden="true"
24
- class="zd_font_icons basic icon-dropdown downArrow"
24
+ class="zd_font_icons ff icon-dropdown basic d-inline-block d-align-middle downArrow"
25
25
  data-id="fontIcon"
26
26
  data-selector-id="fontIcon"
27
27
  data-test-id="fontIcon"
@@ -45,7 +45,7 @@ exports[`DateTimePopupHeader rendering the defult props 1`] = `
45
45
  >
46
46
  <i
47
47
  aria-hidden="true"
48
- class="zd_font_icons rtl basic icon-arrow-left3 fbold"
48
+ class="zd_font_icons ff icon-arrow-left3 basic d-inline-block d-align-middle rtl d-font-bold"
49
49
  data-id="fontIcon"
50
50
  data-selector-id="fontIcon"
51
51
  data-test-id="fontIcon"
@@ -61,7 +61,7 @@ exports[`DateTimePopupHeader rendering the defult props 1`] = `
61
61
  >
62
62
  <i
63
63
  aria-hidden="true"
64
- class="zd_font_icons rtl basic icon-arrow-right3 fbold"
64
+ class="zd_font_icons ff icon-arrow-right3 basic d-inline-block d-align-middle rtl d-font-bold"
65
65
  data-id="fontIcon"
66
66
  data-selector-id="fontIcon"
67
67
  data-test-id="fontIcon"
package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap CHANGED
@@ -57,7 +57,7 @@ exports[`DateWidget rendering the defult props 1`] = `
57
57
  >
58
58
  <i
59
59
  aria-hidden="true"
60
- class="zd_font_icons basic icon-Datepicker"
60
+ class="zd_font_icons ff icon-Datepicker basic d-inline-block d-align-middle"
61
61
  data-id="fontIcon"
62
62
  data-selector-id="fontIcon"
63
63
  data-test-id="fontIcon"
package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap CHANGED
@@ -89,7 +89,7 @@ exports[`Time rendering the defult props 1`] = `
89
89
  >
90
90
  <i
91
91
  aria-hidden="true"
92
- class="zd_font_icons basic icon-down"
92
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
93
93
  data-id="fontIcon"
94
94
  data-selector-id="fontIcon"
95
95
  data-test-id="fontIcon"
@@ -182,7 +182,7 @@ exports[`Time rendering the defult props 1`] = `
182
182
  >
183
183
  <i
184
184
  aria-hidden="true"
185
- class="zd_font_icons basic icon-down"
185
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
186
186
  data-id="fontIcon"
187
187
  data-selector-id="fontIcon"
188
188
  data-test-id="fontIcon"
@@ -275,7 +275,7 @@ exports[`Time rendering the defult props 1`] = `
275
275
  >
276
276
  <i
277
277
  aria-hidden="true"
278
- class="zd_font_icons basic icon-down"
278
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
279
279
  data-id="fontIcon"
280
280
  data-selector-id="fontIcon"
281
281
  data-test-id="fontIcon"
package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap CHANGED
@@ -216,7 +216,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
216
216
  >
217
217
  <i
218
218
  aria-hidden="true"
219
- class="zd_font_icons basic icon-close2 fbold"
219
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
220
220
  data-id="fontIcon"
221
221
  data-selector-id="fontIcon"
222
222
  data-test-id="fontIcon"
@@ -264,7 +264,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
264
264
  >
265
265
  <i
266
266
  aria-hidden="true"
267
- class="zd_font_icons basic icon-close2 fbold"
267
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
268
268
  data-id="fontIcon"
269
269
  data-selector-id="fontIcon"
270
270
  data-test-id="fontIcon"
@@ -312,7 +312,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
312
312
  >
313
313
  <i
314
314
  aria-hidden="true"
315
- class="zd_font_icons basic icon-close2 fbold"
315
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
316
316
  data-id="fontIcon"
317
317
  data-selector-id="fontIcon"
318
318
  data-test-id="fontIcon"
@@ -390,7 +390,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
390
390
  >
391
391
  <i
392
392
  aria-hidden="true"
393
- class="zd_font_icons rtl basic icon-delete"
393
+ class="zd_font_icons ff icon-delete basic d-inline-block d-align-middle rtl"
394
394
  data-id="fontIcon"
395
395
  data-selector-id="fontIcon"
396
396
  data-test-id="fontIcon"
package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap CHANGED
@@ -31,7 +31,7 @@ exports[`MultiSelectHeader rendering the basic value 1`] = `
31
31
  >
32
32
  <i
33
33
  aria-hidden="true"
34
- class="zd_font_icons basic icon-androidd"
34
+ class="zd_font_icons ff icon-androidd basic d-inline-block d-align-middle"
35
35
  data-id="fontIcon"
36
36
  data-selector-id="fontIcon"
37
37
  data-test-id="fontIcon"
package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap CHANGED
@@ -68,7 +68,7 @@ exports[`GroupSelect rendering the defult props 1`] = `
68
68
  >
69
69
  <i
70
70
  aria-hidden="true"
71
- class="zd_font_icons basic icon-down arrowIcon"
71
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle arrowIcon"
72
72
  data-id="fontIcon"
73
73
  data-selector-id="fontIcon"
74
74
  data-test-id="fontIcon"