@cloudscape-design/components 3.0.246 → 3.0.248
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/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +30 -30
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/drawer/index.d.ts +3 -21
- package/app-layout/drawer/index.d.ts.map +1 -1
- package/app-layout/drawer/index.js +25 -5
- package/app-layout/drawer/index.js.map +1 -1
- package/app-layout/drawer/interfaces.d.ts +84 -0
- package/app-layout/drawer/interfaces.d.ts.map +1 -0
- package/app-layout/drawer/interfaces.js +2 -0
- package/app-layout/drawer/interfaces.js.map +1 -0
- package/app-layout/drawer/resizable-drawer.d.ts +4 -0
- package/app-layout/drawer/resizable-drawer.d.ts.map +1 -0
- package/app-layout/drawer/resizable-drawer.js +51 -0
- package/app-layout/drawer/resizable-drawer.js.map +1 -0
- package/app-layout/drawer/styles.css.js +10 -5
- package/app-layout/drawer/styles.scoped.css +46 -10
- package/app-layout/drawer/styles.selectors.js +10 -5
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +142 -17
- package/app-layout/index.js.map +1 -1
- package/app-layout/mobile-toolbar/index.d.ts +10 -1
- package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
- package/app-layout/mobile-toolbar/index.js +3 -2
- package/app-layout/mobile-toolbar/index.js.map +1 -1
- package/app-layout/mobile-toolbar/styles.css.js +5 -4
- package/app-layout/mobile-toolbar/styles.scoped.css +11 -7
- package/app-layout/mobile-toolbar/styles.selectors.js +5 -4
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/test-classes/styles.css.js +18 -13
- package/app-layout/test-classes/styles.scoped.css +33 -13
- package/app-layout/test-classes/styles.selectors.js +18 -13
- package/app-layout/toggles/index.d.ts.map +1 -1
- package/app-layout/toggles/index.js +2 -2
- package/app-layout/toggles/index.js.map +1 -1
- package/app-layout/toggles/interfaces.d.ts +3 -1
- package/app-layout/toggles/interfaces.d.ts.map +1 -1
- package/app-layout/toggles/interfaces.js.map +1 -1
- package/app-layout/utils/use-drawer-focus-control.d.ts +21 -0
- package/app-layout/utils/use-drawer-focus-control.d.ts.map +1 -0
- package/app-layout/utils/use-drawer-focus-control.js +65 -0
- package/app-layout/utils/use-drawer-focus-control.js.map +1 -0
- package/app-layout/visual-refresh/app-bar.d.ts.map +1 -1
- package/app-layout/visual-refresh/app-bar.js +8 -6
- package/app-layout/visual-refresh/app-bar.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts +13 -6
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +107 -52
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/drawers.d.ts +47 -0
- package/app-layout/visual-refresh/drawers.d.ts.map +1 -0
- package/app-layout/visual-refresh/drawers.js +127 -0
- package/app-layout/visual-refresh/drawers.js.map +1 -0
- package/app-layout/visual-refresh/header.js +2 -2
- package/app-layout/visual-refresh/header.js.map +1 -1
- package/app-layout/visual-refresh/index.d.ts.map +1 -1
- package/app-layout/visual-refresh/index.js +3 -1
- package/app-layout/visual-refresh/index.js.map +1 -1
- package/app-layout/visual-refresh/layout.d.ts.map +1 -1
- package/app-layout/visual-refresh/layout.js +5 -42
- package/app-layout/visual-refresh/layout.js.map +1 -1
- package/app-layout/visual-refresh/main.d.ts.map +1 -1
- package/app-layout/visual-refresh/main.js +2 -3
- package/app-layout/visual-refresh/main.js.map +1 -1
- package/app-layout/visual-refresh/navigation.js +2 -2
- package/app-layout/visual-refresh/navigation.js.map +1 -1
- package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/app-layout/visual-refresh/notifications.js +2 -2
- package/app-layout/visual-refresh/notifications.js.map +1 -1
- package/app-layout/visual-refresh/split-panel.js +2 -2
- package/app-layout/visual-refresh/split-panel.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +71 -61
- package/app-layout/visual-refresh/styles.scoped.css +437 -229
- package/app-layout/visual-refresh/styles.selectors.js +71 -61
- package/app-layout/visual-refresh/tools.d.ts.map +1 -1
- package/app-layout/visual-refresh/tools.js +7 -3
- package/app-layout/visual-refresh/tools.js.map +1 -1
- package/app-layout/visual-refresh/trigger-button.d.ts +4 -3
- package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
- package/app-layout/visual-refresh/trigger-button.js +5 -4
- package/app-layout/visual-refresh/trigger-button.js.map +1 -1
- package/area-chart/internal.js +1 -1
- package/area-chart/internal.js.map +1 -1
- package/flashbar/styles.css.js +45 -45
- package/flashbar/styles.scoped.css +169 -169
- package/flashbar/styles.selectors.js +45 -45
- package/internal/base-component/styles.scoped.css +24 -0
- package/internal/context/app-layout-context.d.ts +0 -1
- package/internal/context/app-layout-context.d.ts.map +1 -1
- package/internal/context/app-layout-context.js.map +1 -1
- package/internal/context/dynamic-overlap-context.d.ts +3 -0
- package/internal/context/dynamic-overlap-context.d.ts.map +1 -0
- package/internal/context/dynamic-overlap-context.js +5 -0
- package/internal/context/dynamic-overlap-context.js.map +1 -0
- package/internal/environment.js +1 -1
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +31 -30
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/generated/styles/tokens.d.ts +2 -0
- package/internal/generated/styles/tokens.js +2 -0
- package/internal/generated/theming/index.cjs +140 -0
- package/internal/generated/theming/index.js +140 -0
- package/internal/hooks/use-dynamic-overlap/index.js +7 -7
- package/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/mixed-line-bar-chart/internal.js +1 -1
- package/mixed-line-bar-chart/internal.js.map +1 -1
- package/package.json +1 -1
- package/pie-chart/index.js +1 -1
- package/pie-chart/index.js.map +1 -1
- package/space-between/internal.js +1 -1
- package/space-between/internal.js.map +1 -1
- package/space-between/styles.css.js +20 -28
- package/space-between/styles.scoped.css +37 -101
- package/space-between/styles.selectors.js +20 -28
- package/test-utils/dom/button/index.js +1 -6
- package/test-utils/dom/button/index.js.map +1 -1
- package/test-utils/dom/flashbar/index.d.ts +5 -1
- package/test-utils/dom/flashbar/index.js +7 -0
- package/test-utils/dom/flashbar/index.js.map +1 -1
- package/test-utils/selectors/flashbar/index.d.ts +5 -1
- package/test-utils/selectors/flashbar/index.js +7 -0
- package/test-utils/selectors/flashbar/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/wizard/interfaces.d.ts +4 -0
- package/wizard/interfaces.d.ts.map +1 -1
- package/wizard/interfaces.js.map +1 -1
- package/wizard/wizard-actions.d.ts +2 -1
- package/wizard/wizard-actions.d.ts.map +1 -1
- package/wizard/wizard-actions.js +2 -2
- package/wizard/wizard-actions.js.map +1 -1
- package/wizard/wizard-form.d.ts.map +1 -1
- package/wizard/wizard-form.js +1 -1
- package/wizard/wizard-form.js.map +1 -1
|
@@ -1,33 +1,25 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"child": "
|
|
6
|
-
"horizontal": "
|
|
7
|
-
"horizontal-xxxs": "awsui_horizontal-
|
|
8
|
-
"horizontal-xxs": "awsui_horizontal-
|
|
9
|
-
"horizontal-xs": "awsui_horizontal-
|
|
10
|
-
"horizontal-s": "awsui_horizontal-
|
|
11
|
-
"horizontal-m": "awsui_horizontal-
|
|
12
|
-
"horizontal-l": "awsui_horizontal-
|
|
13
|
-
"horizontal-xl": "awsui_horizontal-
|
|
14
|
-
"horizontal-xxl": "awsui_horizontal-
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"vertical": "
|
|
24
|
-
"child-vertical-xxxs": "awsui_child-vertical-xxxs_18582_1f6cg_200",
|
|
25
|
-
"child-vertical-xxs": "awsui_child-vertical-xxs_18582_1f6cg_204",
|
|
26
|
-
"child-vertical-xs": "awsui_child-vertical-xs_18582_1f6cg_208",
|
|
27
|
-
"child-vertical-s": "awsui_child-vertical-s_18582_1f6cg_212",
|
|
28
|
-
"child-vertical-m": "awsui_child-vertical-m_18582_1f6cg_216",
|
|
29
|
-
"child-vertical-l": "awsui_child-vertical-l_18582_1f6cg_220",
|
|
30
|
-
"child-vertical-xl": "awsui_child-vertical-xl_18582_1f6cg_224",
|
|
31
|
-
"child-vertical-xxl": "awsui_child-vertical-xxl_18582_1f6cg_228"
|
|
4
|
+
"root": "awsui_root_18582_3m3ph_93",
|
|
5
|
+
"child": "awsui_child_18582_3m3ph_97",
|
|
6
|
+
"horizontal": "awsui_horizontal_18582_3m3ph_108",
|
|
7
|
+
"horizontal-xxxs": "awsui_horizontal-xxxs_18582_3m3ph_112",
|
|
8
|
+
"horizontal-xxs": "awsui_horizontal-xxs_18582_3m3ph_115",
|
|
9
|
+
"horizontal-xs": "awsui_horizontal-xs_18582_3m3ph_118",
|
|
10
|
+
"horizontal-s": "awsui_horizontal-s_18582_3m3ph_121",
|
|
11
|
+
"horizontal-m": "awsui_horizontal-m_18582_3m3ph_124",
|
|
12
|
+
"horizontal-l": "awsui_horizontal-l_18582_3m3ph_127",
|
|
13
|
+
"horizontal-xl": "awsui_horizontal-xl_18582_3m3ph_130",
|
|
14
|
+
"horizontal-xxl": "awsui_horizontal-xxl_18582_3m3ph_133",
|
|
15
|
+
"vertical": "awsui_vertical_18582_3m3ph_140",
|
|
16
|
+
"vertical-xxxs": "awsui_vertical-xxxs_18582_3m3ph_143",
|
|
17
|
+
"vertical-xxs": "awsui_vertical-xxs_18582_3m3ph_146",
|
|
18
|
+
"vertical-xs": "awsui_vertical-xs_18582_3m3ph_149",
|
|
19
|
+
"vertical-s": "awsui_vertical-s_18582_3m3ph_152",
|
|
20
|
+
"vertical-m": "awsui_vertical-m_18582_3m3ph_155",
|
|
21
|
+
"vertical-l": "awsui_vertical-l_18582_3m3ph_158",
|
|
22
|
+
"vertical-xl": "awsui_vertical-xl_18582_3m3ph_161",
|
|
23
|
+
"vertical-xxl": "awsui_vertical-xxl_18582_3m3ph_164"
|
|
32
24
|
};
|
|
33
25
|
|
|
@@ -90,141 +90,77 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_root_18582_3m3ph_93:not(#\9) {
|
|
94
94
|
display: flex;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
.
|
|
97
|
+
.awsui_child_18582_3m3ph_97:not(#\9) {
|
|
98
98
|
/* used in test-utils */
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
-
.
|
|
101
|
+
.awsui_child_18582_3m3ph_97:not(#\9):empty {
|
|
102
102
|
display: none;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
/*
|
|
106
106
|
* Horizontal variant
|
|
107
107
|
*/
|
|
108
|
-
.
|
|
108
|
+
.awsui_horizontal_18582_3m3ph_108:not(#\9) {
|
|
109
109
|
flex-direction: row;
|
|
110
110
|
flex-wrap: wrap;
|
|
111
111
|
}
|
|
112
|
-
.awsui_horizontal-
|
|
113
|
-
|
|
114
|
-
margin-bottom: calc(-1 * var(--space-xxxs-k2w98v, 2px));
|
|
112
|
+
.awsui_horizontal-xxxs_18582_3m3ph_112:not(#\9) {
|
|
113
|
+
gap: var(--space-xxxs-k2w98v, 2px);
|
|
115
114
|
}
|
|
116
|
-
.awsui_horizontal-
|
|
117
|
-
|
|
118
|
-
margin-bottom: calc(-1 * var(--space-xxs-ynfts5, 4px));
|
|
115
|
+
.awsui_horizontal-xxs_18582_3m3ph_115:not(#\9) {
|
|
116
|
+
gap: var(--space-xxs-ynfts5, 4px);
|
|
119
117
|
}
|
|
120
|
-
.awsui_horizontal-
|
|
121
|
-
|
|
122
|
-
margin-bottom: calc(-1 * var(--space-xs-rsr2qu, 8px));
|
|
118
|
+
.awsui_horizontal-xs_18582_3m3ph_118:not(#\9) {
|
|
119
|
+
gap: var(--space-xs-rsr2qu, 8px);
|
|
123
120
|
}
|
|
124
|
-
.awsui_horizontal-
|
|
125
|
-
|
|
126
|
-
margin-bottom: calc(-1 * var(--space-s-hv8c1d, 12px));
|
|
121
|
+
.awsui_horizontal-s_18582_3m3ph_121:not(#\9) {
|
|
122
|
+
gap: var(--space-s-hv8c1d, 12px);
|
|
127
123
|
}
|
|
128
|
-
.awsui_horizontal-
|
|
129
|
-
|
|
130
|
-
margin-bottom: calc(-1 * var(--space-m-17eucw, 16px));
|
|
124
|
+
.awsui_horizontal-m_18582_3m3ph_124:not(#\9) {
|
|
125
|
+
gap: var(--space-m-17eucw, 16px);
|
|
131
126
|
}
|
|
132
|
-
.awsui_horizontal-
|
|
133
|
-
|
|
134
|
-
margin-bottom: calc(-1 * var(--space-l-4vl6xu, 20px));
|
|
127
|
+
.awsui_horizontal-l_18582_3m3ph_127:not(#\9) {
|
|
128
|
+
gap: var(--space-l-4vl6xu, 20px);
|
|
135
129
|
}
|
|
136
|
-
.awsui_horizontal-
|
|
137
|
-
|
|
138
|
-
margin-bottom: calc(-1 * var(--space-xl-a39hup, 24px));
|
|
130
|
+
.awsui_horizontal-xl_18582_3m3ph_130:not(#\9) {
|
|
131
|
+
gap: var(--space-xl-a39hup, 24px);
|
|
139
132
|
}
|
|
140
|
-
.awsui_horizontal-
|
|
141
|
-
|
|
142
|
-
margin-bottom: calc(-1 * var(--space-xxl-2nvmf1, 32px));
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
.awsui_child-horizontal-xxxs_18582_1f6cg_145:not(#\9) {
|
|
146
|
-
margin-left: var(--space-xxxs-k2w98v, 2px);
|
|
147
|
-
margin-bottom: var(--space-xxxs-k2w98v, 2px);
|
|
148
|
-
min-width: 1px;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.awsui_child-horizontal-xxs_18582_1f6cg_151:not(#\9) {
|
|
152
|
-
margin-left: var(--space-xxs-ynfts5, 4px);
|
|
153
|
-
margin-bottom: var(--space-xxs-ynfts5, 4px);
|
|
154
|
-
min-width: 1px;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
.awsui_child-horizontal-xs_18582_1f6cg_157:not(#\9) {
|
|
158
|
-
margin-left: var(--space-xs-rsr2qu, 8px);
|
|
159
|
-
margin-bottom: var(--space-xs-rsr2qu, 8px);
|
|
160
|
-
min-width: 1px;
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
.awsui_child-horizontal-s_18582_1f6cg_163:not(#\9) {
|
|
164
|
-
margin-left: var(--space-s-hv8c1d, 12px);
|
|
165
|
-
margin-bottom: var(--space-s-hv8c1d, 12px);
|
|
166
|
-
min-width: 1px;
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
.awsui_child-horizontal-m_18582_1f6cg_169:not(#\9) {
|
|
170
|
-
margin-left: var(--space-m-17eucw, 16px);
|
|
171
|
-
margin-bottom: var(--space-m-17eucw, 16px);
|
|
172
|
-
min-width: 1px;
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
.awsui_child-horizontal-l_18582_1f6cg_175:not(#\9) {
|
|
176
|
-
margin-left: var(--space-l-4vl6xu, 20px);
|
|
177
|
-
margin-bottom: var(--space-l-4vl6xu, 20px);
|
|
178
|
-
min-width: 1px;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
.awsui_child-horizontal-xl_18582_1f6cg_181:not(#\9) {
|
|
182
|
-
margin-left: var(--space-xl-a39hup, 24px);
|
|
183
|
-
margin-bottom: var(--space-xl-a39hup, 24px);
|
|
184
|
-
min-width: 1px;
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
.awsui_child-horizontal-xxl_18582_1f6cg_187:not(#\9) {
|
|
188
|
-
margin-left: var(--space-xxl-2nvmf1, 32px);
|
|
189
|
-
margin-bottom: var(--space-xxl-2nvmf1, 32px);
|
|
190
|
-
min-width: 1px;
|
|
133
|
+
.awsui_horizontal-xxl_18582_3m3ph_133:not(#\9) {
|
|
134
|
+
gap: var(--space-xxl-2nvmf1, 32px);
|
|
191
135
|
}
|
|
192
136
|
|
|
193
137
|
/*
|
|
194
138
|
* Vertical variant
|
|
195
139
|
*/
|
|
196
|
-
.
|
|
140
|
+
.awsui_vertical_18582_3m3ph_140:not(#\9) {
|
|
197
141
|
flex-direction: column;
|
|
198
142
|
}
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
margin-bottom: var(--space-xxxs-k2w98v, 2px);
|
|
143
|
+
.awsui_vertical-xxxs_18582_3m3ph_143:not(#\9) {
|
|
144
|
+
row-gap: var(--space-xxxs-k2w98v, 2px);
|
|
202
145
|
}
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
margin-bottom: var(--space-xxs-ynfts5, 4px);
|
|
146
|
+
.awsui_vertical-xxs_18582_3m3ph_146:not(#\9) {
|
|
147
|
+
row-gap: var(--space-xxs-ynfts5, 4px);
|
|
206
148
|
}
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
margin-bottom: var(--space-xs-rsr2qu, 8px);
|
|
149
|
+
.awsui_vertical-xs_18582_3m3ph_149:not(#\9) {
|
|
150
|
+
row-gap: var(--space-xs-rsr2qu, 8px);
|
|
210
151
|
}
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
margin-bottom: var(--space-scaled-s-cu1hzn, 12px);
|
|
152
|
+
.awsui_vertical-s_18582_3m3ph_152:not(#\9) {
|
|
153
|
+
row-gap: var(--space-scaled-s-cu1hzn, 12px);
|
|
214
154
|
}
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
|
|
155
|
+
.awsui_vertical-m_18582_3m3ph_155:not(#\9) {
|
|
156
|
+
row-gap: var(--space-scaled-m-pv0fmt, 16px);
|
|
218
157
|
}
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
margin-bottom: var(--space-scaled-l-t03y3z, 20px);
|
|
158
|
+
.awsui_vertical-l_18582_3m3ph_158:not(#\9) {
|
|
159
|
+
row-gap: var(--space-scaled-l-t03y3z, 20px);
|
|
222
160
|
}
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
margin-bottom: var(--space-scaled-xl-w2t504, 24px);
|
|
161
|
+
.awsui_vertical-xl_18582_3m3ph_161:not(#\9) {
|
|
162
|
+
row-gap: var(--space-scaled-xl-w2t504, 24px);
|
|
226
163
|
}
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
margin-bottom: var(--space-scaled-xxl-pfgv96, 32px);
|
|
164
|
+
.awsui_vertical-xxl_18582_3m3ph_164:not(#\9) {
|
|
165
|
+
row-gap: var(--space-scaled-xxl-pfgv96, 32px);
|
|
230
166
|
}
|
|
@@ -2,33 +2,25 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"child": "
|
|
7
|
-
"horizontal": "
|
|
8
|
-
"horizontal-xxxs": "awsui_horizontal-
|
|
9
|
-
"horizontal-xxs": "awsui_horizontal-
|
|
10
|
-
"horizontal-xs": "awsui_horizontal-
|
|
11
|
-
"horizontal-s": "awsui_horizontal-
|
|
12
|
-
"horizontal-m": "awsui_horizontal-
|
|
13
|
-
"horizontal-l": "awsui_horizontal-
|
|
14
|
-
"horizontal-xl": "awsui_horizontal-
|
|
15
|
-
"horizontal-xxl": "awsui_horizontal-
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"vertical": "
|
|
25
|
-
"child-vertical-xxxs": "awsui_child-vertical-xxxs_18582_1f6cg_200",
|
|
26
|
-
"child-vertical-xxs": "awsui_child-vertical-xxs_18582_1f6cg_204",
|
|
27
|
-
"child-vertical-xs": "awsui_child-vertical-xs_18582_1f6cg_208",
|
|
28
|
-
"child-vertical-s": "awsui_child-vertical-s_18582_1f6cg_212",
|
|
29
|
-
"child-vertical-m": "awsui_child-vertical-m_18582_1f6cg_216",
|
|
30
|
-
"child-vertical-l": "awsui_child-vertical-l_18582_1f6cg_220",
|
|
31
|
-
"child-vertical-xl": "awsui_child-vertical-xl_18582_1f6cg_224",
|
|
32
|
-
"child-vertical-xxl": "awsui_child-vertical-xxl_18582_1f6cg_228"
|
|
5
|
+
"root": "awsui_root_18582_3m3ph_93",
|
|
6
|
+
"child": "awsui_child_18582_3m3ph_97",
|
|
7
|
+
"horizontal": "awsui_horizontal_18582_3m3ph_108",
|
|
8
|
+
"horizontal-xxxs": "awsui_horizontal-xxxs_18582_3m3ph_112",
|
|
9
|
+
"horizontal-xxs": "awsui_horizontal-xxs_18582_3m3ph_115",
|
|
10
|
+
"horizontal-xs": "awsui_horizontal-xs_18582_3m3ph_118",
|
|
11
|
+
"horizontal-s": "awsui_horizontal-s_18582_3m3ph_121",
|
|
12
|
+
"horizontal-m": "awsui_horizontal-m_18582_3m3ph_124",
|
|
13
|
+
"horizontal-l": "awsui_horizontal-l_18582_3m3ph_127",
|
|
14
|
+
"horizontal-xl": "awsui_horizontal-xl_18582_3m3ph_130",
|
|
15
|
+
"horizontal-xxl": "awsui_horizontal-xxl_18582_3m3ph_133",
|
|
16
|
+
"vertical": "awsui_vertical_18582_3m3ph_140",
|
|
17
|
+
"vertical-xxxs": "awsui_vertical-xxxs_18582_3m3ph_143",
|
|
18
|
+
"vertical-xxs": "awsui_vertical-xxs_18582_3m3ph_146",
|
|
19
|
+
"vertical-xs": "awsui_vertical-xs_18582_3m3ph_149",
|
|
20
|
+
"vertical-s": "awsui_vertical-s_18582_3m3ph_152",
|
|
21
|
+
"vertical-m": "awsui_vertical-m_18582_3m3ph_155",
|
|
22
|
+
"vertical-l": "awsui_vertical-l_18582_3m3ph_158",
|
|
23
|
+
"vertical-xl": "awsui_vertical-xl_18582_3m3ph_161",
|
|
24
|
+
"vertical-xxl": "awsui_vertical-xxl_18582_3m3ph_164"
|
|
33
25
|
};
|
|
34
26
|
|
|
@@ -19,12 +19,7 @@ class ButtonWrapper extends dom_1.ComponentWrapper {
|
|
|
19
19
|
return this.find(`.${styles_selectors_js_1.default.content}`);
|
|
20
20
|
}
|
|
21
21
|
isDisabled() {
|
|
22
|
-
|
|
23
|
-
return this.element.getAttribute('aria-disabled') === 'true';
|
|
24
|
-
}
|
|
25
|
-
else {
|
|
26
|
-
return this.element.disabled;
|
|
27
|
-
}
|
|
22
|
+
return this.element.disabled || this.element.getAttribute('aria-disabled') === 'true';
|
|
28
23
|
}
|
|
29
24
|
}
|
|
30
25
|
ButtonWrapper.rootSelector = styles_selectors_js_1.default.button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/button/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAmG;AACnG,6EAAyD;AACzD,8EAAiE;AAEjE,MAAqB,aAAc,SAAQ,sBAAmC;IAG5E,oBAAoB;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,WAAW,CAAC,IAAI,6BAAa,CAAC,IAAI,EAAE,CAAC,CAAC;IACpE,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IACzC,CAAC;IAGD,UAAU;QACR,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/button/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAmG;AACnG,6EAAyD;AACzD,8EAAiE;AAEjE,MAAqB,aAAc,SAAQ,sBAAmC;IAG5E,oBAAoB;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,WAAW,CAAC,IAAI,6BAAa,CAAC,IAAI,EAAE,CAAC,CAAC;IACpE,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IACzC,CAAC;IAGD,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;IACxF,CAAC;;AAbM,0BAAY,GAAW,6BAAM,CAAC,MAAM,CAAC;AAW5C;IADC,aAAO;+CAGP;AAdH,gCAeC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentWrapper } from '@cloudscape-design/test-utils-core/dom';
|
|
1
|
+
import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
|
|
2
2
|
import FlashWrapper from './flash';
|
|
3
3
|
export default class FlashbarWrapper extends ComponentWrapper {
|
|
4
4
|
static rootSelector: string;
|
|
@@ -8,4 +8,8 @@ export default class FlashbarWrapper extends ComponentWrapper {
|
|
|
8
8
|
* If the items are stacked, only the item at the top of the stack is returned.
|
|
9
9
|
*/
|
|
10
10
|
findItems(): Array<FlashWrapper>;
|
|
11
|
+
/**
|
|
12
|
+
* Returns the toggle button that expands and collapses stacked notifications.
|
|
13
|
+
*/
|
|
14
|
+
findToggleButton(): ElementWrapper<HTMLButtonElement> | null;
|
|
11
15
|
}
|
|
@@ -14,6 +14,13 @@ class FlashbarWrapper extends dom_1.ComponentWrapper {
|
|
|
14
14
|
findItems() {
|
|
15
15
|
return this.findAllByClassName(styles_selectors_js_1.default['flash-list-item']).map(item => new flash_1.default(item.getElement()));
|
|
16
16
|
}
|
|
17
|
+
/**
|
|
18
|
+
* Returns the toggle button that expands and collapses stacked notifications.
|
|
19
|
+
*/
|
|
20
|
+
findToggleButton() {
|
|
21
|
+
var _a, _b;
|
|
22
|
+
return (_b = (_a = this.findByClassName(styles_selectors_js_1.default['notification-bar'])) === null || _a === void 0 ? void 0 : _a.find('button')) !== null && _b !== void 0 ? _b : null;
|
|
23
|
+
}
|
|
17
24
|
}
|
|
18
25
|
exports.default = FlashbarWrapper;
|
|
19
26
|
FlashbarWrapper.rootSelector = styles_selectors_js_1.default.flashbar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/flashbar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/flashbar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,+EAA2D;AAC3D,mCAAmC;AAEnC,MAAqB,eAAgB,SAAQ,sBAAgB;IAG3D;;;;OAIG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC7G,CAAC;IAED;;OAEG;IACH,gBAAgB;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,kBAAkB,CAAC,CAAC,0CAAE,IAAI,CAAC,QAAQ,CAAC,mCAAI,IAAI,CAAC;IAClF,CAAC;;AAjBH,kCAkBC;AAjBQ,4BAAY,GAAW,6BAAM,CAAC,QAAQ,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentWrapper } from "@cloudscape-design/test-utils-core/selectors";
|
|
1
|
+
import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
|
|
2
2
|
import FlashWrapper from './flash';
|
|
3
3
|
export default class FlashbarWrapper extends ComponentWrapper {
|
|
4
4
|
static rootSelector: string;
|
|
@@ -8,4 +8,8 @@ export default class FlashbarWrapper extends ComponentWrapper {
|
|
|
8
8
|
* If the items are stacked, only the item at the top of the stack is returned.
|
|
9
9
|
*/
|
|
10
10
|
findItems(): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<FlashWrapper>;
|
|
11
|
+
/**
|
|
12
|
+
* Returns the toggle button that expands and collapses stacked notifications.
|
|
13
|
+
*/
|
|
14
|
+
findToggleButton(): ElementWrapper;
|
|
11
15
|
}
|
|
@@ -14,6 +14,13 @@ class FlashbarWrapper extends selectors_1.ComponentWrapper {
|
|
|
14
14
|
findItems() {
|
|
15
15
|
return this.findAllByClassName(styles_selectors_js_1.default['flash-list-item']).map(item => new flash_1.default(item.getElement()));
|
|
16
16
|
}
|
|
17
|
+
/**
|
|
18
|
+
* Returns the toggle button that expands and collapses stacked notifications.
|
|
19
|
+
*/
|
|
20
|
+
findToggleButton() {
|
|
21
|
+
var _a, _b;
|
|
22
|
+
return (_b = (_a = this.findByClassName(styles_selectors_js_1.default['notification-bar'])) === null || _a === void 0 ? void 0 : _a.find('button')) !== null && _b !== void 0 ? _b : null;
|
|
23
|
+
}
|
|
17
24
|
}
|
|
18
25
|
exports.default = FlashbarWrapper;
|
|
19
26
|
FlashbarWrapper.rootSelector = styles_selectors_js_1.default.flashbar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/flashbar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/flashbar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,+EAA2D;AAC3D,mCAAmC;AACnC,MAAqB,eAAgB,SAAQ,4BAAgB;IAG3D;;;;OAIG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC7G,CAAC;IAED;;OAEG;IACH,gBAAgB;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,kBAAkB,CAAC,CAAC,0CAAE,IAAI,CAAC,QAAQ,CAAC,mCAAI,IAAI,CAAC;IAClF,CAAC;;AAjBH,kCAkBC;AAjBQ,4BAAY,GAAW,6BAAM,CAAC,QAAQ,CAAC"}
|