@zohodesk/components 1.0.0-temp-246 → 1.0.0-temp-247

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 (123) hide show
  1. package/README.md +8 -8
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +198 -200
  3. package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css +8 -8
  4. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +465 -465
  5. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +33 -33
  6. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +28 -28
  7. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +465 -465
  8. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +33 -33
  9. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +28 -28
  10. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +465 -465
  11. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +33 -33
  12. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +28 -28
  13. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +465 -465
  14. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +33 -33
  15. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +28 -28
  16. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +465 -465
  17. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +33 -33
  18. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +28 -28
  19. package/assets/Appearance/light/mode/Component_LightMode.module.css +194 -196
  20. package/assets/Appearance/light/mode/Component_v1_LightMode.module.css +8 -8
  21. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +465 -465
  22. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +33 -33
  23. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +28 -28
  24. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +465 -465
  25. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +33 -33
  26. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +28 -28
  27. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +465 -465
  28. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +33 -33
  29. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +28 -28
  30. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +465 -465
  31. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +33 -33
  32. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +28 -28
  33. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +465 -465
  34. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +33 -33
  35. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +28 -28
  36. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +200 -202
  37. package/assets/Appearance/pureDark/mode/Component_v1_PureDarkMode.module.css +8 -8
  38. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +465 -465
  39. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +33 -33
  40. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +28 -28
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +465 -465
  42. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +33 -33
  43. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +28 -28
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +465 -465
  45. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +33 -33
  46. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +28 -28
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +465 -465
  48. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +33 -33
  49. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +28 -28
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +465 -465
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +33 -33
  52. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +28 -28
  53. package/es/AppContainer/AppContainer.js +1 -0
  54. package/es/AppContainer/AppContainer.module.css +3 -2
  55. package/es/Button/css/Button.module.css +13 -4
  56. package/es/CheckBox/CheckBox.js +10 -21
  57. package/es/CheckBox/CheckBox.module.css +6 -21
  58. package/es/CheckBox/__tests__/CheckBox.spec.js +0 -9
  59. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +93 -162
  60. package/es/CheckBox/props/propTypes.js +1 -4
  61. package/es/DateTime/DateTime.module.css +12 -9
  62. package/es/DateTime/YearView.module.css +1 -1
  63. package/es/Heading/Heading.module.css +1 -1
  64. package/es/Label/Label.js +1 -19
  65. package/es/Label/Label.module.css +8 -8
  66. package/es/Label/__tests__/Label.spec.js +0 -58
  67. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -66
  68. package/es/Label/props/defaultProps.js +0 -1
  69. package/es/Label/props/propTypes.js +1 -7
  70. package/es/MultiSelect/MultiSelect.module.css +1 -1
  71. package/es/Radio/Radio.js +9 -20
  72. package/es/Radio/Radio.module.css +5 -38
  73. package/es/Radio/__tests__/Radio.spec.js +0 -10
  74. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +81 -238
  75. package/es/Radio/props/propTypes.js +1 -4
  76. package/es/Tab/Tabs.module.css +1 -1
  77. package/es/TextBox/TextBox.module.css +4 -4
  78. package/es/TextBoxIcon/TextBoxIcon.module.css +0 -6
  79. package/es/Textarea/Textarea.module.css +1 -1
  80. package/es/Tooltip/Tooltip.module.css +1 -1
  81. package/es/Typography/css/Typography.module.css +4 -4
  82. package/es/common/basic.module.css +39 -6
  83. package/es/common/basicReset.module.css +2 -2
  84. package/es/common/common.module.css +5 -5
  85. package/es/shared/InputFieldLine/InputFieldLine.module.css +1 -1
  86. package/es/v1/Tab/v1Tabs.module.css +1 -1
  87. package/es/v1/Typography/css/v1_Typography.module.css +4 -4
  88. package/lib/AppContainer/AppContainer.js +2 -0
  89. package/lib/AppContainer/AppContainer.module.css +3 -2
  90. package/lib/Button/css/Button.module.css +13 -4
  91. package/lib/CheckBox/CheckBox.js +9 -23
  92. package/lib/CheckBox/CheckBox.module.css +6 -21
  93. package/lib/CheckBox/__tests__/CheckBox.spec.js +12 -21
  94. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +93 -162
  95. package/lib/CheckBox/props/propTypes.js +1 -5
  96. package/lib/DateTime/DateTime.module.css +12 -9
  97. package/lib/DateTime/YearView.module.css +1 -1
  98. package/lib/Heading/Heading.module.css +1 -1
  99. package/lib/Label/Label.js +1 -21
  100. package/lib/Label/Label.module.css +8 -8
  101. package/lib/Label/__tests__/Label.spec.js +0 -58
  102. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -66
  103. package/lib/Label/props/defaultProps.js +0 -1
  104. package/lib/Label/props/propTypes.js +1 -8
  105. package/lib/MultiSelect/MultiSelect.module.css +1 -1
  106. package/lib/Radio/Radio.js +8 -22
  107. package/lib/Radio/Radio.module.css +5 -38
  108. package/lib/Radio/__tests__/Radio.spec.js +0 -10
  109. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +81 -238
  110. package/lib/Radio/props/propTypes.js +1 -5
  111. package/lib/Tab/Tabs.module.css +1 -1
  112. package/lib/TextBox/TextBox.module.css +4 -4
  113. package/lib/TextBoxIcon/TextBoxIcon.module.css +0 -6
  114. package/lib/Textarea/Textarea.module.css +1 -1
  115. package/lib/Tooltip/Tooltip.module.css +1 -1
  116. package/lib/Typography/css/Typography.module.css +4 -4
  117. package/lib/common/basic.module.css +39 -6
  118. package/lib/common/basicReset.module.css +2 -2
  119. package/lib/common/common.module.css +5 -5
  120. package/lib/shared/InputFieldLine/InputFieldLine.module.css +1 -1
  121. package/lib/v1/Tab/v1Tabs.module.css +1 -1
  122. package/lib/v1/Typography/css/v1_Typography.module.css +4 -4
  123. package/package.json +9 -9
