@zohodesk/components 1.6.20 → 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 +10 -0
- package/es/AppContainer/AppContainer.module.css +9 -3
- package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +22 -22
- 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/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
- package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
- package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
- package/es/CheckBox/CheckBox.js +2 -2
- package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +153 -250
- package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +67 -76
- package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +45 -45
- 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__/CalendarView.spec.js.snap +49 -49
- package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +102 -102
- package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
- package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +9 -9
- package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +9 -9
- package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
- package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +34 -34
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -6
- package/es/DropDown/DropDownItem.js +1 -1
- package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
- 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/Layout/Box.js +1 -115
- package/es/Layout/Container.js +1 -132
- package/es/Layout/props/defaultProps.js +1 -16
- package/es/Layout/props/propTypes.js +1 -46
- package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
- package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
- package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
- package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +69 -76
- package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
- package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +62 -69
- package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +4 -4
- package/es/MultiSelect/MultiSelect.js +1 -1
- package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +9 -10
- package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +59 -62
- package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
- package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +50 -59
- package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +7 -7
- package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +11 -12
- package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +7 -7
- package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
- package/es/Radio/Radio.js +1 -1
- package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +117 -197
- package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
- 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 +9 -9
- package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +1015 -1015
- package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +4 -4
- package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +12 -12
- 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 +98 -110
- package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
- 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 +40 -40
- package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
- package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
- package/es/Tag/Tag.js +1 -2
- package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +242 -334
- 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 +206 -206
- 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/css.js +0 -1
- 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 +20 -20
- package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
- 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 +22 -22
- 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/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
- package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
- package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
- package/lib/CheckBox/CheckBox.js +2 -2
- package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +153 -250
- package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +67 -76
- package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +45 -45
- 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__/CalendarView.spec.js.snap +49 -49
- package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +102 -102
- package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
- package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +9 -9
- package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +9 -9
- package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
- package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +34 -34
- package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +2 -2
- package/lib/DropDown/DropDownItem.js +1 -1
- package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
- 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/Layout/Box.js +7 -120
- package/lib/Layout/Container.js +7 -137
- package/lib/Layout/props/defaultProps.js +14 -19
- package/lib/Layout/props/propTypes.js +13 -52
- package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
- package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
- package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
- package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +69 -76
- package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
- package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +62 -69
- package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +4 -4
- package/lib/MultiSelect/MultiSelect.js +1 -1
- package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +9 -10
- package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +59 -62
- package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
- package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +50 -59
- package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +7 -7
- package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +11 -12
- package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +7 -7
- package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
- package/lib/Radio/Radio.js +1 -1
- package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +117 -197
- package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
- 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 +9 -9
- package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +1015 -1015
- package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +4 -4
- package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +12 -12
- 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 +98 -110
- package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
- 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 +40 -40
- package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
- package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
- package/lib/Tag/Tag.js +1 -1
- package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +242 -334
- 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 +206 -206
- 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/css.js +0 -2
- 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 +20 -20
- package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
- 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 +13 -14
- package/es/Layout/Layout.module.css +0 -336
- package/es/Layout/__tests__/Box.spec.js +0 -11
- package/es/Layout/__tests__/Container.spec.js +0 -11
- package/es/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
- package/es/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
- package/es/Layout/utils.js +0 -29
- package/lib/Layout/Layout.module.css +0 -336
- package/lib/Layout/__tests__/Box.spec.js +0 -18
- package/lib/Layout/__tests__/Container.spec.js +0 -18
- package/lib/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
- package/lib/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
- package/lib/Layout/utils.js +0 -59
|
@@ -4,7 +4,7 @@ exports[`Tag component Should be render closeTitle 1`] = `
|
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<div
|
|
6
6
|
aria-labelledby="1"
|
|
7
|
-
class="container effect
|
|
7
|
+
class="container effect medium lgRadius default"
|
|
8
8
|
data-id="tag_Tag"
|
|
9
9
|
data-selector-id="tag"
|
|
10
10
|
data-test-id="tag_Tag"
|
|
@@ -17,9 +17,7 @@ exports[`Tag component Should be render closeTitle 1`] = `
|
|
|
17
17
|
/>
|
|
18
18
|
<button
|
|
19
19
|
aria-label="Delete"
|
|
20
|
-
class="buttonReset close
|
|
21
|
-
lgRadiusClose
|
|
22
|
-
closedanger"
|
|
20
|
+
class="buttonReset close lgRadiusClose closedanger"
|
|
23
21
|
data-id="tag_RemoveTag"
|
|
24
22
|
data-test-id="tag_RemoveTag"
|
|
25
23
|
data-title="TagCloseTitle"
|
|
@@ -27,14 +25,14 @@ exports[`Tag component Should be render closeTitle 1`] = `
|
|
|
27
25
|
value="text"
|
|
28
26
|
>
|
|
29
27
|
<div
|
|
30
|
-
class="flex
|
|
28
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
31
29
|
data-id="containerComponent"
|
|
32
30
|
data-selector-id="container"
|
|
33
31
|
data-test-id="containerComponent"
|
|
34
32
|
>
|
|
35
33
|
<i
|
|
36
34
|
aria-hidden="true"
|
|
37
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
35
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
38
36
|
data-id="fontIcon"
|
|
39
37
|
data-selector-id="fontIcon"
|
|
40
38
|
data-test-id="fontIcon"
|
|
@@ -50,7 +48,7 @@ exports[`Tag component Should be render dataId when active if false 1`] = `
|
|
|
50
48
|
<DocumentFragment>
|
|
51
49
|
<div
|
|
52
50
|
aria-labelledby="1"
|
|
53
|
-
class="container effect
|
|
51
|
+
class="container effect medium lgRadius default"
|
|
54
52
|
data-id="TagdataId_Tag"
|
|
55
53
|
data-selector-id="tag"
|
|
56
54
|
data-test-id="TagdataId_Tag"
|
|
@@ -63,23 +61,21 @@ exports[`Tag component Should be render dataId when active if false 1`] = `
|
|
|
63
61
|
/>
|
|
64
62
|
<button
|
|
65
63
|
aria-label="Delete"
|
|
66
|
-
class="buttonReset close
|
|
67
|
-
lgRadiusClose
|
|
68
|
-
closedanger"
|
|
64
|
+
class="buttonReset close lgRadiusClose closedanger"
|
|
69
65
|
data-id="TagdataId_RemoveTag"
|
|
70
66
|
data-test-id="TagdataId_RemoveTag"
|
|
71
67
|
type="button"
|
|
72
68
|
value="text"
|
|
73
69
|
>
|
|
74
70
|
<div
|
|
75
|
-
class="flex
|
|
71
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
76
72
|
data-id="containerComponent"
|
|
77
73
|
data-selector-id="container"
|
|
78
74
|
data-test-id="containerComponent"
|
|
79
75
|
>
|
|
80
76
|
<i
|
|
81
77
|
aria-hidden="true"
|
|
82
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
78
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
83
79
|
data-id="fontIcon"
|
|
84
80
|
data-selector-id="fontIcon"
|
|
85
81
|
data-test-id="fontIcon"
|
|
@@ -95,7 +91,7 @@ exports[`Tag component Should be render dataId when active if true 1`] = `
|
|
|
95
91
|
<DocumentFragment>
|
|
96
92
|
<div
|
|
97
93
|
aria-labelledby="1"
|
|
98
|
-
class="container effect selected activedefault activemediumEffect
|
|
94
|
+
class="container effect selected activedefault activemediumEffect medium lgRadius default"
|
|
99
95
|
data-id="TagdataId_TagSelected"
|
|
100
96
|
data-selector-id="tag"
|
|
101
97
|
data-test-id="TagdataId_TagSelected"
|
|
@@ -108,23 +104,21 @@ exports[`Tag component Should be render dataId when active if true 1`] = `
|
|
|
108
104
|
/>
|
|
109
105
|
<button
|
|
110
106
|
aria-label="Delete"
|
|
111
|
-
class="buttonReset close activedangerClose
|
|
112
|
-
lgRadiusClose
|
|
113
|
-
closedanger"
|
|
107
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
114
108
|
data-id="TagdataId_RemoveTag"
|
|
115
109
|
data-test-id="TagdataId_RemoveTag"
|
|
116
110
|
type="button"
|
|
117
111
|
value="text"
|
|
118
112
|
>
|
|
119
113
|
<div
|
|
120
|
-
class="flex
|
|
114
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
121
115
|
data-id="containerComponent"
|
|
122
116
|
data-selector-id="container"
|
|
123
117
|
data-test-id="containerComponent"
|
|
124
118
|
>
|
|
125
119
|
<i
|
|
126
120
|
aria-hidden="true"
|
|
127
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
121
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
128
122
|
data-id="fontIcon"
|
|
129
123
|
data-selector-id="fontIcon"
|
|
130
124
|
data-test-id="fontIcon"
|
|
@@ -140,7 +134,7 @@ exports[`Tag component Should be render disabled is false 1`] = `
|
|
|
140
134
|
<DocumentFragment>
|
|
141
135
|
<div
|
|
142
136
|
aria-labelledby="1"
|
|
143
|
-
class="container effect
|
|
137
|
+
class="container effect medium lgRadius default"
|
|
144
138
|
data-id="tag_Tag"
|
|
145
139
|
data-selector-id="tag"
|
|
146
140
|
data-test-id="tag_Tag"
|
|
@@ -159,7 +153,7 @@ exports[`Tag component Should be render disabled is true 1`] = `
|
|
|
159
153
|
<DocumentFragment>
|
|
160
154
|
<div
|
|
161
155
|
aria-labelledby="1"
|
|
162
|
-
class="container effect
|
|
156
|
+
class="container effect medium lgRadius default disabled"
|
|
163
157
|
data-id="tag_Tag"
|
|
164
158
|
data-selector-id="tag"
|
|
165
159
|
data-test-id="tag_Tag"
|
|
@@ -178,7 +172,7 @@ exports[`Tag component Should be render iconName and iconSize 1`] = `
|
|
|
178
172
|
<DocumentFragment>
|
|
179
173
|
<div
|
|
180
174
|
aria-labelledby="1"
|
|
181
|
-
class="container effect
|
|
175
|
+
class="container effect medium lgRadius default"
|
|
182
176
|
data-id="tag_Tag"
|
|
183
177
|
data-selector-id="tag"
|
|
184
178
|
data-test-id="tag_Tag"
|
|
@@ -186,11 +180,11 @@ exports[`Tag component Should be render iconName and iconSize 1`] = `
|
|
|
186
180
|
>
|
|
187
181
|
<div
|
|
188
182
|
aria-hidden="true"
|
|
189
|
-
class="icon
|
|
183
|
+
class="icon"
|
|
190
184
|
>
|
|
191
185
|
<i
|
|
192
186
|
aria-hidden="true"
|
|
193
|
-
class="zd_font_icons basic icon-androidd
|
|
187
|
+
class="zd_font_icons basic icon-androidd"
|
|
194
188
|
data-id="fontIcon"
|
|
195
189
|
data-selector-id="fontIcon"
|
|
196
190
|
data-test-id="fontIcon"
|
|
@@ -210,7 +204,7 @@ exports[`Tag component Should be render imageURL and hasAvatar 1`] = `
|
|
|
210
204
|
<DocumentFragment>
|
|
211
205
|
<div
|
|
212
206
|
aria-labelledby="1"
|
|
213
|
-
class="container effect
|
|
207
|
+
class="container effect medium lgRadius default"
|
|
214
208
|
data-id="tag_Tag"
|
|
215
209
|
data-selector-id="tag"
|
|
216
210
|
data-test-id="tag_Tag"
|
|
@@ -220,20 +214,20 @@ exports[`Tag component Should be render imageURL and hasAvatar 1`] = `
|
|
|
220
214
|
class="avatar"
|
|
221
215
|
>
|
|
222
216
|
<div
|
|
223
|
-
class="avatar small small circle primary black
|
|
217
|
+
class="avatar small small circle primary black"
|
|
224
218
|
data-id="Avatar"
|
|
225
219
|
data-selector-id="avatar"
|
|
226
220
|
data-test-id="Avatar"
|
|
227
221
|
>
|
|
228
222
|
<img
|
|
229
|
-
class="image animate
|
|
223
|
+
class="image animate"
|
|
230
224
|
data-id="Avatar_AvatarImg"
|
|
231
225
|
data-selector-id="avatar_AvatarImg"
|
|
232
226
|
data-test-id="Avatar_AvatarImg"
|
|
233
227
|
src="https://www.w3schools.com/images/w3schools_green.jpg"
|
|
234
228
|
/>
|
|
235
229
|
<span
|
|
236
|
-
class="shadow black
|
|
230
|
+
class="shadow black"
|
|
237
231
|
/>
|
|
238
232
|
</div>
|
|
239
233
|
</div>
|
|
@@ -250,7 +244,7 @@ exports[`Tag component Should be render initial 1`] = `
|
|
|
250
244
|
<DocumentFragment>
|
|
251
245
|
<div
|
|
252
246
|
aria-labelledby="1"
|
|
253
|
-
class="container effect
|
|
247
|
+
class="container effect medium lgRadius default"
|
|
254
248
|
data-id="tag_Tag"
|
|
255
249
|
data-selector-id="tag"
|
|
256
250
|
data-test-id="tag_Tag"
|
|
@@ -260,7 +254,7 @@ exports[`Tag component Should be render initial 1`] = `
|
|
|
260
254
|
class="avatar"
|
|
261
255
|
>
|
|
262
256
|
<div
|
|
263
|
-
class="avatar small small circle primary black border
|
|
257
|
+
class="avatar small small circle primary black border"
|
|
264
258
|
data-id="Avatar"
|
|
265
259
|
data-selector-id="avatar"
|
|
266
260
|
data-test-id="Avatar"
|
|
@@ -289,7 +283,7 @@ exports[`Tag component Should be render isReadOnly is true 1`] = `
|
|
|
289
283
|
<DocumentFragment>
|
|
290
284
|
<div
|
|
291
285
|
aria-labelledby="1"
|
|
292
|
-
class="container readonly
|
|
286
|
+
class="container readonly medium lgRadius default"
|
|
293
287
|
data-id="tag_Tag"
|
|
294
288
|
data-selector-id="tag"
|
|
295
289
|
data-test-id="tag_Tag"
|
|
@@ -308,7 +302,7 @@ exports[`Tag component Should be render needEffect is false 1`] = `
|
|
|
308
302
|
<DocumentFragment>
|
|
309
303
|
<div
|
|
310
304
|
aria-labelledby="1"
|
|
311
|
-
class="container readonly
|
|
305
|
+
class="container readonly medium lgRadius default"
|
|
312
306
|
data-id="tag_Tag"
|
|
313
307
|
data-selector-id="tag"
|
|
314
308
|
data-test-id="tag_Tag"
|
|
@@ -327,7 +321,7 @@ exports[`Tag component Should be render onSelectTag 1`] = `
|
|
|
327
321
|
<DocumentFragment>
|
|
328
322
|
<div
|
|
329
323
|
aria-labelledby="1"
|
|
330
|
-
class="container effect
|
|
324
|
+
class="container effect medium lgRadius default pointer"
|
|
331
325
|
data-id="tag_Tag"
|
|
332
326
|
data-selector-id="tag"
|
|
333
327
|
data-test-id="tag_Tag"
|
|
@@ -346,7 +340,7 @@ exports[`Tag component Should be render rounded is false 1`] = `
|
|
|
346
340
|
<DocumentFragment>
|
|
347
341
|
<div
|
|
348
342
|
aria-labelledby="1"
|
|
349
|
-
class="container effect
|
|
343
|
+
class="container effect medium smRadius default"
|
|
350
344
|
data-id="tag_Tag"
|
|
351
345
|
data-selector-id="tag"
|
|
352
346
|
data-test-id="tag_Tag"
|
|
@@ -359,23 +353,21 @@ exports[`Tag component Should be render rounded is false 1`] = `
|
|
|
359
353
|
/>
|
|
360
354
|
<button
|
|
361
355
|
aria-label="Delete"
|
|
362
|
-
class="buttonReset close
|
|
363
|
-
smRadiusClose
|
|
364
|
-
closedanger"
|
|
356
|
+
class="buttonReset close smRadiusClose closedanger"
|
|
365
357
|
data-id="tag_RemoveTag"
|
|
366
358
|
data-test-id="tag_RemoveTag"
|
|
367
359
|
type="button"
|
|
368
360
|
value="text"
|
|
369
361
|
>
|
|
370
362
|
<div
|
|
371
|
-
class="flex
|
|
363
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
372
364
|
data-id="containerComponent"
|
|
373
365
|
data-selector-id="container"
|
|
374
366
|
data-test-id="containerComponent"
|
|
375
367
|
>
|
|
376
368
|
<i
|
|
377
369
|
aria-hidden="true"
|
|
378
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
370
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
379
371
|
data-id="fontIcon"
|
|
380
372
|
data-selector-id="fontIcon"
|
|
381
373
|
data-test-id="fontIcon"
|
|
@@ -391,7 +383,7 @@ exports[`Tag component Should be render text 1`] = `
|
|
|
391
383
|
<DocumentFragment>
|
|
392
384
|
<div
|
|
393
385
|
aria-labelledby="1"
|
|
394
|
-
class="container effect
|
|
386
|
+
class="container effect medium lgRadius default"
|
|
395
387
|
data-id="tag_Tag"
|
|
396
388
|
data-selector-id="tag"
|
|
397
389
|
data-test-id="tag_Tag"
|
|
@@ -413,7 +405,7 @@ exports[`Tag component Should be render tooltip 1`] = `
|
|
|
413
405
|
<DocumentFragment>
|
|
414
406
|
<div
|
|
415
407
|
aria-labelledby="1"
|
|
416
|
-
class="container effect
|
|
408
|
+
class="container effect medium lgRadius default"
|
|
417
409
|
data-id="tag_Tag"
|
|
418
410
|
data-selector-id="tag"
|
|
419
411
|
data-test-id="tag_Tag"
|
|
@@ -433,7 +425,7 @@ exports[`Tag component Should be render with the basic set of default props 1`]
|
|
|
433
425
|
<DocumentFragment>
|
|
434
426
|
<div
|
|
435
427
|
aria-labelledby="1"
|
|
436
|
-
class="container effect
|
|
428
|
+
class="container effect medium lgRadius default"
|
|
437
429
|
data-id="tag_Tag"
|
|
438
430
|
data-selector-id="tag"
|
|
439
431
|
data-test-id="tag_Tag"
|
|
@@ -452,7 +444,7 @@ exports[`Tag component Should render active - palette danger, size medium , clos
|
|
|
452
444
|
<DocumentFragment>
|
|
453
445
|
<div
|
|
454
446
|
aria-labelledby="1"
|
|
455
|
-
class="container effect selected activedanger activemediumEffect
|
|
447
|
+
class="container effect selected activedanger activemediumEffect medium lgRadius danger"
|
|
456
448
|
data-id="tag_TagSelected"
|
|
457
449
|
data-selector-id="tag"
|
|
458
450
|
data-test-id="tag_TagSelected"
|
|
@@ -465,23 +457,21 @@ exports[`Tag component Should render active - palette danger, size medium , clos
|
|
|
465
457
|
/>
|
|
466
458
|
<button
|
|
467
459
|
aria-label="Delete"
|
|
468
|
-
class="buttonReset close activedangerClose
|
|
469
|
-
lgRadiusClose
|
|
470
|
-
closedanger"
|
|
460
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
471
461
|
data-id="tag_RemoveTag"
|
|
472
462
|
data-test-id="tag_RemoveTag"
|
|
473
463
|
type="button"
|
|
474
464
|
value="text"
|
|
475
465
|
>
|
|
476
466
|
<div
|
|
477
|
-
class="flex
|
|
467
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
478
468
|
data-id="containerComponent"
|
|
479
469
|
data-selector-id="container"
|
|
480
470
|
data-test-id="containerComponent"
|
|
481
471
|
>
|
|
482
472
|
<i
|
|
483
473
|
aria-hidden="true"
|
|
484
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
474
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
485
475
|
data-id="fontIcon"
|
|
486
476
|
data-selector-id="fontIcon"
|
|
487
477
|
data-test-id="fontIcon"
|
|
@@ -497,7 +487,7 @@ exports[`Tag component Should render active - palette danger, size medium , clos
|
|
|
497
487
|
<DocumentFragment>
|
|
498
488
|
<div
|
|
499
489
|
aria-labelledby="1"
|
|
500
|
-
class="container effect selected activedanger activemediumEffect
|
|
490
|
+
class="container effect selected activedanger activemediumEffect medium lgRadius danger"
|
|
501
491
|
data-id="tag_TagSelected"
|
|
502
492
|
data-selector-id="tag"
|
|
503
493
|
data-test-id="tag_TagSelected"
|
|
@@ -510,23 +500,21 @@ exports[`Tag component Should render active - palette danger, size medium , clos
|
|
|
510
500
|
/>
|
|
511
501
|
<button
|
|
512
502
|
aria-label="Delete"
|
|
513
|
-
class="buttonReset close activeprimaryClose
|
|
514
|
-
lgRadiusClose
|
|
515
|
-
closeprimary"
|
|
503
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
516
504
|
data-id="tag_RemoveTag"
|
|
517
505
|
data-test-id="tag_RemoveTag"
|
|
518
506
|
type="button"
|
|
519
507
|
value="text"
|
|
520
508
|
>
|
|
521
509
|
<div
|
|
522
|
-
class="flex
|
|
510
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
523
511
|
data-id="containerComponent"
|
|
524
512
|
data-selector-id="container"
|
|
525
513
|
data-test-id="containerComponent"
|
|
526
514
|
>
|
|
527
515
|
<i
|
|
528
516
|
aria-hidden="true"
|
|
529
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
517
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
530
518
|
data-id="fontIcon"
|
|
531
519
|
data-selector-id="fontIcon"
|
|
532
520
|
data-test-id="fontIcon"
|
|
@@ -542,7 +530,7 @@ exports[`Tag component Should render active - palette danger, size small , close
|
|
|
542
530
|
<DocumentFragment>
|
|
543
531
|
<div
|
|
544
532
|
aria-labelledby="1"
|
|
545
|
-
class="container effect selected activedanger activesmallEffect
|
|
533
|
+
class="container effect selected activedanger activesmallEffect small lgRadius danger"
|
|
546
534
|
data-id="tag_TagSelected"
|
|
547
535
|
data-selector-id="tag"
|
|
548
536
|
data-test-id="tag_TagSelected"
|
|
@@ -555,23 +543,21 @@ exports[`Tag component Should render active - palette danger, size small , close
|
|
|
555
543
|
/>
|
|
556
544
|
<button
|
|
557
545
|
aria-label="Delete"
|
|
558
|
-
class="buttonReset close activedangerClose
|
|
559
|
-
lgRadiusClose
|
|
560
|
-
closedanger"
|
|
546
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
561
547
|
data-id="tag_RemoveTag"
|
|
562
548
|
data-test-id="tag_RemoveTag"
|
|
563
549
|
type="button"
|
|
564
550
|
value="text"
|
|
565
551
|
>
|
|
566
552
|
<div
|
|
567
|
-
class="flex
|
|
553
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
568
554
|
data-id="containerComponent"
|
|
569
555
|
data-selector-id="container"
|
|
570
556
|
data-test-id="containerComponent"
|
|
571
557
|
>
|
|
572
558
|
<i
|
|
573
559
|
aria-hidden="true"
|
|
574
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
560
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
575
561
|
data-id="fontIcon"
|
|
576
562
|
data-selector-id="fontIcon"
|
|
577
563
|
data-test-id="fontIcon"
|
|
@@ -587,7 +573,7 @@ exports[`Tag component Should render active - palette danger, size small , close
|
|
|
587
573
|
<DocumentFragment>
|
|
588
574
|
<div
|
|
589
575
|
aria-labelledby="1"
|
|
590
|
-
class="container effect selected activedanger activesmallEffect
|
|
576
|
+
class="container effect selected activedanger activesmallEffect small lgRadius danger"
|
|
591
577
|
data-id="tag_TagSelected"
|
|
592
578
|
data-selector-id="tag"
|
|
593
579
|
data-test-id="tag_TagSelected"
|
|
@@ -600,23 +586,21 @@ exports[`Tag component Should render active - palette danger, size small , close
|
|
|
600
586
|
/>
|
|
601
587
|
<button
|
|
602
588
|
aria-label="Delete"
|
|
603
|
-
class="buttonReset close activeprimaryClose
|
|
604
|
-
lgRadiusClose
|
|
605
|
-
closeprimary"
|
|
589
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
606
590
|
data-id="tag_RemoveTag"
|
|
607
591
|
data-test-id="tag_RemoveTag"
|
|
608
592
|
type="button"
|
|
609
593
|
value="text"
|
|
610
594
|
>
|
|
611
595
|
<div
|
|
612
|
-
class="flex
|
|
596
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
613
597
|
data-id="containerComponent"
|
|
614
598
|
data-selector-id="container"
|
|
615
599
|
data-test-id="containerComponent"
|
|
616
600
|
>
|
|
617
601
|
<i
|
|
618
602
|
aria-hidden="true"
|
|
619
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
603
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
620
604
|
data-id="fontIcon"
|
|
621
605
|
data-selector-id="fontIcon"
|
|
622
606
|
data-test-id="fontIcon"
|
|
@@ -632,7 +616,7 @@ exports[`Tag component Should render active - palette dark, size medium , closeP
|
|
|
632
616
|
<DocumentFragment>
|
|
633
617
|
<div
|
|
634
618
|
aria-labelledby="1"
|
|
635
|
-
class="container effect selected
|
|
619
|
+
class="container effect selected activemediumEffect medium lgRadius dark"
|
|
636
620
|
data-id="tag_TagSelected"
|
|
637
621
|
data-selector-id="tag"
|
|
638
622
|
data-test-id="tag_TagSelected"
|
|
@@ -645,23 +629,21 @@ exports[`Tag component Should render active - palette dark, size medium , closeP
|
|
|
645
629
|
/>
|
|
646
630
|
<button
|
|
647
631
|
aria-label="Delete"
|
|
648
|
-
class="buttonReset close activedangerClose
|
|
649
|
-
lgRadiusClose darkTagClose
|
|
650
|
-
closedanger"
|
|
632
|
+
class="buttonReset close activedangerClose lgRadiusClose darkTagClose closedanger"
|
|
651
633
|
data-id="tag_RemoveTag"
|
|
652
634
|
data-test-id="tag_RemoveTag"
|
|
653
635
|
type="button"
|
|
654
636
|
value="text"
|
|
655
637
|
>
|
|
656
638
|
<div
|
|
657
|
-
class="flex
|
|
639
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
658
640
|
data-id="containerComponent"
|
|
659
641
|
data-selector-id="container"
|
|
660
642
|
data-test-id="containerComponent"
|
|
661
643
|
>
|
|
662
644
|
<i
|
|
663
645
|
aria-hidden="true"
|
|
664
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
646
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
665
647
|
data-id="fontIcon"
|
|
666
648
|
data-selector-id="fontIcon"
|
|
667
649
|
data-test-id="fontIcon"
|
|
@@ -677,7 +659,7 @@ exports[`Tag component Should render active - palette dark, size medium , closeP
|
|
|
677
659
|
<DocumentFragment>
|
|
678
660
|
<div
|
|
679
661
|
aria-labelledby="1"
|
|
680
|
-
class="container effect selected
|
|
662
|
+
class="container effect selected activemediumEffect medium lgRadius dark"
|
|
681
663
|
data-id="tag_TagSelected"
|
|
682
664
|
data-selector-id="tag"
|
|
683
665
|
data-test-id="tag_TagSelected"
|
|
@@ -690,23 +672,21 @@ exports[`Tag component Should render active - palette dark, size medium , closeP
|
|
|
690
672
|
/>
|
|
691
673
|
<button
|
|
692
674
|
aria-label="Delete"
|
|
693
|
-
class="buttonReset close activeprimaryClose
|
|
694
|
-
lgRadiusClose darkTagClose
|
|
695
|
-
closeprimary"
|
|
675
|
+
class="buttonReset close activeprimaryClose lgRadiusClose darkTagClose closeprimary"
|
|
696
676
|
data-id="tag_RemoveTag"
|
|
697
677
|
data-test-id="tag_RemoveTag"
|
|
698
678
|
type="button"
|
|
699
679
|
value="text"
|
|
700
680
|
>
|
|
701
681
|
<div
|
|
702
|
-
class="flex
|
|
682
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
703
683
|
data-id="containerComponent"
|
|
704
684
|
data-selector-id="container"
|
|
705
685
|
data-test-id="containerComponent"
|
|
706
686
|
>
|
|
707
687
|
<i
|
|
708
688
|
aria-hidden="true"
|
|
709
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
689
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
710
690
|
data-id="fontIcon"
|
|
711
691
|
data-selector-id="fontIcon"
|
|
712
692
|
data-test-id="fontIcon"
|
|
@@ -722,7 +702,7 @@ exports[`Tag component Should render active - palette dark, size small , closePa
|
|
|
722
702
|
<DocumentFragment>
|
|
723
703
|
<div
|
|
724
704
|
aria-labelledby="1"
|
|
725
|
-
class="container effect selected
|
|
705
|
+
class="container effect selected activesmallEffect small lgRadius dark"
|
|
726
706
|
data-id="tag_TagSelected"
|
|
727
707
|
data-selector-id="tag"
|
|
728
708
|
data-test-id="tag_TagSelected"
|
|
@@ -735,23 +715,21 @@ exports[`Tag component Should render active - palette dark, size small , closePa
|
|
|
735
715
|
/>
|
|
736
716
|
<button
|
|
737
717
|
aria-label="Delete"
|
|
738
|
-
class="buttonReset close activedangerClose
|
|
739
|
-
lgRadiusClose darkTagClose
|
|
740
|
-
closedanger"
|
|
718
|
+
class="buttonReset close activedangerClose lgRadiusClose darkTagClose closedanger"
|
|
741
719
|
data-id="tag_RemoveTag"
|
|
742
720
|
data-test-id="tag_RemoveTag"
|
|
743
721
|
type="button"
|
|
744
722
|
value="text"
|
|
745
723
|
>
|
|
746
724
|
<div
|
|
747
|
-
class="flex
|
|
725
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
748
726
|
data-id="containerComponent"
|
|
749
727
|
data-selector-id="container"
|
|
750
728
|
data-test-id="containerComponent"
|
|
751
729
|
>
|
|
752
730
|
<i
|
|
753
731
|
aria-hidden="true"
|
|
754
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
732
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
755
733
|
data-id="fontIcon"
|
|
756
734
|
data-selector-id="fontIcon"
|
|
757
735
|
data-test-id="fontIcon"
|
|
@@ -767,7 +745,7 @@ exports[`Tag component Should render active - palette dark, size small , closePa
|
|
|
767
745
|
<DocumentFragment>
|
|
768
746
|
<div
|
|
769
747
|
aria-labelledby="1"
|
|
770
|
-
class="container effect selected
|
|
748
|
+
class="container effect selected activesmallEffect small lgRadius dark"
|
|
771
749
|
data-id="tag_TagSelected"
|
|
772
750
|
data-selector-id="tag"
|
|
773
751
|
data-test-id="tag_TagSelected"
|
|
@@ -780,23 +758,21 @@ exports[`Tag component Should render active - palette dark, size small , closePa
|
|
|
780
758
|
/>
|
|
781
759
|
<button
|
|
782
760
|
aria-label="Delete"
|
|
783
|
-
class="buttonReset close activeprimaryClose
|
|
784
|
-
lgRadiusClose darkTagClose
|
|
785
|
-
closeprimary"
|
|
761
|
+
class="buttonReset close activeprimaryClose lgRadiusClose darkTagClose closeprimary"
|
|
786
762
|
data-id="tag_RemoveTag"
|
|
787
763
|
data-test-id="tag_RemoveTag"
|
|
788
764
|
type="button"
|
|
789
765
|
value="text"
|
|
790
766
|
>
|
|
791
767
|
<div
|
|
792
|
-
class="flex
|
|
768
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
793
769
|
data-id="containerComponent"
|
|
794
770
|
data-selector-id="container"
|
|
795
771
|
data-test-id="containerComponent"
|
|
796
772
|
>
|
|
797
773
|
<i
|
|
798
774
|
aria-hidden="true"
|
|
799
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
775
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
800
776
|
data-id="fontIcon"
|
|
801
777
|
data-selector-id="fontIcon"
|
|
802
778
|
data-test-id="fontIcon"
|
|
@@ -812,7 +788,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size me
|
|
|
812
788
|
<DocumentFragment>
|
|
813
789
|
<div
|
|
814
790
|
aria-labelledby="1"
|
|
815
|
-
class="container effect selected
|
|
791
|
+
class="container effect selected activemediumEffect medium lgRadius darkPrimaryDotted"
|
|
816
792
|
data-id="tag_TagSelected"
|
|
817
793
|
data-selector-id="tag"
|
|
818
794
|
data-test-id="tag_TagSelected"
|
|
@@ -825,23 +801,21 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size me
|
|
|
825
801
|
/>
|
|
826
802
|
<button
|
|
827
803
|
aria-label="Delete"
|
|
828
|
-
class="buttonReset close activedangerClose
|
|
829
|
-
lgRadiusClose
|
|
830
|
-
closedanger"
|
|
804
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
831
805
|
data-id="tag_RemoveTag"
|
|
832
806
|
data-test-id="tag_RemoveTag"
|
|
833
807
|
type="button"
|
|
834
808
|
value="text"
|
|
835
809
|
>
|
|
836
810
|
<div
|
|
837
|
-
class="flex
|
|
811
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
838
812
|
data-id="containerComponent"
|
|
839
813
|
data-selector-id="container"
|
|
840
814
|
data-test-id="containerComponent"
|
|
841
815
|
>
|
|
842
816
|
<i
|
|
843
817
|
aria-hidden="true"
|
|
844
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
818
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
845
819
|
data-id="fontIcon"
|
|
846
820
|
data-selector-id="fontIcon"
|
|
847
821
|
data-test-id="fontIcon"
|
|
@@ -857,7 +831,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size me
|
|
|
857
831
|
<DocumentFragment>
|
|
858
832
|
<div
|
|
859
833
|
aria-labelledby="1"
|
|
860
|
-
class="container effect selected
|
|
834
|
+
class="container effect selected activemediumEffect medium lgRadius darkPrimaryDotted"
|
|
861
835
|
data-id="tag_TagSelected"
|
|
862
836
|
data-selector-id="tag"
|
|
863
837
|
data-test-id="tag_TagSelected"
|
|
@@ -870,23 +844,21 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size me
|
|
|
870
844
|
/>
|
|
871
845
|
<button
|
|
872
846
|
aria-label="Delete"
|
|
873
|
-
class="buttonReset close activeprimaryClose
|
|
874
|
-
lgRadiusClose
|
|
875
|
-
closeprimary"
|
|
847
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
876
848
|
data-id="tag_RemoveTag"
|
|
877
849
|
data-test-id="tag_RemoveTag"
|
|
878
850
|
type="button"
|
|
879
851
|
value="text"
|
|
880
852
|
>
|
|
881
853
|
<div
|
|
882
|
-
class="flex
|
|
854
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
883
855
|
data-id="containerComponent"
|
|
884
856
|
data-selector-id="container"
|
|
885
857
|
data-test-id="containerComponent"
|
|
886
858
|
>
|
|
887
859
|
<i
|
|
888
860
|
aria-hidden="true"
|
|
889
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
861
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
890
862
|
data-id="fontIcon"
|
|
891
863
|
data-selector-id="fontIcon"
|
|
892
864
|
data-test-id="fontIcon"
|
|
@@ -902,7 +874,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size sm
|
|
|
902
874
|
<DocumentFragment>
|
|
903
875
|
<div
|
|
904
876
|
aria-labelledby="1"
|
|
905
|
-
class="container effect selected
|
|
877
|
+
class="container effect selected activesmallEffect small lgRadius darkPrimaryDotted"
|
|
906
878
|
data-id="tag_TagSelected"
|
|
907
879
|
data-selector-id="tag"
|
|
908
880
|
data-test-id="tag_TagSelected"
|
|
@@ -915,23 +887,21 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size sm
|
|
|
915
887
|
/>
|
|
916
888
|
<button
|
|
917
889
|
aria-label="Delete"
|
|
918
|
-
class="buttonReset close activedangerClose
|
|
919
|
-
lgRadiusClose
|
|
920
|
-
closedanger"
|
|
890
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
921
891
|
data-id="tag_RemoveTag"
|
|
922
892
|
data-test-id="tag_RemoveTag"
|
|
923
893
|
type="button"
|
|
924
894
|
value="text"
|
|
925
895
|
>
|
|
926
896
|
<div
|
|
927
|
-
class="flex
|
|
897
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
928
898
|
data-id="containerComponent"
|
|
929
899
|
data-selector-id="container"
|
|
930
900
|
data-test-id="containerComponent"
|
|
931
901
|
>
|
|
932
902
|
<i
|
|
933
903
|
aria-hidden="true"
|
|
934
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
904
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
935
905
|
data-id="fontIcon"
|
|
936
906
|
data-selector-id="fontIcon"
|
|
937
907
|
data-test-id="fontIcon"
|
|
@@ -947,7 +917,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size sm
|
|
|
947
917
|
<DocumentFragment>
|
|
948
918
|
<div
|
|
949
919
|
aria-labelledby="1"
|
|
950
|
-
class="container effect selected
|
|
920
|
+
class="container effect selected activesmallEffect small lgRadius darkPrimaryDotted"
|
|
951
921
|
data-id="tag_TagSelected"
|
|
952
922
|
data-selector-id="tag"
|
|
953
923
|
data-test-id="tag_TagSelected"
|
|
@@ -960,23 +930,21 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size sm
|
|
|
960
930
|
/>
|
|
961
931
|
<button
|
|
962
932
|
aria-label="Delete"
|
|
963
|
-
class="buttonReset close activeprimaryClose
|
|
964
|
-
lgRadiusClose
|
|
965
|
-
closeprimary"
|
|
933
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
966
934
|
data-id="tag_RemoveTag"
|
|
967
935
|
data-test-id="tag_RemoveTag"
|
|
968
936
|
type="button"
|
|
969
937
|
value="text"
|
|
970
938
|
>
|
|
971
939
|
<div
|
|
972
|
-
class="flex
|
|
940
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
973
941
|
data-id="containerComponent"
|
|
974
942
|
data-selector-id="container"
|
|
975
943
|
data-test-id="containerComponent"
|
|
976
944
|
>
|
|
977
945
|
<i
|
|
978
946
|
aria-hidden="true"
|
|
979
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
947
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
980
948
|
data-id="fontIcon"
|
|
981
949
|
data-selector-id="fontIcon"
|
|
982
950
|
data-test-id="fontIcon"
|
|
@@ -992,7 +960,7 @@ exports[`Tag component Should render active - palette default, size medium , clo
|
|
|
992
960
|
<DocumentFragment>
|
|
993
961
|
<div
|
|
994
962
|
aria-labelledby="1"
|
|
995
|
-
class="container effect selected activedefault activemediumEffect
|
|
963
|
+
class="container effect selected activedefault activemediumEffect medium lgRadius default"
|
|
996
964
|
data-id="tag_TagSelected"
|
|
997
965
|
data-selector-id="tag"
|
|
998
966
|
data-test-id="tag_TagSelected"
|
|
@@ -1005,23 +973,21 @@ exports[`Tag component Should render active - palette default, size medium , clo
|
|
|
1005
973
|
/>
|
|
1006
974
|
<button
|
|
1007
975
|
aria-label="Delete"
|
|
1008
|
-
class="buttonReset close activedangerClose
|
|
1009
|
-
lgRadiusClose
|
|
1010
|
-
closedanger"
|
|
976
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
1011
977
|
data-id="tag_RemoveTag"
|
|
1012
978
|
data-test-id="tag_RemoveTag"
|
|
1013
979
|
type="button"
|
|
1014
980
|
value="text"
|
|
1015
981
|
>
|
|
1016
982
|
<div
|
|
1017
|
-
class="flex
|
|
983
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1018
984
|
data-id="containerComponent"
|
|
1019
985
|
data-selector-id="container"
|
|
1020
986
|
data-test-id="containerComponent"
|
|
1021
987
|
>
|
|
1022
988
|
<i
|
|
1023
989
|
aria-hidden="true"
|
|
1024
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
990
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1025
991
|
data-id="fontIcon"
|
|
1026
992
|
data-selector-id="fontIcon"
|
|
1027
993
|
data-test-id="fontIcon"
|
|
@@ -1037,7 +1003,7 @@ exports[`Tag component Should render active - palette default, size medium , clo
|
|
|
1037
1003
|
<DocumentFragment>
|
|
1038
1004
|
<div
|
|
1039
1005
|
aria-labelledby="1"
|
|
1040
|
-
class="container effect selected activedefault activemediumEffect
|
|
1006
|
+
class="container effect selected activedefault activemediumEffect medium lgRadius default"
|
|
1041
1007
|
data-id="tag_TagSelected"
|
|
1042
1008
|
data-selector-id="tag"
|
|
1043
1009
|
data-test-id="tag_TagSelected"
|
|
@@ -1050,23 +1016,21 @@ exports[`Tag component Should render active - palette default, size medium , clo
|
|
|
1050
1016
|
/>
|
|
1051
1017
|
<button
|
|
1052
1018
|
aria-label="Delete"
|
|
1053
|
-
class="buttonReset close activeprimaryClose
|
|
1054
|
-
lgRadiusClose
|
|
1055
|
-
closeprimary"
|
|
1019
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
1056
1020
|
data-id="tag_RemoveTag"
|
|
1057
1021
|
data-test-id="tag_RemoveTag"
|
|
1058
1022
|
type="button"
|
|
1059
1023
|
value="text"
|
|
1060
1024
|
>
|
|
1061
1025
|
<div
|
|
1062
|
-
class="flex
|
|
1026
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1063
1027
|
data-id="containerComponent"
|
|
1064
1028
|
data-selector-id="container"
|
|
1065
1029
|
data-test-id="containerComponent"
|
|
1066
1030
|
>
|
|
1067
1031
|
<i
|
|
1068
1032
|
aria-hidden="true"
|
|
1069
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1033
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1070
1034
|
data-id="fontIcon"
|
|
1071
1035
|
data-selector-id="fontIcon"
|
|
1072
1036
|
data-test-id="fontIcon"
|
|
@@ -1082,7 +1046,7 @@ exports[`Tag component Should render active - palette default, size small , clos
|
|
|
1082
1046
|
<DocumentFragment>
|
|
1083
1047
|
<div
|
|
1084
1048
|
aria-labelledby="1"
|
|
1085
|
-
class="container effect selected activedefault activesmallEffect
|
|
1049
|
+
class="container effect selected activedefault activesmallEffect small lgRadius default"
|
|
1086
1050
|
data-id="tag_TagSelected"
|
|
1087
1051
|
data-selector-id="tag"
|
|
1088
1052
|
data-test-id="tag_TagSelected"
|
|
@@ -1095,23 +1059,21 @@ exports[`Tag component Should render active - palette default, size small , clos
|
|
|
1095
1059
|
/>
|
|
1096
1060
|
<button
|
|
1097
1061
|
aria-label="Delete"
|
|
1098
|
-
class="buttonReset close activedangerClose
|
|
1099
|
-
lgRadiusClose
|
|
1100
|
-
closedanger"
|
|
1062
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
1101
1063
|
data-id="tag_RemoveTag"
|
|
1102
1064
|
data-test-id="tag_RemoveTag"
|
|
1103
1065
|
type="button"
|
|
1104
1066
|
value="text"
|
|
1105
1067
|
>
|
|
1106
1068
|
<div
|
|
1107
|
-
class="flex
|
|
1069
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1108
1070
|
data-id="containerComponent"
|
|
1109
1071
|
data-selector-id="container"
|
|
1110
1072
|
data-test-id="containerComponent"
|
|
1111
1073
|
>
|
|
1112
1074
|
<i
|
|
1113
1075
|
aria-hidden="true"
|
|
1114
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1076
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1115
1077
|
data-id="fontIcon"
|
|
1116
1078
|
data-selector-id="fontIcon"
|
|
1117
1079
|
data-test-id="fontIcon"
|
|
@@ -1127,7 +1089,7 @@ exports[`Tag component Should render active - palette default, size small , clos
|
|
|
1127
1089
|
<DocumentFragment>
|
|
1128
1090
|
<div
|
|
1129
1091
|
aria-labelledby="1"
|
|
1130
|
-
class="container effect selected activedefault activesmallEffect
|
|
1092
|
+
class="container effect selected activedefault activesmallEffect small lgRadius default"
|
|
1131
1093
|
data-id="tag_TagSelected"
|
|
1132
1094
|
data-selector-id="tag"
|
|
1133
1095
|
data-test-id="tag_TagSelected"
|
|
@@ -1140,23 +1102,21 @@ exports[`Tag component Should render active - palette default, size small , clos
|
|
|
1140
1102
|
/>
|
|
1141
1103
|
<button
|
|
1142
1104
|
aria-label="Delete"
|
|
1143
|
-
class="buttonReset close activeprimaryClose
|
|
1144
|
-
lgRadiusClose
|
|
1145
|
-
closeprimary"
|
|
1105
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
1146
1106
|
data-id="tag_RemoveTag"
|
|
1147
1107
|
data-test-id="tag_RemoveTag"
|
|
1148
1108
|
type="button"
|
|
1149
1109
|
value="text"
|
|
1150
1110
|
>
|
|
1151
1111
|
<div
|
|
1152
|
-
class="flex
|
|
1112
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1153
1113
|
data-id="containerComponent"
|
|
1154
1114
|
data-selector-id="container"
|
|
1155
1115
|
data-test-id="containerComponent"
|
|
1156
1116
|
>
|
|
1157
1117
|
<i
|
|
1158
1118
|
aria-hidden="true"
|
|
1159
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1119
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1160
1120
|
data-id="fontIcon"
|
|
1161
1121
|
data-selector-id="fontIcon"
|
|
1162
1122
|
data-test-id="fontIcon"
|
|
@@ -1172,7 +1132,7 @@ exports[`Tag component Should render active - palette defaultLink, size medium ,
|
|
|
1172
1132
|
<DocumentFragment>
|
|
1173
1133
|
<div
|
|
1174
1134
|
aria-labelledby="1"
|
|
1175
|
-
class="container effect selected activedefaultLink activemediumEffect
|
|
1135
|
+
class="container effect selected activedefaultLink activemediumEffect medium lgRadius defaultLink"
|
|
1176
1136
|
data-id="tag_TagSelected"
|
|
1177
1137
|
data-selector-id="tag"
|
|
1178
1138
|
data-test-id="tag_TagSelected"
|
|
@@ -1185,23 +1145,21 @@ exports[`Tag component Should render active - palette defaultLink, size medium ,
|
|
|
1185
1145
|
/>
|
|
1186
1146
|
<button
|
|
1187
1147
|
aria-label="Delete"
|
|
1188
|
-
class="buttonReset close activedangerClose
|
|
1189
|
-
lgRadiusClose
|
|
1190
|
-
closedanger"
|
|
1148
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
1191
1149
|
data-id="tag_RemoveTag"
|
|
1192
1150
|
data-test-id="tag_RemoveTag"
|
|
1193
1151
|
type="button"
|
|
1194
1152
|
value="text"
|
|
1195
1153
|
>
|
|
1196
1154
|
<div
|
|
1197
|
-
class="flex
|
|
1155
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1198
1156
|
data-id="containerComponent"
|
|
1199
1157
|
data-selector-id="container"
|
|
1200
1158
|
data-test-id="containerComponent"
|
|
1201
1159
|
>
|
|
1202
1160
|
<i
|
|
1203
1161
|
aria-hidden="true"
|
|
1204
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1162
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1205
1163
|
data-id="fontIcon"
|
|
1206
1164
|
data-selector-id="fontIcon"
|
|
1207
1165
|
data-test-id="fontIcon"
|
|
@@ -1217,7 +1175,7 @@ exports[`Tag component Should render active - palette defaultLink, size medium ,
|
|
|
1217
1175
|
<DocumentFragment>
|
|
1218
1176
|
<div
|
|
1219
1177
|
aria-labelledby="1"
|
|
1220
|
-
class="container effect selected activedefaultLink activemediumEffect
|
|
1178
|
+
class="container effect selected activedefaultLink activemediumEffect medium lgRadius defaultLink"
|
|
1221
1179
|
data-id="tag_TagSelected"
|
|
1222
1180
|
data-selector-id="tag"
|
|
1223
1181
|
data-test-id="tag_TagSelected"
|
|
@@ -1230,23 +1188,21 @@ exports[`Tag component Should render active - palette defaultLink, size medium ,
|
|
|
1230
1188
|
/>
|
|
1231
1189
|
<button
|
|
1232
1190
|
aria-label="Delete"
|
|
1233
|
-
class="buttonReset close activeprimaryClose
|
|
1234
|
-
lgRadiusClose
|
|
1235
|
-
closeprimary"
|
|
1191
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
1236
1192
|
data-id="tag_RemoveTag"
|
|
1237
1193
|
data-test-id="tag_RemoveTag"
|
|
1238
1194
|
type="button"
|
|
1239
1195
|
value="text"
|
|
1240
1196
|
>
|
|
1241
1197
|
<div
|
|
1242
|
-
class="flex
|
|
1198
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1243
1199
|
data-id="containerComponent"
|
|
1244
1200
|
data-selector-id="container"
|
|
1245
1201
|
data-test-id="containerComponent"
|
|
1246
1202
|
>
|
|
1247
1203
|
<i
|
|
1248
1204
|
aria-hidden="true"
|
|
1249
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1205
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1250
1206
|
data-id="fontIcon"
|
|
1251
1207
|
data-selector-id="fontIcon"
|
|
1252
1208
|
data-test-id="fontIcon"
|
|
@@ -1262,7 +1218,7 @@ exports[`Tag component Should render active - palette defaultLink, size small ,
|
|
|
1262
1218
|
<DocumentFragment>
|
|
1263
1219
|
<div
|
|
1264
1220
|
aria-labelledby="1"
|
|
1265
|
-
class="container effect selected activedefaultLink activesmallEffect
|
|
1221
|
+
class="container effect selected activedefaultLink activesmallEffect small lgRadius defaultLink"
|
|
1266
1222
|
data-id="tag_TagSelected"
|
|
1267
1223
|
data-selector-id="tag"
|
|
1268
1224
|
data-test-id="tag_TagSelected"
|
|
@@ -1275,23 +1231,21 @@ exports[`Tag component Should render active - palette defaultLink, size small ,
|
|
|
1275
1231
|
/>
|
|
1276
1232
|
<button
|
|
1277
1233
|
aria-label="Delete"
|
|
1278
|
-
class="buttonReset close activedangerClose
|
|
1279
|
-
lgRadiusClose
|
|
1280
|
-
closedanger"
|
|
1234
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
1281
1235
|
data-id="tag_RemoveTag"
|
|
1282
1236
|
data-test-id="tag_RemoveTag"
|
|
1283
1237
|
type="button"
|
|
1284
1238
|
value="text"
|
|
1285
1239
|
>
|
|
1286
1240
|
<div
|
|
1287
|
-
class="flex
|
|
1241
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1288
1242
|
data-id="containerComponent"
|
|
1289
1243
|
data-selector-id="container"
|
|
1290
1244
|
data-test-id="containerComponent"
|
|
1291
1245
|
>
|
|
1292
1246
|
<i
|
|
1293
1247
|
aria-hidden="true"
|
|
1294
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1248
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1295
1249
|
data-id="fontIcon"
|
|
1296
1250
|
data-selector-id="fontIcon"
|
|
1297
1251
|
data-test-id="fontIcon"
|
|
@@ -1307,7 +1261,7 @@ exports[`Tag component Should render active - palette defaultLink, size small ,
|
|
|
1307
1261
|
<DocumentFragment>
|
|
1308
1262
|
<div
|
|
1309
1263
|
aria-labelledby="1"
|
|
1310
|
-
class="container effect selected activedefaultLink activesmallEffect
|
|
1264
|
+
class="container effect selected activedefaultLink activesmallEffect small lgRadius defaultLink"
|
|
1311
1265
|
data-id="tag_TagSelected"
|
|
1312
1266
|
data-selector-id="tag"
|
|
1313
1267
|
data-test-id="tag_TagSelected"
|
|
@@ -1320,23 +1274,21 @@ exports[`Tag component Should render active - palette defaultLink, size small ,
|
|
|
1320
1274
|
/>
|
|
1321
1275
|
<button
|
|
1322
1276
|
aria-label="Delete"
|
|
1323
|
-
class="buttonReset close activeprimaryClose
|
|
1324
|
-
lgRadiusClose
|
|
1325
|
-
closeprimary"
|
|
1277
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
1326
1278
|
data-id="tag_RemoveTag"
|
|
1327
1279
|
data-test-id="tag_RemoveTag"
|
|
1328
1280
|
type="button"
|
|
1329
1281
|
value="text"
|
|
1330
1282
|
>
|
|
1331
1283
|
<div
|
|
1332
|
-
class="flex
|
|
1284
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1333
1285
|
data-id="containerComponent"
|
|
1334
1286
|
data-selector-id="container"
|
|
1335
1287
|
data-test-id="containerComponent"
|
|
1336
1288
|
>
|
|
1337
1289
|
<i
|
|
1338
1290
|
aria-hidden="true"
|
|
1339
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1291
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1340
1292
|
data-id="fontIcon"
|
|
1341
1293
|
data-selector-id="fontIcon"
|
|
1342
1294
|
data-test-id="fontIcon"
|
|
@@ -1352,7 +1304,7 @@ exports[`Tag component Should render active - palette primaryDotted, size medium
|
|
|
1352
1304
|
<DocumentFragment>
|
|
1353
1305
|
<div
|
|
1354
1306
|
aria-labelledby="1"
|
|
1355
|
-
class="container effect selected activeprimaryDotted activemediumEffect
|
|
1307
|
+
class="container effect selected activeprimaryDotted activemediumEffect medium lgRadius primaryDotted"
|
|
1356
1308
|
data-id="tag_TagSelected"
|
|
1357
1309
|
data-selector-id="tag"
|
|
1358
1310
|
data-test-id="tag_TagSelected"
|
|
@@ -1365,23 +1317,21 @@ exports[`Tag component Should render active - palette primaryDotted, size medium
|
|
|
1365
1317
|
/>
|
|
1366
1318
|
<button
|
|
1367
1319
|
aria-label="Delete"
|
|
1368
|
-
class="buttonReset close activedangerClose
|
|
1369
|
-
lgRadiusClose
|
|
1370
|
-
closedanger"
|
|
1320
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
1371
1321
|
data-id="tag_RemoveTag"
|
|
1372
1322
|
data-test-id="tag_RemoveTag"
|
|
1373
1323
|
type="button"
|
|
1374
1324
|
value="text"
|
|
1375
1325
|
>
|
|
1376
1326
|
<div
|
|
1377
|
-
class="flex
|
|
1327
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1378
1328
|
data-id="containerComponent"
|
|
1379
1329
|
data-selector-id="container"
|
|
1380
1330
|
data-test-id="containerComponent"
|
|
1381
1331
|
>
|
|
1382
1332
|
<i
|
|
1383
1333
|
aria-hidden="true"
|
|
1384
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1334
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1385
1335
|
data-id="fontIcon"
|
|
1386
1336
|
data-selector-id="fontIcon"
|
|
1387
1337
|
data-test-id="fontIcon"
|
|
@@ -1397,7 +1347,7 @@ exports[`Tag component Should render active - palette primaryDotted, size medium
|
|
|
1397
1347
|
<DocumentFragment>
|
|
1398
1348
|
<div
|
|
1399
1349
|
aria-labelledby="1"
|
|
1400
|
-
class="container effect selected activeprimaryDotted activemediumEffect
|
|
1350
|
+
class="container effect selected activeprimaryDotted activemediumEffect medium lgRadius primaryDotted"
|
|
1401
1351
|
data-id="tag_TagSelected"
|
|
1402
1352
|
data-selector-id="tag"
|
|
1403
1353
|
data-test-id="tag_TagSelected"
|
|
@@ -1410,23 +1360,21 @@ exports[`Tag component Should render active - palette primaryDotted, size medium
|
|
|
1410
1360
|
/>
|
|
1411
1361
|
<button
|
|
1412
1362
|
aria-label="Delete"
|
|
1413
|
-
class="buttonReset close activeprimaryClose
|
|
1414
|
-
lgRadiusClose
|
|
1415
|
-
closeprimary"
|
|
1363
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
1416
1364
|
data-id="tag_RemoveTag"
|
|
1417
1365
|
data-test-id="tag_RemoveTag"
|
|
1418
1366
|
type="button"
|
|
1419
1367
|
value="text"
|
|
1420
1368
|
>
|
|
1421
1369
|
<div
|
|
1422
|
-
class="flex
|
|
1370
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1423
1371
|
data-id="containerComponent"
|
|
1424
1372
|
data-selector-id="container"
|
|
1425
1373
|
data-test-id="containerComponent"
|
|
1426
1374
|
>
|
|
1427
1375
|
<i
|
|
1428
1376
|
aria-hidden="true"
|
|
1429
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1377
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1430
1378
|
data-id="fontIcon"
|
|
1431
1379
|
data-selector-id="fontIcon"
|
|
1432
1380
|
data-test-id="fontIcon"
|
|
@@ -1442,7 +1390,7 @@ exports[`Tag component Should render active - palette primaryDotted, size small
|
|
|
1442
1390
|
<DocumentFragment>
|
|
1443
1391
|
<div
|
|
1444
1392
|
aria-labelledby="1"
|
|
1445
|
-
class="container effect selected activeprimaryDotted activesmallEffect
|
|
1393
|
+
class="container effect selected activeprimaryDotted activesmallEffect small lgRadius primaryDotted"
|
|
1446
1394
|
data-id="tag_TagSelected"
|
|
1447
1395
|
data-selector-id="tag"
|
|
1448
1396
|
data-test-id="tag_TagSelected"
|
|
@@ -1455,23 +1403,21 @@ exports[`Tag component Should render active - palette primaryDotted, size small
|
|
|
1455
1403
|
/>
|
|
1456
1404
|
<button
|
|
1457
1405
|
aria-label="Delete"
|
|
1458
|
-
class="buttonReset close activedangerClose
|
|
1459
|
-
lgRadiusClose
|
|
1460
|
-
closedanger"
|
|
1406
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
1461
1407
|
data-id="tag_RemoveTag"
|
|
1462
1408
|
data-test-id="tag_RemoveTag"
|
|
1463
1409
|
type="button"
|
|
1464
1410
|
value="text"
|
|
1465
1411
|
>
|
|
1466
1412
|
<div
|
|
1467
|
-
class="flex
|
|
1413
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1468
1414
|
data-id="containerComponent"
|
|
1469
1415
|
data-selector-id="container"
|
|
1470
1416
|
data-test-id="containerComponent"
|
|
1471
1417
|
>
|
|
1472
1418
|
<i
|
|
1473
1419
|
aria-hidden="true"
|
|
1474
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1420
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1475
1421
|
data-id="fontIcon"
|
|
1476
1422
|
data-selector-id="fontIcon"
|
|
1477
1423
|
data-test-id="fontIcon"
|
|
@@ -1487,7 +1433,7 @@ exports[`Tag component Should render active - palette primaryDotted, size small
|
|
|
1487
1433
|
<DocumentFragment>
|
|
1488
1434
|
<div
|
|
1489
1435
|
aria-labelledby="1"
|
|
1490
|
-
class="container effect selected activeprimaryDotted activesmallEffect
|
|
1436
|
+
class="container effect selected activeprimaryDotted activesmallEffect small lgRadius primaryDotted"
|
|
1491
1437
|
data-id="tag_TagSelected"
|
|
1492
1438
|
data-selector-id="tag"
|
|
1493
1439
|
data-test-id="tag_TagSelected"
|
|
@@ -1500,23 +1446,21 @@ exports[`Tag component Should render active - palette primaryDotted, size small
|
|
|
1500
1446
|
/>
|
|
1501
1447
|
<button
|
|
1502
1448
|
aria-label="Delete"
|
|
1503
|
-
class="buttonReset close activeprimaryClose
|
|
1504
|
-
lgRadiusClose
|
|
1505
|
-
closeprimary"
|
|
1449
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
1506
1450
|
data-id="tag_RemoveTag"
|
|
1507
1451
|
data-test-id="tag_RemoveTag"
|
|
1508
1452
|
type="button"
|
|
1509
1453
|
value="text"
|
|
1510
1454
|
>
|
|
1511
1455
|
<div
|
|
1512
|
-
class="flex
|
|
1456
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1513
1457
|
data-id="containerComponent"
|
|
1514
1458
|
data-selector-id="container"
|
|
1515
1459
|
data-test-id="containerComponent"
|
|
1516
1460
|
>
|
|
1517
1461
|
<i
|
|
1518
1462
|
aria-hidden="true"
|
|
1519
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1463
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1520
1464
|
data-id="fontIcon"
|
|
1521
1465
|
data-selector-id="fontIcon"
|
|
1522
1466
|
data-test-id="fontIcon"
|
|
@@ -1532,7 +1476,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size mediu
|
|
|
1532
1476
|
<DocumentFragment>
|
|
1533
1477
|
<div
|
|
1534
1478
|
aria-labelledby="1"
|
|
1535
|
-
class="container effect selected
|
|
1479
|
+
class="container effect selected activemediumEffect medium lgRadius pureDarkDotted"
|
|
1536
1480
|
data-id="tag_TagSelected"
|
|
1537
1481
|
data-selector-id="tag"
|
|
1538
1482
|
data-test-id="tag_TagSelected"
|
|
@@ -1545,23 +1489,21 @@ exports[`Tag component Should render active - palette pureDarkDotted, size mediu
|
|
|
1545
1489
|
/>
|
|
1546
1490
|
<button
|
|
1547
1491
|
aria-label="Delete"
|
|
1548
|
-
class="buttonReset close activedangerClose
|
|
1549
|
-
lgRadiusClose
|
|
1550
|
-
closedanger"
|
|
1492
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
1551
1493
|
data-id="tag_RemoveTag"
|
|
1552
1494
|
data-test-id="tag_RemoveTag"
|
|
1553
1495
|
type="button"
|
|
1554
1496
|
value="text"
|
|
1555
1497
|
>
|
|
1556
1498
|
<div
|
|
1557
|
-
class="flex
|
|
1499
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1558
1500
|
data-id="containerComponent"
|
|
1559
1501
|
data-selector-id="container"
|
|
1560
1502
|
data-test-id="containerComponent"
|
|
1561
1503
|
>
|
|
1562
1504
|
<i
|
|
1563
1505
|
aria-hidden="true"
|
|
1564
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1506
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1565
1507
|
data-id="fontIcon"
|
|
1566
1508
|
data-selector-id="fontIcon"
|
|
1567
1509
|
data-test-id="fontIcon"
|
|
@@ -1577,7 +1519,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size mediu
|
|
|
1577
1519
|
<DocumentFragment>
|
|
1578
1520
|
<div
|
|
1579
1521
|
aria-labelledby="1"
|
|
1580
|
-
class="container effect selected
|
|
1522
|
+
class="container effect selected activemediumEffect medium lgRadius pureDarkDotted"
|
|
1581
1523
|
data-id="tag_TagSelected"
|
|
1582
1524
|
data-selector-id="tag"
|
|
1583
1525
|
data-test-id="tag_TagSelected"
|
|
@@ -1590,23 +1532,21 @@ exports[`Tag component Should render active - palette pureDarkDotted, size mediu
|
|
|
1590
1532
|
/>
|
|
1591
1533
|
<button
|
|
1592
1534
|
aria-label="Delete"
|
|
1593
|
-
class="buttonReset close activeprimaryClose
|
|
1594
|
-
lgRadiusClose
|
|
1595
|
-
closeprimary"
|
|
1535
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
1596
1536
|
data-id="tag_RemoveTag"
|
|
1597
1537
|
data-test-id="tag_RemoveTag"
|
|
1598
1538
|
type="button"
|
|
1599
1539
|
value="text"
|
|
1600
1540
|
>
|
|
1601
1541
|
<div
|
|
1602
|
-
class="flex
|
|
1542
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1603
1543
|
data-id="containerComponent"
|
|
1604
1544
|
data-selector-id="container"
|
|
1605
1545
|
data-test-id="containerComponent"
|
|
1606
1546
|
>
|
|
1607
1547
|
<i
|
|
1608
1548
|
aria-hidden="true"
|
|
1609
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1549
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1610
1550
|
data-id="fontIcon"
|
|
1611
1551
|
data-selector-id="fontIcon"
|
|
1612
1552
|
data-test-id="fontIcon"
|
|
@@ -1622,7 +1562,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size small
|
|
|
1622
1562
|
<DocumentFragment>
|
|
1623
1563
|
<div
|
|
1624
1564
|
aria-labelledby="1"
|
|
1625
|
-
class="container effect selected
|
|
1565
|
+
class="container effect selected activesmallEffect small lgRadius pureDarkDotted"
|
|
1626
1566
|
data-id="tag_TagSelected"
|
|
1627
1567
|
data-selector-id="tag"
|
|
1628
1568
|
data-test-id="tag_TagSelected"
|
|
@@ -1635,23 +1575,21 @@ exports[`Tag component Should render active - palette pureDarkDotted, size small
|
|
|
1635
1575
|
/>
|
|
1636
1576
|
<button
|
|
1637
1577
|
aria-label="Delete"
|
|
1638
|
-
class="buttonReset close activedangerClose
|
|
1639
|
-
lgRadiusClose
|
|
1640
|
-
closedanger"
|
|
1578
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
1641
1579
|
data-id="tag_RemoveTag"
|
|
1642
1580
|
data-test-id="tag_RemoveTag"
|
|
1643
1581
|
type="button"
|
|
1644
1582
|
value="text"
|
|
1645
1583
|
>
|
|
1646
1584
|
<div
|
|
1647
|
-
class="flex
|
|
1585
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1648
1586
|
data-id="containerComponent"
|
|
1649
1587
|
data-selector-id="container"
|
|
1650
1588
|
data-test-id="containerComponent"
|
|
1651
1589
|
>
|
|
1652
1590
|
<i
|
|
1653
1591
|
aria-hidden="true"
|
|
1654
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1592
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1655
1593
|
data-id="fontIcon"
|
|
1656
1594
|
data-selector-id="fontIcon"
|
|
1657
1595
|
data-test-id="fontIcon"
|
|
@@ -1667,7 +1605,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size small
|
|
|
1667
1605
|
<DocumentFragment>
|
|
1668
1606
|
<div
|
|
1669
1607
|
aria-labelledby="1"
|
|
1670
|
-
class="container effect selected
|
|
1608
|
+
class="container effect selected activesmallEffect small lgRadius pureDarkDotted"
|
|
1671
1609
|
data-id="tag_TagSelected"
|
|
1672
1610
|
data-selector-id="tag"
|
|
1673
1611
|
data-test-id="tag_TagSelected"
|
|
@@ -1680,23 +1618,21 @@ exports[`Tag component Should render active - palette pureDarkDotted, size small
|
|
|
1680
1618
|
/>
|
|
1681
1619
|
<button
|
|
1682
1620
|
aria-label="Delete"
|
|
1683
|
-
class="buttonReset close activeprimaryClose
|
|
1684
|
-
lgRadiusClose
|
|
1685
|
-
closeprimary"
|
|
1621
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
1686
1622
|
data-id="tag_RemoveTag"
|
|
1687
1623
|
data-test-id="tag_RemoveTag"
|
|
1688
1624
|
type="button"
|
|
1689
1625
|
value="text"
|
|
1690
1626
|
>
|
|
1691
1627
|
<div
|
|
1692
|
-
class="flex
|
|
1628
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1693
1629
|
data-id="containerComponent"
|
|
1694
1630
|
data-selector-id="container"
|
|
1695
1631
|
data-test-id="containerComponent"
|
|
1696
1632
|
>
|
|
1697
1633
|
<i
|
|
1698
1634
|
aria-hidden="true"
|
|
1699
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1635
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1700
1636
|
data-id="fontIcon"
|
|
1701
1637
|
data-selector-id="fontIcon"
|
|
1702
1638
|
data-test-id="fontIcon"
|
|
@@ -1712,7 +1648,7 @@ exports[`Tag component Should render active - palette pureDotted, size medium ,
|
|
|
1712
1648
|
<DocumentFragment>
|
|
1713
1649
|
<div
|
|
1714
1650
|
aria-labelledby="1"
|
|
1715
|
-
class="container effect selected activepureDotted activemediumEffect
|
|
1651
|
+
class="container effect selected activepureDotted activemediumEffect medium lgRadius pureDotted"
|
|
1716
1652
|
data-id="tag_TagSelected"
|
|
1717
1653
|
data-selector-id="tag"
|
|
1718
1654
|
data-test-id="tag_TagSelected"
|
|
@@ -1725,23 +1661,21 @@ exports[`Tag component Should render active - palette pureDotted, size medium ,
|
|
|
1725
1661
|
/>
|
|
1726
1662
|
<button
|
|
1727
1663
|
aria-label="Delete"
|
|
1728
|
-
class="buttonReset close activedangerClose
|
|
1729
|
-
lgRadiusClose
|
|
1730
|
-
closedanger"
|
|
1664
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
1731
1665
|
data-id="tag_RemoveTag"
|
|
1732
1666
|
data-test-id="tag_RemoveTag"
|
|
1733
1667
|
type="button"
|
|
1734
1668
|
value="text"
|
|
1735
1669
|
>
|
|
1736
1670
|
<div
|
|
1737
|
-
class="flex
|
|
1671
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1738
1672
|
data-id="containerComponent"
|
|
1739
1673
|
data-selector-id="container"
|
|
1740
1674
|
data-test-id="containerComponent"
|
|
1741
1675
|
>
|
|
1742
1676
|
<i
|
|
1743
1677
|
aria-hidden="true"
|
|
1744
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1678
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1745
1679
|
data-id="fontIcon"
|
|
1746
1680
|
data-selector-id="fontIcon"
|
|
1747
1681
|
data-test-id="fontIcon"
|
|
@@ -1757,7 +1691,7 @@ exports[`Tag component Should render active - palette pureDotted, size medium ,
|
|
|
1757
1691
|
<DocumentFragment>
|
|
1758
1692
|
<div
|
|
1759
1693
|
aria-labelledby="1"
|
|
1760
|
-
class="container effect selected activepureDotted activemediumEffect
|
|
1694
|
+
class="container effect selected activepureDotted activemediumEffect medium lgRadius pureDotted"
|
|
1761
1695
|
data-id="tag_TagSelected"
|
|
1762
1696
|
data-selector-id="tag"
|
|
1763
1697
|
data-test-id="tag_TagSelected"
|
|
@@ -1770,23 +1704,21 @@ exports[`Tag component Should render active - palette pureDotted, size medium ,
|
|
|
1770
1704
|
/>
|
|
1771
1705
|
<button
|
|
1772
1706
|
aria-label="Delete"
|
|
1773
|
-
class="buttonReset close activeprimaryClose
|
|
1774
|
-
lgRadiusClose
|
|
1775
|
-
closeprimary"
|
|
1707
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
1776
1708
|
data-id="tag_RemoveTag"
|
|
1777
1709
|
data-test-id="tag_RemoveTag"
|
|
1778
1710
|
type="button"
|
|
1779
1711
|
value="text"
|
|
1780
1712
|
>
|
|
1781
1713
|
<div
|
|
1782
|
-
class="flex
|
|
1714
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1783
1715
|
data-id="containerComponent"
|
|
1784
1716
|
data-selector-id="container"
|
|
1785
1717
|
data-test-id="containerComponent"
|
|
1786
1718
|
>
|
|
1787
1719
|
<i
|
|
1788
1720
|
aria-hidden="true"
|
|
1789
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1721
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1790
1722
|
data-id="fontIcon"
|
|
1791
1723
|
data-selector-id="fontIcon"
|
|
1792
1724
|
data-test-id="fontIcon"
|
|
@@ -1802,7 +1734,7 @@ exports[`Tag component Should render active - palette pureDotted, size small , c
|
|
|
1802
1734
|
<DocumentFragment>
|
|
1803
1735
|
<div
|
|
1804
1736
|
aria-labelledby="1"
|
|
1805
|
-
class="container effect selected activepureDotted activesmallEffect
|
|
1737
|
+
class="container effect selected activepureDotted activesmallEffect small lgRadius pureDotted"
|
|
1806
1738
|
data-id="tag_TagSelected"
|
|
1807
1739
|
data-selector-id="tag"
|
|
1808
1740
|
data-test-id="tag_TagSelected"
|
|
@@ -1815,23 +1747,21 @@ exports[`Tag component Should render active - palette pureDotted, size small , c
|
|
|
1815
1747
|
/>
|
|
1816
1748
|
<button
|
|
1817
1749
|
aria-label="Delete"
|
|
1818
|
-
class="buttonReset close activedangerClose
|
|
1819
|
-
lgRadiusClose
|
|
1820
|
-
closedanger"
|
|
1750
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
1821
1751
|
data-id="tag_RemoveTag"
|
|
1822
1752
|
data-test-id="tag_RemoveTag"
|
|
1823
1753
|
type="button"
|
|
1824
1754
|
value="text"
|
|
1825
1755
|
>
|
|
1826
1756
|
<div
|
|
1827
|
-
class="flex
|
|
1757
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1828
1758
|
data-id="containerComponent"
|
|
1829
1759
|
data-selector-id="container"
|
|
1830
1760
|
data-test-id="containerComponent"
|
|
1831
1761
|
>
|
|
1832
1762
|
<i
|
|
1833
1763
|
aria-hidden="true"
|
|
1834
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1764
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1835
1765
|
data-id="fontIcon"
|
|
1836
1766
|
data-selector-id="fontIcon"
|
|
1837
1767
|
data-test-id="fontIcon"
|
|
@@ -1847,7 +1777,7 @@ exports[`Tag component Should render active - palette pureDotted, size small , c
|
|
|
1847
1777
|
<DocumentFragment>
|
|
1848
1778
|
<div
|
|
1849
1779
|
aria-labelledby="1"
|
|
1850
|
-
class="container effect selected activepureDotted activesmallEffect
|
|
1780
|
+
class="container effect selected activepureDotted activesmallEffect small lgRadius pureDotted"
|
|
1851
1781
|
data-id="tag_TagSelected"
|
|
1852
1782
|
data-selector-id="tag"
|
|
1853
1783
|
data-test-id="tag_TagSelected"
|
|
@@ -1860,23 +1790,21 @@ exports[`Tag component Should render active - palette pureDotted, size small , c
|
|
|
1860
1790
|
/>
|
|
1861
1791
|
<button
|
|
1862
1792
|
aria-label="Delete"
|
|
1863
|
-
class="buttonReset close activeprimaryClose
|
|
1864
|
-
lgRadiusClose
|
|
1865
|
-
closeprimary"
|
|
1793
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
1866
1794
|
data-id="tag_RemoveTag"
|
|
1867
1795
|
data-test-id="tag_RemoveTag"
|
|
1868
1796
|
type="button"
|
|
1869
1797
|
value="text"
|
|
1870
1798
|
>
|
|
1871
1799
|
<div
|
|
1872
|
-
class="flex
|
|
1800
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1873
1801
|
data-id="containerComponent"
|
|
1874
1802
|
data-selector-id="container"
|
|
1875
1803
|
data-test-id="containerComponent"
|
|
1876
1804
|
>
|
|
1877
1805
|
<i
|
|
1878
1806
|
aria-hidden="true"
|
|
1879
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1807
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1880
1808
|
data-id="fontIcon"
|
|
1881
1809
|
data-selector-id="fontIcon"
|
|
1882
1810
|
data-test-id="fontIcon"
|
|
@@ -1892,7 +1820,7 @@ exports[`Tag component Should render active - palette secondary, size medium , c
|
|
|
1892
1820
|
<DocumentFragment>
|
|
1893
1821
|
<div
|
|
1894
1822
|
aria-labelledby="1"
|
|
1895
|
-
class="container effect selected activesecondary activemediumEffect
|
|
1823
|
+
class="container effect selected activesecondary activemediumEffect medium lgRadius secondary"
|
|
1896
1824
|
data-id="tag_TagSelected"
|
|
1897
1825
|
data-selector-id="tag"
|
|
1898
1826
|
data-test-id="tag_TagSelected"
|
|
@@ -1905,23 +1833,21 @@ exports[`Tag component Should render active - palette secondary, size medium , c
|
|
|
1905
1833
|
/>
|
|
1906
1834
|
<button
|
|
1907
1835
|
aria-label="Delete"
|
|
1908
|
-
class="buttonReset close activedangerClose
|
|
1909
|
-
lgRadiusClose
|
|
1910
|
-
closedanger"
|
|
1836
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
1911
1837
|
data-id="tag_RemoveTag"
|
|
1912
1838
|
data-test-id="tag_RemoveTag"
|
|
1913
1839
|
type="button"
|
|
1914
1840
|
value="text"
|
|
1915
1841
|
>
|
|
1916
1842
|
<div
|
|
1917
|
-
class="flex
|
|
1843
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1918
1844
|
data-id="containerComponent"
|
|
1919
1845
|
data-selector-id="container"
|
|
1920
1846
|
data-test-id="containerComponent"
|
|
1921
1847
|
>
|
|
1922
1848
|
<i
|
|
1923
1849
|
aria-hidden="true"
|
|
1924
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1850
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1925
1851
|
data-id="fontIcon"
|
|
1926
1852
|
data-selector-id="fontIcon"
|
|
1927
1853
|
data-test-id="fontIcon"
|
|
@@ -1937,7 +1863,7 @@ exports[`Tag component Should render active - palette secondary, size medium , c
|
|
|
1937
1863
|
<DocumentFragment>
|
|
1938
1864
|
<div
|
|
1939
1865
|
aria-labelledby="1"
|
|
1940
|
-
class="container effect selected activesecondary activemediumEffect
|
|
1866
|
+
class="container effect selected activesecondary activemediumEffect medium lgRadius secondary"
|
|
1941
1867
|
data-id="tag_TagSelected"
|
|
1942
1868
|
data-selector-id="tag"
|
|
1943
1869
|
data-test-id="tag_TagSelected"
|
|
@@ -1950,23 +1876,21 @@ exports[`Tag component Should render active - palette secondary, size medium , c
|
|
|
1950
1876
|
/>
|
|
1951
1877
|
<button
|
|
1952
1878
|
aria-label="Delete"
|
|
1953
|
-
class="buttonReset close activeprimaryClose
|
|
1954
|
-
lgRadiusClose
|
|
1955
|
-
closeprimary"
|
|
1879
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
1956
1880
|
data-id="tag_RemoveTag"
|
|
1957
1881
|
data-test-id="tag_RemoveTag"
|
|
1958
1882
|
type="button"
|
|
1959
1883
|
value="text"
|
|
1960
1884
|
>
|
|
1961
1885
|
<div
|
|
1962
|
-
class="flex
|
|
1886
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
1963
1887
|
data-id="containerComponent"
|
|
1964
1888
|
data-selector-id="container"
|
|
1965
1889
|
data-test-id="containerComponent"
|
|
1966
1890
|
>
|
|
1967
1891
|
<i
|
|
1968
1892
|
aria-hidden="true"
|
|
1969
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1893
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
1970
1894
|
data-id="fontIcon"
|
|
1971
1895
|
data-selector-id="fontIcon"
|
|
1972
1896
|
data-test-id="fontIcon"
|
|
@@ -1982,7 +1906,7 @@ exports[`Tag component Should render active - palette secondary, size small , cl
|
|
|
1982
1906
|
<DocumentFragment>
|
|
1983
1907
|
<div
|
|
1984
1908
|
aria-labelledby="1"
|
|
1985
|
-
class="container effect selected activesecondary activesmallEffect
|
|
1909
|
+
class="container effect selected activesecondary activesmallEffect small lgRadius secondary"
|
|
1986
1910
|
data-id="tag_TagSelected"
|
|
1987
1911
|
data-selector-id="tag"
|
|
1988
1912
|
data-test-id="tag_TagSelected"
|
|
@@ -1995,23 +1919,21 @@ exports[`Tag component Should render active - palette secondary, size small , cl
|
|
|
1995
1919
|
/>
|
|
1996
1920
|
<button
|
|
1997
1921
|
aria-label="Delete"
|
|
1998
|
-
class="buttonReset close activedangerClose
|
|
1999
|
-
lgRadiusClose
|
|
2000
|
-
closedanger"
|
|
1922
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
2001
1923
|
data-id="tag_RemoveTag"
|
|
2002
1924
|
data-test-id="tag_RemoveTag"
|
|
2003
1925
|
type="button"
|
|
2004
1926
|
value="text"
|
|
2005
1927
|
>
|
|
2006
1928
|
<div
|
|
2007
|
-
class="flex
|
|
1929
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
2008
1930
|
data-id="containerComponent"
|
|
2009
1931
|
data-selector-id="container"
|
|
2010
1932
|
data-test-id="containerComponent"
|
|
2011
1933
|
>
|
|
2012
1934
|
<i
|
|
2013
1935
|
aria-hidden="true"
|
|
2014
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1936
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
2015
1937
|
data-id="fontIcon"
|
|
2016
1938
|
data-selector-id="fontIcon"
|
|
2017
1939
|
data-test-id="fontIcon"
|
|
@@ -2027,7 +1949,7 @@ exports[`Tag component Should render active - palette secondary, size small , cl
|
|
|
2027
1949
|
<DocumentFragment>
|
|
2028
1950
|
<div
|
|
2029
1951
|
aria-labelledby="1"
|
|
2030
|
-
class="container effect selected activesecondary activesmallEffect
|
|
1952
|
+
class="container effect selected activesecondary activesmallEffect small lgRadius secondary"
|
|
2031
1953
|
data-id="tag_TagSelected"
|
|
2032
1954
|
data-selector-id="tag"
|
|
2033
1955
|
data-test-id="tag_TagSelected"
|
|
@@ -2040,23 +1962,21 @@ exports[`Tag component Should render active - palette secondary, size small , cl
|
|
|
2040
1962
|
/>
|
|
2041
1963
|
<button
|
|
2042
1964
|
aria-label="Delete"
|
|
2043
|
-
class="buttonReset close activeprimaryClose
|
|
2044
|
-
lgRadiusClose
|
|
2045
|
-
closeprimary"
|
|
1965
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
2046
1966
|
data-id="tag_RemoveTag"
|
|
2047
1967
|
data-test-id="tag_RemoveTag"
|
|
2048
1968
|
type="button"
|
|
2049
1969
|
value="text"
|
|
2050
1970
|
>
|
|
2051
1971
|
<div
|
|
2052
|
-
class="flex
|
|
1972
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
2053
1973
|
data-id="containerComponent"
|
|
2054
1974
|
data-selector-id="container"
|
|
2055
1975
|
data-test-id="containerComponent"
|
|
2056
1976
|
>
|
|
2057
1977
|
<i
|
|
2058
1978
|
aria-hidden="true"
|
|
2059
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
1979
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
2060
1980
|
data-id="fontIcon"
|
|
2061
1981
|
data-selector-id="fontIcon"
|
|
2062
1982
|
data-test-id="fontIcon"
|
|
@@ -2072,7 +1992,7 @@ exports[`Tag component Should render avatarPalette - danger 1`] = `
|
|
|
2072
1992
|
<DocumentFragment>
|
|
2073
1993
|
<div
|
|
2074
1994
|
aria-labelledby="1"
|
|
2075
|
-
class="container effect
|
|
1995
|
+
class="container effect medium lgRadius danger"
|
|
2076
1996
|
data-id="tag_Tag"
|
|
2077
1997
|
data-selector-id="tag"
|
|
2078
1998
|
data-test-id="tag_Tag"
|
|
@@ -2082,7 +2002,7 @@ exports[`Tag component Should render avatarPalette - danger 1`] = `
|
|
|
2082
2002
|
class="avatar"
|
|
2083
2003
|
>
|
|
2084
2004
|
<div
|
|
2085
|
-
class="avatar small small circle primary black border
|
|
2005
|
+
class="avatar small small circle primary black border"
|
|
2086
2006
|
data-id="Avatar"
|
|
2087
2007
|
data-selector-id="avatar"
|
|
2088
2008
|
data-test-id="Avatar"
|
|
@@ -2108,7 +2028,7 @@ exports[`Tag component Should render avatarPalette - dark 1`] = `
|
|
|
2108
2028
|
<DocumentFragment>
|
|
2109
2029
|
<div
|
|
2110
2030
|
aria-labelledby="1"
|
|
2111
|
-
class="container effect
|
|
2031
|
+
class="container effect medium lgRadius dark"
|
|
2112
2032
|
data-id="tag_Tag"
|
|
2113
2033
|
data-selector-id="tag"
|
|
2114
2034
|
data-test-id="tag_Tag"
|
|
@@ -2118,7 +2038,7 @@ exports[`Tag component Should render avatarPalette - dark 1`] = `
|
|
|
2118
2038
|
class="avatar"
|
|
2119
2039
|
>
|
|
2120
2040
|
<div
|
|
2121
|
-
class="avatar small small circle info white border
|
|
2041
|
+
class="avatar small small circle info white border"
|
|
2122
2042
|
data-id="Avatar"
|
|
2123
2043
|
data-selector-id="avatar"
|
|
2124
2044
|
data-test-id="Avatar"
|
|
@@ -2144,7 +2064,7 @@ exports[`Tag component Should render avatarPalette - darkPrimaryDotted 1`] = `
|
|
|
2144
2064
|
<DocumentFragment>
|
|
2145
2065
|
<div
|
|
2146
2066
|
aria-labelledby="1"
|
|
2147
|
-
class="container effect
|
|
2067
|
+
class="container effect medium lgRadius darkPrimaryDotted"
|
|
2148
2068
|
data-id="tag_Tag"
|
|
2149
2069
|
data-selector-id="tag"
|
|
2150
2070
|
data-test-id="tag_Tag"
|
|
@@ -2154,7 +2074,7 @@ exports[`Tag component Should render avatarPalette - darkPrimaryDotted 1`] = `
|
|
|
2154
2074
|
class="avatar"
|
|
2155
2075
|
>
|
|
2156
2076
|
<div
|
|
2157
|
-
class="avatar small small circle primary black border
|
|
2077
|
+
class="avatar small small circle primary black border"
|
|
2158
2078
|
data-id="Avatar"
|
|
2159
2079
|
data-selector-id="avatar"
|
|
2160
2080
|
data-test-id="Avatar"
|
|
@@ -2180,7 +2100,7 @@ exports[`Tag component Should render avatarPalette - default 1`] = `
|
|
|
2180
2100
|
<DocumentFragment>
|
|
2181
2101
|
<div
|
|
2182
2102
|
aria-labelledby="1"
|
|
2183
|
-
class="container effect
|
|
2103
|
+
class="container effect medium lgRadius default"
|
|
2184
2104
|
data-id="tag_Tag"
|
|
2185
2105
|
data-selector-id="tag"
|
|
2186
2106
|
data-test-id="tag_Tag"
|
|
@@ -2190,7 +2110,7 @@ exports[`Tag component Should render avatarPalette - default 1`] = `
|
|
|
2190
2110
|
class="avatar"
|
|
2191
2111
|
>
|
|
2192
2112
|
<div
|
|
2193
|
-
class="avatar small small circle primary black border
|
|
2113
|
+
class="avatar small small circle primary black border"
|
|
2194
2114
|
data-id="Avatar"
|
|
2195
2115
|
data-selector-id="avatar"
|
|
2196
2116
|
data-test-id="Avatar"
|
|
@@ -2216,7 +2136,7 @@ exports[`Tag component Should render avatarPalette - defaultLink 1`] = `
|
|
|
2216
2136
|
<DocumentFragment>
|
|
2217
2137
|
<div
|
|
2218
2138
|
aria-labelledby="1"
|
|
2219
|
-
class="container effect
|
|
2139
|
+
class="container effect medium lgRadius defaultLink"
|
|
2220
2140
|
data-id="tag_Tag"
|
|
2221
2141
|
data-selector-id="tag"
|
|
2222
2142
|
data-test-id="tag_Tag"
|
|
@@ -2226,7 +2146,7 @@ exports[`Tag component Should render avatarPalette - defaultLink 1`] = `
|
|
|
2226
2146
|
class="avatar"
|
|
2227
2147
|
>
|
|
2228
2148
|
<div
|
|
2229
|
-
class="avatar small small circle primary black border
|
|
2149
|
+
class="avatar small small circle primary black border"
|
|
2230
2150
|
data-id="Avatar"
|
|
2231
2151
|
data-selector-id="avatar"
|
|
2232
2152
|
data-test-id="Avatar"
|
|
@@ -2252,7 +2172,7 @@ exports[`Tag component Should render avatarPalette - primaryDotted 1`] = `
|
|
|
2252
2172
|
<DocumentFragment>
|
|
2253
2173
|
<div
|
|
2254
2174
|
aria-labelledby="1"
|
|
2255
|
-
class="container effect
|
|
2175
|
+
class="container effect medium lgRadius primaryDotted"
|
|
2256
2176
|
data-id="tag_Tag"
|
|
2257
2177
|
data-selector-id="tag"
|
|
2258
2178
|
data-test-id="tag_Tag"
|
|
@@ -2262,7 +2182,7 @@ exports[`Tag component Should render avatarPalette - primaryDotted 1`] = `
|
|
|
2262
2182
|
class="avatar"
|
|
2263
2183
|
>
|
|
2264
2184
|
<div
|
|
2265
|
-
class="avatar small small circle primary black border
|
|
2185
|
+
class="avatar small small circle primary black border"
|
|
2266
2186
|
data-id="Avatar"
|
|
2267
2187
|
data-selector-id="avatar"
|
|
2268
2188
|
data-test-id="Avatar"
|
|
@@ -2288,7 +2208,7 @@ exports[`Tag component Should render avatarPalette - pureDarkDotted 1`] = `
|
|
|
2288
2208
|
<DocumentFragment>
|
|
2289
2209
|
<div
|
|
2290
2210
|
aria-labelledby="1"
|
|
2291
|
-
class="container effect
|
|
2211
|
+
class="container effect medium lgRadius pureDarkDotted"
|
|
2292
2212
|
data-id="tag_Tag"
|
|
2293
2213
|
data-selector-id="tag"
|
|
2294
2214
|
data-test-id="tag_Tag"
|
|
@@ -2298,7 +2218,7 @@ exports[`Tag component Should render avatarPalette - pureDarkDotted 1`] = `
|
|
|
2298
2218
|
class="avatar"
|
|
2299
2219
|
>
|
|
2300
2220
|
<div
|
|
2301
|
-
class="avatar small small circle primary black border
|
|
2221
|
+
class="avatar small small circle primary black border"
|
|
2302
2222
|
data-id="Avatar"
|
|
2303
2223
|
data-selector-id="avatar"
|
|
2304
2224
|
data-test-id="Avatar"
|
|
@@ -2324,7 +2244,7 @@ exports[`Tag component Should render avatarPalette - pureDotted 1`] = `
|
|
|
2324
2244
|
<DocumentFragment>
|
|
2325
2245
|
<div
|
|
2326
2246
|
aria-labelledby="1"
|
|
2327
|
-
class="container effect
|
|
2247
|
+
class="container effect medium lgRadius pureDotted"
|
|
2328
2248
|
data-id="tag_Tag"
|
|
2329
2249
|
data-selector-id="tag"
|
|
2330
2250
|
data-test-id="tag_Tag"
|
|
@@ -2334,7 +2254,7 @@ exports[`Tag component Should render avatarPalette - pureDotted 1`] = `
|
|
|
2334
2254
|
class="avatar"
|
|
2335
2255
|
>
|
|
2336
2256
|
<div
|
|
2337
|
-
class="avatar small small circle primary black border
|
|
2257
|
+
class="avatar small small circle primary black border"
|
|
2338
2258
|
data-id="Avatar"
|
|
2339
2259
|
data-selector-id="avatar"
|
|
2340
2260
|
data-test-id="Avatar"
|
|
@@ -2360,7 +2280,7 @@ exports[`Tag component Should render avatarPalette - secondary 1`] = `
|
|
|
2360
2280
|
<DocumentFragment>
|
|
2361
2281
|
<div
|
|
2362
2282
|
aria-labelledby="1"
|
|
2363
|
-
class="container effect
|
|
2283
|
+
class="container effect medium lgRadius secondary"
|
|
2364
2284
|
data-id="tag_Tag"
|
|
2365
2285
|
data-selector-id="tag"
|
|
2366
2286
|
data-test-id="tag_Tag"
|
|
@@ -2370,7 +2290,7 @@ exports[`Tag component Should render avatarPalette - secondary 1`] = `
|
|
|
2370
2290
|
class="avatar"
|
|
2371
2291
|
>
|
|
2372
2292
|
<div
|
|
2373
|
-
class="avatar small small circle primary black border
|
|
2293
|
+
class="avatar small small circle primary black border"
|
|
2374
2294
|
data-id="Avatar"
|
|
2375
2295
|
data-selector-id="avatar"
|
|
2376
2296
|
data-test-id="Avatar"
|
|
@@ -2396,7 +2316,7 @@ exports[`Tag component Should render closePalette - danger 1`] = `
|
|
|
2396
2316
|
<DocumentFragment>
|
|
2397
2317
|
<div
|
|
2398
2318
|
aria-labelledby="1"
|
|
2399
|
-
class="container effect selected activedefault activemediumEffect
|
|
2319
|
+
class="container effect selected activedefault activemediumEffect medium lgRadius default"
|
|
2400
2320
|
data-id="tag_TagSelected"
|
|
2401
2321
|
data-selector-id="tag"
|
|
2402
2322
|
data-test-id="tag_TagSelected"
|
|
@@ -2409,23 +2329,21 @@ exports[`Tag component Should render closePalette - danger 1`] = `
|
|
|
2409
2329
|
/>
|
|
2410
2330
|
<button
|
|
2411
2331
|
aria-label="Delete"
|
|
2412
|
-
class="buttonReset close activedangerClose
|
|
2413
|
-
lgRadiusClose
|
|
2414
|
-
closedanger"
|
|
2332
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
2415
2333
|
data-id="tag_RemoveTag"
|
|
2416
2334
|
data-test-id="tag_RemoveTag"
|
|
2417
2335
|
type="button"
|
|
2418
2336
|
value="text"
|
|
2419
2337
|
>
|
|
2420
2338
|
<div
|
|
2421
|
-
class="flex
|
|
2339
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
2422
2340
|
data-id="containerComponent"
|
|
2423
2341
|
data-selector-id="container"
|
|
2424
2342
|
data-test-id="containerComponent"
|
|
2425
2343
|
>
|
|
2426
2344
|
<i
|
|
2427
2345
|
aria-hidden="true"
|
|
2428
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
2346
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
2429
2347
|
data-id="fontIcon"
|
|
2430
2348
|
data-selector-id="fontIcon"
|
|
2431
2349
|
data-test-id="fontIcon"
|
|
@@ -2441,7 +2359,7 @@ exports[`Tag component Should render closePalette - primary 1`] = `
|
|
|
2441
2359
|
<DocumentFragment>
|
|
2442
2360
|
<div
|
|
2443
2361
|
aria-labelledby="1"
|
|
2444
|
-
class="container effect selected activedefault activemediumEffect
|
|
2362
|
+
class="container effect selected activedefault activemediumEffect medium lgRadius default"
|
|
2445
2363
|
data-id="tag_TagSelected"
|
|
2446
2364
|
data-selector-id="tag"
|
|
2447
2365
|
data-test-id="tag_TagSelected"
|
|
@@ -2454,23 +2372,21 @@ exports[`Tag component Should render closePalette - primary 1`] = `
|
|
|
2454
2372
|
/>
|
|
2455
2373
|
<button
|
|
2456
2374
|
aria-label="Delete"
|
|
2457
|
-
class="buttonReset close activeprimaryClose
|
|
2458
|
-
lgRadiusClose
|
|
2459
|
-
closeprimary"
|
|
2375
|
+
class="buttonReset close activeprimaryClose lgRadiusClose closeprimary"
|
|
2460
2376
|
data-id="tag_RemoveTag"
|
|
2461
2377
|
data-test-id="tag_RemoveTag"
|
|
2462
2378
|
type="button"
|
|
2463
2379
|
value="text"
|
|
2464
2380
|
>
|
|
2465
2381
|
<div
|
|
2466
|
-
class="flex
|
|
2382
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
2467
2383
|
data-id="containerComponent"
|
|
2468
2384
|
data-selector-id="container"
|
|
2469
2385
|
data-test-id="containerComponent"
|
|
2470
2386
|
>
|
|
2471
2387
|
<i
|
|
2472
2388
|
aria-hidden="true"
|
|
2473
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
2389
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
2474
2390
|
data-id="fontIcon"
|
|
2475
2391
|
data-selector-id="fontIcon"
|
|
2476
2392
|
data-test-id="fontIcon"
|
|
@@ -2486,7 +2402,7 @@ exports[`Tag component Should render onRemove - medium 1`] = `
|
|
|
2486
2402
|
<DocumentFragment>
|
|
2487
2403
|
<div
|
|
2488
2404
|
aria-labelledby="1"
|
|
2489
|
-
class="container effect selected activedefault activemediumEffect
|
|
2405
|
+
class="container effect selected activedefault activemediumEffect medium lgRadius default"
|
|
2490
2406
|
data-id="tag_TagSelected"
|
|
2491
2407
|
data-selector-id="tag"
|
|
2492
2408
|
data-test-id="tag_TagSelected"
|
|
@@ -2499,23 +2415,21 @@ exports[`Tag component Should render onRemove - medium 1`] = `
|
|
|
2499
2415
|
/>
|
|
2500
2416
|
<button
|
|
2501
2417
|
aria-label="Delete"
|
|
2502
|
-
class="buttonReset close activedangerClose
|
|
2503
|
-
lgRadiusClose
|
|
2504
|
-
closedanger"
|
|
2418
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
2505
2419
|
data-id="tag_RemoveTag"
|
|
2506
2420
|
data-test-id="tag_RemoveTag"
|
|
2507
2421
|
type="button"
|
|
2508
2422
|
value="text"
|
|
2509
2423
|
>
|
|
2510
2424
|
<div
|
|
2511
|
-
class="flex
|
|
2425
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
2512
2426
|
data-id="containerComponent"
|
|
2513
2427
|
data-selector-id="container"
|
|
2514
2428
|
data-test-id="containerComponent"
|
|
2515
2429
|
>
|
|
2516
2430
|
<i
|
|
2517
2431
|
aria-hidden="true"
|
|
2518
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
2432
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
2519
2433
|
data-id="fontIcon"
|
|
2520
2434
|
data-selector-id="fontIcon"
|
|
2521
2435
|
data-test-id="fontIcon"
|
|
@@ -2531,7 +2445,7 @@ exports[`Tag component Should render onRemove - small 1`] = `
|
|
|
2531
2445
|
<DocumentFragment>
|
|
2532
2446
|
<div
|
|
2533
2447
|
aria-labelledby="1"
|
|
2534
|
-
class="container effect selected activedefault activesmallEffect
|
|
2448
|
+
class="container effect selected activedefault activesmallEffect small lgRadius default"
|
|
2535
2449
|
data-id="tag_TagSelected"
|
|
2536
2450
|
data-selector-id="tag"
|
|
2537
2451
|
data-test-id="tag_TagSelected"
|
|
@@ -2544,23 +2458,21 @@ exports[`Tag component Should render onRemove - small 1`] = `
|
|
|
2544
2458
|
/>
|
|
2545
2459
|
<button
|
|
2546
2460
|
aria-label="Delete"
|
|
2547
|
-
class="buttonReset close activedangerClose
|
|
2548
|
-
lgRadiusClose
|
|
2549
|
-
closedanger"
|
|
2461
|
+
class="buttonReset close activedangerClose lgRadiusClose closedanger"
|
|
2550
2462
|
data-id="tag_RemoveTag"
|
|
2551
2463
|
data-test-id="tag_RemoveTag"
|
|
2552
2464
|
type="button"
|
|
2553
2465
|
value="text"
|
|
2554
2466
|
>
|
|
2555
2467
|
<div
|
|
2556
|
-
class="flex
|
|
2468
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
2557
2469
|
data-id="containerComponent"
|
|
2558
2470
|
data-selector-id="container"
|
|
2559
2471
|
data-test-id="containerComponent"
|
|
2560
2472
|
>
|
|
2561
2473
|
<i
|
|
2562
2474
|
aria-hidden="true"
|
|
2563
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
2475
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
2564
2476
|
data-id="fontIcon"
|
|
2565
2477
|
data-selector-id="fontIcon"
|
|
2566
2478
|
data-test-id="fontIcon"
|
|
@@ -2576,7 +2488,7 @@ exports[`Tag component Should render palette - danger 1`] = `
|
|
|
2576
2488
|
<DocumentFragment>
|
|
2577
2489
|
<div
|
|
2578
2490
|
aria-labelledby="1"
|
|
2579
|
-
class="container effect selected activedanger
|
|
2491
|
+
class="container effect selected activedanger medium lgRadius danger"
|
|
2580
2492
|
data-id="tag_TagSelected"
|
|
2581
2493
|
data-selector-id="tag"
|
|
2582
2494
|
data-test-id="tag_TagSelected"
|
|
@@ -2586,7 +2498,7 @@ exports[`Tag component Should render palette - danger 1`] = `
|
|
|
2586
2498
|
class="avatar"
|
|
2587
2499
|
>
|
|
2588
2500
|
<div
|
|
2589
|
-
class="avatar small small circle primary black border
|
|
2501
|
+
class="avatar small small circle primary black border"
|
|
2590
2502
|
data-id="Avatar"
|
|
2591
2503
|
data-selector-id="avatar"
|
|
2592
2504
|
data-test-id="Avatar"
|
|
@@ -2612,7 +2524,7 @@ exports[`Tag component Should render palette - dark 1`] = `
|
|
|
2612
2524
|
<DocumentFragment>
|
|
2613
2525
|
<div
|
|
2614
2526
|
aria-labelledby="1"
|
|
2615
|
-
class="container effect selected
|
|
2527
|
+
class="container effect selected medium lgRadius dark"
|
|
2616
2528
|
data-id="tag_TagSelected"
|
|
2617
2529
|
data-selector-id="tag"
|
|
2618
2530
|
data-test-id="tag_TagSelected"
|
|
@@ -2622,7 +2534,7 @@ exports[`Tag component Should render palette - dark 1`] = `
|
|
|
2622
2534
|
class="avatar"
|
|
2623
2535
|
>
|
|
2624
2536
|
<div
|
|
2625
|
-
class="avatar small small circle info white border
|
|
2537
|
+
class="avatar small small circle info white border"
|
|
2626
2538
|
data-id="Avatar"
|
|
2627
2539
|
data-selector-id="avatar"
|
|
2628
2540
|
data-test-id="Avatar"
|
|
@@ -2648,7 +2560,7 @@ exports[`Tag component Should render palette - darkPrimaryDotted 1`] = `
|
|
|
2648
2560
|
<DocumentFragment>
|
|
2649
2561
|
<div
|
|
2650
2562
|
aria-labelledby="1"
|
|
2651
|
-
class="container effect selected
|
|
2563
|
+
class="container effect selected medium lgRadius darkPrimaryDotted"
|
|
2652
2564
|
data-id="tag_TagSelected"
|
|
2653
2565
|
data-selector-id="tag"
|
|
2654
2566
|
data-test-id="tag_TagSelected"
|
|
@@ -2658,7 +2570,7 @@ exports[`Tag component Should render palette - darkPrimaryDotted 1`] = `
|
|
|
2658
2570
|
class="avatar"
|
|
2659
2571
|
>
|
|
2660
2572
|
<div
|
|
2661
|
-
class="avatar small small circle primary black border
|
|
2573
|
+
class="avatar small small circle primary black border"
|
|
2662
2574
|
data-id="Avatar"
|
|
2663
2575
|
data-selector-id="avatar"
|
|
2664
2576
|
data-test-id="Avatar"
|
|
@@ -2684,7 +2596,7 @@ exports[`Tag component Should render palette - default 1`] = `
|
|
|
2684
2596
|
<DocumentFragment>
|
|
2685
2597
|
<div
|
|
2686
2598
|
aria-labelledby="1"
|
|
2687
|
-
class="container effect selected activedefault
|
|
2599
|
+
class="container effect selected activedefault medium lgRadius default"
|
|
2688
2600
|
data-id="tag_TagSelected"
|
|
2689
2601
|
data-selector-id="tag"
|
|
2690
2602
|
data-test-id="tag_TagSelected"
|
|
@@ -2694,7 +2606,7 @@ exports[`Tag component Should render palette - default 1`] = `
|
|
|
2694
2606
|
class="avatar"
|
|
2695
2607
|
>
|
|
2696
2608
|
<div
|
|
2697
|
-
class="avatar small small circle primary black border
|
|
2609
|
+
class="avatar small small circle primary black border"
|
|
2698
2610
|
data-id="Avatar"
|
|
2699
2611
|
data-selector-id="avatar"
|
|
2700
2612
|
data-test-id="Avatar"
|
|
@@ -2720,7 +2632,7 @@ exports[`Tag component Should render palette - defaultLink 1`] = `
|
|
|
2720
2632
|
<DocumentFragment>
|
|
2721
2633
|
<div
|
|
2722
2634
|
aria-labelledby="1"
|
|
2723
|
-
class="container effect selected activedefaultLink
|
|
2635
|
+
class="container effect selected activedefaultLink medium lgRadius defaultLink"
|
|
2724
2636
|
data-id="tag_TagSelected"
|
|
2725
2637
|
data-selector-id="tag"
|
|
2726
2638
|
data-test-id="tag_TagSelected"
|
|
@@ -2730,7 +2642,7 @@ exports[`Tag component Should render palette - defaultLink 1`] = `
|
|
|
2730
2642
|
class="avatar"
|
|
2731
2643
|
>
|
|
2732
2644
|
<div
|
|
2733
|
-
class="avatar small small circle primary black border
|
|
2645
|
+
class="avatar small small circle primary black border"
|
|
2734
2646
|
data-id="Avatar"
|
|
2735
2647
|
data-selector-id="avatar"
|
|
2736
2648
|
data-test-id="Avatar"
|
|
@@ -2756,7 +2668,7 @@ exports[`Tag component Should render palette - primaryDotted 1`] = `
|
|
|
2756
2668
|
<DocumentFragment>
|
|
2757
2669
|
<div
|
|
2758
2670
|
aria-labelledby="1"
|
|
2759
|
-
class="container effect selected activeprimaryDotted
|
|
2671
|
+
class="container effect selected activeprimaryDotted medium lgRadius primaryDotted"
|
|
2760
2672
|
data-id="tag_TagSelected"
|
|
2761
2673
|
data-selector-id="tag"
|
|
2762
2674
|
data-test-id="tag_TagSelected"
|
|
@@ -2766,7 +2678,7 @@ exports[`Tag component Should render palette - primaryDotted 1`] = `
|
|
|
2766
2678
|
class="avatar"
|
|
2767
2679
|
>
|
|
2768
2680
|
<div
|
|
2769
|
-
class="avatar small small circle primary black border
|
|
2681
|
+
class="avatar small small circle primary black border"
|
|
2770
2682
|
data-id="Avatar"
|
|
2771
2683
|
data-selector-id="avatar"
|
|
2772
2684
|
data-test-id="Avatar"
|
|
@@ -2792,7 +2704,7 @@ exports[`Tag component Should render palette - pureDarkDotted 1`] = `
|
|
|
2792
2704
|
<DocumentFragment>
|
|
2793
2705
|
<div
|
|
2794
2706
|
aria-labelledby="1"
|
|
2795
|
-
class="container effect selected
|
|
2707
|
+
class="container effect selected medium lgRadius pureDarkDotted"
|
|
2796
2708
|
data-id="tag_TagSelected"
|
|
2797
2709
|
data-selector-id="tag"
|
|
2798
2710
|
data-test-id="tag_TagSelected"
|
|
@@ -2802,7 +2714,7 @@ exports[`Tag component Should render palette - pureDarkDotted 1`] = `
|
|
|
2802
2714
|
class="avatar"
|
|
2803
2715
|
>
|
|
2804
2716
|
<div
|
|
2805
|
-
class="avatar small small circle primary black border
|
|
2717
|
+
class="avatar small small circle primary black border"
|
|
2806
2718
|
data-id="Avatar"
|
|
2807
2719
|
data-selector-id="avatar"
|
|
2808
2720
|
data-test-id="Avatar"
|
|
@@ -2828,7 +2740,7 @@ exports[`Tag component Should render palette - pureDotted 1`] = `
|
|
|
2828
2740
|
<DocumentFragment>
|
|
2829
2741
|
<div
|
|
2830
2742
|
aria-labelledby="1"
|
|
2831
|
-
class="container effect selected activepureDotted
|
|
2743
|
+
class="container effect selected activepureDotted medium lgRadius pureDotted"
|
|
2832
2744
|
data-id="tag_TagSelected"
|
|
2833
2745
|
data-selector-id="tag"
|
|
2834
2746
|
data-test-id="tag_TagSelected"
|
|
@@ -2838,7 +2750,7 @@ exports[`Tag component Should render palette - pureDotted 1`] = `
|
|
|
2838
2750
|
class="avatar"
|
|
2839
2751
|
>
|
|
2840
2752
|
<div
|
|
2841
|
-
class="avatar small small circle primary black border
|
|
2753
|
+
class="avatar small small circle primary black border"
|
|
2842
2754
|
data-id="Avatar"
|
|
2843
2755
|
data-selector-id="avatar"
|
|
2844
2756
|
data-test-id="Avatar"
|
|
@@ -2864,7 +2776,7 @@ exports[`Tag component Should render palette - secondary 1`] = `
|
|
|
2864
2776
|
<DocumentFragment>
|
|
2865
2777
|
<div
|
|
2866
2778
|
aria-labelledby="1"
|
|
2867
|
-
class="container effect selected activesecondary
|
|
2779
|
+
class="container effect selected activesecondary medium lgRadius secondary"
|
|
2868
2780
|
data-id="tag_TagSelected"
|
|
2869
2781
|
data-selector-id="tag"
|
|
2870
2782
|
data-test-id="tag_TagSelected"
|
|
@@ -2874,7 +2786,7 @@ exports[`Tag component Should render palette - secondary 1`] = `
|
|
|
2874
2786
|
class="avatar"
|
|
2875
2787
|
>
|
|
2876
2788
|
<div
|
|
2877
|
-
class="avatar small small circle primary black border
|
|
2789
|
+
class="avatar small small circle primary black border"
|
|
2878
2790
|
data-id="Avatar"
|
|
2879
2791
|
data-selector-id="avatar"
|
|
2880
2792
|
data-test-id="Avatar"
|
|
@@ -2900,7 +2812,7 @@ exports[`Tag component Should render size - medium 1`] = `
|
|
|
2900
2812
|
<DocumentFragment>
|
|
2901
2813
|
<div
|
|
2902
2814
|
aria-labelledby="1"
|
|
2903
|
-
class="container effect
|
|
2815
|
+
class="container effect medium lgRadius default"
|
|
2904
2816
|
data-id="tag_Tag"
|
|
2905
2817
|
data-selector-id="tag"
|
|
2906
2818
|
data-test-id="tag_Tag"
|
|
@@ -2919,7 +2831,7 @@ exports[`Tag component Should render size - small 1`] = `
|
|
|
2919
2831
|
<DocumentFragment>
|
|
2920
2832
|
<div
|
|
2921
2833
|
aria-labelledby="1"
|
|
2922
|
-
class="container effect
|
|
2834
|
+
class="container effect small lgRadius default"
|
|
2923
2835
|
data-id="tag_Tag"
|
|
2924
2836
|
data-selector-id="tag"
|
|
2925
2837
|
data-test-id="tag_Tag"
|
|
@@ -2938,7 +2850,7 @@ exports[`Tag component rendering ally clearLabel 1`] = `
|
|
|
2938
2850
|
<DocumentFragment>
|
|
2939
2851
|
<div
|
|
2940
2852
|
aria-labelledby="1"
|
|
2941
|
-
class="container effect
|
|
2853
|
+
class="container effect medium lgRadius default"
|
|
2942
2854
|
data-id="tag_Tag"
|
|
2943
2855
|
data-selector-id="tag"
|
|
2944
2856
|
data-test-id="tag_Tag"
|
|
@@ -2951,23 +2863,21 @@ exports[`Tag component rendering ally clearLabel 1`] = `
|
|
|
2951
2863
|
/>
|
|
2952
2864
|
<button
|
|
2953
2865
|
aria-label="TagClearLabel"
|
|
2954
|
-
class="buttonReset close
|
|
2955
|
-
lgRadiusClose
|
|
2956
|
-
closedanger"
|
|
2866
|
+
class="buttonReset close lgRadiusClose closedanger"
|
|
2957
2867
|
data-id="tag_RemoveTag"
|
|
2958
2868
|
data-test-id="tag_RemoveTag"
|
|
2959
2869
|
type="button"
|
|
2960
2870
|
value="text"
|
|
2961
2871
|
>
|
|
2962
2872
|
<div
|
|
2963
|
-
class="flex
|
|
2873
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
2964
2874
|
data-id="containerComponent"
|
|
2965
2875
|
data-selector-id="container"
|
|
2966
2876
|
data-test-id="containerComponent"
|
|
2967
2877
|
>
|
|
2968
2878
|
<i
|
|
2969
2879
|
aria-hidden="true"
|
|
2970
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
2880
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
2971
2881
|
data-id="fontIcon"
|
|
2972
2882
|
data-selector-id="fontIcon"
|
|
2973
2883
|
data-test-id="fontIcon"
|
|
@@ -2983,7 +2893,7 @@ exports[`Tag component rendering the Custom class 1`] = `
|
|
|
2983
2893
|
<DocumentFragment>
|
|
2984
2894
|
<div
|
|
2985
2895
|
aria-labelledby="1"
|
|
2986
|
-
class="container effect
|
|
2896
|
+
class="container effect medium lgRadius default customCustomTag"
|
|
2987
2897
|
data-id="tag_Tag"
|
|
2988
2898
|
data-selector-id="tag"
|
|
2989
2899
|
data-test-id="tag_Tag"
|
|
@@ -2993,7 +2903,7 @@ exports[`Tag component rendering the Custom class 1`] = `
|
|
|
2993
2903
|
class="avatar"
|
|
2994
2904
|
>
|
|
2995
2905
|
<div
|
|
2996
|
-
class="avatar small small circle primary black border
|
|
2906
|
+
class="avatar small small circle primary black border customCustomAvatar"
|
|
2997
2907
|
data-id="Avatar"
|
|
2998
2908
|
data-selector-id="avatar"
|
|
2999
2909
|
data-test-id="Avatar"
|
|
@@ -3012,7 +2922,7 @@ exports[`Tag component rendering the Custom class 1`] = `
|
|
|
3012
2922
|
>
|
|
3013
2923
|
<i
|
|
3014
2924
|
aria-hidden="true"
|
|
3015
|
-
class="zd_font_icons basic icon-androidd
|
|
2925
|
+
class="zd_font_icons basic icon-androidd"
|
|
3016
2926
|
data-id="fontIcon"
|
|
3017
2927
|
data-selector-id="fontIcon"
|
|
3018
2928
|
data-test-id="fontIcon"
|
|
@@ -3025,23 +2935,21 @@ exports[`Tag component rendering the Custom class 1`] = `
|
|
|
3025
2935
|
/>
|
|
3026
2936
|
<button
|
|
3027
2937
|
aria-label="Delete"
|
|
3028
|
-
class="buttonReset close
|
|
3029
|
-
lgRadiusClose
|
|
3030
|
-
customCustomTagClose closedanger"
|
|
2938
|
+
class="buttonReset close lgRadiusClose closedanger customCustomTagClose"
|
|
3031
2939
|
data-id="tag_RemoveTag"
|
|
3032
2940
|
data-test-id="tag_RemoveTag"
|
|
3033
2941
|
type="button"
|
|
3034
2942
|
value="text"
|
|
3035
2943
|
>
|
|
3036
2944
|
<div
|
|
3037
|
-
class="flex
|
|
2945
|
+
class="flex fullSize column alignItems_center justifyContent_center"
|
|
3038
2946
|
data-id="containerComponent"
|
|
3039
2947
|
data-selector-id="container"
|
|
3040
2948
|
data-test-id="containerComponent"
|
|
3041
2949
|
>
|
|
3042
2950
|
<i
|
|
3043
2951
|
aria-hidden="true"
|
|
3044
|
-
class="zd_font_icons basic icon-close2 fbold
|
|
2952
|
+
class="zd_font_icons basic icon-close2 fbold"
|
|
3045
2953
|
data-id="fontIcon"
|
|
3046
2954
|
data-selector-id="fontIcon"
|
|
3047
2955
|
data-test-id="fontIcon"
|
|
@@ -3057,7 +2965,7 @@ exports[`Tag component rendering with customAttributes prop 1`] = `
|
|
|
3057
2965
|
<DocumentFragment>
|
|
3058
2966
|
<div
|
|
3059
2967
|
aria-labelledby="1"
|
|
3060
|
-
class="container effect
|
|
2968
|
+
class="container effect medium lgRadius default"
|
|
3061
2969
|
data-custom-attribute="true"
|
|
3062
2970
|
data-id="tag_Tag"
|
|
3063
2971
|
data-selector-id="tag"
|