@zohodesk/components 1.6.23-exp-2 → 1.6.24
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/Accordion/__tests__/__snapshots__/Accordion.spec.js.snap +1 -1
- package/es/Accordion/__tests__/__snapshots__/AccordionItem.spec.js.snap +1 -1
- package/es/Animation/__tests__/__snapshots__/Animation.spec.js.snap +1 -1
- package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +1 -1
- package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +1 -1
- package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +1 -1
- package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
- package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +1 -1
- package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +1 -1
- package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +1 -1
- package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +1 -1
- package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +1 -1
- package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +5 -5
- package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +17 -17
- package/es/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +1 -1
- package/es/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +9 -9
- package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +1 -1
- package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +1 -1
- package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
- package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +1 -1
- package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +1 -1
- package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
- package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +1 -1
- package/es/DropBox/DropBoxElement/__tests__/__snapshots__/DropBoxElement.spec.js.snap +1 -1
- package/es/DropBox/__tests__/__snapshots__/DropBox.spec.js.snap +1 -1
- package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +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 +1 -1
- package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
- package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +1 -1
- package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +1 -1
- package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +1 -1
- package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +1 -1
- package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +1 -1
- package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +1 -1
- package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +1 -1
- package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +1 -1
- package/es/Modal/Portal/__tests__/__snapshots__/Portal.spec.js.snap +1 -1
- package/es/Modal/__tests__/__snapshots__/Modal.spec.js.snap +1 -1
- package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
- package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +1 -1
- package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +1 -1
- package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
- package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +7 -7
- package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +1 -1
- package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +1 -1
- package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +1 -1
- package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +1 -1
- package/es/PopOver/__tests__/__snapshots__/PopOver.spec.js.snap +1 -1
- package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1 -1
- package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
- package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +1 -1
- package/es/RippleEffect/RippleEffect.js +1 -1
- package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +17 -17
- package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +1 -1
- package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +57 -47
- package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +1 -1
- package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +1 -1
- package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +1 -1
- package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +1 -1
- package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +1 -1
- package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
- package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
- package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +1 -1
- package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
- package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +1 -1
- package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +1 -1
- package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +1 -1
- package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +1 -1
- package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +1 -1
- package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +5 -5
- package/es/VelocityAnimation/VelocityAnimation/__tests__/__snapshots__/VelocityAnimation.spec.js.snap +1 -1
- package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/__snapshots__/VelocityAnimationGroup.spec.js.snap +1 -1
- package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
- package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +1 -1
- package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +1 -1
- package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
- package/es/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +1 -1
- package/es/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +1 -1
- 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/Accordion/__tests__/__snapshots__/Accordion.spec.js.snap +1 -1
- package/lib/Accordion/__tests__/__snapshots__/AccordionItem.spec.js.snap +1 -1
- package/lib/Animation/__tests__/__snapshots__/Animation.spec.js.snap +1 -1
- package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +1 -1
- package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +1 -1
- package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +1 -1
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
- package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +1 -1
- package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +1 -1
- package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +1 -1
- package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +1 -1
- package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +1 -1
- package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +5 -5
- package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +17 -17
- package/lib/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +1 -1
- package/lib/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +9 -9
- package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +1 -1
- package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +1 -1
- package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
- package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +1 -1
- package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +1 -1
- package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
- package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +1 -1
- package/lib/DropBox/DropBoxElement/__tests__/__snapshots__/DropBoxElement.spec.js.snap +1 -1
- package/lib/DropBox/__tests__/__snapshots__/DropBox.spec.js.snap +1 -1
- package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +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 +1 -1
- package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
- package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +1 -1
- package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +1 -1
- package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +1 -1
- package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +1 -1
- package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +1 -1
- package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +1 -1
- package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +1 -1
- package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +1 -1
- package/lib/Modal/Portal/__tests__/__snapshots__/Portal.spec.js.snap +1 -1
- package/lib/Modal/__tests__/__snapshots__/Modal.spec.js.snap +1 -1
- package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
- package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +1 -1
- package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +1 -1
- package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
- package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +7 -7
- package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +1 -1
- package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +1 -1
- package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +1 -1
- package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +1 -1
- package/lib/PopOver/__tests__/__snapshots__/PopOver.spec.js.snap +1 -1
- package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1 -1
- package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
- package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +1 -1
- package/lib/RippleEffect/RippleEffect.js +1 -1
- package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +17 -17
- package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +1 -1
- package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +57 -47
- package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +1 -1
- package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +1 -1
- package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +1 -1
- package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +1 -1
- package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +1 -1
- package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
- package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
- package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +1 -1
- package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
- package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +1 -1
- package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +1 -1
- package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +1 -1
- package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +1 -1
- package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +1 -1
- package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +5 -5
- package/lib/VelocityAnimation/VelocityAnimation/__tests__/__snapshots__/VelocityAnimation.spec.js.snap +1 -1
- package/lib/VelocityAnimation/VelocityAnimationGroup/__tests__/__snapshots__/VelocityAnimationGroup.spec.js.snap +1 -1
- package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
- package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +1 -1
- package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +1 -1
- package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
- package/lib/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +1 -1
- package/lib/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +1 -1
- 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 +13 -10
- package/ut.config.js +106 -0
package/README.md
CHANGED
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development across projects.
|
|
4
4
|
|
|
5
|
+
# 1.6.24
|
|
6
|
+
|
|
7
|
+
- **RippleEffect** Reordered className values to ensure customClass is always appended last to adopt CSS utility .
|
|
8
|
+
|
|
5
9
|
# 1.6.23
|
|
6
10
|
|
|
7
11
|
- Removed the empty string fallback from the `font-family` variable definition in `AppContainer`, as the font fallback behavior is now handled correctly.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://
|
|
1
|
+
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
|
2
2
|
|
|
3
3
|
exports[`ColorMultiSelect Should render the default selected value 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
@@ -103,7 +103,7 @@ exports[`ColorMultiSelect Should render the selected value 1`] = `
|
|
|
103
103
|
data-test-id="multiSelect_selectedOptions"
|
|
104
104
|
>
|
|
105
105
|
<div
|
|
106
|
-
aria-labelledby="
|
|
106
|
+
aria-labelledby="3"
|
|
107
107
|
class="container effect medium lgRadius danger pointer"
|
|
108
108
|
data-id="tag_Tag"
|
|
109
109
|
data-selector-id="tag"
|
|
@@ -115,7 +115,7 @@ exports[`ColorMultiSelect Should render the selected value 1`] = `
|
|
|
115
115
|
<div
|
|
116
116
|
aria-hidden="true"
|
|
117
117
|
class="text mediumtext"
|
|
118
|
-
id="
|
|
118
|
+
id="3"
|
|
119
119
|
>
|
|
120
120
|
Red
|
|
121
121
|
</div>
|
|
@@ -152,7 +152,7 @@ exports[`ColorMultiSelect Should render the selected value 1`] = `
|
|
|
152
152
|
data-test-id="multiSelect_selectedOptions"
|
|
153
153
|
>
|
|
154
154
|
<div
|
|
155
|
-
aria-labelledby="
|
|
155
|
+
aria-labelledby="4"
|
|
156
156
|
class="container effect medium lgRadius danger pointer"
|
|
157
157
|
data-id="tag_Tag"
|
|
158
158
|
data-selector-id="tag"
|
|
@@ -164,7 +164,7 @@ exports[`ColorMultiSelect Should render the selected value 1`] = `
|
|
|
164
164
|
<div
|
|
165
165
|
aria-hidden="true"
|
|
166
166
|
class="text mediumtext"
|
|
167
|
-
id="
|
|
167
|
+
id="4"
|
|
168
168
|
>
|
|
169
169
|
Green
|
|
170
170
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://
|
|
1
|
+
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
|
2
2
|
|
|
3
3
|
exports[`ColorSingleSelect Should render the default selected value 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
@@ -12,11 +12,11 @@ exports[`ColorSingleSelect Should render the default selected value 1`] = `
|
|
|
12
12
|
data-test-id="selectComponent"
|
|
13
13
|
>
|
|
14
14
|
<div
|
|
15
|
-
aria-controls="
|
|
15
|
+
aria-controls="1"
|
|
16
16
|
aria-disabled="false"
|
|
17
17
|
aria-expanded="false"
|
|
18
18
|
aria-haspopup="listbox"
|
|
19
|
-
aria-owns="
|
|
19
|
+
aria-owns="1"
|
|
20
20
|
aria-readonly="false"
|
|
21
21
|
class="flex row scroll_vertical varClass customContainer medium padding_medium border_bottom effect borderColor_default hasBorder"
|
|
22
22
|
data-selector-id="container"
|
|
@@ -37,7 +37,7 @@ exports[`ColorSingleSelect Should render the default selected value 1`] = `
|
|
|
37
37
|
data-test-id="boxComponent"
|
|
38
38
|
>
|
|
39
39
|
<div
|
|
40
|
-
aria-labelledby="
|
|
40
|
+
aria-labelledby="3"
|
|
41
41
|
class="container effect medium lgRadius default"
|
|
42
42
|
data-id="tag_Tag"
|
|
43
43
|
data-selector-id="tag"
|
|
@@ -49,7 +49,7 @@ exports[`ColorSingleSelect Should render the default selected value 1`] = `
|
|
|
49
49
|
<div
|
|
50
50
|
aria-hidden="true"
|
|
51
51
|
class="text mediumtext"
|
|
52
|
-
id="
|
|
52
|
+
id="3"
|
|
53
53
|
>
|
|
54
54
|
Red
|
|
55
55
|
</div>
|
|
@@ -90,11 +90,11 @@ exports[`ColorSingleSelect Should render the selected value 1`] = `
|
|
|
90
90
|
data-test-id="selectComponent"
|
|
91
91
|
>
|
|
92
92
|
<div
|
|
93
|
-
aria-controls="
|
|
93
|
+
aria-controls="1"
|
|
94
94
|
aria-disabled="false"
|
|
95
95
|
aria-expanded="false"
|
|
96
96
|
aria-haspopup="listbox"
|
|
97
|
-
aria-owns="
|
|
97
|
+
aria-owns="1"
|
|
98
98
|
aria-readonly="false"
|
|
99
99
|
class="flex row scroll_vertical varClass customContainer medium padding_medium border_bottom effect borderColor_default hasBorder"
|
|
100
100
|
data-selector-id="container"
|
|
@@ -115,7 +115,7 @@ exports[`ColorSingleSelect Should render the selected value 1`] = `
|
|
|
115
115
|
data-test-id="boxComponent"
|
|
116
116
|
>
|
|
117
117
|
<div
|
|
118
|
-
aria-labelledby="
|
|
118
|
+
aria-labelledby="3"
|
|
119
119
|
class="container effect medium lgRadius default"
|
|
120
120
|
data-id="tag_Tag"
|
|
121
121
|
data-selector-id="tag"
|
|
@@ -125,7 +125,7 @@ exports[`ColorSingleSelect Should render the selected value 1`] = `
|
|
|
125
125
|
<div
|
|
126
126
|
aria-hidden="true"
|
|
127
127
|
class="text mediumtext"
|
|
128
|
-
id="
|
|
128
|
+
id="3"
|
|
129
129
|
/>
|
|
130
130
|
</div>
|
|
131
131
|
</div>
|
|
@@ -227,11 +227,11 @@ exports[`ColorSingleSelect rendering with isDefaultSelectValue is false 1`] = `
|
|
|
227
227
|
data-test-id="selectComponent"
|
|
228
228
|
>
|
|
229
229
|
<div
|
|
230
|
-
aria-controls="
|
|
230
|
+
aria-controls="1"
|
|
231
231
|
aria-disabled="false"
|
|
232
232
|
aria-expanded="false"
|
|
233
233
|
aria-haspopup="listbox"
|
|
234
|
-
aria-owns="
|
|
234
|
+
aria-owns="1"
|
|
235
235
|
aria-readonly="false"
|
|
236
236
|
class="flex row scroll_vertical varClass customContainer medium padding_medium border_bottom effect borderColor_default hasBorder"
|
|
237
237
|
data-selector-id="container"
|
|
@@ -292,11 +292,11 @@ exports[`ColorSingleSelect renders with renderCustomColorIndicator 1`] = `
|
|
|
292
292
|
data-test-id="selectComponent"
|
|
293
293
|
>
|
|
294
294
|
<div
|
|
295
|
-
aria-controls="
|
|
295
|
+
aria-controls="1"
|
|
296
296
|
aria-disabled="false"
|
|
297
297
|
aria-expanded="false"
|
|
298
298
|
aria-haspopup="listbox"
|
|
299
|
-
aria-owns="
|
|
299
|
+
aria-owns="1"
|
|
300
300
|
aria-readonly="false"
|
|
301
301
|
class="flex row scroll_vertical varClass customContainer medium padding_medium border_bottom effect borderColor_default hasBorder"
|
|
302
302
|
data-selector-id="container"
|
|
@@ -317,7 +317,7 @@ exports[`ColorSingleSelect renders with renderCustomColorIndicator 1`] = `
|
|
|
317
317
|
data-test-id="boxComponent"
|
|
318
318
|
>
|
|
319
319
|
<div
|
|
320
|
-
aria-labelledby="
|
|
320
|
+
aria-labelledby="3"
|
|
321
321
|
class="container effect medium lgRadius default"
|
|
322
322
|
data-id="tag_Tag"
|
|
323
323
|
data-selector-id="tag"
|
|
@@ -329,7 +329,7 @@ exports[`ColorSingleSelect renders with renderCustomColorIndicator 1`] = `
|
|
|
329
329
|
<div
|
|
330
330
|
aria-hidden="true"
|
|
331
331
|
class="text mediumtext"
|
|
332
|
-
id="
|
|
332
|
+
id="3"
|
|
333
333
|
>
|
|
334
334
|
Red
|
|
335
335
|
</div>
|
|
@@ -370,11 +370,11 @@ exports[`ColorSingleSelect renders with renderCustomSelectedValue 1`] = `
|
|
|
370
370
|
data-test-id="selectComponent"
|
|
371
371
|
>
|
|
372
372
|
<div
|
|
373
|
-
aria-controls="
|
|
373
|
+
aria-controls="1"
|
|
374
374
|
aria-disabled="false"
|
|
375
375
|
aria-expanded="false"
|
|
376
376
|
aria-haspopup="listbox"
|
|
377
|
-
aria-owns="
|
|
377
|
+
aria-owns="1"
|
|
378
378
|
aria-readonly="false"
|
|
379
379
|
class="flex row scroll_vertical varClass customContainer medium padding_medium border_bottom effect borderColor_default hasBorder"
|
|
380
380
|
data-selector-id="container"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://
|
|
1
|
+
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
|
2
2
|
|
|
3
3
|
exports[`ColoredTag rendering the defult props 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
@@ -22,7 +22,7 @@ exports[`ColoredTag rendering the defult props 1`] = `
|
|
|
22
22
|
exports[`ColoredTag rendering with colorConfig 1`] = `
|
|
23
23
|
<DocumentFragment>
|
|
24
24
|
<div
|
|
25
|
-
aria-labelledby="
|
|
25
|
+
aria-labelledby="1"
|
|
26
26
|
class="container effect medium lgRadius default"
|
|
27
27
|
data-id="tag_Tag"
|
|
28
28
|
data-selector-id="tag"
|
|
@@ -33,7 +33,7 @@ exports[`ColoredTag rendering with colorConfig 1`] = `
|
|
|
33
33
|
<div
|
|
34
34
|
aria-hidden="true"
|
|
35
35
|
class="text mediumtext"
|
|
36
|
-
id="
|
|
36
|
+
id="1"
|
|
37
37
|
/>
|
|
38
38
|
</div>
|
|
39
39
|
</DocumentFragment>
|
|
@@ -42,7 +42,7 @@ exports[`ColoredTag rendering with colorConfig 1`] = `
|
|
|
42
42
|
exports[`ColoredTag rendering with customAttributes 1`] = `
|
|
43
43
|
<DocumentFragment>
|
|
44
44
|
<div
|
|
45
|
-
aria-labelledby="
|
|
45
|
+
aria-labelledby="1"
|
|
46
46
|
class="container effect medium lgRadius default"
|
|
47
47
|
data-custom-attribute="true"
|
|
48
48
|
data-id="tag_Tag"
|
|
@@ -53,7 +53,7 @@ exports[`ColoredTag rendering with customAttributes 1`] = `
|
|
|
53
53
|
<div
|
|
54
54
|
aria-hidden="true"
|
|
55
55
|
class="text mediumtext"
|
|
56
|
-
id="
|
|
56
|
+
id="1"
|
|
57
57
|
/>
|
|
58
58
|
</div>
|
|
59
59
|
</DocumentFragment>
|
|
@@ -62,7 +62,7 @@ exports[`ColoredTag rendering with customAttributes 1`] = `
|
|
|
62
62
|
exports[`ColoredTag rendering with isActive true 1`] = `
|
|
63
63
|
<DocumentFragment>
|
|
64
64
|
<div
|
|
65
|
-
aria-labelledby="
|
|
65
|
+
aria-labelledby="1"
|
|
66
66
|
class="container effect selected activedefault medium lgRadius default"
|
|
67
67
|
data-id="tag_TagSelected"
|
|
68
68
|
data-selector-id="tag"
|
|
@@ -72,7 +72,7 @@ exports[`ColoredTag rendering with isActive true 1`] = `
|
|
|
72
72
|
<div
|
|
73
73
|
aria-hidden="true"
|
|
74
74
|
class="text mediumtext"
|
|
75
|
-
id="
|
|
75
|
+
id="1"
|
|
76
76
|
/>
|
|
77
77
|
</div>
|
|
78
78
|
</DocumentFragment>
|
|
@@ -81,7 +81,7 @@ exports[`ColoredTag rendering with isActive true 1`] = `
|
|
|
81
81
|
exports[`ColoredTag rendering with text 1`] = `
|
|
82
82
|
<DocumentFragment>
|
|
83
83
|
<div
|
|
84
|
-
aria-labelledby="
|
|
84
|
+
aria-labelledby="1"
|
|
85
85
|
class="container effect medium lgRadius default"
|
|
86
86
|
data-id="tag_Tag"
|
|
87
87
|
data-selector-id="tag"
|
|
@@ -92,7 +92,7 @@ exports[`ColoredTag rendering with text 1`] = `
|
|
|
92
92
|
<div
|
|
93
93
|
aria-hidden="true"
|
|
94
94
|
class="text mediumtext"
|
|
95
|
-
id="
|
|
95
|
+
id="1"
|
|
96
96
|
>
|
|
97
97
|
Colored Tag
|
|
98
98
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://
|
|
1
|
+
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
|
2
2
|
|
|
3
3
|
exports[`MultiSelect Should render with renderCustomSelectedValue 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
@@ -185,7 +185,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
185
185
|
data-test-id="multiSelect_selectedOptions"
|
|
186
186
|
>
|
|
187
187
|
<div
|
|
188
|
-
aria-labelledby="
|
|
188
|
+
aria-labelledby="3"
|
|
189
189
|
class="container effect medium lgRadius danger pointer"
|
|
190
190
|
data-id="tag_Tag"
|
|
191
191
|
data-selector-id="tag"
|
|
@@ -196,7 +196,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
196
196
|
<div
|
|
197
197
|
aria-hidden="true"
|
|
198
198
|
class="text mediumtext"
|
|
199
|
-
id="
|
|
199
|
+
id="3"
|
|
200
200
|
>
|
|
201
201
|
text1
|
|
202
202
|
</div>
|
|
@@ -233,7 +233,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
233
233
|
data-test-id="multiSelect_selectedOptions"
|
|
234
234
|
>
|
|
235
235
|
<div
|
|
236
|
-
aria-labelledby="
|
|
236
|
+
aria-labelledby="4"
|
|
237
237
|
class="container effect medium lgRadius danger pointer"
|
|
238
238
|
data-id="tag_Tag"
|
|
239
239
|
data-selector-id="tag"
|
|
@@ -244,7 +244,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
244
244
|
<div
|
|
245
245
|
aria-hidden="true"
|
|
246
246
|
class="text mediumtext"
|
|
247
|
-
id="
|
|
247
|
+
id="4"
|
|
248
248
|
>
|
|
249
249
|
text2
|
|
250
250
|
</div>
|
|
@@ -281,7 +281,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
281
281
|
data-test-id="multiSelect_selectedOptions"
|
|
282
282
|
>
|
|
283
283
|
<div
|
|
284
|
-
aria-labelledby="
|
|
284
|
+
aria-labelledby="5"
|
|
285
285
|
class="container effect medium lgRadius danger pointer"
|
|
286
286
|
data-id="tag_Tag"
|
|
287
287
|
data-selector-id="tag"
|
|
@@ -292,7 +292,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
|
|
|
292
292
|
<div
|
|
293
293
|
aria-hidden="true"
|
|
294
294
|
class="text mediumtext"
|
|
295
|
-
id="
|
|
295
|
+
id="5"
|
|
296
296
|
>
|
|
297
297
|
text3
|
|
298
298
|
</div>
|