package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap CHANGED
@@ -13,7 +13,7 @@ exports[`CheckBox component Should be disable 1`] = `
13
13
  tabindex="-1"
14
14
  >
15
15
  <div
16
- class="boxContainer medium filled disabled shrinkOff"
16
+ class="boxContainer medium filled disabled shrinkOff"
17
17
  data-id="boxComponent"
18
18
  data-selector-id="box"
19
19
  data-test-id="boxComponent"
@@ -47,7 +47,7 @@ exports[`CheckBox component Should be disable 1`] = `
47
47
  </label>
48
48
  </div>
49
49
  <div
50
- class="labelContainer grow basis shrinkOff"
50
+ class="text grow basis shrinkOff"
51
51
  data-id="boxComponent"
52
52
  data-selector-id="box"
53
53
  data-test-id="boxComponent"
@@ -55,8 +55,8 @@ exports[`CheckBox component Should be disable 1`] = `
55
55
  <label
56
56
  class="label title medium disable font_default
57
57
  dotted cursor
58
-
59
- disabled "
58
+
59
+ disabled "
60
60
  data-id="label"
61
61
  data-selector-id="label"
62
62
  data-test-id="label"
@@ -82,7 +82,7 @@ exports[`CheckBox component Should be isReadOnly 1`] = `
82
82
  tabindex="-1"
83
83
  >
84
84
  <div
85
- class="boxContainer medium filled disabled shrinkOff"
85
+ class="boxContainer medium filled disabled shrinkOff"
86
86
  data-id="boxComponent"
87
87
  data-selector-id="box"
88
88
  data-test-id="boxComponent"
@@ -126,7 +126,7 @@ exports[`CheckBox component Should be render ID 1`] = `
126
126
  tabindex="0"
127
127
  >
128
128
  <div
129
- class="boxContainer medium filled shrinkOff"
129
+ class="boxContainer medium filled shrinkOff"
130
130
  data-id="boxComponent"
131
131
  data-selector-id="box"
132
132
  data-test-id="boxComponent"
@@ -155,7 +155,7 @@ exports[`CheckBox component Should be render ID 1`] = `
155
155
  </label>
156
156
  </div>
157
157
  <div
158
- class="labelContainer grow basis shrinkOff"
158
+ class="text grow basis shrinkOff"
159
159
  data-id="boxComponent"
160
160
  data-selector-id="box"
161
161
  data-test-id="boxComponent"
@@ -163,8 +163,8 @@ exports[`CheckBox component Should be render ID 1`] = `
163
163
  <label
164
164
  class="label title medium default font_default
165
165
  dotted cursor
166
-
167
- pointer "
166
+
167
+ pointer "
168
168
  data-id="label"
169
169
  data-selector-id="label"
170
170
  data-test-id="label"
@@ -191,7 +191,7 @@ exports[`CheckBox component Should be render activeStyle is minus 1`] = `
191
191
  tabindex="0"
192
192
  >
193
193
  <div
194
- class="boxContainer medium filled shrinkOff"
194
+ class="boxContainer medium filled shrinkOff"
195
195
  data-id="boxComponent"
196
196
  data-selector-id="box"
197
197
  data-test-id="boxComponent"
@@ -235,7 +235,7 @@ exports[`CheckBox component Should be render dataSelectorId 1`] = `
235
235
  tabindex="0"
236
236
  >
237
237
  <div
238
- class="boxContainer medium filled shrinkOff"
238
+ class="boxContainer medium filled shrinkOff"
239
239
  data-id="boxComponent"
240
240
  data-selector-id="box"
241
241
  data-test-id="boxComponent"
@@ -280,7 +280,7 @@ exports[`CheckBox component Should be render disabledTitle and title 1`] = `
280
280
  tabindex="-1"
