@zohodesk/components 1.2.13 → 1.2.14

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 (192) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -7
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +5 -0
  5. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +29 -318
  6. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
  7. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +1 -33
  8. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +19 -43
  9. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
  10. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +1 -33
  11. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +19 -43
  12. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
  13. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +1 -33
  14. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +19 -43
  15. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
  16. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +1 -33
  17. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +19 -43
  18. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
  19. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +1 -33
  20. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +19 -43
  21. package/assets/Appearance/light/mode/Component_LightMode.module.css +29 -318
  22. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
  23. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +1 -33
  24. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +19 -43
  25. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
  26. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +1 -33
  27. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +19 -43
  28. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
  29. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +1 -33
  30. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +19 -43
  31. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
  32. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +1 -33
  33. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +19 -43
  34. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
  35. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +1 -33
  36. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +19 -43
  37. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +29 -318
  38. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
  39. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +1 -33
  40. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +19 -43
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
  42. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +1 -33
  43. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +19 -43
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
  45. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +1 -33
  46. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +19 -43
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
  48. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +1 -33
  49. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +19 -43
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +1 -33
  52. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +19 -43
  53. package/assets/Contrast/darkContrastLightness.module.css +34 -34
  54. package/assets/Contrast/lightContrastLightness.module.css +34 -34
  55. package/assets/Contrast/pureDarkContrastLightness.module.css +34 -34
  56. package/coverage/Avatar/Avatar.js.html +649 -0
  57. package/coverage/Avatar/Avatar.module.css.html +556 -0
  58. package/coverage/Avatar/index.html +131 -0
  59. package/coverage/Avatar/props/defaultProps.js.html +136 -0
  60. package/coverage/Avatar/props/index.html +131 -0
  61. package/coverage/Avatar/props/propTypes.js.html +166 -0
  62. package/coverage/AvatarTeam/AvatarTeam.js.html +340 -0
  63. package/coverage/AvatarTeam/AvatarTeam.module.css.html +610 -0
  64. package/coverage/AvatarTeam/index.html +131 -0
  65. package/coverage/AvatarTeam/props/defaultProps.js.html +136 -0
  66. package/coverage/AvatarTeam/props/index.html +131 -0
  67. package/coverage/AvatarTeam/props/propTypes.js.html +169 -0
  68. package/coverage/Button/Button.js.html +1 -1
  69. package/coverage/Button/css/Button.module.css.html +1 -1
  70. package/coverage/Button/css/cssJSLogic.js.html +1 -1
  71. package/coverage/Button/css/index.html +1 -1
  72. package/coverage/Button/index.html +1 -1
  73. package/coverage/Button/props/defaultProps.js.html +1 -1
  74. package/coverage/Button/props/index.html +1 -1
  75. package/coverage/Button/props/propTypes.js.html +1 -1
  76. package/coverage/Buttongroup/Buttongroup.js.html +1 -1
  77. package/coverage/Buttongroup/Buttongroup.module.css.html +1 -1
  78. package/coverage/Buttongroup/index.html +1 -1
  79. package/coverage/Buttongroup/props/defaultProps.js.html +1 -1
  80. package/coverage/Buttongroup/props/index.html +1 -1
  81. package/coverage/Buttongroup/props/propTypes.js.html +1 -1
  82. package/coverage/Label/Label.js.html +253 -0
  83. package/coverage/Label/Label.module.css.html +241 -0
  84. package/coverage/Label/LabelColors.module.css.html +145 -0
  85. package/coverage/Label/index.html +146 -0
  86. package/coverage/Label/props/defaultProps.js.html +118 -0
  87. package/coverage/Label/props/index.html +131 -0
  88. package/coverage/Label/props/propTypes.js.html +145 -0
  89. package/coverage/Layout/Box.js.html +367 -0
  90. package/coverage/Layout/Container.js.html +439 -0
  91. package/coverage/Layout/Layout.module.css.html +1090 -0
  92. package/coverage/Layout/index.html +176 -0
  93. package/coverage/Layout/index.js.html +118 -0
  94. package/coverage/Layout/props/defaultProps.js.html +136 -0
  95. package/coverage/Layout/props/index.html +131 -0
  96. package/coverage/Layout/props/propTypes.js.html +262 -0
  97. package/coverage/Layout/utils.js.html +199 -0
  98. package/coverage/Provider/AvatarSize.js.html +124 -0
  99. package/coverage/Provider/CssProvider.js.html +133 -0
  100. package/coverage/Provider/index.html +131 -0
  101. package/coverage/Radio/Radio.js.html +415 -0
  102. package/coverage/Radio/Radio.module.css.html +403 -0
  103. package/coverage/Radio/index.html +131 -0
  104. package/coverage/Radio/props/defaultProps.js.html +127 -0
  105. package/coverage/Radio/props/index.html +131 -0
  106. package/coverage/Radio/props/propTypes.js.html +187 -0
  107. package/coverage/Ribbon/Ribbon.js.html +229 -0
  108. package/coverage/Ribbon/Ribbon.module.css.html +1210 -0
  109. package/coverage/Ribbon/index.html +131 -0
  110. package/coverage/Ribbon/props/defaultProps.js.html +112 -0
  111. package/coverage/Ribbon/props/index.html +131 -0
  112. package/coverage/Ribbon/props/propTypes.js.html +121 -0
  113. package/coverage/RippleEffect/RippleEffect.js.html +172 -0
  114. package/coverage/RippleEffect/RippleEffect.module.css.html +415 -0
  115. package/coverage/RippleEffect/index.html +131 -0
  116. package/coverage/RippleEffect/props/defaultProps.js.html +112 -0
  117. package/coverage/RippleEffect/props/index.html +131 -0
  118. package/coverage/RippleEffect/props/propTypes.js.html +121 -0
  119. package/coverage/Stencils/Stencils.js.html +163 -0
  120. package/coverage/Stencils/Stencils.module.css.html +319 -0
  121. package/coverage/Stencils/index.html +131 -0
  122. package/coverage/Stencils/props/defaultProps.js.html +103 -0
  123. package/coverage/Stencils/props/index.html +131 -0
  124. package/coverage/Stencils/props/propTypes.js.html +109 -0
  125. package/coverage/Switch/Switch.js.html +379 -0
  126. package/coverage/Switch/Switch.module.css.html +481 -0
  127. package/coverage/Switch/index.html +131 -0
  128. package/coverage/Switch/props/defaultProps.js.html +118 -0
  129. package/coverage/Switch/props/index.html +131 -0
  130. package/coverage/Switch/props/propTypes.js.html +172 -0
  131. package/coverage/common/avatarsizes.module.css.html +229 -0
  132. package/coverage/common/common.module.css.html +1519 -0
  133. package/coverage/common/index.html +131 -0
  134. package/coverage/coverage-final.json +55 -10
  135. package/coverage/coverage-summary.json +56 -11
  136. package/coverage/index.html +311 -11
  137. package/coverage/utils/dummyFunction.js.html +1 -1
  138. package/coverage/utils/getInitial.js.html +139 -0
  139. package/coverage/utils/index.html +25 -10
  140. package/es/Avatar/__tests__/Avatar.spec.js +181 -0
  141. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  142. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +138 -0
  143. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -0
  144. package/es/Buttongroup/Buttongroup.module.css +1 -2
  145. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +1 -4
  146. package/es/Label/__tests__/Label.spec.js +99 -0
  147. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -0
  148. package/es/ListItem/ListItem.module.css +6 -17
  149. package/es/Radio/__tests__/Radio.spec.js +241 -0
  150. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -0
  151. package/es/Ribbon/Ribbon.module.css +1 -2
  152. package/es/Ribbon/__tests__/Ribbon.spec.js +52 -0
  153. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  154. package/es/RippleEffect/__tests__/RippleEffect.spec.js +69 -0
  155. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -0
  156. package/es/Stencils/__tests__/Stencils.spec.js +46 -0
  157. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -0
  158. package/es/Switch/__tests__/Switch.spec.js +156 -0
  159. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  160. package/es/Tag/Tag.module.css +2 -3
  161. package/es/common/common.module.css +2 -2
  162. package/es/v1/ListItem/ListItemWithAvatar.js +7 -8
  163. package/es/v1/Tag/Tag.js +6 -2
  164. package/es/v1/TextBox/TextBox.js +10 -10
  165. package/lib/Avatar/__tests__/Avatar.spec.js +188 -0
  166. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  167. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +145 -0
  168. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -0
  169. package/lib/Buttongroup/Buttongroup.module.css +1 -2
  170. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +1 -4
  171. package/lib/Label/__tests__/Label.spec.js +106 -0
  172. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -0
  173. package/lib/ListItem/ListItem.module.css +6 -17
  174. package/lib/Radio/__tests__/Radio.spec.js +250 -0
  175. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -0
  176. package/lib/Ribbon/Ribbon.module.css +1 -2
  177. package/lib/Ribbon/__tests__/Ribbon.spec.js +59 -0
  178. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  179. package/lib/RippleEffect/__tests__/RippleEffect.spec.js +76 -0
  180. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -0
  181. package/lib/Stencils/__tests__/Stencils.spec.js +53 -0
  182. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -0
  183. package/lib/Switch/__tests__/Switch.spec.js +163 -0
  184. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  185. package/lib/Tag/Tag.module.css +2 -3
  186. package/lib/common/common.module.css +2 -2
  187. package/lib/v1/ListItem/ListItemWithAvatar.js +14 -9
  188. package/lib/v1/Tag/Tag.js +7 -4
  189. package/lib/v1/TextBox/TextBox.js +8 -9
  190. package/package.json +10 -10
  191. package/result.json +1 -1
  192. package/unittest/index.html +1 -1
