@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.
- package/README.md +8 -8
- package/assets/Appearance/dark/mode/Component_DarkMode.module.css +198 -200
- package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css +8 -8
- package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +465 -465
- package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +33 -33
- package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +28 -28
- package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +465 -465
- package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +33 -33
- package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +28 -28
- package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +465 -465
- package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +33 -33
- package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +28 -28
- package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +465 -465
- package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +33 -33
- package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +28 -28
- package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +465 -465
- package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +33 -33
- package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +28 -28
- package/assets/Appearance/light/mode/Component_LightMode.module.css +194 -196
- package/assets/Appearance/light/mode/Component_v1_LightMode.module.css +8 -8
- package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +465 -465
- package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +33 -33
- package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +28 -28
- package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +465 -465
- package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +33 -33
- package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +28 -28
- package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +465 -465
- package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +33 -33
- package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +28 -28
- package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +465 -465
- package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +33 -33
- package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +28 -28
- package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +465 -465
- package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +33 -33
- package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +28 -28
- package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +200 -202
- package/assets/Appearance/pureDark/mode/Component_v1_PureDarkMode.module.css +8 -8
- package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +465 -465
- package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +33 -33
- package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +28 -28
- package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +465 -465
- package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +33 -33
- package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +28 -28
- package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +465 -465
- package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +33 -33
- package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +28 -28
- package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +465 -465
- package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +33 -33
- package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +28 -28
- package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +465 -465
- package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +33 -33
- package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +28 -28
- package/es/AppContainer/AppContainer.js +1 -0
- package/es/AppContainer/AppContainer.module.css +3 -2
- package/es/Button/css/Button.module.css +13 -4
- package/es/CheckBox/CheckBox.js +10 -21
- package/es/CheckBox/CheckBox.module.css +6 -21
- package/es/CheckBox/__tests__/CheckBox.spec.js +0 -9
- package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +93 -162
- package/es/CheckBox/props/propTypes.js +1 -4
- package/es/DateTime/DateTime.module.css +12 -9
- package/es/DateTime/YearView.module.css +1 -1
- package/es/Heading/Heading.module.css +1 -1
- package/es/Label/Label.js +1 -19
- package/es/Label/Label.module.css +8 -8
- package/es/Label/__tests__/Label.spec.js +0 -58
- package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -66
- package/es/Label/props/defaultProps.js +0 -1
- package/es/Label/props/propTypes.js +1 -7
- package/es/MultiSelect/MultiSelect.module.css +1 -1
- package/es/Radio/Radio.js +9 -20
- package/es/Radio/Radio.module.css +5 -38
- package/es/Radio/__tests__/Radio.spec.js +0 -10
- package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +81 -238
- package/es/Radio/props/propTypes.js +1 -4
- package/es/Tab/Tabs.module.css +1 -1
- package/es/TextBox/TextBox.module.css +4 -4
- package/es/TextBoxIcon/TextBoxIcon.module.css +0 -6
- package/es/Textarea/Textarea.module.css +1 -1
- package/es/Tooltip/Tooltip.module.css +1 -1
- package/es/Typography/css/Typography.module.css +4 -4
- package/es/common/basic.module.css +39 -6
- package/es/common/basicReset.module.css +2 -2
- package/es/common/common.module.css +5 -5
- package/es/shared/InputFieldLine/InputFieldLine.module.css +1 -1
- package/es/v1/Tab/v1Tabs.module.css +1 -1
- package/es/v1/Typography/css/v1_Typography.module.css +4 -4
- package/lib/AppContainer/AppContainer.js +2 -0
- package/lib/AppContainer/AppContainer.module.css +3 -2
- package/lib/Button/css/Button.module.css +13 -4
- package/lib/CheckBox/CheckBox.js +9 -23
- package/lib/CheckBox/CheckBox.module.css +6 -21
- package/lib/CheckBox/__tests__/CheckBox.spec.js +12 -21
- package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +93 -162
- package/lib/CheckBox/props/propTypes.js +1 -5
- package/lib/DateTime/DateTime.module.css +12 -9
- package/lib/DateTime/YearView.module.css +1 -1
- package/lib/Heading/Heading.module.css +1 -1
- package/lib/Label/Label.js +1 -21
- package/lib/Label/Label.module.css +8 -8
- package/lib/Label/__tests__/Label.spec.js +0 -58
- package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -66
- package/lib/Label/props/defaultProps.js +0 -1
- package/lib/Label/props/propTypes.js +1 -8
- package/lib/MultiSelect/MultiSelect.module.css +1 -1
- package/lib/Radio/Radio.js +8 -22
- package/lib/Radio/Radio.module.css +5 -38
- package/lib/Radio/__tests__/Radio.spec.js +0 -10
- package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +81 -238
- package/lib/Radio/props/propTypes.js +1 -5
- package/lib/Tab/Tabs.module.css +1 -1
- package/lib/TextBox/TextBox.module.css +4 -4
- package/lib/TextBoxIcon/TextBoxIcon.module.css +0 -6
- package/lib/Textarea/Textarea.module.css +1 -1
- package/lib/Tooltip/Tooltip.module.css +1 -1
- package/lib/Typography/css/Typography.module.css +4 -4
- package/lib/common/basic.module.css +39 -6
- package/lib/common/basicReset.module.css +2 -2
- package/lib/common/common.module.css +5 -5
- package/lib/shared/InputFieldLine/InputFieldLine.module.css +1 -1
- package/lib/v1/Tab/v1Tabs.module.css +1 -1
- package/lib/v1/Typography/css/v1_Typography.module.css +4 -4
- package/package.json +9 -9
|
@@ -14,7 +14,7 @@ exports[`Radio rendering ally ariaChecked true 1`] = `
|
|
|
14
14
|
>
|
|
15
15
|
<div
|
|
16
16
|
class="radio rdBoxprimary
|
|
17
|
-
hoverprimary medium filled centerPathprimary
|
|
17
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
18
18
|
data-id="boxComponent"
|
|
19
19
|
data-selector-id="box"
|
|
20
20
|
data-test-id="boxComponent"
|
|
@@ -45,12 +45,6 @@ exports[`Radio rendering ally ariaChecked true 1`] = `
|
|
|
45
45
|
</svg>
|
|
46
46
|
</label>
|
|
47
47
|
</div>
|
|
48
|
-
<div
|
|
49
|
-
class="labelContainer grow basis shrinkOff"
|
|
50
|
-
data-id="boxComponent"
|
|
51
|
-
data-selector-id="box"
|
|
52
|
-
data-test-id="boxComponent"
|
|
53
|
-
/>
|
|
54
48
|
</div>
|
|
55
49
|
</DocumentFragment>
|
|
56
50
|
`;
|
|
@@ -70,7 +64,7 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly fasle true
|
|
|
70
64
|
>
|
|
71
65
|
<div
|
|
72
66
|
class="radio rdBoxprimary
|
|
73
|
-
medium filled centerPathprimary disabled
|
|
67
|
+
medium filled centerPathprimary disabled shrinkOff"
|
|
74
68
|
data-id="boxComponent"
|
|
75
69
|
data-selector-id="box"
|
|
76
70
|
data-test-id="boxComponent"
|
|
@@ -101,12 +95,6 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly fasle true
|
|
|
101
95
|
</svg>
|
|
102
96
|
</label>
|
|
103
97
|
</div>
|
|
104
|
-
<div
|
|
105
|
-
class="labelContainer grow basis shrinkOff"
|
|
106
|
-
data-id="boxComponent"
|
|
107
|
-
data-selector-id="box"
|
|
108
|
-
data-test-id="boxComponent"
|
|
109
|
-
/>
|
|
110
98
|
</div>
|
|
111
99
|
</DocumentFragment>
|
|
112
100
|
`;
|
|
@@ -126,7 +114,7 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly is false 1`
|
|
|
126
114
|
>
|
|
127
115
|
<div
|
|
128
116
|
class="radio
|
|
129
|
-
hoverprimary medium filled centerPathprimary
|
|
117
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
130
118
|
data-id="boxComponent"
|
|
131
119
|
data-selector-id="box"
|
|
132
120
|
data-test-id="boxComponent"
|
|
@@ -151,12 +139,6 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly is false 1`
|
|
|
151
139
|
</svg>
|
|
152
140
|
</label>
|
|
153
141
|
</div>
|
|
154
|
-
<div
|
|
155
|
-
class="labelContainer grow basis shrinkOff"
|
|
156
|
-
data-id="boxComponent"
|
|
157
|
-
data-selector-id="box"
|
|
158
|
-
data-test-id="boxComponent"
|
|
159
|
-
/>
|
|
160
142
|
</div>
|
|
161
143
|
</DocumentFragment>
|
|
162
144
|
`;
|
|
@@ -175,7 +157,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
|
|
|
175
157
|
>
|
|
176
158
|
<div
|
|
177
159
|
class="radio
|
|
178
|
-
hoverprimary medium filled centerPathprimary
|
|
160
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
179
161
|
data-id="boxComponent"
|
|
180
162
|
data-selector-id="box"
|
|
181
163
|
data-test-id="boxComponent"
|
|
@@ -201,7 +183,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
|
|
|
201
183
|
</label>
|
|
202
184
|
</div>
|
|
203
185
|
<div
|
|
204
|
-
class="
|
|
186
|
+
class="text grow basis shrinkOff"
|
|
205
187
|
data-id="boxComponent"
|
|
206
188
|
data-selector-id="box"
|
|
207
189
|
data-test-id="boxComponent"
|
|
@@ -209,7 +191,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
|
|
|
209
191
|
<label
|
|
210
192
|
class="label title medium danger font_default
|
|
211
193
|
dotted cursor
|
|
212
|
-
|
|
194
|
+
primaryLabel pointer "
|
|
213
195
|
data-id="RadioText_label"
|
|
214
196
|
data-selector-id="label"
|
|
215
197
|
data-test-id="RadioText_label"
|
|
@@ -236,7 +218,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
|
|
|
236
218
|
>
|
|
237
219
|
<div
|
|
238
220
|
class="radio
|
|
239
|
-
hoverprimary medium filled centerPathprimary
|
|
221
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
240
222
|
data-id="boxComponent"
|
|
241
223
|
data-selector-id="box"
|
|
242
224
|
data-test-id="boxComponent"
|
|
@@ -262,7 +244,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
|
|
|
262
244
|
</label>
|
|
263
245
|
</div>
|
|
264
246
|
<div
|
|
265
|
-
class="
|
|
247
|
+
class="text grow basis shrinkOff"
|
|
266
248
|
data-id="boxComponent"
|
|
267
249
|
data-selector-id="box"
|
|
268
250
|
data-test-id="boxComponent"
|
|
@@ -270,7 +252,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
|
|
|
270
252
|
<label
|
|
271
253
|
class="label title medium default font_default
|
|
272
254
|
dotted cursor
|
|
273
|
-
|
|
255
|
+
primaryLabel pointer "
|
|
274
256
|
data-id="RadioText_label"
|
|
275
257
|
data-selector-id="label"
|
|
276
258
|
data-test-id="RadioText_label"
|
|
@@ -297,7 +279,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
|
|
|
297
279
|
>
|
|
298
280
|
<div
|
|
299
281
|
class="radio
|
|
300
|
-
hoverprimary medium filled centerPathprimary
|
|
282
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
301
283
|
data-id="boxComponent"
|
|
302
284
|
data-selector-id="box"
|
|
303
285
|
data-test-id="boxComponent"
|
|
@@ -323,7 +305,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
|
|
|
323
305
|
</label>
|
|
324
306
|
</div>
|
|
325
307
|
<div
|
|
326
|
-
class="
|
|
308
|
+
class="text grow basis shrinkOff"
|
|
327
309
|
data-id="boxComponent"
|
|
328
310
|
data-selector-id="box"
|
|
329
311
|
data-test-id="boxComponent"
|
|
@@ -331,7 +313,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
|
|
|
331
313
|
<label
|
|
332
314
|
class="label title medium mandatory font_default
|
|
333
315
|
dotted cursor
|
|
334
|
-
|
|
316
|
+
primaryLabel pointer "
|
|
335
317
|
data-id="RadioText_label"
|
|
336
318
|
data-selector-id="label"
|
|
337
319
|
data-test-id="RadioText_label"
|
|
@@ -358,7 +340,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
|
|
|
358
340
|
>
|
|
359
341
|
<div
|
|
360
342
|
class="radio
|
|
361
|
-
hoverprimary medium filled centerPathprimary
|
|
343
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
362
344
|
data-id="boxComponent"
|
|
363
345
|
data-selector-id="box"
|
|
364
346
|
data-test-id="boxComponent"
|
|
@@ -384,7 +366,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
|
|
|
384
366
|
</label>
|
|
385
367
|
</div>
|
|
386
368
|
<div
|
|
387
|
-
class="
|
|
369
|
+
class="text grow basis shrinkOff"
|
|
388
370
|
data-id="boxComponent"
|
|
389
371
|
data-selector-id="box"
|
|
390
372
|
data-test-id="boxComponent"
|
|
@@ -392,7 +374,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
|
|
|
392
374
|
<label
|
|
393
375
|
class="label title medium primary font_default
|
|
394
376
|
dotted cursor
|
|
395
|
-
|
|
377
|
+
primaryLabel pointer "
|
|
396
378
|
data-id="RadioText_label"
|
|
397
379
|
data-selector-id="label"
|
|
398
380
|
data-test-id="RadioText_label"
|
|
@@ -419,7 +401,7 @@ exports[`Radio rendering labelSize - default 1`] = `
|
|
|
419
401
|
>
|
|
420
402
|
<div
|
|
421
403
|
class="radio
|
|
422
|
-
hoverprimary medium filled centerPathprimary
|
|
404
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
423
405
|
data-id="boxComponent"
|
|
424
406
|
data-selector-id="box"
|
|
425
407
|
data-test-id="boxComponent"
|
|
@@ -445,7 +427,7 @@ exports[`Radio rendering labelSize - default 1`] = `
|
|
|
445
427
|
</label>
|
|
446
428
|
</div>
|
|
447
429
|
<div
|
|
448
|
-
class="
|
|
430
|
+
class="text grow basis shrinkOff"
|
|
449
431
|
data-id="boxComponent"
|
|
450
432
|
data-selector-id="box"
|
|
451
433
|
data-test-id="boxComponent"
|
|
@@ -453,7 +435,7 @@ exports[`Radio rendering labelSize - default 1`] = `
|
|
|
453
435
|
<label
|
|
454
436
|
class="label title medium default font_default
|
|
455
437
|
dotted cursor
|
|
456
|
-
|
|
438
|
+
primaryLabel pointer "
|
|
457
439
|
data-id="RadioText_label"
|
|
458
440
|
data-selector-id="label"
|
|
459
441
|
data-test-id="RadioText_label"
|
|
@@ -480,7 +462,7 @@ exports[`Radio rendering labelSize - large 1`] = `
|
|
|
480
462
|
>
|
|
481
463
|
<div
|
|
482
464
|
class="radio
|
|
483
|
-
hoverprimary medium filled centerPathprimary
|
|
465
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
484
466
|
data-id="boxComponent"
|
|
485
467
|
data-selector-id="box"
|
|
486
468
|
data-test-id="boxComponent"
|
|
@@ -506,7 +488,7 @@ exports[`Radio rendering labelSize - large 1`] = `
|
|
|
506
488
|
</label>
|
|
507
489
|
</div>
|
|
508
490
|
<div
|
|
509
|
-
class="
|
|
491
|
+
class="text grow basis shrinkOff"
|
|
510
492
|
data-id="boxComponent"
|
|
511
493
|
data-selector-id="box"
|
|
512
494
|
data-test-id="boxComponent"
|
|
@@ -514,7 +496,7 @@ exports[`Radio rendering labelSize - large 1`] = `
|
|
|
514
496
|
<label
|
|
515
497
|
class="label title large default font_default
|
|
516
498
|
dotted cursor
|
|
517
|
-
|
|
499
|
+
primaryLabel pointer "
|
|
518
500
|
data-id="RadioText_label"
|
|
519
501
|
data-selector-id="label"
|
|
520
502
|
data-test-id="RadioText_label"
|
|
@@ -541,7 +523,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
|
|
|
541
523
|
>
|
|
542
524
|
<div
|
|
543
525
|
class="radio
|
|
544
|
-
hoverprimary medium filled centerPathprimary
|
|
526
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
545
527
|
data-id="boxComponent"
|
|
546
528
|
data-selector-id="box"
|
|
547
529
|
data-test-id="boxComponent"
|
|
@@ -567,7 +549,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
|
|
|
567
549
|
</label>
|
|
568
550
|
</div>
|
|
569
551
|
<div
|
|
570
|
-
class="
|
|
552
|
+
class="text grow basis shrinkOff"
|
|
571
553
|
data-id="boxComponent"
|
|
572
554
|
data-selector-id="box"
|
|
573
555
|
data-test-id="boxComponent"
|
|
@@ -575,7 +557,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
|
|
|
575
557
|
<label
|
|
576
558
|
class="label title medium default font_default
|
|
577
559
|
dotted cursor
|
|
578
|
-
|
|
560
|
+
primaryLabel pointer "
|
|
579
561
|
data-id="RadioText_label"
|
|
580
562
|
data-selector-id="label"
|
|
581
563
|
data-test-id="RadioText_label"
|
|
@@ -602,7 +584,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
|
|
|
602
584
|
>
|
|
603
585
|
<div
|
|
604
586
|
class="radio
|
|
605
|
-
hoverprimary medium filled centerPathprimary
|
|
587
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
606
588
|
data-id="boxComponent"
|
|
607
589
|
data-selector-id="box"
|
|
608
590
|
data-test-id="boxComponent"
|
|
@@ -628,7 +610,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
|
|
|
628
610
|
</label>
|
|
629
611
|
</div>
|
|
630
612
|
<div
|
|
631
|
-
class="
|
|
613
|
+
class="text grow basis shrinkOff"
|
|
632
614
|
data-id="boxComponent"
|
|
633
615
|
data-selector-id="box"
|
|
634
616
|
data-test-id="boxComponent"
|
|
@@ -636,7 +618,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
|
|
|
636
618
|
<label
|
|
637
619
|
class="label title medium default font_primary
|
|
638
620
|
dotted cursor
|
|
639
|
-
|
|
621
|
+
primaryLabel pointer "
|
|
640
622
|
data-id="RadioText_label"
|
|
641
623
|
data-selector-id="label"
|
|
642
624
|
data-test-id="RadioText_label"
|
|
@@ -663,7 +645,7 @@ exports[`Radio rendering labelSize - small 1`] = `
|
|
|
663
645
|
>
|
|
664
646
|
<div
|
|
665
647
|
class="radio
|
|
666
|
-
hoverprimary medium filled centerPathprimary
|
|
648
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
667
649
|
data-id="boxComponent"
|
|
668
650
|
data-selector-id="box"
|
|
669
651
|
data-test-id="boxComponent"
|
|
@@ -689,7 +671,7 @@ exports[`Radio rendering labelSize - small 1`] = `
|
|
|
689
671
|
</label>
|
|
690
672
|
</div>
|
|
691
673
|
<div
|
|
692
|
-
class="
|
|
674
|
+
class="text grow basis shrinkOff"
|
|
693
675
|
data-id="boxComponent"
|
|
694
676
|
data-selector-id="box"
|
|
695
677
|
data-test-id="boxComponent"
|
|
@@ -697,7 +679,7 @@ exports[`Radio rendering labelSize - small 1`] = `
|
|
|
697
679
|
<label
|
|
698
680
|
class="label title small default font_default
|
|
699
681
|
dotted cursor
|
|
700
|
-
|
|
682
|
+
primaryLabel pointer "
|
|
701
683
|
data-id="RadioText_label"
|
|
702
684
|
data-selector-id="label"
|
|
703
685
|
data-test-id="RadioText_label"
|
|
@@ -724,7 +706,7 @@ exports[`Radio rendering palette - danger 1`] = `
|
|
|
724
706
|
>
|
|
725
707
|
<div
|
|
726
708
|
class="radio
|
|
727
|
-
hoverdanger medium filled centerPathdanger
|
|
709
|
+
hoverdanger medium filled centerPathdanger shrinkOff"
|
|
728
710
|
data-id="boxComponent"
|
|
729
711
|
data-selector-id="box"
|
|
730
712
|
data-test-id="boxComponent"
|
|
@@ -749,12 +731,6 @@ exports[`Radio rendering palette - danger 1`] = `
|
|
|
749
731
|
</svg>
|
|
750
732
|
</label>
|
|
751
733
|
</div>
|
|
752
|
-
<div
|
|
753
|
-
class="labelContainer grow basis shrinkOff"
|
|
754
|
-
data-id="boxComponent"
|
|
755
|
-
data-selector-id="box"
|
|
756
|
-
data-test-id="boxComponent"
|
|
757
|
-
/>
|
|
758
734
|
</div>
|
|
759
735
|
</DocumentFragment>
|
|
760
736
|
`;
|
|
@@ -773,7 +749,7 @@ exports[`Radio rendering palette - primary 1`] = `
|
|
|
773
749
|
>
|
|
774
750
|
<div
|
|
775
751
|
class="radio
|
|
776
|
-
hoverprimary medium filled centerPathprimary
|
|
752
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
777
753
|
data-id="boxComponent"
|
|
778
754
|
data-selector-id="box"
|
|
779
755
|
data-test-id="boxComponent"
|
|
@@ -798,85 +774,6 @@ exports[`Radio rendering palette - primary 1`] = `
|
|
|
798
774
|
</svg>
|
|
799
775
|
</label>
|
|
800
776
|
</div>
|
|
801
|
-
<div
|
|
802
|
-
class="labelContainer grow basis shrinkOff"
|
|
803
|
-
data-id="boxComponent"
|
|
804
|
-
data-selector-id="box"
|
|
805
|
-
data-test-id="boxComponent"
|
|
806
|
-
/>
|
|
807
|
-
</div>
|
|
808
|
-
</DocumentFragment>
|
|
809
|
-
`;
|
|
810
|
-
|
|
811
|
-
exports[`Radio rendering secondaryText with checked state 1`] = `
|
|
812
|
-
<DocumentFragment>
|
|
813
|
-
<div
|
|
814
|
-
aria-checked="true"
|
|
815
|
-
aria-readonly="false"
|
|
816
|
-
class="container pointer hoverEfffect checked flex rowdir both"
|
|
817
|
-
data-id="RadioComp"
|
|
818
|
-
data-selector-id="container"
|
|
819
|
-
data-test-id="RadioComp"
|
|
820
|
-
role="radio"
|
|
821
|
-
tabindex="0"
|
|
822
|
-
>
|
|
823
|
-
<div
|
|
824
|
-
class="radio rdBoxprimary
|
|
825
|
-
hoverprimary medium filled centerPathprimary withSecondaryText shrinkOff selfStart"
|
|
826
|
-
data-id="boxComponent"
|
|
827
|
-
data-selector-id="box"
|
|
828
|
-
data-test-id="boxComponent"
|
|
829
|
-
>
|
|
830
|
-
<input
|
|
831
|
-
type="hidden"
|
|
832
|
-
value=""
|
|
833
|
-
/>
|
|
834
|
-
<label
|
|
835
|
-
class="radioLabel pointer"
|
|
836
|
-
>
|
|
837
|
-
<svg
|
|
838
|
-
viewBox="0 0 40 40"
|
|
839
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
840
|
-
>
|
|
841
|
-
<circle
|
|
842
|
-
class="rdBox"
|
|
843
|
-
cx="20"
|
|
844
|
-
cy="20"
|
|
845
|
-
r="19"
|
|
846
|
-
/>
|
|
847
|
-
<circle
|
|
848
|
-
class="centerPath"
|
|
849
|
-
cx="20"
|
|
850
|
-
cy="20"
|
|
851
|
-
r="11.03"
|
|
852
|
-
/>
|
|
853
|
-
</svg>
|
|
854
|
-
</label>
|
|
855
|
-
</div>
|
|
856
|
-
<div
|
|
857
|
-
class="labelContainer grow basis shrinkOff"
|
|
858
|
-
data-id="boxComponent"
|
|
859
|
-
data-selector-id="box"
|
|
860
|
-
data-test-id="boxComponent"
|
|
861
|
-
>
|
|
862
|
-
<label
|
|
863
|
-
class="label title medium default font_default
|
|
864
|
-
dotted cursor
|
|
865
|
-
primaryLabel pointer "
|
|
866
|
-
data-id="Radio Text_label"
|
|
867
|
-
data-selector-id="label"
|
|
868
|
-
data-test-id="Radio Text_label"
|
|
869
|
-
data-title="Radio Text"
|
|
870
|
-
>
|
|
871
|
-
Radio Text
|
|
872
|
-
</label>
|
|
873
|
-
<div
|
|
874
|
-
class="size12 lineheight_1_2 secondaryText "
|
|
875
|
-
data-title="Secondary text"
|
|
876
|
-
>
|
|
877
|
-
Secondary text
|
|
878
|
-
</div>
|
|
879
|
-
</div>
|
|
880
777
|
</div>
|
|
881
778
|
</DocumentFragment>
|
|
882
779
|
`;
|
|
@@ -895,7 +792,7 @@ exports[`Radio rendering size - medium 1`] = `
|
|
|
895
792
|
>
|
|
896
793
|
<div
|
|
897
794
|
class="radio
|
|
898
|
-
hoverprimary medium filled centerPathprimary
|
|
795
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
899
796
|
data-id="boxComponent"
|
|
900
797
|
data-selector-id="box"
|
|
901
798
|
data-test-id="boxComponent"
|
|
@@ -920,12 +817,6 @@ exports[`Radio rendering size - medium 1`] = `
|
|
|
920
817
|
</svg>
|
|
921
818
|
</label>
|
|
922
819
|
</div>
|
|
923
|
-
<div
|
|
924
|
-
class="labelContainer grow basis shrinkOff"
|
|
925
|
-
data-id="boxComponent"
|
|
926
|
-
data-selector-id="box"
|
|
927
|
-
data-test-id="boxComponent"
|
|
928
|
-
/>
|
|
929
820
|
</div>
|
|
930
821
|
</DocumentFragment>
|
|
931
822
|
`;
|
|
@@ -944,7 +835,7 @@ exports[`Radio rendering size - small 1`] = `
|
|
|
944
835
|
>
|
|
945
836
|
<div
|
|
946
837
|
class="radio
|
|
947
|
-
hoverprimary small filled centerPathprimary
|
|
838
|
+
hoverprimary small filled centerPathprimary shrinkOff"
|
|
948
839
|
data-id="boxComponent"
|
|
949
840
|
data-selector-id="box"
|
|
950
841
|
data-test-id="boxComponent"
|
|
@@ -969,12 +860,6 @@ exports[`Radio rendering size - small 1`] = `
|
|
|
969
860
|
</svg>
|
|
970
861
|
</label>
|
|
971
862
|
</div>
|
|
972
|
-
<div
|
|
973
|
-
class="labelContainer grow basis shrinkOff"
|
|
974
|
-
data-id="boxComponent"
|
|
975
|
-
data-selector-id="box"
|
|
976
|
-
data-test-id="boxComponent"
|
|
977
|
-
/>
|
|
978
863
|
</div>
|
|
979
864
|
</DocumentFragment>
|
|
980
865
|
`;
|
|
@@ -993,7 +878,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
|
|
|
993
878
|
>
|
|
994
879
|
<div
|
|
995
880
|
class="radio
|
|
996
|
-
hoverdanger medium filled centerPathdanger
|
|
881
|
+
hoverdanger medium filled centerPathdanger shrinkOff"
|
|
997
882
|
data-id="boxComponent"
|
|
998
883
|
data-selector-id="box"
|
|
999
884
|
data-test-id="boxComponent"
|
|
@@ -1019,7 +904,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
|
|
|
1019
904
|
</label>
|
|
1020
905
|
</div>
|
|
1021
906
|
<div
|
|
1022
|
-
class="
|
|
907
|
+
class="text grow basis shrinkOff"
|
|
1023
908
|
data-id="boxComponent"
|
|
1024
909
|
data-selector-id="box"
|
|
1025
910
|
data-test-id="boxComponent"
|
|
@@ -1027,7 +912,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
|
|
|
1027
912
|
<label
|
|
1028
913
|
class="label title medium default font_default
|
|
1029
914
|
dotted cursor
|
|
1030
|
-
|
|
915
|
+
dangerLabel pointer "
|
|
1031
916
|
data-id="RadioText_label"
|
|
1032
917
|
data-selector-id="label"
|
|
1033
918
|
data-test-id="RadioText_label"
|
|
@@ -1054,7 +939,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
|
|
|
1054
939
|
>
|
|
1055
940
|
<div
|
|
1056
941
|
class="radio
|
|
1057
|
-
hoverprimary medium filled centerPathprimary
|
|
942
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1058
943
|
data-id="boxComponent"
|
|
1059
944
|
data-selector-id="box"
|
|
1060
945
|
data-test-id="boxComponent"
|
|
@@ -1080,7 +965,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
|
|
|
1080
965
|
</label>
|
|
1081
966
|
</div>
|
|
1082
967
|
<div
|
|
1083
|
-
class="
|
|
968
|
+
class="text grow basis shrinkOff"
|
|
1084
969
|
data-id="boxComponent"
|
|
1085
970
|
data-selector-id="box"
|
|
1086
971
|
data-test-id="boxComponent"
|
|
@@ -1088,7 +973,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
|
|
|
1088
973
|
<label
|
|
1089
974
|
class="label title medium default font_default
|
|
1090
975
|
dotted cursor
|
|
1091
|
-
|
|
976
|
+
primaryLabel pointer "
|
|
1092
977
|
data-id="RadioText_label"
|
|
1093
978
|
data-selector-id="label"
|
|
1094
979
|
data-test-id="RadioText_label"
|
|
@@ -1115,7 +1000,7 @@ exports[`Radio rendering the ID 1`] = `
|
|
|
1115
1000
|
>
|
|
1116
1001
|
<div
|
|
1117
1002
|
class="radio
|
|
1118
|
-
hoverprimary medium filled centerPathprimary
|
|
1003
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1119
1004
|
data-id="boxComponent"
|
|
1120
1005
|
data-selector-id="box"
|
|
1121
1006
|
data-test-id="boxComponent"
|
|
@@ -1141,12 +1026,6 @@ exports[`Radio rendering the ID 1`] = `
|
|
|
1141
1026
|
</svg>
|
|
1142
1027
|
</label>
|
|
1143
1028
|
</div>
|
|
1144
|
-
<div
|
|
1145
|
-
class="labelContainer grow basis shrinkOff"
|
|
1146
|
-
data-id="boxComponent"
|
|
1147
|
-
data-selector-id="box"
|
|
1148
|
-
data-test-id="boxComponent"
|
|
1149
|
-
/>
|
|
1150
1029
|
</div>
|
|
1151
1030
|
</DocumentFragment>
|
|
1152
1031
|
`;
|
|
@@ -1165,7 +1044,7 @@ exports[`Radio rendering the Name 1`] = `
|
|
|
1165
1044
|
>
|
|
1166
1045
|
<div
|
|
1167
1046
|
class="radio
|
|
1168
|
-
hoverprimary medium filled centerPathprimary
|
|
1047
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1169
1048
|
data-id="boxComponent"
|
|
1170
1049
|
data-selector-id="box"
|
|
1171
1050
|
data-test-id="boxComponent"
|
|
@@ -1191,12 +1070,6 @@ exports[`Radio rendering the Name 1`] = `
|
|
|
1191
1070
|
</svg>
|
|
1192
1071
|
</label>
|
|
1193
1072
|
</div>
|
|
1194
|
-
<div
|
|
1195
|
-
class="labelContainer grow basis shrinkOff"
|
|
1196
|
-
data-id="boxComponent"
|
|
1197
|
-
data-selector-id="box"
|
|
1198
|
-
data-test-id="boxComponent"
|
|
1199
|
-
/>
|
|
1200
1073
|
</div>
|
|
1201
1074
|
</DocumentFragment>
|
|
1202
1075
|
`;
|
|
@@ -1215,7 +1088,7 @@ exports[`Radio rendering the Value 1`] = `
|
|
|
1215
1088
|
>
|
|
1216
1089
|
<div
|
|
1217
1090
|
class="radio
|
|
1218
|
-
hoverprimary medium filled centerPathprimary
|
|
1091
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1219
1092
|
data-id="boxComponent"
|
|
1220
1093
|
data-selector-id="box"
|
|
1221
1094
|
data-test-id="boxComponent"
|
|
@@ -1240,12 +1113,6 @@ exports[`Radio rendering the Value 1`] = `
|
|
|
1240
1113
|
</svg>
|
|
1241
1114
|
</label>
|
|
1242
1115
|
</div>
|
|
1243
|
-
<div
|
|
1244
|
-
class="labelContainer grow basis shrinkOff"
|
|
1245
|
-
data-id="boxComponent"
|
|
1246
|
-
data-selector-id="box"
|
|
1247
|
-
data-test-id="boxComponent"
|
|
1248
|
-
/>
|
|
1249
1116
|
</div>
|
|
1250
1117
|
</DocumentFragment>
|
|
1251
1118
|
`;
|
|
@@ -1264,7 +1131,7 @@ exports[`Radio rendering the accessMode when disabled 1`] = `
|
|
|
1264
1131
|
>
|
|
1265
1132
|
<div
|
|
1266
1133
|
class="radio
|
|
1267
|
-
medium filled centerPathprimary disabled
|
|
1134
|
+
medium filled centerPathprimary disabled shrinkOff"
|
|
1268
1135
|
data-id="boxComponent"
|
|
1269
1136
|
data-selector-id="box"
|
|
1270
1137
|
data-test-id="boxComponent"
|
|
@@ -1290,15 +1157,15 @@ exports[`Radio rendering the accessMode when disabled 1`] = `
|
|
|
1290
1157
|
</label>
|
|
1291
1158
|
</div>
|
|
1292
1159
|
<div
|
|
1293
|
-
class="
|
|
1160
|
+
class="text disabled grow basis shrinkOff"
|
|
1294
1161
|
data-id="boxComponent"
|
|
1295
1162
|
data-selector-id="box"
|
|
1296
1163
|
data-test-id="boxComponent"
|
|
1297
1164
|
>
|
|
1298
1165
|
<label
|
|
1299
1166
|
class="label title medium default font_default
|
|
1300
|
-
dotted cursor
|
|
1301
|
-
|
|
1167
|
+
dotted cursor
|
|
1168
|
+
primaryLabel "
|
|
1302
1169
|
data-id="RadioText_label"
|
|
1303
1170
|
data-selector-id="label"
|
|
1304
1171
|
data-test-id="RadioText_label"
|
|
@@ -1325,7 +1192,7 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
|
|
|
1325
1192
|
>
|
|
1326
1193
|
<div
|
|
1327
1194
|
class="radio
|
|
1328
|
-
medium filled centerPathprimary disabled
|
|
1195
|
+
medium filled centerPathprimary disabled shrinkOff"
|
|
1329
1196
|
data-id="boxComponent"
|
|
1330
1197
|
data-selector-id="box"
|
|
1331
1198
|
data-test-id="boxComponent"
|
|
@@ -1351,7 +1218,7 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
|
|
|
1351
1218
|
</label>
|
|
1352
1219
|
</div>
|
|
1353
1220
|
<div
|
|
1354
|
-
class="
|
|
1221
|
+
class="text grow basis shrinkOff"
|
|
1355
1222
|
data-id="boxComponent"
|
|
1356
1223
|
data-selector-id="box"
|
|
1357
1224
|
data-test-id="boxComponent"
|
|
@@ -1359,7 +1226,7 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
|
|
|
1359
1226
|
<label
|
|
1360
1227
|
class="label title medium default font_default
|
|
1361
1228
|
dotted cursor
|
|
1362
|
-
|
|
1229
|
+
primaryLabel readonly "
|
|
1363
1230
|
data-id="RadioText_label"
|
|
1364
1231
|
data-selector-id="label"
|
|
1365
1232
|
data-test-id="RadioText_label"
|
|
@@ -1386,7 +1253,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
|
|
|
1386
1253
|
>
|
|
1387
1254
|
<div
|
|
1388
1255
|
class="radio rdBoxdanger
|
|
1389
|
-
hoverdanger medium filled centerPathdanger
|
|
1256
|
+
hoverdanger medium filled centerPathdanger shrinkOff"
|
|
1390
1257
|
data-id="boxComponent"
|
|
1391
1258
|
data-selector-id="box"
|
|
1392
1259
|
data-test-id="boxComponent"
|
|
@@ -1418,7 +1285,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
|
|
|
1418
1285
|
</label>
|
|
1419
1286
|
</div>
|
|
1420
1287
|
<div
|
|
1421
|
-
class="
|
|
1288
|
+
class="text grow basis shrinkOff"
|
|
1422
1289
|
data-id="boxComponent"
|
|
1423
1290
|
data-selector-id="box"
|
|
1424
1291
|
data-test-id="boxComponent"
|
|
@@ -1426,7 +1293,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
|
|
|
1426
1293
|
<label
|
|
1427
1294
|
class="label title medium default font_default
|
|
1428
1295
|
dotted cursor dangercheckedActive
|
|
1429
|
-
|
|
1296
|
+
dangerLabel pointer "
|
|
1430
1297
|
data-id="RadioText_label"
|
|
1431
1298
|
data-selector-id="label"
|
|
1432
1299
|
data-test-id="RadioText_label"
|
|
@@ -1453,7 +1320,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
|
|
|
1453
1320
|
>
|
|
1454
1321
|
<div
|
|
1455
1322
|
class="radio rdBoxprimary
|
|
1456
|
-
hoverprimary medium filled centerPathprimary
|
|
1323
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1457
1324
|
data-id="boxComponent"
|
|
1458
1325
|
data-selector-id="box"
|
|
1459
1326
|
data-test-id="boxComponent"
|
|
@@ -1485,7 +1352,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
|
|
|
1485
1352
|
</label>
|
|
1486
1353
|
</div>
|
|
1487
1354
|
<div
|
|
1488
|
-
class="
|
|
1355
|
+
class="text grow basis shrinkOff"
|
|
1489
1356
|
data-id="boxComponent"
|
|
1490
1357
|
data-selector-id="box"
|
|
1491
1358
|
data-test-id="boxComponent"
|
|
@@ -1493,7 +1360,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
|
|
|
1493
1360
|
<label
|
|
1494
1361
|
class="label title medium default font_default
|
|
1495
1362
|
dotted cursor primarycheckedActive
|
|
1496
|
-
|
|
1363
|
+
primaryLabel pointer "
|
|
1497
1364
|
data-id="RadioText_label"
|
|
1498
1365
|
data-selector-id="label"
|
|
1499
1366
|
data-test-id="RadioText_label"
|
|
@@ -1520,7 +1387,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
|
|
|
1520
1387
|
>
|
|
1521
1388
|
<div
|
|
1522
1389
|
class="radio
|
|
1523
|
-
hoverprimary medium filled centerPathprimary CustomClassCustomRadio
|
|
1390
|
+
hoverprimary medium filled centerPathprimary CustomClassCustomRadio shrinkOff"
|
|
1524
1391
|
data-id="boxComponent"
|
|
1525
1392
|
data-selector-id="box"
|
|
1526
1393
|
data-test-id="boxComponent"
|
|
@@ -1546,7 +1413,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
|
|
|
1546
1413
|
</label>
|
|
1547
1414
|
</div>
|
|
1548
1415
|
<div
|
|
1549
|
-
class="
|
|
1416
|
+
class="text grow basis shrinkOff"
|
|
1550
1417
|
data-id="boxComponent"
|
|
1551
1418
|
data-selector-id="box"
|
|
1552
1419
|
data-test-id="boxComponent"
|
|
@@ -1554,7 +1421,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
|
|
|
1554
1421
|
<label
|
|
1555
1422
|
class="label title medium default font_default
|
|
1556
1423
|
dotted cursor
|
|
1557
|
-
|
|
1424
|
+
primaryLabel pointer CustomClassCustomLabel "
|
|
1558
1425
|
data-id="RadioText_label"
|
|
1559
1426
|
data-selector-id="label"
|
|
1560
1427
|
data-test-id="RadioText_label"
|
|
@@ -1581,7 +1448,7 @@ exports[`Radio rendering the defult props 1`] = `
|
|
|
1581
1448
|
>
|
|
1582
1449
|
<div
|
|
1583
1450
|
class="radio
|
|
1584
|
-
hoverprimary medium filled centerPathprimary
|
|
1451
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1585
1452
|
data-id="boxComponent"
|
|
1586
1453
|
data-selector-id="box"
|
|
1587
1454
|
data-test-id="boxComponent"
|
|
@@ -1606,12 +1473,6 @@ exports[`Radio rendering the defult props 1`] = `
|
|
|
1606
1473
|
</svg>
|
|
1607
1474
|
</label>
|
|
1608
1475
|
</div>
|
|
1609
|
-
<div
|
|
1610
|
-
class="labelContainer grow basis shrinkOff"
|
|
1611
|
-
data-id="boxComponent"
|
|
1612
|
-
data-selector-id="box"
|
|
1613
|
-
data-test-id="boxComponent"
|
|
1614
|
-
/>
|
|
1615
1476
|
</div>
|
|
1616
1477
|
</DocumentFragment>
|
|
1617
1478
|
`;
|
|
@@ -1630,7 +1491,7 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
|
|
|
1630
1491
|
>
|
|
1631
1492
|
<div
|
|
1632
1493
|
class="radio
|
|
1633
|
-
medium filled centerPathdanger disabled
|
|
1494
|
+
medium filled centerPathdanger disabled shrinkOff"
|
|
1634
1495
|
data-id="boxComponent"
|
|
1635
1496
|
data-selector-id="box"
|
|
1636
1497
|
data-test-id="boxComponent"
|
|
@@ -1656,15 +1517,15 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
|
|
|
1656
1517
|
</label>
|
|
1657
1518
|
</div>
|
|
1658
1519
|
<div
|
|
1659
|
-
class="
|
|
1520
|
+
class="text disabled grow basis shrinkOff"
|
|
1660
1521
|
data-id="boxComponent"
|
|
1661
1522
|
data-selector-id="box"
|
|
1662
1523
|
data-test-id="boxComponent"
|
|
1663
1524
|
>
|
|
1664
1525
|
<label
|
|
1665
1526
|
class="label title medium default font_default
|
|
1666
|
-
dotted cursor
|
|
1667
|
-
|
|
1527
|
+
dotted cursor
|
|
1528
|
+
dangerLabel "
|
|
1668
1529
|
data-id="RadioText_label"
|
|
1669
1530
|
data-selector-id="label"
|
|
1670
1531
|
data-test-id="RadioText_label"
|
|
@@ -1691,7 +1552,7 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
|
|
|
1691
1552
|
>
|
|
1692
1553
|
<div
|
|
1693
1554
|
class="radio
|
|
1694
|
-
medium filled centerPathprimary disabled
|
|
1555
|
+
medium filled centerPathprimary disabled shrinkOff"
|
|
1695
1556
|
data-id="boxComponent"
|
|
1696
1557
|
data-selector-id="box"
|
|
1697
1558
|
data-test-id="boxComponent"
|
|
@@ -1717,15 +1578,15 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
|
|
|
1717
1578
|
</label>
|
|
1718
1579
|
</div>
|
|
1719
1580
|
<div
|
|
1720
|
-
class="
|
|
1581
|
+
class="text disabled grow basis shrinkOff"
|
|
1721
1582
|
data-id="boxComponent"
|
|
1722
1583
|
data-selector-id="box"
|
|
1723
1584
|
data-test-id="boxComponent"
|
|
1724
1585
|
>
|
|
1725
1586
|
<label
|
|
1726
1587
|
class="label title medium default font_default
|
|
1727
|
-
dotted cursor
|
|
1728
|
-
|
|
1588
|
+
dotted cursor
|
|
1589
|
+
primaryLabel "
|
|
1729
1590
|
data-id="RadioText_label"
|
|
1730
1591
|
data-selector-id="label"
|
|
1731
1592
|
data-test-id="RadioText_label"
|
|
@@ -1753,7 +1614,7 @@ exports[`Radio rendering the disabledTitle 1`] = `
|
|
|
1753
1614
|
>
|
|
1754
1615
|
<div
|
|
1755
1616
|
class="radio
|
|
1756
|
-
medium filled centerPathprimary disabled
|
|
1617
|
+
medium filled centerPathprimary disabled shrinkOff"
|
|
1757
1618
|
data-id="boxComponent"
|
|
1758
1619
|
data-selector-id="box"
|
|
1759
1620
|
data-test-id="boxComponent"
|
|
@@ -1779,15 +1640,15 @@ exports[`Radio rendering the disabledTitle 1`] = `
|
|
|
1779
1640
|
</label>
|
|
1780
1641
|
</div>
|
|
1781
1642
|
<div
|
|
1782
|
-
class="
|
|
1643
|
+
class="text disabled grow basis shrinkOff"
|
|
1783
1644
|
data-id="boxComponent"
|
|
1784
1645
|
data-selector-id="box"
|
|
1785
1646
|
data-test-id="boxComponent"
|
|
1786
1647
|
>
|
|
1787
1648
|
<label
|
|
1788
1649
|
class="label title medium default font_default
|
|
1789
|
-
dotted cursor
|
|
1790
|
-
|
|
1650
|
+
dotted cursor
|
|
1651
|
+
primaryLabel "
|
|
1791
1652
|
data-id="RadioText_label"
|
|
1792
1653
|
data-selector-id="label"
|
|
1793
1654
|
data-test-id="RadioText_label"
|
|
@@ -1814,7 +1675,7 @@ exports[`Radio rendering the isFilled is false 1`] = `
|
|
|
1814
1675
|
>
|
|
1815
1676
|
<div
|
|
1816
1677
|
class="radio
|
|
1817
|
-
hoverprimary medium centerPathprimary
|
|
1678
|
+
hoverprimary medium centerPathprimary shrinkOff"
|
|
1818
1679
|
data-id="boxComponent"
|
|
1819
1680
|
data-selector-id="box"
|
|
1820
1681
|
data-test-id="boxComponent"
|
|
@@ -1839,12 +1700,6 @@ exports[`Radio rendering the isFilled is false 1`] = `
|
|
|
1839
1700
|
</svg>
|
|
1840
1701
|
</label>
|
|
1841
1702
|
</div>
|
|
1842
|
-
<div
|
|
1843
|
-
class="labelContainer grow basis shrinkOff"
|
|
1844
|
-
data-id="boxComponent"
|
|
1845
|
-
data-selector-id="box"
|
|
1846
|
-
data-test-id="boxComponent"
|
|
1847
|
-
/>
|
|
1848
1703
|
</div>
|
|
1849
1704
|
</DocumentFragment>
|
|
1850
1705
|
`;
|
|
@@ -1863,7 +1718,7 @@ exports[`Radio rendering the isReadOnly is true 1`] = `
|
|
|
1863
1718
|
>
|
|
1864
1719
|
<div
|
|
1865
1720
|
class="radio
|
|
1866
|
-
medium filled centerPathprimary disabled
|
|
1721
|
+
medium filled centerPathprimary disabled shrinkOff"
|
|
1867
1722
|
data-id="boxComponent"
|
|
1868
1723
|
data-selector-id="box"
|
|
1869
1724
|
data-test-id="boxComponent"
|
|
@@ -1888,12 +1743,6 @@ exports[`Radio rendering the isReadOnly is true 1`] = `
|
|
|
1888
1743
|
</svg>
|
|
1889
1744
|
</label>
|
|
1890
1745
|
</div>
|
|
1891
|
-
<div
|
|
1892
|
-
class="labelContainer grow basis shrinkOff"
|
|
1893
|
-
data-id="boxComponent"
|
|
1894
|
-
data-selector-id="box"
|
|
1895
|
-
data-test-id="boxComponent"
|
|
1896
|
-
/>
|
|
1897
1746
|
</div>
|
|
1898
1747
|
</DocumentFragment>
|
|
1899
1748
|
`;
|
|
@@ -1912,7 +1761,7 @@ exports[`Radio rendering the text 1`] = `
|
|
|
1912
1761
|
>
|
|
1913
1762
|
<div
|
|
1914
1763
|
class="radio
|
|
1915
|
-
hoverprimary medium filled centerPathprimary
|
|
1764
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1916
1765
|
data-id="boxComponent"
|
|
1917
1766
|
data-selector-id="box"
|
|
1918
1767
|
data-test-id="boxComponent"
|
|
@@ -1938,7 +1787,7 @@ exports[`Radio rendering the text 1`] = `
|
|
|
1938
1787
|
</label>
|
|
1939
1788
|
</div>
|
|
1940
1789
|
<div
|
|
1941
|
-
class="
|
|
1790
|
+
class="text grow basis shrinkOff"
|
|
1942
1791
|
data-id="boxComponent"
|
|
1943
1792
|
data-selector-id="box"
|
|
1944
1793
|
data-test-id="boxComponent"
|
|
@@ -1946,7 +1795,7 @@ exports[`Radio rendering the text 1`] = `
|
|
|
1946
1795
|
<label
|
|
1947
1796
|
class="label title medium default font_default
|
|
1948
1797
|
dotted cursor
|
|
1949
|
-
|
|
1798
|
+
primaryLabel pointer "
|
|
1950
1799
|
data-id="RadioText_label"
|
|
1951
1800
|
data-selector-id="label"
|
|
1952
1801
|
data-test-id="RadioText_label"
|
|
@@ -1974,7 +1823,7 @@ exports[`Radio rendering the title 1`] = `
|
|
|
1974
1823
|
>
|
|
1975
1824
|
<div
|
|
1976
1825
|
class="radio
|
|
1977
|
-
hoverprimary medium filled centerPathprimary
|
|
1826
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1978
1827
|
data-id="boxComponent"
|
|
1979
1828
|
data-selector-id="box"
|
|
1980
1829
|
data-test-id="boxComponent"
|
|
@@ -2000,7 +1849,7 @@ exports[`Radio rendering the title 1`] = `
|
|
|
2000
1849
|
</label>
|
|
2001
1850
|
</div>
|
|
2002
1851
|
<div
|
|
2003
|
-
class="
|
|
1852
|
+
class="text grow basis shrinkOff"
|
|
2004
1853
|
data-id="boxComponent"
|
|
2005
1854
|
data-selector-id="box"
|
|
2006
1855
|
data-test-id="boxComponent"
|
|
@@ -2008,7 +1857,7 @@ exports[`Radio rendering the title 1`] = `
|
|
|
2008
1857
|
<label
|
|
2009
1858
|
class="label title medium default font_default
|
|
2010
1859
|
dotted cursor
|
|
2011
|
-
|
|
1860
|
+
primaryLabel pointer "
|
|
2012
1861
|
data-id="RadioText_label"
|
|
2013
1862
|
data-selector-id="label"
|
|
2014
1863
|
data-test-id="RadioText_label"
|
|
@@ -2036,7 +1885,7 @@ exports[`Radio renders with different onClick props 1`] = `
|
|
|
2036
1885
|
>
|
|
2037
1886
|
<div
|
|
2038
1887
|
class="radio
|
|
2039
|
-
hoverprimary medium filled centerPathprimary
|
|
1888
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
2040
1889
|
data-id="boxComponent"
|
|
2041
1890
|
data-selector-id="box"
|
|
2042
1891
|
data-test-id="boxComponent"
|
|
@@ -2061,12 +1910,6 @@ exports[`Radio renders with different onClick props 1`] = `
|
|
|
2061
1910
|
</svg>
|
|
2062
1911
|
</label>
|
|
2063
1912
|
</div>
|
|
2064
|
-
<div
|
|
2065
|
-
class="labelContainer grow basis shrinkOff"
|
|
2066
|
-
data-id="boxComponent"
|
|
2067
|
-
data-selector-id="box"
|
|
2068
|
-
data-test-id="boxComponent"
|
|
2069
|
-
/>
|
|
2070
1913
|
</div>
|
|
2071
1914
|
</div>
|
|
2072
1915
|
</DocumentFragment>
|