281
281
  >
282
282
  <div
283
- class="boxContainer medium filled disabled shrinkOff"
283
+ class="boxContainer medium filled disabled shrinkOff"
284
284
  data-id="boxComponent"
285
285
  data-selector-id="box"
286
286
  data-test-id="boxComponent"
@@ -308,7 +308,7 @@ exports[`CheckBox component Should be render disabledTitle and title 1`] = `
308
308
  </label>
309
309
  </div>
310
310
  <div
311
- class="labelContainer grow basis shrinkOff"
311
+ class="text grow basis shrinkOff"
312
312
  data-id="boxComponent"
313
313
  data-selector-id="box"
314
314
  data-test-id="boxComponent"
@@ -316,8 +316,8 @@ exports[`CheckBox component Should be render disabledTitle and title 1`] = `
316
316
  <label
317
317
  class="label title medium disable font_default
318
318
  dotted cursor
319
-
320
- disabled "
319
+
320
+ disabled "
321
321
  data-id="label"
322
322
  data-selector-id="label"
323
323
  data-test-id="label"
@@ -343,7 +343,7 @@ exports[`CheckBox component Should be render isClipped is false 1`] = `
343
343
  tabindex="0"
344
344
  >
345
345
  <div
346
- class="boxContainer medium filled shrinkOff"
346
+ class="boxContainer medium filled shrinkOff"
347
347
  data-id="boxComponent"
348
348
  data-selector-id="box"
349
349
  data-test-id="boxComponent"
@@ -387,7 +387,7 @@ exports[`CheckBox component Should be render isFilled 1`] = `
387
387
  tabindex="0"
388
388
  >
389
389
  <div
390
- class="boxContainer medium filled shrinkOff"
390
+ class="boxContainer medium filled shrinkOff"
391
391
  data-id="boxComponent"
392
392
  data-selector-id="box"
393
393
  data-test-id="boxComponent"
@@ -431,7 +431,7 @@ exports[`CheckBox component Should be render name 1`] = `
431
431
  tabindex="0"
432
432
  >
433
433
  <div
434
- class="boxContainer medium filled shrinkOff"
434
+ class="boxContainer medium filled shrinkOff"
435
435
  data-id="boxComponent"
436
436
  data-selector-id="box"
437
437
  data-test-id="boxComponent"
@@ -476,7 +476,7 @@ exports[`CheckBox component Should be render text 1`] = `
476
476
  tabindex="0"
477
477
  >
478
478
  <div
479
- class="boxContainer medium filled shrinkOff"
479
+ class="boxContainer medium filled shrinkOff"
480
480
  data-id="boxComponent"
481
481
  data-selector-id="box"
482
482
  data-test-id="boxComponent"
@@ -504,7 +504,7 @@ exports[`CheckBox component Should be render text 1`] = `
504
504
  </label>
505
505
  </div>
506
506
  <div
507
- class="labelContainer grow basis shrinkOff"
507
+ class="text grow basis shrinkOff"
508
508
  data-id="boxComponent"
509
509
  data-selector-id="box"
510
510
  data-test-id="boxComponent"
@@ -512,8 +512,8 @@ exports[`CheckBox component Should be render text 1`] = `
512
512
  <label
513
513
  class="label title medium default font_default
514
514
  dotted cursor
515
-
516
- pointer "
515
+
516
+ pointer "
517
517
  data-id="label"
518
518
  data-selector-id="label"
519
519
  data-test-id="label"
@@ -540,7 +540,7 @@ exports[`CheckBox component Should be render title 1`] = `
540
540
  tabindex="0"
541
541
  >
542
542
  <div
543
- class="boxContainer medium filled shrinkOff"
543
+ class="boxContainer medium filled shrinkOff"
544
544
  data-id="boxComponent"
545
545
  data-selector-id="box"
546
546
  data-test-id="boxComponent"
@@ -568,7 +568,7 @@ exports[`CheckBox component Should be render title 1`] = `
568
568
  </label>
569
569
  </div>
570
570
  <div
571
- class="labelContainer grow basis shrinkOff"
571
+ class="text grow basis shrinkOff"
572
572
  data-id="boxComponent"
573
573
  data-selector-id="box"
574
574
  data-test-id="boxComponent"
@@ -576,8 +576,8 @@ exports[`CheckBox component Should be render title 1`] = `
576
576
  <label
577
577
  class="label title medium default font_default
578
578
  dotted cursor
579
-
580
- pointer "
579
+
580
+ pointer "
581
581
  data-id="label"
582
582
  data-selector-id="label"
583
583
  data-test-id="label"
@@ -603,7 +603,7 @@ exports[`CheckBox component Should be render with the basic set of default props
603
603
  tabindex="0"
604
604
  >
605
605
  <div
