@zohodesk/components 1.6.21 → 1.6.22-exp-1
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 +4 -0
- package/es/AppContainer/AppContainer.module.css +9 -3
- package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
- package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
- package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
- package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
- package/es/Button/css/cssJSLogic.js +6 -6
- package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
- package/es/CheckBox/CheckBox.js +2 -2
- package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +108 -182
- package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -41
- package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
- package/es/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
- package/es/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
- package/es/DateTime/CalendarView.js +2 -2
- package/es/DateTime/DateWidget.js +2 -2
- package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +24 -24
- package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
- package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
- package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -6
- package/es/DropDown/DropDownItem.js +1 -1
- package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
- package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
- package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
- package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
- package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
- package/es/Label/Label.js +1 -1
- package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
- package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
- package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
- package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
- package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
- package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
- package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
- package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
- package/es/MultiSelect/MultiSelect.js +1 -1
- package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
- package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
- package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
- package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -34
- package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
- package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
- package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
- package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
- package/es/Radio/Radio.js +1 -1
- package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
- package/es/Ribbon/Ribbon.js +3 -16
- package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
- package/es/Select/SelectWithAvatar.js +1 -1
- package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
- package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
- package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
- package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
- package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
- package/es/Switch/Switch.js +1 -1
- package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +76 -88
- package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
- package/es/Tag/Tag.js +1 -2
- package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -288
- package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
- package/es/TextBoxIcon/TextBoxIcon.js +1 -1
- package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
- package/es/Textarea/Textarea.js +1 -1
- package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
- package/es/Tooltip/Tooltip.js +1 -1
- package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
- package/es/Typography/css/cssJSLogic.js +2 -2
- package/es/common/basic.module.css +9 -8
- package/es/deprecated/Switch/Switch.js +1 -1
- package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
- package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
- package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
- package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
- package/es/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
- package/es/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
- package/lib/AppContainer/AppContainer.module.css +9 -3
- package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
- package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
- package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
- package/lib/Button/css/cssJSLogic.js +3 -3
- package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
- package/lib/CheckBox/CheckBox.js +2 -2
- package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +108 -182
- package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -41
- package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
- package/lib/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
- package/lib/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
- package/lib/DateTime/CalendarView.js +2 -2
- package/lib/DateTime/DateWidget.js +2 -2
- package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +24 -24
- package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
- package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
- package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
- package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +2 -2
- package/lib/DropDown/DropDownItem.js +1 -1
- package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
- package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
- package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
- package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
- package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
- package/lib/Label/Label.js +1 -1
- package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
- package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
- package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
- package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
- package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
- package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
- package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
- package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
- package/lib/MultiSelect/MultiSelect.js +1 -1
- package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
- package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
- package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
- package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -34
- package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
- package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
- package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
- package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
- package/lib/Radio/Radio.js +1 -1
- package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
- package/lib/Ribbon/Ribbon.js +2 -15
- package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
- package/lib/Select/SelectWithAvatar.js +1 -1
- package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
- package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
- package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
- package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
- package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
- package/lib/Switch/Switch.js +1 -1
- package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +76 -88
- package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
- package/lib/Tag/Tag.js +1 -1
- package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -288
- package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
- package/lib/TextBoxIcon/TextBoxIcon.js +1 -1
- package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
- package/lib/Textarea/Textarea.js +1 -1
- package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
- package/lib/Tooltip/Tooltip.js +1 -1
- package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
- package/lib/Typography/css/cssJSLogic.js +1 -1
- package/lib/common/basic.module.css +9 -8
- package/lib/deprecated/Switch/Switch.js +1 -1
- package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
- package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
- package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
- package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
- package/lib/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
- package/lib/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
- package/package.json +11 -12
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports[`TextBoxIcon component Should be render children 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<div
|
|
6
|
-
class="flex row varClass customContainer
|
|
6
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
7
7
|
data-selector-id="textBoxIcon"
|
|
8
8
|
>
|
|
9
9
|
<div
|
|
@@ -13,7 +13,7 @@ exports[`TextBoxIcon component Should be render children 1`] = `
|
|
|
13
13
|
data-test-id="boxComponent"
|
|
14
14
|
>
|
|
15
15
|
<input
|
|
16
|
-
class="
|
|
16
|
+
class="container medium default effect borderColor_default"
|
|
17
17
|
data-id="textBoxIcon"
|
|
18
18
|
data-selector-id="textBoxIcon"
|
|
19
19
|
data-test-id="textBoxIcon"
|
|
@@ -55,7 +55,7 @@ exports[`TextBoxIcon component Should be render children 1`] = `
|
|
|
55
55
|
exports[`TextBoxIcon component Should be render htmlId 1`] = `
|
|
56
56
|
<DocumentFragment>
|
|
57
57
|
<div
|
|
58
|
-
class="flex row varClass customContainer
|
|
58
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
59
59
|
data-selector-id="textBoxIcon"
|
|
60
60
|
>
|
|
61
61
|
<div
|
|
@@ -65,7 +65,7 @@ exports[`TextBoxIcon component Should be render htmlId 1`] = `
|
|
|
65
65
|
data-test-id="boxComponent"
|
|
66
66
|
>
|
|
67
67
|
<input
|
|
68
|
-
class="
|
|
68
|
+
class="container medium default effect borderColor_default"
|
|
69
69
|
data-id="textBoxIcon"
|
|
70
70
|
data-selector-id="textBoxIcon"
|
|
71
71
|
data-test-id="textBoxIcon"
|
|
@@ -95,7 +95,7 @@ exports[`TextBoxIcon component Should be render htmlId 1`] = `
|
|
|
95
95
|
exports[`TextBoxIcon component Should be render iconOnHover is true , iconOnHover, isDisabled is false 1`] = `
|
|
96
96
|
<DocumentFragment>
|
|
97
97
|
<div
|
|
98
|
-
class="flex row varClass customContainer
|
|
98
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container iconOnHoverStyle"
|
|
99
99
|
data-selector-id="textBoxIcon"
|
|
100
100
|
>
|
|
101
101
|
<div
|
|
@@ -105,7 +105,7 @@ exports[`TextBoxIcon component Should be render iconOnHover is true , iconOnHove
|
|
|
105
105
|
data-test-id="boxComponent"
|
|
106
106
|
>
|
|
107
107
|
<input
|
|
108
|
-
class="
|
|
108
|
+
class="container medium default effect borderColor_default"
|
|
109
109
|
data-id="textBoxIcon"
|
|
110
110
|
data-selector-id="textBoxIcon"
|
|
111
111
|
data-test-id="textBoxIcon"
|
|
@@ -134,7 +134,7 @@ exports[`TextBoxIcon component Should be render iconOnHover is true , iconOnHove
|
|
|
134
134
|
exports[`TextBoxIcon component Should be render iconOnHover is true , iconOnHover, isDisabled is true 1`] = `
|
|
135
135
|
<DocumentFragment>
|
|
136
136
|
<div
|
|
137
|
-
class="flex row varClass customContainer
|
|
137
|
+
class="flex row varClass customContainer border_bottom disabled borderColor_default hasBorder container iconOnHoverReadonly"
|
|
138
138
|
data-selector-id="textBoxIcon"
|
|
139
139
|
data-title=""
|
|
140
140
|
>
|
|
@@ -145,7 +145,7 @@ exports[`TextBoxIcon component Should be render iconOnHover is true , iconOnHove
|
|
|
145
145
|
data-test-id="boxComponent"
|
|
146
146
|
>
|
|
147
147
|
<input
|
|
148
|
-
class="readonly
|
|
148
|
+
class="readonly container medium default effect borderColor_default"
|
|
149
149
|
data-id="textBoxIcon"
|
|
150
150
|
data-selector-id="textBoxIcon"
|
|
151
151
|
data-test-id="textBoxIcon"
|
|
@@ -176,7 +176,7 @@ exports[`TextBoxIcon component Should be render iconOnHover is true , iconOnHove
|
|
|
176
176
|
exports[`TextBoxIcon component Should be render iconRotated is true 1`] = `
|
|
177
177
|
<DocumentFragment>
|
|
178
178
|
<div
|
|
179
|
-
class="flex row varClass customContainer
|
|
179
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
180
180
|
data-selector-id="textBoxIcon"
|
|
181
181
|
>
|
|
182
182
|
<div
|
|
@@ -186,7 +186,7 @@ exports[`TextBoxIcon component Should be render iconRotated is true 1`] = `
|
|
|
186
186
|
data-test-id="boxComponent"
|
|
187
187
|
>
|
|
188
188
|
<input
|
|
189
|
-
class="
|
|
189
|
+
class="container medium default effect borderColor_default"
|
|
190
190
|
data-id="textBoxIcon"
|
|
191
191
|
data-selector-id="textBoxIcon"
|
|
192
192
|
data-test-id="textBoxIcon"
|
|
@@ -228,7 +228,7 @@ exports[`TextBoxIcon component Should be render iconRotated is true 1`] = `
|
|
|
228
228
|
exports[`TextBoxIcon component Should be render id 1`] = `
|
|
229
229
|
<DocumentFragment>
|
|
230
230
|
<div
|
|
231
|
-
class="flex row varClass customContainer
|
|
231
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
232
232
|
data-selector-id="textBoxIcon"
|
|
233
233
|
>
|
|
234
234
|
<div
|
|
@@ -238,7 +238,7 @@ exports[`TextBoxIcon component Should be render id 1`] = `
|
|
|
238
238
|
data-test-id="boxComponent"
|
|
239
239
|
>
|
|
240
240
|
<input
|
|
241
|
-
class="
|
|
241
|
+
class="container medium default effect borderColor_default"
|
|
242
242
|
data-id="textBoxIcon"
|
|
243
243
|
data-selector-id="textBoxIcon"
|
|
244
244
|
data-test-id="textBoxIcon"
|
|
@@ -268,7 +268,7 @@ exports[`TextBoxIcon component Should be render id 1`] = `
|
|
|
268
268
|
exports[`TextBoxIcon component Should be render isClickable is true 1`] = `
|
|
269
269
|
<DocumentFragment>
|
|
270
270
|
<div
|
|
271
|
-
class="flex row varClass customContainer
|
|
271
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
272
272
|
data-selector-id="textBoxIcon"
|
|
273
273
|
>
|
|
274
274
|
<div
|
|
@@ -278,7 +278,7 @@ exports[`TextBoxIcon component Should be render isClickable is true 1`] = `
|
|
|
278
278
|
data-test-id="boxComponent"
|
|
279
279
|
>
|
|
280
280
|
<input
|
|
281
|
-
class="
|
|
281
|
+
class="pointer container medium default effect borderColor_default"
|
|
282
282
|
data-id="textBoxIcon"
|
|
283
283
|
data-selector-id="textBoxIcon"
|
|
284
284
|
data-test-id="textBoxIcon"
|
|
@@ -307,7 +307,7 @@ exports[`TextBoxIcon component Should be render isClickable is true 1`] = `
|
|
|
307
307
|
exports[`TextBoxIcon component Should be render isDisabled is true 1`] = `
|
|
308
308
|
<DocumentFragment>
|
|
309
309
|
<div
|
|
310
|
-
class="flex row varClass customContainer
|
|
310
|
+
class="flex row varClass customContainer border_bottom disabled borderColor_default hasBorder container"
|
|
311
311
|
data-selector-id="textBoxIcon"
|
|
312
312
|
data-title=""
|
|
313
313
|
>
|
|
@@ -318,7 +318,7 @@ exports[`TextBoxIcon component Should be render isDisabled is true 1`] = `
|
|
|
318
318
|
data-test-id="boxComponent"
|
|
319
319
|
>
|
|
320
320
|
<input
|
|
321
|
-
class="
|
|
321
|
+
class="container medium default effect borderColor_default"
|
|
322
322
|
data-id="textBoxIcon"
|
|
323
323
|
data-selector-id="textBoxIcon"
|
|
324
324
|
data-test-id="textBoxIcon"
|
|
@@ -348,7 +348,7 @@ exports[`TextBoxIcon component Should be render isDisabled is true 1`] = `
|
|
|
348
348
|
exports[`TextBoxIcon component Should be render isFocus is true 1`] = `
|
|
349
349
|
<DocumentFragment>
|
|
350
350
|
<div
|
|
351
|
-
class="flex row varClass customContainer
|
|
351
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container"
|
|
352
352
|
data-selector-id="textBoxIcon"
|
|
353
353
|
>
|
|
354
354
|
<div
|
|
@@ -358,7 +358,7 @@ exports[`TextBoxIcon component Should be render isFocus is true 1`] = `
|
|
|
358
358
|
data-test-id="boxComponent"
|
|
359
359
|
>
|
|
360
360
|
<input
|
|
361
|
-
class="
|
|
361
|
+
class="container medium default effect focus borderColor_default"
|
|
362
362
|
data-id="textBoxIcon"
|
|
363
363
|
data-selector-id="textBoxIcon"
|
|
364
364
|
data-test-id="textBoxIcon"
|
|
@@ -387,7 +387,7 @@ exports[`TextBoxIcon component Should be render isFocus is true 1`] = `
|
|
|
387
387
|
exports[`TextBoxIcon component Should be render isReadOnly is true , needEffect is false 1`] = `
|
|
388
388
|
<DocumentFragment>
|
|
389
389
|
<div
|
|
390
|
-
class="flex row varClass customContainer
|
|
390
|
+
class="flex row varClass customContainer border_bottom readonly borderColor_default hasBorder container"
|
|
391
391
|
data-selector-id="textBoxIcon"
|
|
392
392
|
>
|
|
393
393
|
<div
|
|
@@ -397,7 +397,7 @@ exports[`TextBoxIcon component Should be render isReadOnly is true , needEffect
|
|
|
397
397
|
data-test-id="boxComponent"
|
|
398
398
|
>
|
|
399
399
|
<input
|
|
400
|
-
class="readonly
|
|
400
|
+
class="readonly container medium default borderColor_default"
|
|
401
401
|
data-id="textBoxIcon"
|
|
402
402
|
data-selector-id="textBoxIcon"
|
|
403
403
|
data-test-id="textBoxIcon"
|
|
@@ -427,7 +427,7 @@ exports[`TextBoxIcon component Should be render isReadOnly is true , needEffect
|
|
|
427
427
|
exports[`TextBoxIcon component Should be render isReadOnly is true 1`] = `
|
|
428
428
|
<DocumentFragment>
|
|
429
429
|
<div
|
|
430
|
-
class="flex row varClass customContainer
|
|
430
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
431
431
|
data-selector-id="textBoxIcon"
|
|
432
432
|
>
|
|
433
433
|
<div
|
|
@@ -437,7 +437,7 @@ exports[`TextBoxIcon component Should be render isReadOnly is true 1`] = `
|
|
|
437
437
|
data-test-id="boxComponent"
|
|
438
438
|
>
|
|
439
439
|
<input
|
|
440
|
-
class="readonly
|
|
440
|
+
class="readonly container medium default effect borderColor_default"
|
|
441
441
|
data-id="textBoxIcon"
|
|
442
442
|
data-selector-id="textBoxIcon"
|
|
443
443
|
data-test-id="textBoxIcon"
|
|
@@ -467,7 +467,7 @@ exports[`TextBoxIcon component Should be render isReadOnly is true 1`] = `
|
|
|
467
467
|
exports[`TextBoxIcon component Should be render name 1`] = `
|
|
468
468
|
<DocumentFragment>
|
|
469
469
|
<div
|
|
470
|
-
class="flex row varClass customContainer
|
|
470
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
471
471
|
data-selector-id="textBoxIcon"
|
|
472
472
|
>
|
|
473
473
|
<div
|
|
@@ -477,7 +477,7 @@ exports[`TextBoxIcon component Should be render name 1`] = `
|
|
|
477
477
|
data-test-id="boxComponent"
|
|
478
478
|
>
|
|
479
479
|
<input
|
|
480
|
-
class="
|
|
480
|
+
class="container medium default effect borderColor_default"
|
|
481
481
|
data-id="textBoxIcon"
|
|
482
482
|
data-selector-id="textBoxIcon"
|
|
483
483
|
data-test-id="textBoxIcon"
|
|
@@ -507,7 +507,7 @@ exports[`TextBoxIcon component Should be render name 1`] = `
|
|
|
507
507
|
exports[`TextBoxIcon component Should be render needBorder is false 1`] = `
|
|
508
508
|
<DocumentFragment>
|
|
509
509
|
<div
|
|
510
|
-
class="flex row varClass customContainer
|
|
510
|
+
class="flex row varClass customContainer effect container"
|
|
511
511
|
data-selector-id="textBoxIcon"
|
|
512
512
|
>
|
|
513
513
|
<div
|
|
@@ -517,7 +517,7 @@ exports[`TextBoxIcon component Should be render needBorder is false 1`] = `
|
|
|
517
517
|
data-test-id="boxComponent"
|
|
518
518
|
>
|
|
519
519
|
<input
|
|
520
|
-
class="
|
|
520
|
+
class="container medium default effect borderColor_default"
|
|
521
521
|
data-id="textBoxIcon"
|
|
522
522
|
data-selector-id="textBoxIcon"
|
|
523
523
|
data-test-id="textBoxIcon"
|
|
@@ -546,7 +546,7 @@ exports[`TextBoxIcon component Should be render needBorder is false 1`] = `
|
|
|
546
546
|
exports[`TextBoxIcon component Should be render needEffect is false 1`] = `
|
|
547
547
|
<DocumentFragment>
|
|
548
548
|
<div
|
|
549
|
-
class="flex row varClass customContainer
|
|
549
|
+
class="flex row varClass customContainer border_bottom readonly borderColor_default hasBorder container"
|
|
550
550
|
data-selector-id="textBoxIcon"
|
|
551
551
|
>
|
|
552
552
|
<div
|
|
@@ -556,7 +556,7 @@ exports[`TextBoxIcon component Should be render needEffect is false 1`] = `
|
|
|
556
556
|
data-test-id="boxComponent"
|
|
557
557
|
>
|
|
558
558
|
<input
|
|
559
|
-
class="readonly
|
|
559
|
+
class="readonly container medium default borderColor_default"
|
|
560
560
|
data-id="textBoxIcon"
|
|
561
561
|
data-selector-id="textBoxIcon"
|
|
562
562
|
data-test-id="textBoxIcon"
|
|
@@ -586,7 +586,7 @@ exports[`TextBoxIcon component Should be render needEffect is false 1`] = `
|
|
|
586
586
|
exports[`TextBoxIcon component Should be render needReadOnlyStyle is false 1`] = `
|
|
587
587
|
<DocumentFragment>
|
|
588
588
|
<div
|
|
589
|
-
class="flex row varClass customContainer
|
|
589
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
590
590
|
data-selector-id="textBoxIcon"
|
|
591
591
|
>
|
|
592
592
|
<div
|
|
@@ -596,7 +596,7 @@ exports[`TextBoxIcon component Should be render needReadOnlyStyle is false 1`] =
|
|
|
596
596
|
data-test-id="boxComponent"
|
|
597
597
|
>
|
|
598
598
|
<input
|
|
599
|
-
class="
|
|
599
|
+
class="container medium default effect borderColor_default"
|
|
600
600
|
data-id="textBoxIcon"
|
|
601
601
|
data-selector-id="textBoxIcon"
|
|
602
602
|
data-test-id="textBoxIcon"
|
|
@@ -625,7 +625,7 @@ exports[`TextBoxIcon component Should be render needReadOnlyStyle is false 1`] =
|
|
|
625
625
|
exports[`TextBoxIcon component Should be render placeholder 1`] = `
|
|
626
626
|
<DocumentFragment>
|
|
627
627
|
<div
|
|
628
|
-
class="flex row varClass customContainer
|
|
628
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
629
629
|
data-selector-id="textBoxIcon"
|
|
630
630
|
>
|
|
631
631
|
<div
|
|
@@ -635,7 +635,7 @@ exports[`TextBoxIcon component Should be render placeholder 1`] = `
|
|
|
635
635
|
data-test-id="boxComponent"
|
|
636
636
|
>
|
|
637
637
|
<input
|
|
638
|
-
class="
|
|
638
|
+
class="container medium default effect borderColor_default"
|
|
639
639
|
data-id="textBoxIcon"
|
|
640
640
|
data-selector-id="textBoxIcon"
|
|
641
641
|
data-test-id="textBoxIcon"
|
|
@@ -665,7 +665,7 @@ exports[`TextBoxIcon component Should be render placeholder 1`] = `
|
|
|
665
665
|
exports[`TextBoxIcon component Should be render showClearIcon is true 1`] = `
|
|
666
666
|
<DocumentFragment>
|
|
667
667
|
<div
|
|
668
|
-
class="flex row varClass customContainer
|
|
668
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
669
669
|
data-selector-id="textBoxIcon"
|
|
670
670
|
>
|
|
671
671
|
<div
|
|
@@ -675,7 +675,7 @@ exports[`TextBoxIcon component Should be render showClearIcon is true 1`] = `
|
|
|
675
675
|
data-test-id="boxComponent"
|
|
676
676
|
>
|
|
677
677
|
<input
|
|
678
|
-
class="
|
|
678
|
+
class="container medium default effect borderColor_default"
|
|
679
679
|
data-id="textBoxIcon"
|
|
680
680
|
data-selector-id="textBoxIcon"
|
|
681
681
|
data-test-id="textBoxIcon"
|
|
@@ -712,7 +712,7 @@ exports[`TextBoxIcon component Should be render showClearIcon is true 1`] = `
|
|
|
712
712
|
>
|
|
713
713
|
<i
|
|
714
714
|
aria-hidden="true"
|
|
715
|
-
class="zd_font_icons basic icon-delete
|
|
715
|
+
class="zd_font_icons rtl basic icon-delete"
|
|
716
716
|
data-id="fontIcon"
|
|
717
717
|
data-selector-id="fontIcon"
|
|
718
718
|
data-test-id="fontIcon"
|
|
@@ -729,7 +729,7 @@ exports[`TextBoxIcon component Should be render showClearIcon is true 1`] = `
|
|
|
729
729
|
exports[`TextBoxIcon component Should be render title 1`] = `
|
|
730
730
|
<DocumentFragment>
|
|
731
731
|
<div
|
|
732
|
-
class="flex row varClass customContainer
|
|
732
|
+
class="flex row varClass customContainer border_bottom disabled borderColor_default hasBorder container"
|
|
733
733
|
data-selector-id="textBoxIcon"
|
|
734
734
|
data-title="TextBoxIconTitle"
|
|
735
735
|
>
|
|
@@ -740,7 +740,7 @@ exports[`TextBoxIcon component Should be render title 1`] = `
|
|
|
740
740
|
data-test-id="boxComponent"
|
|
741
741
|
>
|
|
742
742
|
<input
|
|
743
|
-
class="
|
|
743
|
+
class="container medium default effect borderColor_default"
|
|
744
744
|
data-id="textBoxIcon"
|
|
745
745
|
data-selector-id="textBoxIcon"
|
|
746
746
|
data-test-id="textBoxIcon"
|
|
@@ -770,7 +770,7 @@ exports[`TextBoxIcon component Should be render title 1`] = `
|
|
|
770
770
|
exports[`TextBoxIcon component Should be render value is number 1`] = `
|
|
771
771
|
<DocumentFragment>
|
|
772
772
|
<div
|
|
773
|
-
class="flex row varClass customContainer
|
|
773
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
774
774
|
data-selector-id="textBoxIcon"
|
|
775
775
|
>
|
|
776
776
|
<div
|
|
@@ -780,7 +780,7 @@ exports[`TextBoxIcon component Should be render value is number 1`] = `
|
|
|
780
780
|
data-test-id="boxComponent"
|
|
781
781
|
>
|
|
782
782
|
<input
|
|
783
|
-
class="
|
|
783
|
+
class="container medium default effect borderColor_default"
|
|
784
784
|
data-id="textBoxIcon"
|
|
785
785
|
data-selector-id="textBoxIcon"
|
|
786
786
|
data-test-id="textBoxIcon"
|
|
@@ -809,7 +809,7 @@ exports[`TextBoxIcon component Should be render value is number 1`] = `
|
|
|
809
809
|
exports[`TextBoxIcon component Should be render value is string and length greater than 1 1`] = `
|
|
810
810
|
<DocumentFragment>
|
|
811
811
|
<div
|
|
812
|
-
class="flex row varClass customContainer
|
|
812
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
813
813
|
data-selector-id="textBoxIcon"
|
|
814
814
|
>
|
|
815
815
|
<div
|
|
@@ -819,7 +819,7 @@ exports[`TextBoxIcon component Should be render value is string and length great
|
|
|
819
819
|
data-test-id="boxComponent"
|
|
820
820
|
>
|
|
821
821
|
<input
|
|
822
|
-
class="
|
|
822
|
+
class="container medium default effect borderColor_default"
|
|
823
823
|
data-id="textBoxIcon"
|
|
824
824
|
data-selector-id="textBoxIcon"
|
|
825
825
|
data-test-id="textBoxIcon"
|
|
@@ -856,7 +856,7 @@ exports[`TextBoxIcon component Should be render value is string and length great
|
|
|
856
856
|
>
|
|
857
857
|
<i
|
|
858
858
|
aria-hidden="true"
|
|
859
|
-
class="zd_font_icons basic icon-delete
|
|
859
|
+
class="zd_font_icons rtl basic icon-delete"
|
|
860
860
|
data-id="fontIcon"
|
|
861
861
|
data-selector-id="fontIcon"
|
|
862
862
|
data-test-id="fontIcon"
|
|
@@ -873,7 +873,7 @@ exports[`TextBoxIcon component Should be render value is string and length great
|
|
|
873
873
|
exports[`TextBoxIcon component Should be render value is string and length less than 1 1`] = `
|
|
874
874
|
<DocumentFragment>
|
|
875
875
|
<div
|
|
876
|
-
class="flex row varClass customContainer
|
|
876
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
877
877
|
data-selector-id="textBoxIcon"
|
|
878
878
|
>
|
|
879
879
|
<div
|
|
@@ -883,7 +883,7 @@ exports[`TextBoxIcon component Should be render value is string and length less
|
|
|
883
883
|
data-test-id="boxComponent"
|
|
884
884
|
>
|
|
885
885
|
<input
|
|
886
|
-
class="
|
|
886
|
+
class="container medium default effect borderColor_default"
|
|
887
887
|
data-id="textBoxIcon"
|
|
888
888
|
data-selector-id="textBoxIcon"
|
|
889
889
|
data-test-id="textBoxIcon"
|
|
@@ -912,7 +912,7 @@ exports[`TextBoxIcon component Should be render value is string and length less
|
|
|
912
912
|
exports[`TextBoxIcon component Should be render with dataSelectorId 1`] = `
|
|
913
913
|
<DocumentFragment>
|
|
914
914
|
<div
|
|
915
|
-
class="flex row varClass customContainer
|
|
915
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
916
916
|
data-selector-id="textBoxIcon_data_selector_id"
|
|
917
917
|
>
|
|
918
918
|
<div
|
|
@@ -922,7 +922,7 @@ exports[`TextBoxIcon component Should be render with dataSelectorId 1`] = `
|
|
|
922
922
|
data-test-id="boxComponent"
|
|
923
923
|
>
|
|
924
924
|
<input
|
|
925
|
-
class="
|
|
925
|
+
class="container medium default effect borderColor_default"
|
|
926
926
|
data-id="textBoxIcon"
|
|
927
927
|
data-selector-id="textBoxIcon_data_selector_id"
|
|
928
928
|
data-test-id="textBoxIcon"
|
|
@@ -951,7 +951,7 @@ exports[`TextBoxIcon component Should be render with dataSelectorId 1`] = `
|
|
|
951
951
|
exports[`TextBoxIcon component Should be render with the basic set of default props 1`] = `
|
|
952
952
|
<DocumentFragment>
|
|
953
953
|
<div
|
|
954
|
-
class="flex row varClass customContainer
|
|
954
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
955
955
|
data-selector-id="textBoxIcon"
|
|
956
956
|
>
|
|
957
957
|
<div
|
|
@@ -961,7 +961,7 @@ exports[`TextBoxIcon component Should be render with the basic set of default pr
|
|
|
961
961
|
data-test-id="boxComponent"
|
|
962
962
|
>
|
|
963
963
|
<input
|
|
964
|
-
class="
|
|
964
|
+
class="container medium default effect borderColor_default"
|
|
965
965
|
data-id="textBoxIcon"
|
|
966
966
|
data-selector-id="textBoxIcon"
|
|
967
967
|
data-test-id="textBoxIcon"
|
|
@@ -990,7 +990,7 @@ exports[`TextBoxIcon component Should be render with the basic set of default pr
|
|
|
990
990
|
exports[`TextBoxIcon component Should render Varient - default 1`] = `
|
|
991
991
|
<DocumentFragment>
|
|
992
992
|
<div
|
|
993
|
-
class="flex row varClass customContainer
|
|
993
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
994
994
|
data-selector-id="textBoxIcon"
|
|
995
995
|
>
|
|
996
996
|
<div
|
|
@@ -1000,7 +1000,7 @@ exports[`TextBoxIcon component Should render Varient - default 1`] = `
|
|
|
1000
1000
|
data-test-id="boxComponent"
|
|
1001
1001
|
>
|
|
1002
1002
|
<input
|
|
1003
|
-
class="
|
|
1003
|
+
class="container medium default effect borderColor_default"
|
|
1004
1004
|
data-id="textBoxIcon"
|
|
1005
1005
|
data-selector-id="textBoxIcon"
|
|
1006
1006
|
data-test-id="textBoxIcon"
|
|
@@ -1029,7 +1029,7 @@ exports[`TextBoxIcon component Should render Varient - default 1`] = `
|
|
|
1029
1029
|
exports[`TextBoxIcon component Should render Varient - primary 1`] = `
|
|
1030
1030
|
<DocumentFragment>
|
|
1031
1031
|
<div
|
|
1032
|
-
class="flex row varClass customContainer
|
|
1032
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
1033
1033
|
data-selector-id="textBoxIcon"
|
|
1034
1034
|
>
|
|
1035
1035
|
<div
|
|
@@ -1039,7 +1039,7 @@ exports[`TextBoxIcon component Should render Varient - primary 1`] = `
|
|
|
1039
1039
|
data-test-id="boxComponent"
|
|
1040
1040
|
>
|
|
1041
1041
|
<input
|
|
1042
|
-
class="
|
|
1042
|
+
class="container medium primary effect borderColor_default"
|
|
1043
1043
|
data-id="textBoxIcon"
|
|
1044
1044
|
data-selector-id="textBoxIcon"
|
|
1045
1045
|
data-test-id="textBoxIcon"
|
|
@@ -1068,7 +1068,7 @@ exports[`TextBoxIcon component Should render Varient - primary 1`] = `
|
|
|
1068
1068
|
exports[`TextBoxIcon component Should render Varient - secondary 1`] = `
|
|
1069
1069
|
<DocumentFragment>
|
|
1070
1070
|
<div
|
|
1071
|
-
class="flex row varClass customContainer
|
|
1071
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
1072
1072
|
data-selector-id="textBoxIcon"
|
|
1073
1073
|
>
|
|
1074
1074
|
<div
|
|
@@ -1078,7 +1078,7 @@ exports[`TextBoxIcon component Should render Varient - secondary 1`] = `
|
|
|
1078
1078
|
data-test-id="boxComponent"
|
|
1079
1079
|
>
|
|
1080
1080
|
<input
|
|
1081
|
-
class="
|
|
1081
|
+
class="container medium secondary effect borderColor_default"
|
|
1082
1082
|
data-id="textBoxIcon"
|
|
1083
1083
|
data-selector-id="textBoxIcon"
|
|
1084
1084
|
data-test-id="textBoxIcon"
|
|
@@ -1107,7 +1107,7 @@ exports[`TextBoxIcon component Should render Varient - secondary 1`] = `
|
|
|
1107
1107
|
exports[`TextBoxIcon component Should render borderColor - default 1`] = `
|
|
1108
1108
|
<DocumentFragment>
|
|
1109
1109
|
<div
|
|
1110
|
-
class="flex row varClass customContainer
|
|
1110
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
1111
1111
|
data-selector-id="textBoxIcon"
|
|
1112
1112
|
>
|
|
1113
1113
|
<div
|
|
@@ -1117,7 +1117,7 @@ exports[`TextBoxIcon component Should render borderColor - default 1`] = `
|
|
|
1117
1117
|
data-test-id="boxComponent"
|
|
1118
1118
|
>
|
|
1119
1119
|
<input
|
|
1120
|
-
class="
|
|
1120
|
+
class="container medium default effect borderColor_default"
|
|
1121
1121
|
data-id="textBoxIcon"
|
|
1122
1122
|
data-selector-id="textBoxIcon"
|
|
1123
1123
|
data-test-id="textBoxIcon"
|
|
@@ -1146,7 +1146,7 @@ exports[`TextBoxIcon component Should render borderColor - default 1`] = `
|
|
|
1146
1146
|
exports[`TextBoxIcon component Should render borderColor - error 1`] = `
|
|
1147
1147
|
<DocumentFragment>
|
|
1148
1148
|
<div
|
|
1149
|
-
class="flex row varClass customContainer
|
|
1149
|
+
class="flex row varClass customContainer border_bottom effect borderColor_error hasBorder container"
|
|
1150
1150
|
data-selector-id="textBoxIcon"
|
|
1151
1151
|
>
|
|
1152
1152
|
<div
|
|
@@ -1156,7 +1156,7 @@ exports[`TextBoxIcon component Should render borderColor - error 1`] = `
|
|
|
1156
1156
|
data-test-id="boxComponent"
|
|
1157
1157
|
>
|
|
1158
1158
|
<input
|
|
1159
|
-
class="
|
|
1159
|
+
class="container medium default effect"
|
|
1160
1160
|
data-id="textBoxIcon"
|
|
1161
1161
|
data-selector-id="textBoxIcon"
|
|
1162
1162
|
data-test-id="textBoxIcon"
|
|
@@ -1185,7 +1185,7 @@ exports[`TextBoxIcon component Should render borderColor - error 1`] = `
|
|
|
1185
1185
|
exports[`TextBoxIcon component Should render borderColor - transparent 1`] = `
|
|
1186
1186
|
<DocumentFragment>
|
|
1187
1187
|
<div
|
|
1188
|
-
class="flex row varClass customContainer
|
|
1188
|
+
class="flex row varClass customContainer border_bottom effect borderColor_transparent hasBorder container"
|
|
1189
1189
|
data-selector-id="textBoxIcon"
|
|
1190
1190
|
>
|
|
1191
1191
|
<div
|
|
@@ -1195,7 +1195,7 @@ exports[`TextBoxIcon component Should render borderColor - transparent 1`] = `
|
|
|
1195
1195
|
data-test-id="boxComponent"
|
|
1196
1196
|
>
|
|
1197
1197
|
<input
|
|
1198
|
-
class="
|
|
1198
|
+
class="container medium default effect borderColor_transparent"
|
|
1199
1199
|
data-id="textBoxIcon"
|
|
1200
1200
|
data-selector-id="textBoxIcon"
|
|
1201
1201
|
data-test-id="textBoxIcon"
|
|
@@ -1224,7 +1224,7 @@ exports[`TextBoxIcon component Should render borderColor - transparent 1`] = `
|
|
|
1224
1224
|
exports[`TextBoxIcon component Should render size - medium 1`] = `
|
|
1225
1225
|
<DocumentFragment>
|
|
1226
1226
|
<div
|
|
1227
|
-
class="flex row varClass customContainer
|
|
1227
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
1228
1228
|
data-selector-id="textBoxIcon"
|
|
1229
1229
|
>
|
|
1230
1230
|
<div
|
|
@@ -1234,7 +1234,7 @@ exports[`TextBoxIcon component Should render size - medium 1`] = `
|
|
|
1234
1234
|
data-test-id="boxComponent"
|
|
1235
1235
|
>
|
|
1236
1236
|
<input
|
|
1237
|
-
class="
|
|
1237
|
+
class="container medium default effect borderColor_default"
|
|
1238
1238
|
data-id="textBoxIcon"
|
|
1239
1239
|
data-selector-id="textBoxIcon"
|
|
1240
1240
|
data-test-id="textBoxIcon"
|
|
@@ -1263,7 +1263,7 @@ exports[`TextBoxIcon component Should render size - medium 1`] = `
|
|
|
1263
1263
|
exports[`TextBoxIcon component Should render size - small 1`] = `
|
|
1264
1264
|
<DocumentFragment>
|
|
1265
1265
|
<div
|
|
1266
|
-
class="flex row varClass customContainer
|
|
1266
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
1267
1267
|
data-selector-id="textBoxIcon"
|
|
1268
1268
|
>
|
|
1269
1269
|
<div
|
|
@@ -1273,7 +1273,7 @@ exports[`TextBoxIcon component Should render size - small 1`] = `
|
|
|
1273
1273
|
data-test-id="boxComponent"
|
|
1274
1274
|
>
|
|
1275
1275
|
<input
|
|
1276
|
-
class="
|
|
1276
|
+
class="container small default effect borderColor_default"
|
|
1277
1277
|
data-id="textBoxIcon"
|
|
1278
1278
|
data-selector-id="textBoxIcon"
|
|
1279
1279
|
data-test-id="textBoxIcon"
|
|
@@ -1302,7 +1302,7 @@ exports[`TextBoxIcon component Should render size - small 1`] = `
|
|
|
1302
1302
|
exports[`TextBoxIcon component Should render size - xmedium 1`] = `
|
|
1303
1303
|
<DocumentFragment>
|
|
1304
1304
|
<div
|
|
1305
|
-
class="flex row varClass customContainer
|
|
1305
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
1306
1306
|
data-selector-id="textBoxIcon"
|
|
1307
1307
|
>
|
|
1308
1308
|
<div
|
|
@@ -1312,7 +1312,7 @@ exports[`TextBoxIcon component Should render size - xmedium 1`] = `
|
|
|
1312
1312
|
data-test-id="boxComponent"
|
|
1313
1313
|
>
|
|
1314
1314
|
<input
|
|
1315
|
-
class="
|
|
1315
|
+
class="container xmedium default effect borderColor_default"
|
|
1316
1316
|
data-id="textBoxIcon"
|
|
1317
1317
|
data-selector-id="textBoxIcon"
|
|
1318
1318
|
data-test-id="textBoxIcon"
|
|
@@ -1341,7 +1341,7 @@ exports[`TextBoxIcon component Should render size - xmedium 1`] = `
|
|
|
1341
1341
|
exports[`TextBoxIcon component Should render size - xsmall 1`] = `
|
|
1342
1342
|
<DocumentFragment>
|
|
1343
1343
|
<div
|
|
1344
|
-
class="flex row varClass customContainer
|
|
1344
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
1345
1345
|
data-selector-id="textBoxIcon"
|
|
1346
1346
|
>
|
|
1347
1347
|
<div
|
|
@@ -1351,7 +1351,7 @@ exports[`TextBoxIcon component Should render size - xsmall 1`] = `
|
|
|
1351
1351
|
data-test-id="boxComponent"
|
|
1352
1352
|
>
|
|
1353
1353
|
<input
|
|
1354
|
-
class="
|
|
1354
|
+
class="container xsmall default effect borderColor_default"
|
|
1355
1355
|
data-id="textBoxIcon"
|
|
1356
1356
|
data-selector-id="textBoxIcon"
|
|
1357
1357
|
data-test-id="textBoxIcon"
|
|
@@ -1380,7 +1380,7 @@ exports[`TextBoxIcon component Should render size - xsmall 1`] = `
|
|
|
1380
1380
|
exports[`TextBoxIcon component Should render type - number 1`] = `
|
|
1381
1381
|
<DocumentFragment>
|
|
1382
1382
|
<div
|
|
1383
|
-
class="flex row varClass customContainer
|
|
1383
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
1384
1384
|
data-selector-id="textBoxIcon"
|
|
1385
1385
|
>
|
|
1386
1386
|
<div
|
|
@@ -1390,7 +1390,7 @@ exports[`TextBoxIcon component Should render type - number 1`] = `
|
|
|
1390
1390
|
data-test-id="boxComponent"
|
|
1391
1391
|
>
|
|
1392
1392
|
<input
|
|
1393
|
-
class="
|
|
1393
|
+
class="container medium default effect borderColor_default"
|
|
1394
1394
|
data-id="textBoxIcon"
|
|
1395
1395
|
data-selector-id="textBoxIcon"
|
|
1396
1396
|
data-test-id="textBoxIcon"
|
|
@@ -1419,7 +1419,7 @@ exports[`TextBoxIcon component Should render type - number 1`] = `
|
|
|
1419
1419
|
exports[`TextBoxIcon component Should render type - password 1`] = `
|
|
1420
1420
|
<DocumentFragment>
|
|
1421
1421
|
<div
|
|
1422
|
-
class="flex row varClass customContainer
|
|
1422
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
1423
1423
|
data-selector-id="textBoxIcon"
|
|
1424
1424
|
>
|
|
1425
1425
|
<div
|
|
@@ -1429,7 +1429,7 @@ exports[`TextBoxIcon component Should render type - password 1`] = `
|
|
|
1429
1429
|
data-test-id="boxComponent"
|
|
1430
1430
|
>
|
|
1431
1431
|
<input
|
|
1432
|
-
class="
|
|
1432
|
+
class="container medium default effect borderColor_default"
|
|
1433
1433
|
data-id="textBoxIcon"
|
|
1434
1434
|
data-selector-id="textBoxIcon"
|
|
1435
1435
|
data-test-id="textBoxIcon"
|
|
@@ -1458,7 +1458,7 @@ exports[`TextBoxIcon component Should render type - password 1`] = `
|
|
|
1458
1458
|
exports[`TextBoxIcon component Should render type - text 1`] = `
|
|
1459
1459
|
<DocumentFragment>
|
|
1460
1460
|
<div
|
|
1461
|
-
class="flex row varClass customContainer
|
|
1461
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
1462
1462
|
data-selector-id="textBoxIcon"
|
|
1463
1463
|
>
|
|
1464
1464
|
<div
|
|
@@ -1468,7 +1468,7 @@ exports[`TextBoxIcon component Should render type - text 1`] = `
|
|
|
1468
1468
|
data-test-id="boxComponent"
|
|
1469
1469
|
>
|
|
1470
1470
|
<input
|
|
1471
|
-
class="
|
|
1471
|
+
class="container medium default effect borderColor_default"
|
|
1472
1472
|
data-id="textBoxIcon"
|
|
1473
1473
|
data-selector-id="textBoxIcon"
|
|
1474
1474
|
data-test-id="textBoxIcon"
|
|
@@ -1497,7 +1497,7 @@ exports[`TextBoxIcon component Should render type - text 1`] = `
|
|
|
1497
1497
|
exports[`TextBoxIcon component rendering the Custom Props 1`] = `
|
|
1498
1498
|
<DocumentFragment>
|
|
1499
1499
|
<div
|
|
1500
|
-
class="flex row varClass customContainer
|
|
1500
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
1501
1501
|
data-selector-id="textBoxIcon"
|
|
1502
1502
|
>
|
|
1503
1503
|
<div
|
|
@@ -1507,7 +1507,7 @@ exports[`TextBoxIcon component rendering the Custom Props 1`] = `
|
|
|
1507
1507
|
data-test-id="boxComponent"
|
|
1508
1508
|
>
|
|
1509
1509
|
<input
|
|
1510
|
-
class="
|
|
1510
|
+
class="container medium default effect borderColor_default"
|
|
1511
1511
|
data-id="textBoxIcon"
|
|
1512
1512
|
data-selector-id="textBoxIcon"
|
|
1513
1513
|
data-test-id="textBoxIcon"
|
|
@@ -1537,7 +1537,7 @@ exports[`TextBoxIcon component rendering the Custom Props 1`] = `
|
|
|
1537
1537
|
exports[`TextBoxIcon component rendering the Custom class 1`] = `
|
|
1538
1538
|
<DocumentFragment>
|
|
1539
1539
|
<div
|
|
1540
|
-
class="flex row varClass customContainer
|
|
1540
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container customTBoxWrapTextBoxIcon"
|
|
1541
1541
|
data-selector-id="textBoxIcon"
|
|
1542
1542
|
>
|
|
1543
1543
|
<div
|
|
@@ -1547,7 +1547,7 @@ exports[`TextBoxIcon component rendering the Custom class 1`] = `
|
|
|
1547
1547
|
data-test-id="boxComponent"
|
|
1548
1548
|
>
|
|
1549
1549
|
<input
|
|
1550
|
-
class="
|
|
1550
|
+
class="container medium default effect borderColor_default customTextBoxTextBoxIcon"
|
|
1551
1551
|
data-id="textBoxIcon"
|
|
1552
1552
|
data-selector-id="textBoxIcon"
|
|
1553
1553
|
data-test-id="textBoxIcon"
|
|
@@ -1576,7 +1576,7 @@ exports[`TextBoxIcon component rendering the Custom class 1`] = `
|
|
|
1576
1576
|
exports[`TextBoxIcon component rendering the i18n value 1`] = `
|
|
1577
1577
|
<DocumentFragment>
|
|
1578
1578
|
<div
|
|
1579
|
-
class="flex row varClass customContainer
|
|
1579
|
+
class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
|
|
1580
1580
|
data-selector-id="textBoxIcon"
|
|
1581
1581
|
>
|
|
1582
1582
|
<div
|
|
@@ -1586,7 +1586,7 @@ exports[`TextBoxIcon component rendering the i18n value 1`] = `
|
|
|
1586
1586
|
data-test-id="boxComponent"
|
|
1587
1587
|
>
|
|
1588
1588
|
<input
|
|
1589
|
-
class="
|
|
1589
|
+
class="container medium default effect borderColor_default"
|
|
1590
1590
|
data-id="textBoxIcon"
|
|
1591
1591
|
data-selector-id="textBoxIcon"
|
|
1592
1592
|
data-test-id="textBoxIcon"
|
|
@@ -1623,7 +1623,7 @@ exports[`TextBoxIcon component rendering the i18n value 1`] = `
|
|
|
1623
1623
|
>
|
|
1624
1624
|
<i
|
|
1625
1625
|
aria-hidden="true"
|
|
1626
|
-
class="zd_font_icons basic icon-delete
|
|
1626
|
+
class="zd_font_icons rtl basic icon-delete"
|
|
1627
1627
|
data-id="fontIcon"
|
|
1628
1628
|
data-selector-id="fontIcon"
|
|
1629
1629
|
data-test-id="fontIcon"
|