package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap ADDED
@@ -0,0 +1,1837 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Radio eleRef prop is a function 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ aria-checked="false"
7
+ aria-readonly="false"
8
+ class="container pointer hoverEfffect inflex rowdir both"
9
+ data-id="RadioComp"
10
+ data-selector-id="container"
11
+ data-test-id="RadioComp"
12
+ role="radio"
13
+ tabindex="0"
14
+ >
15
+ <div
16
+ class="radio
17
+ hoverprimary medium filled centerPathprimary shrinkOff"
18
+ data-id="boxComponent"
19
+ data-selector-id="box"
20
+ data-test-id="boxComponent"
21
+ >
22
+ <input
23
+ type="hidden"
24
+ value=""
25
+ />
26
+ <label
27
+ class="radioLabel pointer"
28
+ >
29
+ <svg
30
+ viewBox="0 0 40 40"
31
+ xmlns="http://www.w3.org/2000/svg"
32
+ >
33
+ <circle
34
+ class="rdBox"
35
+ cx="20"
36
+ cy="20"
37
+ r="19"
38
+ />
39
+ </svg>
40
+ </label>
41
+ </div>
42
+ </div>
43
+ </DocumentFragment>
44
+ `;
45
+
46
+ exports[`Radio rendering ally ariaChecked true 1`] = `
47
+ <DocumentFragment>
48
+ <div
49
+ aria-checked="true"
50
+ aria-readonly="false"
51
+ class="container pointer hoverEfffect checked inflex rowdir both"
52
+ data-id="RadioComp"
53
+ data-selector-id="container"
54
+ data-test-id="RadioComp"
55
+ role="radio"
56
+ tabindex="0"
57
+ >
58
+ <div
59
+ class="radio rdBoxprimary
60
+ hoverprimary medium filled centerPathprimary shrinkOff"
61
+ data-id="boxComponent"
62
+ data-selector-id="box"
63
+ data-test-id="boxComponent"
64
+ >
65
+ <input
66
+ type="hidden"
67
+ value=""
68
+ />
69
+ <label
70
+ class="radioLabel pointer"
71
+ >
72
+ <svg
73
+ viewBox="0 0 40 40"
74
+ xmlns="http://www.w3.org/2000/svg"
75
+ >
76
+ <circle
77
+ class="rdBox"
78
+ cx="20"
79
+ cy="20"
80
+ r="19"
81
+ />
82
+ <circle
83
+ class="centerPath"
84
+ cx="20"
85
+ cy="20"
86
+ r="11.03"
87
+ />
88
+ </svg>
89
+ </label>
90
+ </div>
91
+ </div>
92
+ </DocumentFragment>
93
+ `;
94
+
95
+ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly fasle true 1`] = `
96
+ <DocumentFragment>
97
+ <div
98
+ aria-checked="true"
99
+ aria-hidden="true"
100
+ aria-readonly="true"
101
+ class="container readonly checked inflex rowdir both"
102
+ data-id="RadioComp"
103
+ data-selector-id="container"
104
+ data-test-id="RadioComp"
105
+ role="radio"
106
+ tabindex="-1"
107
+ >
108
+ <div
109
+ class="radio rdBoxprimary
110
+ medium filled centerPathprimary shrinkOff"
111
+ data-id="boxComponent"
112
+ data-selector-id="box"
113
+ data-test-id="boxComponent"
114
+ >
115
+ <input
116
+ type="hidden"
117
+ value=""
118
+ />
119
+ <label
120
+ class="radioLabel readonly"
121
+ >
122
+ <svg
123
+ viewBox="0 0 40 40"
124
+ xmlns="http://www.w3.org/2000/svg"
125
+ >
126
+ <circle
127
+ class="rdBox"
128
+ cx="20"
129
+ cy="20"
130
+ r="19"
131
+ />
132
+ <circle
133
+ class="centerPath"
134
+ cx="20"
135
+ cy="20"
136
+ r="11.03"
137
+ />
138
+ </svg>
139
+ </label>
140
+ </div>
141
+ </div>
142
+ </DocumentFragment>
143
+ `;
144
+
145
+ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly is false 1`] = `
146
+ <DocumentFragment>
147
+ <div
148
+ aria-checked="false"
149
+ aria-hidden="false"
150
+ aria-readonly="false"
151
+ class="container pointer hoverEfffect inflex rowdir both"
152
+ data-id="RadioComp"
153
+ data-selector-id="container"
154
+ data-test-id="RadioComp"
155
+ role="radio"
156
+ tabindex="0"
157
+ >
158
+ <div
159
+ class="radio
160
+ hoverprimary medium filled centerPathprimary shrinkOff"
161
+ data-id="boxComponent"
162
+ data-selector-id="box"
163
+ data-test-id="boxComponent"
164
+ >
165
+ <input
166
+ type="hidden"
167
+ value=""
168
+ />
169
+ <label
170
+ class="radioLabel pointer"
171
+ >
172
+ <svg
173
+ viewBox="0 0 40 40"
174
+ xmlns="http://www.w3.org/2000/svg"
175
+ >
176
+ <circle
177
+ class="rdBox"
178
+ cx="20"
179
+ cy="20"
180
+ r="19"
181
+ />
182
+ </svg>
183
+ </label>
184
+ </div>
185
+ </div>
186
+ </DocumentFragment>
187
+ `;
188
+
189
+ exports[`Radio rendering labelPalette - danger 1`] = `
190
+ <DocumentFragment>
191
+ <div
192
+ aria-checked="false"
193
+ aria-readonly="false"
194
+ class="container pointer hoverEfffect flex rowdir both"
195
+ data-id="RadioComp"
196
+ data-selector-id="container"
197
+ data-test-id="RadioComp"
198
+ role="radio"
199
+ tabindex="0"
200
+ >
201
+ <div
202
+ class="radio
203
+ hoverprimary medium filled centerPathprimary shrinkOff"
204
+ data-id="boxComponent"
205
+ data-selector-id="box"
206
+ data-test-id="boxComponent"
207
+ >
208
+ <input
209
+ type="hidden"
210
+ value=""
211
+ />
212
+ <label
213
+ class="radioLabel pointer"
214
+ >
215
+ <svg
216
+ viewBox="0 0 40 40"
217
+ xmlns="http://www.w3.org/2000/svg"
218
+ >
219
+ <circle
220
+ class="rdBox"
221
+ cx="20"
222
+ cy="20"
223
+ r="19"
224
+ />
225
+ </svg>
226
+ </label>
227
+ </div>
228
+ <div
229
+ class="text grow basis shrinkOff"
230
+ data-id="boxComponent"
231
+ data-selector-id="box"
232
+ data-test-id="boxComponent"
233
+ >
234
+ <label
235
+ class="label title medium danger font_default
236
+ dotted cursor
237
+ primaryLabel pointer "
238
+ data-id="RadioText_label"
239
+ data-selector-id="label"
240
+ data-test-id="RadioText_label"
241
+ data-title="RadioText"
242
+ >
243
+ RadioText
244
+ </label>
245
+ </div>
246
+ </div>
247
+ </DocumentFragment>
248
+ `;
249
+
250
+ exports[`Radio rendering labelPalette - default 1`] = `
251
+ <DocumentFragment>
252
+ <div
253
+ aria-checked="false"
254
+ aria-readonly="false"
255
+ class="container pointer hoverEfffect flex rowdir both"
256
+ data-id="RadioComp"
257
+ data-selector-id="container"
258
+ data-test-id="RadioComp"
259
+ role="radio"
260
+ tabindex="0"
261
+ >
262
+ <div
263
+ class="radio
264
+ hoverprimary medium filled centerPathprimary shrinkOff"
265
+ data-id="boxComponent"
266
+ data-selector-id="box"
267
+ data-test-id="boxComponent"
268
+ >
269
+ <input
270
+ type="hidden"
271
+ value=""
272
+ />
273
+ <label
274
+ class="radioLabel pointer"
275
+ >
276
+ <svg
277
+ viewBox="0 0 40 40"
278
+ xmlns="http://www.w3.org/2000/svg"
279
+ >
280
+ <circle
281
+ class="rdBox"
282
+ cx="20"
283
+ cy="20"
284
+ r="19"
285
+ />
286
+ </svg>
287
+ </label>
288
+ </div>
289
+ <div
290
+ class="text grow basis shrinkOff"
291
+ data-id="boxComponent"
292
+ data-selector-id="box"
293
+ data-test-id="boxComponent"
294
+ >
295
+ <label
296
+ class="label title medium default font_default
297
+ dotted cursor
298
+ primaryLabel pointer "
299
+ data-id="RadioText_label"
300
+ data-selector-id="label"
301
+ data-test-id="RadioText_label"
302
+ data-title="RadioText"
303
+ >
304
+ RadioText
305
+ </label>
306
+ </div>
307
+ </div>
308
+ </DocumentFragment>
309
+ `;
310
+
311
+ exports[`Radio rendering labelPalette - mandatory 1`] = `
312
+ <DocumentFragment>
313
+ <div
314
+ aria-checked="false"
315
+ aria-readonly="false"
316
+ class="container pointer hoverEfffect flex rowdir both"
317
+ data-id="RadioComp"
318
+ data-selector-id="container"
319
+ data-test-id="RadioComp"
320
+ role="radio"
321
+ tabindex="0"
322
+ >
323
+ <div
324
+ class="radio
325
+ hoverprimary medium filled centerPathprimary shrinkOff"
326
+ data-id="boxComponent"
327
+ data-selector-id="box"
328
+ data-test-id="boxComponent"
329
+ >
330
+ <input
331
+ type="hidden"
332
+ value=""
333
+ />
334
+ <label
335
+ class="radioLabel pointer"
336
+ >
337
+ <svg
338
+ viewBox="0 0 40 40"
339
+ xmlns="http://www.w3.org/2000/svg"
340
+ >
341
+ <circle
342
+ class="rdBox"
343
+ cx="20"
344
+ cy="20"
345
+ r="19"
346
+ />
347
+ </svg>
348
+ </label>
349
+ </div>
350
+ <div
351
+ class="text grow basis shrinkOff"
352
+ data-id="boxComponent"
353
+ data-selector-id="box"
354
+ data-test-id="boxComponent"
355
+ >
356
+ <label
357
+ class="label title medium mandatory font_default
358
+ dotted cursor
359
+ primaryLabel pointer "
360
+ data-id="RadioText_label"
361
+ data-selector-id="label"
362
+ data-test-id="RadioText_label"
363
+ data-title="RadioText"
364
+ >
365
+ RadioText
366
+ </label>
367
+ </div>
368
+ </div>
369
+ </DocumentFragment>
370
+ `;
371
+
372
+ exports[`Radio rendering labelPalette - primary 1`] = `
373
+ <DocumentFragment>
374
+ <div
375
+ aria-checked="false"
376
+ aria-readonly="false"
377
+ class="container pointer hoverEfffect flex rowdir both"
378
+ data-id="RadioComp"
379
+ data-selector-id="container"
380
+ data-test-id="RadioComp"
381
+ role="radio"
382
+ tabindex="0"
383
+ >
384
+ <div
385
+ class="radio
386
+ hoverprimary medium filled centerPathprimary shrinkOff"
387
+ data-id="boxComponent"
388
+ data-selector-id="box"
389
+ data-test-id="boxComponent"
390
+ >
391
+ <input
392
+ type="hidden"
393
+ value=""
394
+ />
395
+ <label
396
+ class="radioLabel pointer"
397
+ >
398
+ <svg
399
+ viewBox="0 0 40 40"
400
+ xmlns="http://www.w3.org/2000/svg"
401
+ >
402
+ <circle
403
+ class="rdBox"
404
+ cx="20"
405
+ cy="20"
406
+ r="19"
407
+ />
408
+ </svg>
409
+ </label>
410
+ </div>
411
+ <div
412
+ class="text grow basis shrinkOff"
413
+ data-id="boxComponent"
414
+ data-selector-id="box"
415
+ data-test-id="boxComponent"
416
+ >
417
+ <label
418
+ class="label title medium primary font_default
419
+ dotted cursor
420
+ primaryLabel pointer "
421
+ data-id="RadioText_label"
422
+ data-selector-id="label"
423
+ data-test-id="RadioText_label"
424
+ data-title="RadioText"
425
+ >
426
+ RadioText
427
+ </label>
428
+ </div>
429
+ </div>
430
+ </DocumentFragment>
431
+ `;
432
+
433
+ exports[`Radio rendering labelSize - default 1`] = `
434
+ <DocumentFragment>
435
+ <div
436
+ aria-checked="false"
437
+ aria-readonly="false"
438
+ class="container pointer hoverEfffect flex rowdir both"
439
+ data-id="RadioComp"
440
+ data-selector-id="container"
441
+ data-test-id="RadioComp"
442
+ role="radio"
443
+ tabindex="0"
444
+ >
445
+ <div
446
+ class="radio
447
+ hoverprimary medium filled centerPathprimary shrinkOff"
448
+ data-id="boxComponent"
449
+ data-selector-id="box"
450
+ data-test-id="boxComponent"
451
+ >
452
+ <input
453
+ type="hidden"
454
+ value=""
455
+ />
456
+ <label
457
+ class="radioLabel pointer"
458
+ >
459
+ <svg
460
+ viewBox="0 0 40 40"
461
+ xmlns="http://www.w3.org/2000/svg"
462
+ >
463
+ <circle
464
+ class="rdBox"
465
+ cx="20"
466
+ cy="20"
467
+ r="19"
468
+ />
469
+ </svg>
470
+ </label>
471
+ </div>
472
+ <div
473
+ class="text grow basis shrinkOff"
474
+ data-id="boxComponent"
475
+ data-selector-id="box"
476
+ data-test-id="boxComponent"
477
+ >
478
+ <label
479
+ class="label title medium default font_default
480
+ dotted cursor
481
+ primaryLabel pointer "
482
+ data-id="RadioText_label"
483
+ data-selector-id="label"
484
+ data-test-id="RadioText_label"
485
+ data-title="RadioText"
486
+ >
487
+ RadioText
488
+ </label>
489
+ </div>
490
+ </div>
491
+ </DocumentFragment>
492
+ `;
493
+
494
+ exports[`Radio rendering labelSize - large 1`] = `
495
+ <DocumentFragment>
496
+ <div
497
+ aria-checked="false"
498
+ aria-readonly="false"
499
+ class="container pointer hoverEfffect flex rowdir both"
500
+ data-id="RadioComp"
501
+ data-selector-id="container"
502
+ data-test-id="RadioComp"
503
+ role="radio"
504
+ tabindex="0"
505
+ >
506
+ <div
507
+ class="radio
508
+ hoverprimary medium filled centerPathprimary shrinkOff"
509
+ data-id="boxComponent"
510
+ data-selector-id="box"
511
+ data-test-id="boxComponent"
512
+ >
513
+ <input
514
+ type="hidden"
515
+ value=""
516
+ />
517
+ <label
518
+ class="radioLabel pointer"
519
+ >
520
+ <svg
521
+ viewBox="0 0 40 40"
522
+ xmlns="http://www.w3.org/2000/svg"
523
+ >
524
+ <circle
525
+ class="rdBox"
526
+ cx="20"
527
+ cy="20"
528
+ r="19"
529
+ />
530
+ </svg>
531
+ </label>
532
+ </div>
533
+ <div
534
+ class="text grow basis shrinkOff"
535
+ data-id="boxComponent"
536
+ data-selector-id="box"
537
+ data-test-id="boxComponent"
538
+ >
539
+ <label
540
+ class="label title large default font_default
541
+ dotted cursor
542
+ primaryLabel pointer "
543
+ data-id="RadioText_label"
544
+ data-selector-id="label"
545
+ data-test-id="RadioText_label"
546
+ data-title="RadioText"
547
+ >
548
+ RadioText
549
+ </label>
550
+ </div>
551
+ </div>
552
+ </DocumentFragment>
553
+ `;
554
+
555
+ exports[`Radio rendering labelSize - medium 1`] = `
556
+ <DocumentFragment>
557
+ <div
558
+ aria-checked="false"
559
+ aria-readonly="false"
560
+ class="container pointer hoverEfffect flex rowdir both"
561
+ data-id="RadioComp"
562
+ data-selector-id="container"
563
+ data-test-id="RadioComp"
564
+ role="radio"
565
+ tabindex="0"
566
+ >
567
+ <div
568
+ class="radio
569
+ hoverprimary medium filled centerPathprimary shrinkOff"
570
+ data-id="boxComponent"
571
+ data-selector-id="box"
572
+ data-test-id="boxComponent"
573
+ >
574
+ <input
575
+ type="hidden"
576
+ value=""
577
+ />
578
+ <label
579
+ class="radioLabel pointer"
580
+ >
581
+ <svg
582
+ viewBox="0 0 40 40"
583
+ xmlns="http://www.w3.org/2000/svg"
584
+ >
585
+ <circle
586
+ class="rdBox"
587
+ cx="20"
588
+ cy="20"
589
+ r="19"
590
+ />
591
+ </svg>
592
+ </label>
593
+ </div>
594
+ <div
595
+ class="text grow basis shrinkOff"
596
+ data-id="boxComponent"
597
+ data-selector-id="box"
598
+ data-test-id="boxComponent"
599
+ >
600
+ <label
601
+ class="label title medium default font_default
602
+ dotted cursor
603
+ primaryLabel pointer "
604
+ data-id="RadioText_label"
605
+ data-selector-id="label"
606
+ data-test-id="RadioText_label"
607
+ data-title="RadioText"
608
+ >
609
+ RadioText
610
+ </label>
611
+ </div>
612
+ </div>
613
+ </DocumentFragment>
614
+ `;
615
+
616
+ exports[`Radio rendering labelSize - primary 1`] = `
617
+ <DocumentFragment>
618
+ <div
619
+ aria-checked="false"
620
+ aria-readonly="false"
621
+ class="container pointer hoverEfffect flex rowdir both"
622
+ data-id="RadioComp"
623
+ data-selector-id="container"
624
+ data-test-id="RadioComp"
625
+ role="radio"
626
+ tabindex="0"
627
+ >
628
+ <div
629
+ class="radio
630
+ hoverprimary medium filled centerPathprimary shrinkOff"
631
+ data-id="boxComponent"
632
+ data-selector-id="box"
633
+ data-test-id="boxComponent"
634
+ >
635
+ <input
636
+ type="hidden"
637
+ value=""
638
+ />
639
+ <label
640
+ class="radioLabel pointer"
641
+ >
642
+ <svg
643
+ viewBox="0 0 40 40"
644
+ xmlns="http://www.w3.org/2000/svg"
645
+ >
646
+ <circle
647
+ class="rdBox"
648
+ cx="20"
649
+ cy="20"
650
+ r="19"
651
+ />
652
+ </svg>
653
+ </label>
654
+ </div>
655
+ <div
656
+ class="text grow basis shrinkOff"
657
+ data-id="boxComponent"
658
+ data-selector-id="box"
659
+ data-test-id="boxComponent"
660
+ >
661
+ <label
662
+ class="label title medium default font_primary
663
+ dotted cursor
664
+ primaryLabel pointer "
665
+ data-id="RadioText_label"
666
+ data-selector-id="label"
667
+ data-test-id="RadioText_label"
668
+ data-title="RadioText"
669
+ >
670
+ RadioText
671
+ </label>
672
+ </div>
673
+ </div>
674
+ </DocumentFragment>
675
+ `;
676
+
677
+ exports[`Radio rendering labelSize - small 1`] = `
678
+ <DocumentFragment>
679
+ <div
680
+ aria-checked="false"
681
+ aria-readonly="false"
682
+ class="container pointer hoverEfffect flex rowdir both"
683
+ data-id="RadioComp"
684
+ data-selector-id="container"
685
+ data-test-id="RadioComp"
686
+ role="radio"
687
+ tabindex="0"
688
+ >
689
+ <div
690
+ class="radio
691
+ hoverprimary medium filled centerPathprimary shrinkOff"
692
+ data-id="boxComponent"
693
+ data-selector-id="box"
694
+ data-test-id="boxComponent"
695
+ >
696
+ <input
697
+ type="hidden"
698
+ value=""
699
+ />
700
+ <label
701
+ class="radioLabel pointer"
702
+ >
703
+ <svg
704
+ viewBox="0 0 40 40"
705
+ xmlns="http://www.w3.org/2000/svg"
706
+ >
707
+ <circle
708
+ class="rdBox"
709
+ cx="20"
710
+ cy="20"
711
+ r="19"
712
+ />
713
+ </svg>
714
+ </label>
715
+ </div>
716
+ <div
717
+ class="text grow basis shrinkOff"
718
+ data-id="boxComponent"
719
+ data-selector-id="box"
720
+ data-test-id="boxComponent"
721
+ >
722
+ <label
723
+ class="label title small default font_default
724
+ dotted cursor
725
+ primaryLabel pointer "
726
+ data-id="RadioText_label"
727
+ data-selector-id="label"
728
+ data-test-id="RadioText_label"
729
+ data-title="RadioText"
730
+ >
731
+ RadioText
732
+ </label>
733
+ </div>
734
+ </div>
735
+ </DocumentFragment>
736
+ `;
737
+
738
+ exports[`Radio rendering palette - danger 1`] = `
739
+ <DocumentFragment>
740
+ <div
741
+ aria-checked="false"
742
+ aria-readonly="false"
743
+ class="container pointer hoverEfffect inflex rowdir both"
744
+ data-id="RadioComp"
745
+ data-selector-id="container"
746
+ data-test-id="RadioComp"
747
+ role="radio"
748
+ tabindex="0"
749
+ >
750
+ <div
751
+ class="radio
752
+ hoverdanger medium filled centerPathdanger shrinkOff"
753
+ data-id="boxComponent"
754
+ data-selector-id="box"
755
+ data-test-id="boxComponent"
756
+ >
757
+ <input
758
+ type="hidden"
759
+ value=""
760
+ />
761
+ <label
762
+ class="radioLabel pointer"
763
+ >
764
+ <svg
765
+ viewBox="0 0 40 40"
766
+ xmlns="http://www.w3.org/2000/svg"
767
+ >
768
+ <circle
769
+ class="rdBox"
770
+ cx="20"
771
+ cy="20"
772
+ r="19"
773
+ />
774
+ </svg>
775
+ </label>
776
+ </div>
777
+ </div>
778
+ </DocumentFragment>
779
+ `;
780
+
781
+ exports[`Radio rendering palette - primary 1`] = `
782
+ <DocumentFragment>
783
+ <div
784
+ aria-checked="false"
785
+ aria-readonly="false"
786
+ class="container pointer hoverEfffect inflex rowdir both"
787
+ data-id="RadioComp"
788
+ data-selector-id="container"
789
+ data-test-id="RadioComp"
790
+ role="radio"
791
+ tabindex="0"
792
+ >
793
+ <div
794
+ class="radio
795
+ hoverprimary medium filled centerPathprimary shrinkOff"
796
+ data-id="boxComponent"
797
+ data-selector-id="box"
798
+ data-test-id="boxComponent"
799
+ >
800
+ <input
801
+ type="hidden"
802
+ value=""
803
+ />
804
+ <label
805
+ class="radioLabel pointer"
806
+ >
807
+ <svg
808
+ viewBox="0 0 40 40"
809
+ xmlns="http://www.w3.org/2000/svg"
810
+ >
811
+ <circle
812
+ class="rdBox"
813
+ cx="20"
814
+ cy="20"
815
+ r="19"
816
+ />
817
+ </svg>
818
+ </label>
819
+ </div>
820
+ </div>
821
+ </DocumentFragment>
822
+ `;
823
+
824
+ exports[`Radio rendering size - medium 1`] = `
825
+ <DocumentFragment>
826
+ <div
827
+ aria-checked="false"
828
+ aria-readonly="false"
829
+ class="container pointer hoverEfffect inflex rowdir both"
830
+ data-id="RadioComp"
831
+ data-selector-id="container"
832
+ data-test-id="RadioComp"
833
+ role="radio"
834
+ tabindex="0"
835
+ >
836
+ <div
837
+ class="radio
838
+ hoverprimary medium filled centerPathprimary shrinkOff"
839
+ data-id="boxComponent"
840
+ data-selector-id="box"
841
+ data-test-id="boxComponent"
842
+ >
843
+ <input
844
+ type="hidden"
845
+ value=""
846
+ />
847
+ <label
848
+ class="radioLabel pointer"
849
+ >
850
+ <svg
851
+ viewBox="0 0 40 40"
852
+ xmlns="http://www.w3.org/2000/svg"
853
+ >
854
+ <circle
855
+ class="rdBox"
856
+ cx="20"
857
+ cy="20"
858
+ r="19"
859
+ />
860
+ </svg>
861
+ </label>
862
+ </div>
863
+ </div>
864
+ </DocumentFragment>
865
+ `;
866
+
867
+ exports[`Radio rendering size - small 1`] = `
868
+ <DocumentFragment>
869
+ <div
870
+ aria-checked="false"
871
+ aria-readonly="false"
872
+ class="container pointer hoverEfffect inflex rowdir both"
873
+ data-id="RadioComp"
874
+ data-selector-id="container"
875
+ data-test-id="RadioComp"
876
+ role="radio"
877
+ tabindex="0"
878
+ >
879
+ <div
880
+ class="radio
881
+ hoverprimary small filled centerPathprimary shrinkOff"
882
+ data-id="boxComponent"
883
+ data-selector-id="box"
884
+ data-test-id="boxComponent"
885
+ >
886
+ <input
887
+ type="hidden"
888
+ value=""
889
+ />
890
+ <label
891
+ class="radioLabel pointer"
892
+ >
893
+ <svg
894
+ viewBox="0 0 40 40"
895
+ xmlns="http://www.w3.org/2000/svg"
896
+ >
897
+ <circle
898
+ class="rdBox"
899
+ cx="20"
900
+ cy="20"
901
+ r="19"
902
+ />
903
+ </svg>
904
+ </label>
905
+ </div>
906
+ </div>
907
+ </DocumentFragment>
908
+ `;
909
+
910
+ exports[`Radio rendering the Checked is true 1`] = `
911
+ <DocumentFragment>
912
+ <div
913
+ aria-checked="false"
914
+ aria-readonly="false"
915
+ class="container active pointer hoverEfffect flex rowdir both"
916
+ data-id="RadioComp"
917
+ data-selector-id="container"
918
+ data-test-id="RadioComp"
919
+ role="radio"
920
+ tabindex="0"
921
+ >
922
+ <div
923
+ class="radio
924
+ undefined medium filled undefined shrinkOff"
925
+ data-id="boxComponent"
926
+ data-selector-id="box"
927
+ data-test-id="boxComponent"
928
+ >
929
+ <input
930
+ type="hidden"
931
+ value=""
932
+ />
933
+ <label
934
+ class="radioLabel pointer"
935
+ >
936
+ <svg
937
+ viewBox="0 0 40 40"
938
+ xmlns="http://www.w3.org/2000/svg"
939
+ >
940
+ <circle
941
+ class="rdBox"
942
+ cx="20"
943
+ cy="20"
944
+ r="19"
945
+ />
946
+ </svg>
947
+ </label>
948
+ </div>
949
+ <div
950
+ class="text grow basis shrinkOff"
951
+ data-id="boxComponent"
952
+ data-selector-id="box"
953
+ data-test-id="boxComponent"
954
+ >
955
+ <label
956
+ class="label title medium default font_default
957
+ dotted cursor
958
+ undefined pointer "
959
+ data-id="RadioText_label"
960
+ data-selector-id="label"
961
+ data-test-id="RadioText_label"
962
+ data-title="RadioText"
963
+ >
964
+ RadioText
965
+ </label>
966
+ </div>
967
+ </div>
968
+ </DocumentFragment>
969
+ `;
970
+
971
+ exports[`Radio rendering the ID 1`] = `
972
+ <DocumentFragment>
973
+ <div
974
+ aria-checked="false"
975
+ aria-readonly="false"
976
+ class="container pointer hoverEfffect inflex rowdir both"
977
+ data-id="RadioComp"
978
+ data-selector-id="container"
979
+ data-test-id="RadioComp"
980
+ role="radio"
981
+ tabindex="0"
982
+ >
983
+ <div
984
+ class="radio
985
+ hoverprimary medium filled centerPathprimary shrinkOff"
986
+ data-id="boxComponent"
987
+ data-selector-id="box"
988
+ data-test-id="boxComponent"
989
+ >
990
+ <input
991
+ id="RadioID"
992
+ type="hidden"
993
+ value=""
994
+ />
995
+ <label
996
+ class="radioLabel pointer"
997
+ >
998
+ <svg
999
+ viewBox="0 0 40 40"
1000
+ xmlns="http://www.w3.org/2000/svg"
1001
+ >
1002
+ <circle
1003
+ class="rdBox"
1004
+ cx="20"
1005
+ cy="20"
1006
+ r="19"
1007
+ />
1008
+ </svg>
1009
+ </label>
1010
+ </div>
1011
+ </div>
1012
+ </DocumentFragment>
1013
+ `;
1014
+
1015
+ exports[`Radio rendering the Name 1`] = `
1016
+ <DocumentFragment>
1017
+ <div
1018
+ aria-checked="false"
1019
+ aria-readonly="false"
1020
+ class="container pointer hoverEfffect inflex rowdir both"
1021
+ data-id="RadioComp"
1022
+ data-selector-id="container"
1023
+ data-test-id="RadioComp"
1024
+ role="radio"
1025
+ tabindex="0"
1026
+ >
1027
+ <div
1028
+ class="radio
1029
+ hoverprimary medium filled centerPathprimary shrinkOff"
1030
+ data-id="boxComponent"
1031
+ data-selector-id="box"
1032
+ data-test-id="boxComponent"
1033
+ >
1034
+ <input
1035
+ name="RadioName"
1036
+ type="hidden"
1037
+ value=""
1038
+ />
1039
+ <label
1040
+ class="radioLabel pointer"
1041
+ >
1042
+ <svg
1043
+ viewBox="0 0 40 40"
1044
+ xmlns="http://www.w3.org/2000/svg"
1045
+ >
1046
+ <circle
1047
+ class="rdBox"
1048
+ cx="20"
1049
+ cy="20"
1050
+ r="19"
1051
+ />
1052
+ </svg>
1053
+ </label>
1054
+ </div>
1055
+ </div>
1056
+ </DocumentFragment>
1057
+ `;
1058
+
1059
+ exports[`Radio rendering the Value 1`] = `
1060
+ <DocumentFragment>
1061
+ <div
1062
+ aria-checked="false"
1063
+ aria-readonly="false"
1064
+ class="container pointer hoverEfffect inflex rowdir both"
1065
+ data-id="radiovalue"
1066
+ data-selector-id="container"
1067
+ data-test-id="radiovalue"
1068
+ role="radio"
1069
+ tabindex="0"
1070
+ >
1071
+ <div
1072
+ class="radio
1073
+ hoverprimary medium filled centerPathprimary shrinkOff"
1074
+ data-id="boxComponent"
1075
+ data-selector-id="box"
1076
+ data-test-id="boxComponent"
1077
+ >
1078
+ <input
1079
+ type="hidden"
1080
+ value="RadioValue"
1081
+ />
1082
+ <label
1083
+ class="radioLabel pointer"
1084
+ >
1085
+ <svg
1086
+ viewBox="0 0 40 40"
1087
+ xmlns="http://www.w3.org/2000/svg"
1088
+ >
1089
+ <circle
1090
+ class="rdBox"
1091
+ cx="20"
1092
+ cy="20"
1093
+ r="19"
1094
+ />
1095
+ </svg>
1096
+ </label>
1097
+ </div>
1098
+ </div>
1099
+ </DocumentFragment>
1100
+ `;
1101
+
1102
+ exports[`Radio rendering the accessMode when disabled 1`] = `
1103
+ <DocumentFragment>
1104
+ <div
1105
+ aria-checked="false"
1106
+ aria-readonly="true"
1107
+ class="container disabled flex rowdir both"
1108
+ data-id="RadioComp"
1109
+ data-selector-id="container"
1110
+ data-test-id="RadioComp"
1111
+ role="radio"
1112
+ tabindex="-1"
1113
+ >
1114
+ <div
1115
+ class="radio
1116
+ medium filled centerPathprimary shrinkOff"
1117
+ data-id="boxComponent"
1118
+ data-selector-id="box"
1119
+ data-test-id="boxComponent"
1120
+ >
1121
+ <input
1122
+ type="hidden"
1123
+ value=""
1124
+ />
1125
+ <label
1126
+ class="radioLabel disabled"
1127
+ >
1128
+ <svg
1129
+ viewBox="0 0 40 40"
1130
+ xmlns="http://www.w3.org/2000/svg"
1131
+ >
1132
+ <circle
1133
+ class="rdBox"
1134
+ cx="20"
1135
+ cy="20"
1136
+ r="19"
1137
+ />
1138
+ </svg>
1139
+ </label>
1140
+ </div>
1141
+ <div
1142
+ class="text grow basis shrinkOff"
1143
+ data-id="boxComponent"
1144
+ data-selector-id="box"
1145
+ data-test-id="boxComponent"
1146
+ >
1147
+ <label
1148
+ class="label title medium disable font_default
1149
+ dotted cursor
1150
+ primaryLabel disabled "
1151
+ data-id="RadioText_label"
1152
+ data-selector-id="label"
1153
+ data-test-id="RadioText_label"
1154
+ data-title="RadioText"
1155
+ >
1156
+ RadioText
1157
+ </label>
1158
+ </div>
1159
+ </div>
1160
+ </DocumentFragment>
1161
+ `;
1162
+
1163
+ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
1164
+ <DocumentFragment>
1165
+ <div
1166
+ aria-checked="false"
1167
+ aria-readonly="true"
1168
+ class="container readonly flex rowdir both"
1169
+ data-id="RadioComp"
1170
+ data-selector-id="container"
1171
+ data-test-id="RadioComp"
1172
+ role="radio"
1173
+ tabindex="-1"
1174
+ >
1175
+ <div
1176
+ class="radio
1177
+ medium filled centerPathprimary shrinkOff"
1178
+ data-id="boxComponent"
1179
+ data-selector-id="box"
1180
+ data-test-id="boxComponent"
1181
+ >
1182
+ <input
1183
+ type="hidden"
1184
+ value=""
1185
+ />
1186
+ <label
1187
+ class="radioLabel readonly"
1188
+ >
1189
+ <svg
1190
+ viewBox="0 0 40 40"
1191
+ xmlns="http://www.w3.org/2000/svg"
1192
+ >
1193
+ <circle
1194
+ class="rdBox"
1195
+ cx="20"
1196
+ cy="20"
1197
+ r="19"
1198
+ />
1199
+ </svg>
1200
+ </label>
1201
+ </div>
1202
+ <div
1203
+ class="text grow basis shrinkOff"
1204
+ data-id="boxComponent"
1205
+ data-selector-id="box"
1206
+ data-test-id="boxComponent"
1207
+ >
1208
+ <label
1209
+ class="label title medium default font_default
1210
+ dotted cursor
1211
+ primaryLabel readonly "
1212
+ data-id="RadioText_label"
1213
+ data-selector-id="label"
1214
+ data-test-id="RadioText_label"
1215
+ data-title="RadioText"
1216
+ >
1217
+ RadioText
1218
+ </label>
1219
+ </div>
1220
+ </div>
1221
+ </DocumentFragment>
1222
+ `;
1223
+
1224
+ exports[`Radio rendering the active is true - danger 1`] = `
1225
+ <DocumentFragment>
1226
+ <div
1227
+ aria-checked="true"
1228
+ aria-readonly="false"
1229
+ class="container active pointer hoverEfffect checked flex rowdir both"
1230
+ data-id="RadioComp"
1231
+ data-selector-id="container"
1232
+ data-test-id="RadioComp"
1233
+ role="radio"
1234
+ tabindex="0"
1235
+ >
1236
+ <div
1237
+ class="radio rdBoxdanger
1238
+ hoverdanger medium filled centerPathdanger shrinkOff"
1239
+ data-id="boxComponent"
1240
+ data-selector-id="box"
1241
+ data-test-id="boxComponent"
1242
+ >
1243
+ <input
1244
+ type="hidden"
1245
+ value=""
1246
+ />
1247
+ <label
1248
+ class="radioLabel pointer"
1249
+ >
1250
+ <svg
1251
+ viewBox="0 0 40 40"
1252
+ xmlns="http://www.w3.org/2000/svg"
1253
+ >
1254
+ <circle
1255
+ class="rdBox"
1256
+ cx="20"
1257
+ cy="20"
1258
+ r="19"
1259
+ />
1260
+ <circle
1261
+ class="centerPath"
1262
+ cx="20"
1263
+ cy="20"
1264
+ r="11.03"
1265
+ />
1266
+ </svg>
1267
+ </label>
1268
+ </div>
1269
+ <div
1270
+ class="text grow basis shrinkOff"
1271
+ data-id="boxComponent"
1272
+ data-selector-id="box"
1273
+ data-test-id="boxComponent"
1274
+ >
1275
+ <label
1276
+ class="label title medium default font_default
1277
+ dotted cursor dangercheckedActive
1278
+ dangerLabel pointer "
1279
+ data-id="RadioText_label"
1280
+ data-selector-id="label"
1281
+ data-test-id="RadioText_label"
1282
+ data-title="RadioText"
1283
+ >
1284
+ RadioText
1285
+ </label>
1286
+ </div>
1287
+ </div>
1288
+ </DocumentFragment>
1289
+ `;
1290
+
1291
+ exports[`Radio rendering the active is true - primary 1`] = `
1292
+ <DocumentFragment>
1293
+ <div
1294
+ aria-checked="true"
1295
+ aria-readonly="false"
1296
+ class="container active pointer hoverEfffect checked flex rowdir both"
1297
+ data-id="RadioComp"
1298
+ data-selector-id="container"
1299
+ data-test-id="RadioComp"
1300
+ role="radio"
1301
+ tabindex="0"
1302
+ >
1303
+ <div
1304
+ class="radio rdBoxprimary
1305
+ hoverprimary medium filled centerPathprimary shrinkOff"
1306
+ data-id="boxComponent"
1307
+ data-selector-id="box"
1308
+ data-test-id="boxComponent"
1309
+ >
1310
+ <input
1311
+ type="hidden"
1312
+ value=""
1313
+ />
1314
+ <label
1315
+ class="radioLabel pointer"
1316
+ >
1317
+ <svg
1318
+ viewBox="0 0 40 40"
1319
+ xmlns="http://www.w3.org/2000/svg"
1320
+ >
1321
+ <circle
1322
+ class="rdBox"
1323
+ cx="20"
1324
+ cy="20"
1325
+ r="19"
1326
+ />
1327
+ <circle
1328
+ class="centerPath"
1329
+ cx="20"
1330
+ cy="20"
1331
+ r="11.03"
1332
+ />
1333
+ </svg>
1334
+ </label>
1335
+ </div>
1336
+ <div
1337
+ class="text grow basis shrinkOff"
1338
+ data-id="boxComponent"
1339
+ data-selector-id="box"
1340
+ data-test-id="boxComponent"
1341
+ >
1342
+ <label
1343
+ class="label title medium default font_default
1344
+ dotted cursor primarycheckedActive
1345
+ primaryLabel pointer "
1346
+ data-id="RadioText_label"
1347
+ data-selector-id="label"
1348
+ data-test-id="RadioText_label"
1349
+ data-title="RadioText"
1350
+ >
1351
+ RadioText
1352
+ </label>
1353
+ </div>
1354
+ </div>
1355
+ </DocumentFragment>
1356
+ `;
1357
+
1358
+ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLabel 1`] = `
1359
+ <DocumentFragment>
1360
+ <div
1361
+ aria-checked="false"
1362
+ aria-readonly="false"
1363
+ class="container pointer hoverEfffect CustomClassCustomRadioWrap flex rowdir both"
1364
+ data-id="RadioComp"
1365
+ data-selector-id="container"
1366
+ data-test-id="RadioComp"
1367
+ role="radio"
1368
+ tabindex="0"
1369
+ >
1370
+ <div
1371
+ class="radio
1372
+ hoverprimary medium filled centerPathprimary CustomClassCustomRadio shrinkOff"
1373
+ data-id="boxComponent"
1374
+ data-selector-id="box"
1375
+ data-test-id="boxComponent"
1376
+ >
1377
+ <input
1378
+ type="hidden"
1379
+ value=""
1380
+ />
1381
+ <label
1382
+ class="radioLabel pointer"
1383
+ >
1384
+ <svg
1385
+ viewBox="0 0 40 40"
1386
+ xmlns="http://www.w3.org/2000/svg"
1387
+ >
1388
+ <circle
1389
+ class="rdBox"
1390
+ cx="20"
1391
+ cy="20"
1392
+ r="19"
1393
+ />
1394
+ </svg>
1395
+ </label>
1396
+ </div>
1397
+ <div
1398
+ class="text grow basis shrinkOff"
1399
+ data-id="boxComponent"
1400
+ data-selector-id="box"
1401
+ data-test-id="boxComponent"
1402
+ >
1403
+ <label
1404
+ class="label title medium default font_default
1405
+ dotted cursor
1406
+ primaryLabel pointer CustomClassCustomLabel "
1407
+ data-id="RadioText_label"
1408
+ data-selector-id="label"
1409
+ data-test-id="RadioText_label"
1410
+ data-title="RadioText"
1411
+ >
1412
+ RadioText
1413
+ </label>
1414
+ </div>
1415
+ </div>
1416
+ </DocumentFragment>
1417
+ `;
1418
+
1419
+ exports[`Radio rendering the defult props 1`] = `
1420
+ <DocumentFragment>
1421
+ <div
1422
+ aria-checked="false"
1423
+ aria-readonly="false"
1424
+ class="container pointer hoverEfffect inflex rowdir both"
1425
+ data-id="RadioComp"
1426
+ data-selector-id="container"
1427
+ data-test-id="RadioComp"
1428
+ role="radio"
1429
+ tabindex="0"
1430
+ >
1431
+ <div
1432
+ class="radio
1433
+ hoverprimary medium filled centerPathprimary shrinkOff"
1434
+ data-id="boxComponent"
1435
+ data-selector-id="box"
1436
+ data-test-id="boxComponent"
1437
+ >
1438
+ <input
1439
+ type="hidden"
1440
+ value=""
1441
+ />
1442
+ <label
1443
+ class="radioLabel pointer"
1444
+ >
1445
+ <svg
1446
+ viewBox="0 0 40 40"
1447
+ xmlns="http://www.w3.org/2000/svg"
1448
+ >
1449
+ <circle
1450
+ class="rdBox"
1451
+ cx="20"
1452
+ cy="20"
1453
+ r="19"
1454
+ />
1455
+ </svg>
1456
+ </label>
1457
+ </div>
1458
+ </div>
1459
+ </DocumentFragment>
1460
+ `;
1461
+
1462
+ exports[`Radio rendering the disabled is true 1`] = `
1463
+ <DocumentFragment>
1464
+ <div
1465
+ aria-checked="false"
1466
+ aria-readonly="true"
1467
+ class="container disabled flex rowdir both"
1468
+ data-id="RadioComp"
1469
+ data-selector-id="container"
1470
+ data-test-id="RadioComp"
1471
+ role="radio"
1472
+ tabindex="-1"
1473
+ >
1474
+ <div
1475
+ class="radio
1476
+ medium filled undefined shrinkOff"
1477
+ data-id="boxComponent"
1478
+ data-selector-id="box"
1479
+ data-test-id="boxComponent"
1480
+ >
1481
+ <input
1482
+ type="hidden"
1483
+ value=""
1484
+ />
1485
+ <label
1486
+ class="radioLabel disabled"
1487
+ >
1488
+ <svg
1489
+ viewBox="0 0 40 40"
1490
+ xmlns="http://www.w3.org/2000/svg"
1491
+ >
1492
+ <circle
1493
+ class="rdBox"
1494
+ cx="20"
1495
+ cy="20"
1496
+ r="19"
1497
+ />
1498
+ </svg>
1499
+ </label>
1500
+ </div>
1501
+ <div
1502
+ class="text grow basis shrinkOff"
1503
+ data-id="boxComponent"
1504
+ data-selector-id="box"
1505
+ data-test-id="boxComponent"
1506
+ >
1507
+ <label
1508
+ class="label title medium disable font_default
1509
+ dotted cursor
1510
+ undefined disabled "
1511
+ data-id="RadioText_label"
1512
+ data-selector-id="label"
1513
+ data-test-id="RadioText_label"
1514
+ data-title="RadioText"
1515
+ >
1516
+ RadioText
1517
+ </label>
1518
+ </div>
1519
+ </div>
1520
+ </DocumentFragment>
1521
+ `;
1522
+
1523
+ exports[`Radio rendering the disabledTitle 1`] = `
1524
+ <DocumentFragment>
1525
+ <div
1526
+ aria-checked="false"
1527
+ aria-readonly="true"
1528
+ class="container disabled flex rowdir both"
1529
+ data-id="RadioComp"
1530
+ data-selector-id="container"
1531
+ data-test-id="RadioComp"
1532
+ data-title="radioDisableTitle"
1533
+ role="radio"
1534
+ tabindex="-1"
1535
+ >
1536
+ <div
1537
+ class="radio
1538
+ medium filled centerPathprimary shrinkOff"
1539
+ data-id="boxComponent"
1540
+ data-selector-id="box"
1541
+ data-test-id="boxComponent"
1542
+ >
1543
+ <input
1544
+ type="hidden"
1545
+ value=""
1546
+ />
1547
+ <label
1548
+ class="radioLabel disabled"
1549
+ >
1550
+ <svg
1551
+ viewBox="0 0 40 40"
1552
+ xmlns="http://www.w3.org/2000/svg"
1553
+ >
1554
+ <circle
1555
+ class="rdBox"
1556
+ cx="20"
1557
+ cy="20"
1558
+ r="19"
1559
+ />
1560
+ </svg>
1561
+ </label>
1562
+ </div>
1563
+ <div
1564
+ class="text grow basis shrinkOff"
1565
+ data-id="boxComponent"
1566
+ data-selector-id="box"
1567
+ data-test-id="boxComponent"
1568
+ >
1569
+ <label
1570
+ class="label title medium disable font_default
1571
+ dotted cursor
1572
+ primaryLabel disabled "
1573
+ data-id="RadioText_label"
1574
+ data-selector-id="label"
1575
+ data-test-id="RadioText_label"
1576
+ data-title="radioDisableTitle"
1577
+ >
1578
+ RadioText
1579
+ </label>
1580
+ </div>
1581
+ </div>
1582
+ </DocumentFragment>
1583
+ `;
1584
+
1585
+ exports[`Radio rendering the isFilled is false 1`] = `
1586
+ <DocumentFragment>
1587
+ <div
1588
+ aria-checked="false"
1589
+ aria-readonly="false"
1590
+ class="container pointer hoverEfffect inflex rowdir both"
1591
+ data-id="RadioComp"
1592
+ data-selector-id="container"
1593
+ data-test-id="RadioComp"
1594
+ role="radio"
1595
+ tabindex="0"
1596
+ >
1597
+ <div
1598
+ class="radio
1599
+ hoverprimary medium centerPathprimary shrinkOff"
1600
+ data-id="boxComponent"
1601
+ data-selector-id="box"
1602
+ data-test-id="boxComponent"
1603
+ >
1604
+ <input
1605
+ type="hidden"
1606
+ value=""
1607
+ />
1608
+ <label
1609
+ class="radioLabel pointer"
1610
+ >
1611
+ <svg
1612
+ viewBox="0 0 40 40"
1613
+ xmlns="http://www.w3.org/2000/svg"
1614
+ >
1615
+ <circle
1616
+ class="rdBox"
1617
+ cx="20"
1618
+ cy="20"
1619
+ r="19"
1620
+ />
1621
+ </svg>
1622
+ </label>
1623
+ </div>
1624
+ </div>
1625
+ </DocumentFragment>
1626
+ `;
1627
+
1628
+ exports[`Radio rendering the isReadOnly is true 1`] = `
1629
+ <DocumentFragment>
1630
+ <div
1631
+ aria-checked="false"
1632
+ aria-readonly="true"
1633
+ class="container readonly inflex rowdir both"
1634
+ data-id="RadioComp"
1635
+ data-selector-id="container"
1636
+ data-test-id="RadioComp"
1637
+ role="radio"
1638
+ tabindex="-1"
1639
+ >
1640
+ <div
1641
+ class="radio
1642
+ medium filled centerPathprimary shrinkOff"
1643
+ data-id="boxComponent"
1644
+ data-selector-id="box"
1645
+ data-test-id="boxComponent"
1646
+ >
1647
+ <input
1648
+ type="hidden"
1649
+ value=""
1650
+ />
1651
+ <label
1652
+ class="radioLabel readonly"
1653
+ >
1654
+ <svg
1655
+ viewBox="0 0 40 40"
1656
+ xmlns="http://www.w3.org/2000/svg"
1657
+ >
1658
+ <circle
1659
+ class="rdBox"
1660
+ cx="20"
1661
+ cy="20"
1662
+ r="19"
1663
+ />
1664
+ </svg>
1665
+ </label>
1666
+ </div>
1667
+ </div>
1668
+ </DocumentFragment>
1669
+ `;
1670
+
1671
+ exports[`Radio rendering the text 1`] = `
1672
+ <DocumentFragment>
1673
+ <div
1674
+ aria-checked="false"
1675
+ aria-readonly="false"
1676
+ class="container pointer hoverEfffect flex rowdir both"
1677
+ data-id="RadioComp"
1678
+ data-selector-id="container"
1679
+ data-test-id="RadioComp"
1680
+ role="radio"
1681
+ tabindex="0"
1682
+ >
1683
+ <div
1684
+ class="radio
1685
+ hoverprimary medium filled centerPathprimary shrinkOff"
1686
+ data-id="boxComponent"
1687
+ data-selector-id="box"
1688
+ data-test-id="boxComponent"
1689
+ >
1690
+ <input
1691
+ type="hidden"
1692
+ value=""
1693
+ />
1694
+ <label
1695
+ class="radioLabel pointer"
1696
+ >
1697
+ <svg
1698
+ viewBox="0 0 40 40"
1699
+ xmlns="http://www.w3.org/2000/svg"
1700
+ >
1701
+ <circle
1702
+ class="rdBox"
1703
+ cx="20"
1704
+ cy="20"
1705
+ r="19"
1706
+ />
1707
+ </svg>
1708
+ </label>
1709
+ </div>
1710
+ <div
1711
+ class="text grow basis shrinkOff"
1712
+ data-id="boxComponent"
1713
+ data-selector-id="box"
1714
+ data-test-id="boxComponent"
1715
+ >
1716
+ <label
1717
+ class="label title medium default font_default
1718
+ dotted cursor
1719
+ primaryLabel pointer "
1720
+ data-id="RadioText_label"
1721
+ data-selector-id="label"
1722
+ data-test-id="RadioText_label"
1723
+ data-title="RadioText"
1724
+ >
1725
+ RadioText
1726
+ </label>
1727
+ </div>
1728
+ </div>
1729
+ </DocumentFragment>
1730
+ `;
1731
+
1732
+ exports[`Radio rendering the title 1`] = `
1733
+ <DocumentFragment>
1734
+ <div
1735
+ aria-checked="false"
1736
+ aria-readonly="false"
1737
+ class="container pointer hoverEfffect flex rowdir both"
1738
+ data-id="RadioComp"
1739
+ data-selector-id="container"
1740
+ data-test-id="RadioComp"
1741
+ data-title="radioTitle"
1742
+ role="radio"
1743
+ tabindex="0"
1744
+ >
1745
+ <div
1746
+ class="radio
1747
+ hoverprimary medium filled centerPathprimary shrinkOff"
1748
+ data-id="boxComponent"
1749
+ data-selector-id="box"
1750
+ data-test-id="boxComponent"
1751
+ >
1752
+ <input
1753
+ type="hidden"
1754
+ value=""
1755
+ />
1756
+ <label
1757
+ class="radioLabel pointer"
1758
+ >
1759
+ <svg
1760
+ viewBox="0 0 40 40"
1761
+ xmlns="http://www.w3.org/2000/svg"
1762
+ >
1763
+ <circle
1764
+ class="rdBox"
1765
+ cx="20"
1766
+ cy="20"
1767
+ r="19"
1768
+ />
1769
+ </svg>
1770
+ </label>
1771
+ </div>
1772
+ <div
1773
+ class="text grow basis shrinkOff"
1774
+ data-id="boxComponent"
1775
+ data-selector-id="box"
1776
+ data-test-id="boxComponent"
1777
+ >
1778
+ <label
1779
+ class="label title medium default font_default
1780
+ dotted cursor
1781
+ primaryLabel pointer "
1782
+ data-id="RadioText_label"
1783
+ data-selector-id="label"
1784
+ data-test-id="RadioText_label"
1785
+ data-title="radioTitle"
1786
+ >
1787
+ RadioText
1788
+ </label>
1789
+ </div>
1790
+ </div>
1791
+ </DocumentFragment>
1792
+ `;
1793
+
1794
+ exports[`Radio renders with different onClick props 1`] = `
1795
+ <DocumentFragment>
1796
+ <div>
1797
+ <div
1798
+ aria-checked="false"
1799
+ aria-readonly="false"
1800
+ class="container pointer hoverEfffect inflex rowdir both"
1801
+ data-id="radiovalue"
1802
+ data-selector-id="container"
1803
+ data-test-id="radiovalue"
1804
+ role="radio"
1805
+ tabindex="0"
1806
+ >
1807
+ <div
1808
+ class="radio
1809
+ hoverprimary medium filled centerPathprimary shrinkOff"
1810
+ data-id="boxComponent"
1811
+ data-selector-id="box"
1812
+ data-test-id="boxComponent"
1813
+ >
1814
+ <input
1815
+ type="hidden"
1816
+ value="radioValue"
1817
+ />
1818
+ <label
1819
+ class="radioLabel pointer"
1820
+ >
1821
+ <svg
1822
+ viewBox="0 0 40 40"
1823
+ xmlns="http://www.w3.org/2000/svg"
1824
+ >
1825
+ <circle
1826
+ class="rdBox"
1827
+ cx="20"
1828
+ cy="20"
1829
+ r="19"
1830
+ />
1831
+ </svg>
1832
+ </label>
1833
+ </div>
1834
+ </div>
1835
+ </div>
1836
+ </DocumentFragment>
1837
+ `;