606
- class="boxContainer medium filled shrinkOff"
606
+ class="boxContainer medium filled shrinkOff"
607
607
  data-id="boxComponent"
608
608
  data-selector-id="box"
609
609
  data-test-id="boxComponent"
@@ -647,7 +647,7 @@ exports[`CheckBox component Should render active - danger 1`] = `
647
647
  tabindex="0"
648
648
  >
649
649
  <div
650
- class="boxContainer medium filled shrinkOff"
650
+ class="boxContainer medium filled shrinkOff"
651
651
  data-id="boxComponent"
652
652
  data-selector-id="box"
653
653
  data-test-id="boxComponent"
@@ -681,7 +681,7 @@ exports[`CheckBox component Should render active - danger 1`] = `
681
681
  </label>
682
682
  </div>
683
683
  <div
684
- class="labelContainer grow basis shrinkOff"
684
+ class="text grow basis shrinkOff"
685
685
  data-id="boxComponent"
686
686
  data-selector-id="box"
687
687
  data-test-id="boxComponent"
@@ -689,8 +689,8 @@ exports[`CheckBox component Should render active - danger 1`] = `
689
689
  <label
690
690
  class="label title medium default font_default
691
691
  dotted cursor activedangerLabel
692
- checkeddangerLabel
693
- pointer "
692
+ checkeddangerLabel
693
+ pointer "
694
694
  data-id="label"
695
695
  data-selector-id="label"
696
696
  data-test-id="label"
@@ -716,7 +716,7 @@ exports[`CheckBox component Should render active - primary 1`] = `
716
716
  tabindex="0"
717
717
  >
718
718
  <div
719
- class="boxContainer medium filled shrinkOff"
719
+ class="boxContainer medium filled shrinkOff"
720
720
  data-id="boxComponent"
721
721
  data-selector-id="box"
722
722
  data-test-id="boxComponent"
@@ -750,7 +750,7 @@ exports[`CheckBox component Should render active - primary 1`] = `
750
750
  </label>
751
751
  </div>
752
752
  <div
753
- class="labelContainer grow basis shrinkOff"
753
+ class="text grow basis shrinkOff"
754
754
  data-id="boxComponent"
755
755
  data-selector-id="box"
756
756
  data-test-id="boxComponent"
@@ -758,8 +758,8 @@ exports[`CheckBox component Should render active - primary 1`] = `
758
758
  <label
759
759
  class="label title medium default font_default
760
760
  dotted cursor activeprimaryLabel
761
- checkedprimaryLabel
762
- pointer "
761
+ checkedprimaryLabel
762
+ pointer "
763
763
  data-id="label"
764
764
  data-selector-id="label"
765
765
  data-test-id="label"
@@ -785,7 +785,7 @@ exports[`CheckBox component Should render labelSize - default 1`] = `
785
785
  tabindex="0"
786
786
  >
787
787
  <div
788
- class="boxContainer medium filled shrinkOff"
788
+ class="boxContainer medium filled shrinkOff"
789
789
  data-id="boxComponent"
790
790
  data-selector-id="box"
791
791
  data-test-id="boxComponent"
@@ -813,7 +813,7 @@ exports[`CheckBox component Should render labelSize - default 1`] = `
813
813
  </label>
814
814
  </div>
815
815
  <div
816
- class="labelContainer grow basis shrinkOff"
816
+ class="text grow basis shrinkOff"
817
817
  data-id="boxComponent"
818
818
  data-selector-id="box"
819
819
  data-test-id="boxComponent"
@@ -821,8 +821,8 @@ exports[`CheckBox component Should render labelSize - default 1`] = `
821
821
  <label
822
822
  class="label title medium default font_default
823
823
  dotted cursor
824
-
825
- pointer "
824
+
825
+ pointer "
826
826
  data-id="label"
827
827
  data-selector-id="label"
828
828
  data-test-id="label"
@@ -848,7 +848,7 @@ exports[`CheckBox component Should render labelSize - large 1`] = `
848
848
  tabindex="0"
849
849
  >
850
850
  <div
851
- class="boxContainer medium filled shrinkOff"
851
+ class="boxContainer medium filled shrinkOff"
852
852
  data-id="boxComponent"
853
853
  data-selector-id="box"
854
854
  data-test-id="boxComponent"
@@ -876,7 +876,7 @@ exports[`CheckBox component Should render labelSize - large 1`] = `
876
876
  </label>
877
877
  </div>
878
878
  <div
879
- class="labelContainer grow basis shrinkOff"
879
+ class="text grow basis shrinkOff"
880
880
  data-id="boxComponent"
881
881
  data-selector-id="box"
882
882
  data-test-id="boxComponent"
@@ -884,8 +884,8 @@ exports[`CheckBox component Should render labelSize - large 1`] = `
884
884
  <label
885
885
  class="label title large default font_default
886
886
  dotted cursor
887
-
888
- pointer "
887
+
888
+ pointer "
889
889
  data-id="label"
