@zohodesk/components 1.6.22 → 1.6.23
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/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
- package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +107 -181
- package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -39
- 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/__tests__/__snapshots__/DateTime.spec.js.snap +60 -60
- 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/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/__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/__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 -31
- 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/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
- package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
- 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/__tests__/__snapshots__/Switch.spec.js.snap +55 -67
- package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
- package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -242
- package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
- package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
- package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
- package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
- package/es/common/basic.module.css +9 -8
- 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/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
- package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +107 -181
- package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -39
- 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/__tests__/__snapshots__/DateTime.spec.js.snap +60 -60
- 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/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/__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/__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 -31
- 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/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
- package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
- 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/__tests__/__snapshots__/Switch.spec.js.snap +55 -67
- package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
- package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -242
- package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
- package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
- package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
- package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
- package/lib/common/basic.module.css +9 -8
- 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 +9 -10
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
exports[`MultiSelect Should render with renderCustomSelectedValue 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<div
|
|
6
|
-
class="wrapper
|
|
6
|
+
class="wrapper effect"
|
|
7
7
|
data-id="multiSelect"
|
|
8
8
|
data-selector-id="multiSelect"
|
|
9
9
|
data-test-id="multiSelect"
|
|
10
10
|
>
|
|
11
11
|
<div
|
|
12
|
-
class="flex fullSize row wrap alignItems_center container medium borderColor_default
|
|
12
|
+
class="flex fullSize row wrap alignItems_center container medium borderColor_default hasBorder"
|
|
13
13
|
data-id="containerComponent"
|
|
14
14
|
data-selector-id="container"
|
|
15
15
|
data-test-id="containerComponent"
|
|
@@ -21,11 +21,10 @@ exports[`MultiSelect Should render with renderCustomSelectedValue 1`] = `
|
|
|
21
21
|
data-test-id="boxComponent"
|
|
22
22
|
>
|
|
23
23
|
<span
|
|
24
|
-
class="
|
|
25
|
-
"
|
|
24
|
+
class="custmSpan custmSpanMedium"
|
|
26
25
|
/>
|
|
27
26
|
<div
|
|
28
|
-
class="flex row varClass customContainer
|
|
27
|
+
class="flex row varClass customContainer effect container custmInputWrapper"
|
|
29
28
|
data-selector-id="textBoxIcon"
|
|
30
29
|
>
|
|
31
30
|
<div
|
|
@@ -39,7 +38,7 @@ exports[`MultiSelect Should render with renderCustomSelectedValue 1`] = `
|
|
|
39
38
|
aria-haspopup="true"
|
|
40
39
|
aria-required="true"
|
|
41
40
|
autocomplete="off"
|
|
42
|
-
class="
|
|
41
|
+
class="container medium default effect borderColor_default"
|
|
43
42
|
data-id="multiSelect_textBox"
|
|
44
43
|
data-selector-id="textBoxIcon"
|
|
45
44
|
data-test-id="multiSelect_textBox"
|
|
@@ -86,13 +85,13 @@ exports[`MultiSelect Should render with renderCustomSelectedValue 1`] = `
|
|
|
86
85
|
exports[`MultiSelect rendering the defult props 1`] = `
|
|
87
86
|
<DocumentFragment>
|
|
88
87
|
<div
|
|
89
|
-
class="wrapper
|
|
88
|
+
class="wrapper effect"
|
|
90
89
|
data-id="multiSelect"
|
|
91
90
|
data-selector-id="multiSelect"
|
|
92
91
|
data-test-id="multiSelect"
|
|
93
92
|
>
|
|
94
93
|
<div
|
|
95
|
-
class="flex fullSize row wrap alignItems_center container medium borderColor_default
|
|
94
|
+
class="flex fullSize row wrap alignItems_center container medium borderColor_default hasBorder"
|
|
96
95
|
data-id="containerComponent"
|
|
97
96
|
data-selector-id="container"
|
|
98
97
|
data-test-id="containerComponent"
|
|
@@ -104,11 +103,10 @@ exports[`MultiSelect rendering the defult props 1`] = `
|
|
|
104
103
|
data-test-id="boxComponent"
|
|
105
104
|
>
|
|
106
105
|
<span
|
|
107
|
-
class="
|
|
108
|
-
"
|
|
106
|
+
class="custmSpan custmSpanMedium"
|
|
109
107
|
/>
|
|
110
108
|
<div
|
|
111
|
-
class="flex row varClass customContainer
|
|
109
|
+
class="flex row varClass customContainer effect container custmInputWrapper"
|
|
112
110
|
data-selector-id="textBoxIcon"
|
|
113
111
|
>
|
|
114
112
|
<div
|
|
@@ -122,7 +120,7 @@ exports[`MultiSelect rendering the defult props 1`] = `
|
|
|
122
120
|
aria-haspopup="true"
|
|
123
121
|
aria-required="true"
|
|
124
122
|
autocomplete="off"
|
|
125
|
-
class="
|
|
123
|
+
class="container medium default effect borderColor_default"
|
|
126
124
|
data-id="multiSelect_textBox"
|
|
127
125
|
data-selector-id="textBoxIcon"
|
|
128
126
|
data-test-id="multiSelect_textBox"
|
|
@@ -169,13 +167,13 @@ exports[`MultiSelect rendering the defult props 1`] = `
|
|
|
169
167
|
exports[`MultiSelect rendering with limit feature 1`] = `
|
|
170
168
|
<DocumentFragment>
|
|
171
169
|
<div
|
|
172
|
-
class="wrapper
|
|
170
|
+
class="wrapper effect"
|
|
173
171
|
data-id="multiSelect"
|
|
174
172
|
data-selector-id="multiSelect"
|
|
175
173
|
data-test-id="multiSelect"
|
|
176
174
|
>
|
|
177
175
|
<div
|
|
178
|
-
class="flex fullSize row wrap alignItems_center container medium borderColor_default
|
|
176
|
+
class="flex fullSize row wrap alignItems_center container medium borderColor_default hasBorder"
|
|
179
177
|
data-id="containerComponent"
|
|
180
178
|
data-selector-id="container"
|
|
181
179
|
data-test-id="containerComponent"
|
|
@@ -188,7 +186,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
188
186
|
>
|
|
189
187
|
<div
|
|
190
188
|
aria-labelledby="7"
|
|
191
|
-
class="container effect
|
|
189
|
+
class="container effect medium lgRadius danger pointer"
|
|
192
190
|
data-id="tag_Tag"
|
|
193
191
|
data-selector-id="tag"
|
|
194
192
|
data-test-id="tag_Tag"
|
|
@@ -204,8 +202,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
204
202
|
</div>
|
|
205
203
|
<button
|
|
206
204
|
aria-label="Delete"
|
|
207
|
-
class="buttonReset close
|
|
208
|
-
lgRadiusClose closedanger "
|
|
205
|
+
class="buttonReset close lgRadiusClose closedanger"
|
|
209
206
|
data-id="tag_RemoveTag"
|
|
210
207
|
data-test-id="tag_RemoveTag"
|
|
211
208
|
type="button"
|
|
@@ -219,7 +216,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
219
216
|
>
|
|
220
217
|
<i
|
|
221
218
|
aria-hidden="true"
|
|
222
|
-
class="zd_font_icons
|
|
219
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
223
220
|
data-id="fontIcon"
|
|
224
221
|
data-selector-id="fontIcon"
|
|
225
222
|
data-test-id="fontIcon"
|
|
@@ -237,7 +234,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
237
234
|
>
|
|
238
235
|
<div
|
|
239
236
|
aria-labelledby="8"
|
|
240
|
-
class="container effect
|
|
237
|
+
class="container effect medium lgRadius danger pointer"
|
|
241
238
|
data-id="tag_Tag"
|
|
242
239
|
data-selector-id="tag"
|
|
243
240
|
data-test-id="tag_Tag"
|
|
@@ -253,8 +250,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
253
250
|
</div>
|
|
254
251
|
<button
|
|
255
252
|
aria-label="Delete"
|
|
256
|
-
class="buttonReset close
|
|
257
|
-
lgRadiusClose closedanger "
|
|
253
|
+
class="buttonReset close lgRadiusClose closedanger"
|
|
258
254
|
data-id="tag_RemoveTag"
|
|
259
255
|
data-test-id="tag_RemoveTag"
|
|
260
256
|
type="button"
|
|
@@ -268,7 +264,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
268
264
|
>
|
|
269
265
|
<i
|
|
270
266
|
aria-hidden="true"
|
|
271
|
-
class="zd_font_icons
|
|
267
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
272
268
|
data-id="fontIcon"
|
|
273
269
|
data-selector-id="fontIcon"
|
|
274
270
|
data-test-id="fontIcon"
|
|
@@ -286,7 +282,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
286
282
|
>
|
|
287
283
|
<div
|
|
288
284
|
aria-labelledby="9"
|
|
289
|
-
class="container effect
|
|
285
|
+
class="container effect medium lgRadius danger pointer"
|
|
290
286
|
data-id="tag_Tag"
|
|
291
287
|
data-selector-id="tag"
|
|
292
288
|
data-test-id="tag_Tag"
|
|
@@ -302,8 +298,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
302
298
|
</div>
|
|
303
299
|
<button
|
|
304
300
|
aria-label="Delete"
|
|
305
|
-
class="buttonReset close
|
|
306
|
-
lgRadiusClose closedanger "
|
|
301
|
+
class="buttonReset close lgRadiusClose closedanger"
|
|
307
302
|
data-id="tag_RemoveTag"
|
|
308
303
|
data-test-id="tag_RemoveTag"
|
|
309
304
|
type="button"
|
|
@@ -317,7 +312,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
317
312
|
>
|
|
318
313
|
<i
|
|
319
314
|
aria-hidden="true"
|
|
320
|
-
class="zd_font_icons
|
|
315
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
321
316
|
data-id="fontIcon"
|
|
322
317
|
data-selector-id="fontIcon"
|
|
323
318
|
data-test-id="fontIcon"
|
|
@@ -334,11 +329,10 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
334
329
|
data-test-id="boxComponent"
|
|
335
330
|
>
|
|
336
331
|
<span
|
|
337
|
-
class="
|
|
338
|
-
"
|
|
332
|
+
class="custmSpan custmSpanMedium clearIconSpace"
|
|
339
333
|
/>
|
|
340
334
|
<div
|
|
341
|
-
class="flex row varClass customContainer
|
|
335
|
+
class="flex row varClass customContainer effect container custmInputWrapper"
|
|
342
336
|
data-selector-id="textBoxIcon"
|
|
343
337
|
>
|
|
344
338
|
<div
|
|
@@ -352,7 +346,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
352
346
|
aria-haspopup="true"
|
|
353
347
|
aria-required="true"
|
|
354
348
|
autocomplete="off"
|
|
355
|
-
class="
|
|
349
|
+
class="container medium default effect borderColor_default"
|
|
356
350
|
data-id="multiSelect_textBox"
|
|
357
351
|
data-selector-id="textBoxIcon"
|
|
358
352
|
data-test-id="multiSelect_textBox"
|
|
@@ -396,7 +390,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
396
390
|
>
|
|
397
391
|
<i
|
|
398
392
|
aria-hidden="true"
|
|
399
|
-
class="zd_font_icons
|
|
393
|
+
class="zd_font_icons rtl basic icon-delete"
|
|
400
394
|
data-id="fontIcon"
|
|
401
395
|
data-selector-id="fontIcon"
|
|
402
396
|
data-test-id="fontIcon"
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports[`MultiSelectHeader rendering the basic value 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<li
|
|
6
|
-
class="flex row alignItems_center list medium
|
|
6
|
+
class="flex row alignItems_center list medium default withBorder selectAll"
|
|
7
7
|
data-a11y-inset-focus="true"
|
|
8
8
|
data-id="MultiSelectHeader_selectAll"
|
|
9
9
|
data-selector-id="listItemWithIcon"
|
|
@@ -31,7 +31,7 @@ exports[`MultiSelectHeader rendering the basic value 1`] = `
|
|
|
31
31
|
>
|
|
32
32
|
<i
|
|
33
33
|
aria-hidden="true"
|
|
34
|
-
class="zd_font_icons
|
|
34
|
+
class="zd_font_icons basic icon-androidd"
|
|
35
35
|
data-id="fontIcon"
|
|
36
36
|
data-selector-id="fontIcon"
|
|
37
37
|
data-test-id="fontIcon"
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
exports[`MultiSelectWithAvatar rendering the defult props 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<div
|
|
6
|
-
class="
|
|
6
|
+
class="wrapper effect"
|
|
7
7
|
data-id="multiSelectWithAvatar"
|
|
8
8
|
data-selector-id="multiSelectWithAvatar"
|
|
9
9
|
data-test-id="multiSelectWithAvatar"
|
|
10
10
|
>
|
|
11
11
|
<div
|
|
12
|
-
class="flex fullSize row wrap alignItems_center container medium borderColor_default
|
|
12
|
+
class="flex fullSize row wrap alignItems_center container medium borderColor_default hasBorder"
|
|
13
13
|
data-id="containerComponent"
|
|
14
14
|
data-selector-id="container"
|
|
15
15
|
data-test-id="containerComponent"
|
|
@@ -21,11 +21,10 @@ exports[`MultiSelectWithAvatar rendering the defult props 1`] = `
|
|
|
21
21
|
data-test-id="boxComponent"
|
|
22
22
|
>
|
|
23
23
|
<span
|
|
24
|
-
class="
|
|
25
|
-
"
|
|
24
|
+
class="custmSpan custmSpanMedium"
|
|
26
25
|
/>
|
|
27
26
|
<div
|
|
28
|
-
class="flex row varClass customContainer
|
|
27
|
+
class="flex row varClass customContainer effect container custmInputWrapper"
|
|
29
28
|
data-selector-id="textBoxIcon"
|
|
30
29
|
>
|
|
31
30
|
<div
|
|
@@ -38,7 +37,7 @@ exports[`MultiSelectWithAvatar rendering the defult props 1`] = `
|
|
|
38
37
|
aria-expanded="false"
|
|
39
38
|
aria-haspopup="true"
|
|
40
39
|
aria-required="true"
|
|
41
|
-
class="
|
|
40
|
+
class="container medium default effect borderColor_default"
|
|
42
41
|
data-id="multiSelectWithAvatar_textBox"
|
|
43
42
|
data-selector-id="textBoxIcon"
|
|
44
43
|
data-test-id="multiSelectWithAvatar_textBox"
|
|
@@ -25,7 +25,7 @@ exports[`SelectedOptions rendering the basic select options 1`] = `
|
|
|
25
25
|
>
|
|
26
26
|
<div
|
|
27
27
|
aria-labelledby="1"
|
|
28
|
-
class="container effect
|
|
28
|
+
class="container effect medium lgRadius danger"
|
|
29
29
|
data-id="tag_Tag"
|
|
30
30
|
data-selector-id="tag"
|
|
31
31
|
data-test-id="tag_Tag"
|
|
@@ -49,7 +49,7 @@ exports[`SelectedOptions rendering the basic select options 1`] = `
|
|
|
49
49
|
>
|
|
50
50
|
<div
|
|
51
51
|
aria-labelledby="2"
|
|
52
|
-
class="container effect
|
|
52
|
+
class="container effect medium lgRadius danger"
|
|
53
53
|
data-id="tag_Tag"
|
|
54
54
|
data-selector-id="tag"
|
|
55
55
|
data-test-id="tag_Tag"
|
|
@@ -73,7 +73,7 @@ exports[`SelectedOptions rendering the basic select options 1`] = `
|
|
|
73
73
|
>
|
|
74
74
|
<div
|
|
75
75
|
aria-labelledby="3"
|
|
76
|
-
class="container effect
|
|
76
|
+
class="container effect medium lgRadius danger"
|
|
77
77
|
data-id="tag_Tag"
|
|
78
78
|
data-selector-id="tag"
|
|
79
79
|
data-test-id="tag_Tag"
|
|
@@ -18,7 +18,7 @@ exports[`Suggestions Should render with renderBeforeChildren 1`] = `
|
|
|
18
18
|
<li
|
|
19
19
|
aria-label="Suggestions Option 1"
|
|
20
20
|
aria-selected="false"
|
|
21
|
-
class="flex row alignItems_center list medium
|
|
21
|
+
class="flex row alignItems_center list medium default withBorder"
|
|
22
22
|
data-a11y-inset-focus="true"
|
|
23
23
|
data-a11y-list-active="false"
|
|
24
24
|
data-id="Suggestions Option 1"
|
|
@@ -103,7 +103,7 @@ exports[`Suggestions rendering with limit props 1`] = `
|
|
|
103
103
|
<li
|
|
104
104
|
aria-label="text2"
|
|
105
105
|
aria-selected="true"
|
|
106
|
-
class="flex row alignItems_center list medium
|
|
106
|
+
class="flex row alignItems_center list medium default activedefault activewithBorder"
|
|
107
107
|
data-a11y-inset-focus="true"
|
|
108
108
|
data-a11y-list-active="false"
|
|
109
109
|
data-id="text2"
|
|
@@ -141,7 +141,7 @@ exports[`Suggestions rendering with limit props 1`] = `
|
|
|
141
141
|
<li
|
|
142
142
|
aria-label="text3"
|
|
143
143
|
aria-selected="true"
|
|
144
|
-
class="flex row alignItems_center list medium
|
|
144
|
+
class="flex row alignItems_center list medium default activedefault activewithBorder"
|
|
145
145
|
data-a11y-inset-focus="true"
|
|
146
146
|
data-a11y-list-active="false"
|
|
147
147
|
data-id="text3"
|
|
@@ -179,7 +179,7 @@ exports[`Suggestions rendering with limit props 1`] = `
|
|
|
179
179
|
<li
|
|
180
180
|
aria-label="text4"
|
|
181
181
|
aria-selected="true"
|
|
182
|
-
class="flex row alignItems_center list medium
|
|
182
|
+
class="flex row alignItems_center list medium default activedefault activewithBorder"
|
|
183
183
|
data-a11y-inset-focus="true"
|
|
184
184
|
data-a11y-list-active="false"
|
|
185
185
|
data-id="text4"
|
|
@@ -216,7 +216,7 @@ exports[`Suggestions rendering with limit props 1`] = `
|
|
|
216
216
|
<li
|
|
217
217
|
aria-label="text5"
|
|
218
218
|
aria-selected="false"
|
|
219
|
-
class="flex row alignItems_center list medium
|
|
219
|
+
class="flex row alignItems_center list medium default disable withBorder"
|
|
220
220
|
data-a11y-inset-focus="true"
|
|
221
221
|
data-a11y-list-active="false"
|
|
222
222
|
data-id="text5"
|
|
@@ -251,7 +251,7 @@ exports[`Suggestions rendering with limit props 1`] = `
|
|
|
251
251
|
<li
|
|
252
252
|
aria-label="text6"
|
|
253
253
|
aria-selected="false"
|
|
254
|
-
class="flex row alignItems_center list medium
|
|
254
|
+
class="flex row alignItems_center list medium default disable withBorder"
|
|
255
255
|
data-a11y-inset-focus="true"
|
|
256
256
|
data-a11y-list-active="false"
|
|
257
257
|
data-id="text6"
|
|
@@ -286,7 +286,7 @@ exports[`Suggestions rendering with limit props 1`] = `
|
|
|
286
286
|
<li
|
|
287
287
|
aria-label="text7"
|
|
288
288
|
aria-selected="false"
|
|
289
|
-
class="flex row alignItems_center list medium
|
|
289
|
+
class="flex row alignItems_center list medium default disable withBorder"
|
|
290
290
|
data-a11y-inset-focus="true"
|
|
291
291
|
data-a11y-list-active="false"
|
|
292
292
|
data-id="text7"
|
|
@@ -321,7 +321,7 @@ exports[`Suggestions rendering with limit props 1`] = `
|
|
|
321
321
|
<li
|
|
322
322
|
aria-label="text8"
|
|
323
323
|
aria-selected="false"
|
|
324
|
-
class="flex row alignItems_center list medium
|
|
324
|
+
class="flex row alignItems_center list medium default disable withBorder"
|
|
325
325
|
data-a11y-inset-focus="true"
|
|
326
326
|
data-a11y-list-active="false"
|
|
327
327
|
data-id="text8"
|
|
@@ -356,7 +356,7 @@ exports[`Suggestions rendering with limit props 1`] = `
|
|
|
356
356
|
<li
|
|
357
357
|
aria-label="text9"
|
|
358
358
|
aria-selected="false"
|
|
359
|
-
class="flex row alignItems_center list medium
|
|
359
|
+
class="flex row alignItems_center list medium default disable withBorder"
|
|
360
360
|
data-a11y-inset-focus="true"
|
|
361
361
|
data-a11y-list-active="false"
|
|
362
362
|
data-id="text9"
|
|
@@ -391,7 +391,7 @@ exports[`Suggestions rendering with limit props 1`] = `
|
|
|
391
391
|
<li
|
|
392
392
|
aria-label="text10"
|
|
393
393
|
aria-selected="false"
|
|
394
|
-
class="flex row alignItems_center list medium
|
|
394
|
+
class="flex row alignItems_center list medium default disable withBorder"
|
|
395
395
|
data-a11y-inset-focus="true"
|
|
396
396
|
data-a11y-list-active="false"
|
|
397
397
|
data-id="text10"
|