890
890
  data-selector-id="label"
891
891
  data-test-id="label"
@@ -911,7 +911,7 @@ exports[`CheckBox component Should render labelSize - medium 1`] = `
911
911
  tabindex="0"
912
912
  >
913
913
  <div
914
- class="boxContainer medium filled shrinkOff"
914
+ class="boxContainer medium filled shrinkOff"
915
915
  data-id="boxComponent"
916
916
  data-selector-id="box"
917
917
  data-test-id="boxComponent"
@@ -939,7 +939,7 @@ exports[`CheckBox component Should render labelSize - medium 1`] = `
939
939
  </label>
940
940
  </div>
941
941
  <div
942
- class="labelContainer grow basis shrinkOff"
942
+ class="text grow basis shrinkOff"
943
943
  data-id="boxComponent"
944
944
  data-selector-id="box"
945
945
  data-test-id="boxComponent"
@@ -947,8 +947,8 @@ exports[`CheckBox component Should render labelSize - medium 1`] = `
947
947
  <label
948
948
  class="label title medium default font_default
949
949
  dotted cursor
950
-
951
- pointer "
950
+
951
+ pointer "
952
952
  data-id="label"
953
953
  data-selector-id="label"
954
954
  data-test-id="label"
@@ -974,7 +974,7 @@ exports[`CheckBox component Should render labelSize - primary 1`] = `
974
974
  tabindex="0"
975
975
  >
976
976
  <div
977
- class="boxContainer medium filled shrinkOff"
977
+ class="boxContainer medium filled shrinkOff"
978
978
  data-id="boxComponent"
979
979
  data-selector-id="box"
980
980
  data-test-id="boxComponent"
@@ -1002,7 +1002,7 @@ exports[`CheckBox component Should render labelSize - primary 1`] = `
1002
1002
  </label>
1003
1003
  </div>
1004
1004
  <div
1005
- class="labelContainer grow basis shrinkOff"
1005
+ class="text grow basis shrinkOff"
1006
1006
  data-id="boxComponent"
1007
1007
  data-selector-id="box"
1008
1008
  data-test-id="boxComponent"
@@ -1010,8 +1010,8 @@ exports[`CheckBox component Should render labelSize - primary 1`] = `
1010
1010
  <label
1011
1011
  class="label title medium default font_primary
1012
1012
  dotted cursor
1013
-
1014
- pointer "
1013
+
1014
+ pointer "
1015
1015
  data-id="label"
1016
1016
  data-selector-id="label"
1017
1017
  data-test-id="label"
@@ -1037,7 +1037,7 @@ exports[`CheckBox component Should render labelSize - small 1`] = `
1037
1037
  tabindex="0"
1038
1038
  >
1039
1039
  <div
1040
- class="boxContainer medium filled shrinkOff"
1040
+ class="boxContainer medium filled shrinkOff"
1041
1041
  data-id="boxComponent"
1042
1042
  data-selector-id="box"
1043
1043
  data-test-id="boxComponent"
@@ -1065,7 +1065,7 @@ exports[`CheckBox component Should render labelSize - small 1`] = `
1065
1065
  </label>
1066
1066
  </div>
1067
1067
  <div
1068
- class="labelContainer grow basis shrinkOff"
1068
+ class="text grow basis shrinkOff"
1069
1069
  data-id="boxComponent"
1070
1070
  data-selector-id="box"
1071
1071
  data-test-id="boxComponent"
@@ -1073,8 +1073,8 @@ exports[`CheckBox component Should render labelSize - small 1`] = `
1073
1073
  <label
1074
1074
  class="label title small default font_default
1075
1075
  dotted cursor
1076
-
1077
- pointer "
1076
+
1077
+ pointer "
1078
1078
  data-id="label"
1079
1079
  data-selector-id="label"
1080
1080
  data-test-id="label"
@@ -1100,7 +1100,7 @@ exports[`CheckBox component Should render palette and checkbox with checked - da
1100
1100
  tabindex="0"
1101
1101
  >
1102
1102
  <div
1103
- class="boxContainer medium filled shrinkOff"
1103
+ class="boxContainer medium filled shrinkOff"
1104
1104
  data-id="boxComponent"
1105
1105
  data-selector-id="box"
1106
1106
  data-test-id="boxComponent"
@@ -1134,7 +1134,7 @@ exports[`CheckBox component Should render palette and checkbox with checked - da
1134
1134
  </label>
1135
1135
  </div>
1136
1136
  <div
1137
- class="labelContainer grow basis shrinkOff"
1137
+ class="text grow basis shrinkOff"
1138
1138
  data-id="boxComponent"
1139
1139
  data-selector-id="box"
1140
1140
  data-test-id="boxComponent"
@@ -1142,8 +1142,8 @@ exports[`CheckBox component Should render palette and checkbox with checked - da
1142
1142
  <label
1143
1143
  class="label title medium default font_default
1144
1144
  dotted cursor activedangerLabel
1145
- checkeddangerLabel
1146
- pointer "
1145
+ checkeddangerLabel
1146
+ pointer "
1147
1147
  data-id="label"
1148
1148
  data-selector-id="label"
1149
1149
  data-test-id="label"
@@ -1169,7 +1169,7 @@ exports[`CheckBox component Should render palette and checkbox with checked - pr
1169
1169
  tabindex="0"
1170
1170
  >
1171
1171
  <div
1172
- class="boxContainer medium filled shrinkOff"
1172
+ class="boxContainer medium filled shrinkOff"
1173
1173
  data-id="boxComponent"
1174
1174
  data-selector-id="box"
1175
1175
  data-test-id="boxComponent"
@@ -1203,7 +1203,7 @@ exports[`CheckBox component Should render palette and checkbox with checked - pr
1203
1203
  </label>
1204
1204
  </div>
1205
1205
  <div
1206
- class="labelContainer grow basis shrinkOff"
1206
+ class="text grow basis shrinkOff"
1207
1207
  data-id="boxComponent"
1208
1208
  data-selector-id="box"
1209
1209
  data-test-id="boxComponent"
@@ -1211,8 +1211,8 @@ exports[`CheckBox component Should render palette and checkbox with checked - pr
1211
1211
  <label
1212
1212
  class="label title medium default font_default
1213
1213
  dotted cursor activeprimaryLabel
1214
- checkedprimaryLabel
1215
- pointer "
1214
+ checkedprimaryLabel
1215
+ pointer "
1216
1216
  data-id="label"
1217
1217
  data-selector-id="label"
1218
1218
  data-test-id="label"
@@ -1225,75 +1225,6 @@ exports[`CheckBox component Should render palette and checkbox with checked - pr
1225
1225
  </DocumentFragment>
1226
1226
  `;
1227
1227
 
1228
- exports[`CheckBox component Should render secondaryText 1`] = `
1229
- <DocumentFragment>
1230
- <div
1231
- aria-checked="false"
1232
- class="container pointer primary
1233
- flex rowdir vCenter"
1234
- data-id="checkBox"
1235
- data-selector-id="container"
1236
- data-test-id="checkBox"
1237
- role="checkbox"
1238
- tabindex="0"
1239
- >
1240
- <div
1241
- class="boxContainer withSecondaryText medium filled shrinkOff selfStart"
1242
- data-id="boxComponent"
1243
- data-selector-id="box"
1244
- data-test-id="boxComponent"
1245
- >
1246
- <input
1247
- type="hidden"
1248
- />
1249
- <label
1250
- class="checkbox pointer medium "
1251
- >
1252
- <svg
1253
- viewBox="0 0 40 40"
1254
- xmlns="http://www.w3.org/2000/svg"
1255
- >
1256
- <rect
1257
- class="cbBox"
1258
- height="38"
1259
- rx="4"
1260
- width="38"
1261
- x="1"
1262
- xmlns="http://www.w3.org/2000/svg"
1263
- y="1"
1264
- />
1265
- </svg>
1266
- </label>
1267
- </div>
1268
- <div
1269
- class="labelContainer grow basis shrinkOff"
1270
- data-id="boxComponent"
1271
- data-selector-id="box"
1272
- data-test-id="boxComponent"
1273
- >
1274
- <label
1275
- class="label title medium default font_default
1276
- dotted cursor
1277
-
1278
- pointer "
1279
- data-id="label"
1280
- data-selector-id="label"
1281
- data-test-id="label"
1282
- data-title="checkboxText"
1283
- >
1284
- checkboxText
1285
- </label>
1286
- <div
1287
- class="size12 lineheight_1_2 secondaryText "
1288
- data-title="secondaryText"
1289
- >
1290
- secondaryText
1291
- </div>
1292
- </div>
1293
- </div>
1294
- </DocumentFragment>
1295
- `;
1296
-
1297
1228
  exports[`CheckBox component Should render size - danger 1`] = `
1298
1229
  <DocumentFragment>
1299
1230
  <div
@@ -1307,7 +1238,7 @@ exports[`CheckBox component Should render size - danger 1`] = `
1307
1238
  tabindex="0"
1308
1239
  >
1309
1240
  <div
1310
- class="boxContainer medium filled shrinkOff"
1241
+ class="boxContainer medium filled shrinkOff"
1311
1242
  data-id="boxComponent"
1312
1243
  data-selector-id="box"
1313
1244
  data-test-id="boxComponent"
@@ -1335,7 +1266,7 @@ exports[`CheckBox component Should render size - danger 1`] = `
1335
1266
  </label>
1336
1267
  </div>
1337
1268
  <div
1338
- class="labelContainer grow basis shrinkOff"
1269
+ class="text grow basis shrinkOff"
1339
1270
  data-id="boxComponent"
1340
1271
  data-selector-id="box"
1341
1272
  data-test-id="boxComponent"
@@ -1343,8 +1274,8 @@ exports[`CheckBox component Should render size - danger 1`] = `
1343
1274
  <label
1344
1275
  class="label title medium danger font_default
1345
1276
  dotted cursor
1346
-
1347
- pointer "
1277
+
1278
+ pointer "
1348
1279
  data-id="label"
1349
1280
  data-selector-id="label"
1350
1281
  data-test-id="label"
@@ -1370,7 +1301,7 @@ exports[`CheckBox component Should render size - default 1`] = `
1370
1301
  tabindex="0"
1371
1302
  >
1372
1303
  <div
1373
- class="boxContainer medium filled shrinkOff"
1304
+ class="boxContainer medium filled shrinkOff"
1374
1305
  data-id="boxComponent"
1375
1306
  data-selector-id="box"
1376
1307
  data-test-id="boxComponent"
@@ -1398,7 +1329,7 @@ exports[`CheckBox component Should render size - default 1`] = `
1398
1329
  </label>
1399
1330
  </div>
1400
1331
  <div
1401
- class="labelContainer grow basis shrinkOff"
1332
+ class="text grow basis shrinkOff"
1402
1333
  data-id="boxComponent"
1403
1334
  data-selector-id="box"
1404
1335
  data-test-id="boxComponent"
@@ -1406,8 +1337,8 @@ exports[`CheckBox component Should render size - default 1`] = `
1406
1337
  <label
1407
1338
  class="label title medium default font_default
1408
1339
  dotted cursor
1409
-
1410
- pointer "
1340
+
1341
+ pointer "
1411
1342
  data-id="label"
1412
1343
  data-selector-id="label"
1413
1344
  data-test-id="label"
@@ -1433,7 +1364,7 @@ exports[`CheckBox component Should render size - mandatory 1`] = `
1433
1364
  tabindex="0"
1434
1365
  >
1435
1366
  <div
1436
- class="boxContainer medium filled shrinkOff"
1367
+ class="boxContainer medium filled shrinkOff"
1437
1368
  data-id="boxComponent"
1438
1369
  data-selector-id="box"
1439
1370
  data-test-id="boxComponent"
@@ -1461,7 +1392,7 @@ exports[`CheckBox component Should render size - mandatory 1`] = `
1461
1392
  </label>
1462
1393
  </div>
1463
1394
  <div
1464
- class="labelContainer grow basis shrinkOff"
1395
+ class="text grow basis shrinkOff"
1465
1396
  data-id="boxComponent"
1466
1397
  data-selector-id="box"
1467
1398
  data-test-id="boxComponent"
@@ -1469,8 +1400,8 @@ exports[`CheckBox component Should render size - mandatory 1`] = `
1469
1400
  <label
1470
1401
  class="label title medium mandatory font_default
1471
1402
  dotted cursor
1472
-
1473
- pointer "
1403
+
1404
+ pointer "
1474
1405
  data-id="label"
1475
1406
  data-selector-id="label"
1476
1407
  data-test-id="label"
@@ -1496,7 +1427,7 @@ exports[`CheckBox component Should render size - medium 1`] = `
1496
1427
  tabindex="0"
1497
1428
  >
1498
1429
  <div
1499
- class="boxContainer medium filled shrinkOff"
1430
+ class="boxContainer medium filled shrinkOff"
1500
1431
  data-id="boxComponent"
1501
1432
  data-selector-id="box"
1502
1433
  data-test-id="boxComponent"
@@ -1546,7 +1477,7 @@ exports[`CheckBox component Should render size - primary 1`] = `
1546
1477
  tabindex="0"
1547
1478
  >
1548
1479
  <div
1549
- class="boxContainer medium filled shrinkOff"
1480
+ class="boxContainer medium filled shrinkOff"
1550
1481
  data-id="boxComponent"
1551
1482
  data-selector-id="box"
1552
1483
  data-test-id="boxComponent"
@@ -1574,7 +1505,7 @@ exports[`CheckBox component Should render size - primary 1`] = `
1574
1505
  </label>
1575
1506
  </div>
1576
1507
  <div
1577
- class="labelContainer grow basis shrinkOff"
1508
+ class="text grow basis shrinkOff"
1578
1509
  data-id="boxComponent"
1579
1510
  data-selector-id="box"
1580
1511
  data-test-id="boxComponent"
@@ -1582,8 +1513,8 @@ exports[`CheckBox component Should render size - primary 1`] = `
1582
1513
  <label
1583
1514
  class="label title medium primary font_default
1584
1515
  dotted cursor
1585
-
1586
- pointer "
1516
+
1517
+ pointer "
1587
1518
  data-id="label"
1588
1519
  data-selector-id="label"
1589
1520
  data-test-id="label"
@@ -1609,7 +1540,7 @@ exports[`CheckBox component Should render size - secondary 1`] = `
1609
1540
  tabindex="0"
1610
1541
  >
1611
1542
  <div
1612
- class="boxContainer medium filled shrinkOff"
1543
+ class="boxContainer medium filled shrinkOff"
1613
1544
  data-id="boxComponent"
1614
1545
  data-selector-id="box"
1615
1546
  data-test-id="boxComponent"
@@ -1637,7 +1568,7 @@ exports[`CheckBox component Should render size - secondary 1`] = `
1637
1568
  </label>
1638
1569
  </div>
1639
1570
  <div
1640
- class="labelContainer grow basis shrinkOff"
1571
+ class="text grow basis shrinkOff"
1641
1572
  data-id="boxComponent"
1642
1573
  data-selector-id="box"
1643
1574
  data-test-id="boxComponent"
@@ -1645,8 +1576,8 @@ exports[`CheckBox component Should render size - secondary 1`] = `
1645
1576
  <label
1646
1577
  class="label title medium secondary font_default
1647
1578
  dotted cursor
1648
-
1649
- pointer "
1579
+
1580
+ pointer "
1650
1581
  data-id="label"
1651
1582
  data-selector-id="label"
1652
1583
  data-test-id="label"
@@ -1672,7 +1603,7 @@ exports[`CheckBox component Should render size - small 1`] = `
1672
1603
  tabindex="0"
1673
1604
  >
1674
1605
  <div
1675
- class="boxContainer small filled shrinkOff"
1606
+ class="boxContainer small filled shrinkOff"
1676
1607
  data-id="boxComponent"
1677
1608
  data-selector-id="box"
1678
1609
  data-test-id="boxComponent"
@@ -1725,7 +1656,7 @@ exports[`CheckBox component rendering ally ariaLabel , ariaLabelledby, ariaHidde
1725
1656
  tabindex="0"
1726
1657
  >
1727
1658
  <div
1728
- class="boxContainer medium filled shrinkOff"
1659
+ class="boxContainer medium filled shrinkOff"
1729
1660
  data-id="boxComponent"
1730
1661
  data-selector-id="box"
1731
1662
  data-test-id="boxComponent"
@@ -1778,7 +1709,7 @@ exports[`CheckBox component rendering ally ariaLabel , ariaLabelledby, ariaHidde
1778
1709
  tabindex="-1"
1779
1710
  >
1780
1711
  <div
1781
- class="boxContainer medium filled shrinkOff"
1712
+ class="boxContainer medium filled shrinkOff"
1782
1713
  data-id="boxComponent"
1783
1714
  data-selector-id="box"
1784
1715
  data-test-id="boxComponent"
@@ -1829,7 +1760,7 @@ exports[`CheckBox component rendering the Custom Props 1`] = `
1829
1760
  tabindex="0"
1830
1761
  >
1831
1762
  <div
1832
- class="boxContainer medium filled shrinkOff"
1763
+ class="boxContainer medium filled shrinkOff"
1833
1764
  data-id="boxComponent"
1834
1765
  data-selector-id="box"
1835
1766
  data-test-id="boxComponent"
@@ -1857,7 +1788,7 @@ exports[`CheckBox component rendering the Custom Props 1`] = `
1857
1788
  </label>
1858
1789
  </div>
1859
1790
  <div
1860
- class="labelContainer grow basis shrinkOff"
1791
+ class="text grow basis shrinkOff"
1861
1792
  data-id="boxComponent"
1862
1793
  data-selector-id="box"
1863
1794
  data-test-id="boxComponent"
@@ -1890,7 +1821,7 @@ exports[`CheckBox component rendering the Custom class 1`] = `
1890
1821
  tabindex="0"
1891
1822
  >
1892
1823
  <div
1893
- class="boxContainer medium customCBoxSizeClass filled shrinkOff"
1824
+ class="boxContainer medium customCBoxSizeClass filled shrinkOff"
1894
1825
  data-id="boxComponent"
1895
1826
  data-selector-id="box"
1896
1827
  data-test-id="boxComponent"
@@ -1924,7 +1855,7 @@ exports[`CheckBox component rendering the Custom class 1`] = `
1924
1855
  </label>
1925
1856
  </div>
1926
1857
  <div
1927
- class="labelContainer grow basis shrinkOff"
1858
+ class="text grow basis shrinkOff"
1928
1859
  data-id="boxComponent"
1929
1860
  data-selector-id="box"
1930
1861
  data-test-id="boxComponent"
@@ -1932,8 +1863,8 @@ exports[`CheckBox component rendering the Custom class 1`] = `
1932
1863
  <label
1933
1864
  class="label title medium default font_default
1934
1865
  dotted cursor
1935
-
1936
- pointer customLabelClass "
1866
+
1867
+ pointer customLabelClass "
1937
1868
  data-id="label"
1938
1869
  data-selector-id="label"
1939
1870
  data-test-id="label"