@cloudscape-design/components 3.0.332 → 3.0.333
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/button/interfaces.d.ts +2 -1
- package/button/interfaces.d.ts.map +1 -1
- package/button/interfaces.js.map +1 -1
- package/button/styles.css.js +20 -19
- package/button/styles.scoped.css +223 -137
- package/button/styles.selectors.js +20 -19
- package/button-dropdown/interfaces.d.ts +2 -1
- package/button-dropdown/interfaces.d.ts.map +1 -1
- package/button-dropdown/interfaces.js.map +1 -1
- package/button-dropdown/internal.js +2 -2
- package/button-dropdown/internal.js.map +1 -1
- package/expandable-section/expandable-section-header.d.ts.map +1 -1
- package/expandable-section/expandable-section-header.js +1 -1
- package/expandable-section/expandable-section-header.js.map +1 -1
- package/expandable-section/styles.css.js +29 -28
- package/expandable-section/styles.scoped.css +59 -56
- package/expandable-section/styles.selectors.js +29 -28
- package/internal/environment.js +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/test-utils/dom/expandable-section/index.d.ts +2 -0
- package/test-utils/dom/expandable-section/index.js +7 -0
- package/test-utils/dom/expandable-section/index.js.map +1 -1
- package/test-utils/selectors/expandable-section/index.d.ts +2 -0
- package/test-utils/selectors/expandable-section/index.js +7 -0
- package/test-utils/selectors/expandable-section/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
|
@@ -94,10 +94,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
94
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
|
-
.awsui_content-
|
|
98
|
-
animation: awsui_awsui-motion-fade-
|
|
97
|
+
.awsui_content-enter_gwq0h_1brli_97:not(#\9) {
|
|
98
|
+
animation: awsui_awsui-motion-fade-in_gwq0h_1brli_1 var(--motion-duration-show-paced-uryptc, 180ms) var(--motion-easing-show-paced-tbgeqx, ease-out);
|
|
99
99
|
}
|
|
100
|
-
@keyframes awsui_awsui-motion-fade-
|
|
100
|
+
@keyframes awsui_awsui-motion-fade-in_gwq0h_1brli_1 {
|
|
101
101
|
from {
|
|
102
102
|
opacity: 0.2;
|
|
103
103
|
}
|
|
@@ -106,40 +106,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
@media (prefers-reduced-motion: reduce) {
|
|
109
|
-
.awsui_content-
|
|
109
|
+
.awsui_content-enter_gwq0h_1brli_97:not(#\9) {
|
|
110
110
|
animation: none;
|
|
111
111
|
transition: none;
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
|
-
.awsui-motion-disabled .awsui_content-
|
|
114
|
+
.awsui-motion-disabled .awsui_content-enter_gwq0h_1brli_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_1brli_97:not(#\9) {
|
|
115
115
|
animation: none;
|
|
116
116
|
transition: none;
|
|
117
117
|
}
|
|
118
118
|
|
|
119
|
-
.awsui_trigger-
|
|
119
|
+
.awsui_trigger-expanded_gwq0h_1brli_119:not(#\9) {
|
|
120
120
|
transition: border-bottom-color var(--motion-duration-show-paced-uryptc, 180ms) var(--motion-easing-show-paced-tbgeqx, ease-out);
|
|
121
121
|
}
|
|
122
122
|
@media (prefers-reduced-motion: reduce) {
|
|
123
|
-
.awsui_trigger-
|
|
123
|
+
.awsui_trigger-expanded_gwq0h_1brli_119:not(#\9) {
|
|
124
124
|
animation: none;
|
|
125
125
|
transition: none;
|
|
126
126
|
}
|
|
127
127
|
}
|
|
128
|
-
.awsui-motion-disabled .awsui_trigger-
|
|
128
|
+
.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_1brli_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_1brli_119:not(#\9) {
|
|
129
129
|
animation: none;
|
|
130
130
|
transition: none;
|
|
131
131
|
}
|
|
132
132
|
|
|
133
|
-
.
|
|
133
|
+
.awsui_icon_gwq0h_1brli_133:not(#\9) {
|
|
134
134
|
transition: transform var(--motion-duration-rotate-90-jfxxiy, 135ms) var(--motion-easing-rotate-90-ax5lt7, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
135
135
|
}
|
|
136
136
|
@media (prefers-reduced-motion: reduce) {
|
|
137
|
-
.
|
|
137
|
+
.awsui_icon_gwq0h_1brli_133:not(#\9) {
|
|
138
138
|
animation: none;
|
|
139
139
|
transition: none;
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
|
-
.awsui-motion-disabled .
|
|
142
|
+
.awsui-motion-disabled .awsui_icon_gwq0h_1brli_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_1brli_133:not(#\9) {
|
|
143
143
|
animation: none;
|
|
144
144
|
transition: none;
|
|
145
145
|
}
|
|
@@ -148,7 +148,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
148
148
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
149
149
|
SPDX-License-Identifier: Apache-2.0
|
|
150
150
|
*/
|
|
151
|
-
.
|
|
151
|
+
.awsui_root_gwq0h_1brli_151:not(#\9) {
|
|
152
152
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
153
153
|
border-collapse: separate;
|
|
154
154
|
border-spacing: 0;
|
|
@@ -191,111 +191,111 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
191
191
|
display: block;
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
-
.awsui_expand-
|
|
194
|
+
.awsui_expand-button_gwq0h_1brli_168:not(#\9) {
|
|
195
195
|
/* used in test-utils */
|
|
196
196
|
}
|
|
197
197
|
|
|
198
|
-
.
|
|
198
|
+
.awsui_icon_gwq0h_1brli_133:not(#\9) {
|
|
199
199
|
transform: rotate(-90deg);
|
|
200
200
|
}
|
|
201
|
-
.
|
|
201
|
+
.awsui_icon_gwq0h_1brli_133.awsui_expanded_gwq0h_1brli_175:not(#\9) {
|
|
202
202
|
transform: rotate(0deg);
|
|
203
203
|
}
|
|
204
204
|
|
|
205
|
-
.awsui_icon-
|
|
205
|
+
.awsui_icon-container_gwq0h_1brli_179:not(#\9) {
|
|
206
206
|
position: relative;
|
|
207
207
|
margin-left: calc((var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / -2);
|
|
208
208
|
margin-right: calc(var(--space-xxs-ja5cp8, 4px) + var(--border-divider-list-width-um3zli, 1px));
|
|
209
209
|
}
|
|
210
|
-
.awsui_icon-container-
|
|
210
|
+
.awsui_icon-container-container_gwq0h_1brli_184:not(#\9) {
|
|
211
211
|
margin-right: var(--space-xs-edba2s, 8px);
|
|
212
212
|
}
|
|
213
213
|
|
|
214
|
-
.
|
|
214
|
+
.awsui_wrapper_gwq0h_1brli_188:not(#\9) {
|
|
215
215
|
box-sizing: border-box;
|
|
216
216
|
border: none;
|
|
217
217
|
width: 100%;
|
|
218
218
|
line-height: var(--font-body-m-line-height-rfgrp9, 22px);
|
|
219
219
|
text-align: left;
|
|
220
220
|
}
|
|
221
|
-
.awsui_wrapper-
|
|
221
|
+
.awsui_wrapper-default_gwq0h_1brli_195:not(#\9), .awsui_wrapper-footer_gwq0h_1brli_195:not(#\9) {
|
|
222
222
|
border: var(--border-divider-section-width-orq175, 2px) solid transparent;
|
|
223
223
|
}
|
|
224
|
-
.awsui_wrapper-
|
|
224
|
+
.awsui_wrapper-navigation_gwq0h_1brli_198:not(#\9) {
|
|
225
225
|
border-left: var(--border-divider-section-width-orq175, 2px) solid transparent;
|
|
226
226
|
}
|
|
227
|
-
.awsui_wrapper-
|
|
227
|
+
.awsui_wrapper-navigation_gwq0h_1brli_198:not(#\9), .awsui_wrapper-container_gwq0h_1brli_201:not(#\9) {
|
|
228
228
|
display: flex;
|
|
229
229
|
font-weight: var(--font-heading-s-weight-5y5giq, 800);
|
|
230
230
|
}
|
|
231
|
-
.awsui_wrapper-
|
|
231
|
+
.awsui_wrapper-default_gwq0h_1brli_195:not(#\9), .awsui_wrapper-navigation_gwq0h_1brli_198:not(#\9), .awsui_wrapper-footer_gwq0h_1brli_195:not(#\9) {
|
|
232
232
|
color: var(--color-text-expandable-section-default-m3lg7r, #000716);
|
|
233
233
|
-webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
|
|
234
234
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
|
|
235
235
|
font-size: var(--font-expandable-heading-size-mkp9vq, 16px);
|
|
236
236
|
letter-spacing: var(--font-heading-s-letter-spacing-j4vcrt, -0.005em);
|
|
237
237
|
}
|
|
238
|
-
.awsui_wrapper-
|
|
238
|
+
.awsui_wrapper-default_gwq0h_1brli_195:not(#\9) {
|
|
239
239
|
padding-top: var(--space-scaled-xxs-t2t62i, 4px);
|
|
240
240
|
padding-bottom: var(--space-scaled-xxs-t2t62i, 4px);
|
|
241
241
|
padding-right: var(--space-xxs-ja5cp8, 4px);
|
|
242
242
|
}
|
|
243
|
-
.awsui_wrapper-
|
|
243
|
+
.awsui_wrapper-default_gwq0h_1brli_195.awsui_header-deprecated_gwq0h_1brli_217:not(#\9) {
|
|
244
244
|
padding-left: var(--space-xxs-ja5cp8, 4px);
|
|
245
245
|
}
|
|
246
|
-
.awsui_wrapper-
|
|
246
|
+
.awsui_wrapper-default_gwq0h_1brli_195:not(#\9):not(.awsui_header-deprecated_gwq0h_1brli_217) {
|
|
247
247
|
padding-left: calc(var(--space-xxs-ja5cp8, 4px) + calc(var(--size-icon-normal-jq6jat, 16px) + (var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xxs-ja5cp8, 4px) + var(--border-divider-list-width-um3zli, 1px)));
|
|
248
248
|
}
|
|
249
|
-
.awsui_wrapper-
|
|
249
|
+
.awsui_wrapper-footer_gwq0h_1brli_195:not(#\9) {
|
|
250
250
|
padding-top: var(--space-scaled-xxs-t2t62i, 4px);
|
|
251
251
|
padding-bottom: var(--space-scaled-xxs-t2t62i, 4px);
|
|
252
252
|
padding-right: 0;
|
|
253
253
|
}
|
|
254
|
-
.awsui_wrapper-
|
|
254
|
+
.awsui_wrapper-footer_gwq0h_1brli_195.awsui_header-deprecated_gwq0h_1brli_217:not(#\9) {
|
|
255
255
|
padding-left: 0;
|
|
256
256
|
}
|
|
257
|
-
.awsui_wrapper-
|
|
257
|
+
.awsui_wrapper-footer_gwq0h_1brli_195:not(#\9):not(.awsui_header-deprecated_gwq0h_1brli_217) {
|
|
258
258
|
padding-left: calc(var(--size-icon-normal-jq6jat, 16px) + (var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xxs-ja5cp8, 4px) + var(--border-divider-list-width-um3zli, 1px));
|
|
259
259
|
}
|
|
260
|
-
.awsui_wrapper-
|
|
260
|
+
.awsui_wrapper-container_gwq0h_1brli_201:not(#\9) {
|
|
261
261
|
padding-top: var(--space-container-header-vertical-di96ce, 12px);
|
|
262
262
|
padding-bottom: var(--space-container-header-vertical-di96ce, 12px);
|
|
263
263
|
padding-right: var(--space-container-horizontal-jxdgil, 20px);
|
|
264
264
|
}
|
|
265
|
-
.awsui_wrapper-
|
|
265
|
+
.awsui_wrapper-container_gwq0h_1brli_201.awsui_header-deprecated_gwq0h_1brli_217:not(#\9) {
|
|
266
266
|
padding-left: var(--space-container-horizontal-jxdgil, 20px);
|
|
267
267
|
}
|
|
268
|
-
.awsui_wrapper-
|
|
268
|
+
.awsui_wrapper-container_gwq0h_1brli_201:not(#\9):not(.awsui_header-deprecated_gwq0h_1brli_217) {
|
|
269
269
|
padding-left: calc(var(--space-container-horizontal-jxdgil, 20px) + calc(var(--size-icon-medium-x0iee8, 20px) + (var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xs-edba2s, 8px)));
|
|
270
270
|
}
|
|
271
|
-
body[data-awsui-focus-visible=true] .awsui_wrapper-
|
|
271
|
+
body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1brli_201:not(#\9):focus {
|
|
272
272
|
padding: calc(var(--space-scaled-s-913kwi, 12px) - var(--border-divider-section-width-orq175, 2px)) calc(var(--space-l-f4l5gr, 20px) - var(--border-divider-section-width-orq175, 2px));
|
|
273
273
|
}
|
|
274
|
-
.awsui_wrapper-
|
|
274
|
+
.awsui_wrapper-default_gwq0h_1brli_195.awsui_wrapper-expanded_gwq0h_1brli_248:not(#\9) {
|
|
275
275
|
border-bottom-color: var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
276
276
|
}
|
|
277
277
|
|
|
278
|
-
.
|
|
278
|
+
.awsui_header_gwq0h_1brli_217:not(#\9) {
|
|
279
279
|
/* used in test-utils */
|
|
280
280
|
}
|
|
281
|
-
.awsui_header-
|
|
281
|
+
.awsui_header-wrapper_gwq0h_1brli_255:not(#\9), .awsui_header-deprecated_gwq0h_1brli_217:not(#\9) {
|
|
282
282
|
display: flex;
|
|
283
283
|
font-weight: var(--font-heading-s-weight-5y5giq, 800);
|
|
284
284
|
}
|
|
285
|
-
.awsui_header-
|
|
285
|
+
.awsui_header-wrapper_gwq0h_1brli_255:not(#\9) {
|
|
286
286
|
font-size: inherit;
|
|
287
287
|
letter-spacing: inherit;
|
|
288
288
|
margin: 0;
|
|
289
289
|
padding: 0;
|
|
290
290
|
}
|
|
291
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
291
|
+
body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1brli_265:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1brli_265:not(#\9):focus {
|
|
292
292
|
position: relative;
|
|
293
293
|
}
|
|
294
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
294
|
+
body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1brli_265:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1brli_265:not(#\9):focus {
|
|
295
295
|
outline: 2px dotted transparent;
|
|
296
296
|
outline-offset: calc(0px - 1px);
|
|
297
297
|
}
|
|
298
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
298
|
+
body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1brli_265:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1brli_265:not(#\9):focus::before {
|
|
299
299
|
content: " ";
|
|
300
300
|
display: block;
|
|
301
301
|
position: absolute;
|
|
@@ -306,21 +306,21 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_a11gk_265:not(#\9
|
|
|
306
306
|
border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
|
|
307
307
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
|
|
308
308
|
}
|
|
309
|
-
.awsui_header-
|
|
309
|
+
.awsui_header-button_gwq0h_1brli_265:not(#\9) {
|
|
310
310
|
box-sizing: border-box;
|
|
311
311
|
display: flex;
|
|
312
312
|
margin-left: calc(-1 * calc(var(--size-icon-normal-jq6jat, 16px) + (var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xxs-ja5cp8, 4px) + var(--border-divider-list-width-um3zli, 1px)));
|
|
313
313
|
}
|
|
314
|
-
.awsui_header-container-
|
|
314
|
+
.awsui_header-container-button_gwq0h_1brli_265:not(#\9) {
|
|
315
315
|
margin-left: calc(-1 * calc(var(--size-icon-medium-x0iee8, 20px) + (var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xs-edba2s, 8px)));
|
|
316
316
|
}
|
|
317
|
-
.awsui_header-
|
|
317
|
+
.awsui_header-container_gwq0h_1brli_265:not(#\9) {
|
|
318
318
|
width: 100%;
|
|
319
319
|
}
|
|
320
|
-
.awsui_header-
|
|
320
|
+
.awsui_header-container_gwq0h_1brli_265 > .awsui_icon-container_gwq0h_1brli_179:not(#\9) {
|
|
321
321
|
margin-top: var(--space-expandable-section-icon-offset-top-qfofw6, 4px);
|
|
322
322
|
}
|
|
323
|
-
.awsui_header-
|
|
323
|
+
.awsui_header-navigation_gwq0h_1brli_297 > .awsui_icon-container_gwq0h_1brli_179:not(#\9) {
|
|
324
324
|
display: inline-flex;
|
|
325
325
|
cursor: pointer;
|
|
326
326
|
color: var(--color-text-expandable-section-navigation-icon-default-lzmj1u, #414d5c);
|
|
@@ -331,17 +331,17 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_a11gk_265:not(#\9
|
|
|
331
331
|
text-decoration: none;
|
|
332
332
|
flex-direction: column;
|
|
333
333
|
}
|
|
334
|
-
.awsui_header-
|
|
334
|
+
.awsui_header-navigation_gwq0h_1brli_297 > .awsui_icon-container_gwq0h_1brli_179:not(#\9):hover {
|
|
335
335
|
color: var(--color-text-expandable-section-hover-pux1oy, #0972d3);
|
|
336
336
|
}
|
|
337
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
337
|
+
body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1brli_297 > .awsui_icon-container_gwq0h_1brli_179:not(#\9):focus {
|
|
338
338
|
position: relative;
|
|
339
339
|
}
|
|
340
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
340
|
+
body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1brli_297 > .awsui_icon-container_gwq0h_1brli_179:not(#\9):focus {
|
|
341
341
|
outline: 2px dotted transparent;
|
|
342
342
|
outline-offset: calc(2px - 1px);
|
|
343
343
|
}
|
|
344
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
344
|
+
body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1brli_297 > .awsui_icon-container_gwq0h_1brli_179:not(#\9):focus::before {
|
|
345
345
|
content: " ";
|
|
346
346
|
display: block;
|
|
347
347
|
position: absolute;
|
|
@@ -352,34 +352,37 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_a11gk_297 > .
|
|
|
352
352
|
border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
|
|
353
353
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
|
|
354
354
|
}
|
|
355
|
+
.awsui_header-text_gwq0h_1brli_329:not(#\9) {
|
|
356
|
+
/* used in test-utils */
|
|
357
|
+
}
|
|
355
358
|
|
|
356
|
-
.
|
|
359
|
+
.awsui_content_gwq0h_1brli_97:not(#\9) {
|
|
357
360
|
display: none;
|
|
358
361
|
}
|
|
359
|
-
.awsui_content-
|
|
362
|
+
.awsui_content-default_gwq0h_1brli_336:not(#\9) {
|
|
360
363
|
padding: var(--space-scaled-xs-wbfgrv, 8px) 0;
|
|
361
364
|
}
|
|
362
|
-
.awsui_content-
|
|
365
|
+
.awsui_content-footer_gwq0h_1brli_339:not(#\9) {
|
|
363
366
|
padding: var(--space-xs-edba2s, 8px) 0;
|
|
364
367
|
}
|
|
365
|
-
.awsui_content-
|
|
368
|
+
.awsui_content-expanded_gwq0h_1brli_342:not(#\9) {
|
|
366
369
|
display: block;
|
|
367
370
|
}
|
|
368
371
|
|
|
369
|
-
.
|
|
372
|
+
.awsui_focusable_gwq0h_1brli_346:not(#\9):focus {
|
|
370
373
|
outline: none;
|
|
371
374
|
text-decoration: none;
|
|
372
375
|
}
|
|
373
|
-
body[data-awsui-focus-visible=true] .
|
|
376
|
+
body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1brli_346:not(#\9):focus {
|
|
374
377
|
outline: 2px dotted transparent;
|
|
375
378
|
border: var(--border-field-width-riro62, 2px) solid var(--color-border-item-focused-4t19h5, #0972d3);
|
|
376
379
|
border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
|
|
377
380
|
box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-cwek11, 0px) var(--color-border-item-focused-4t19h5, #0972d3);
|
|
378
381
|
}
|
|
379
382
|
|
|
380
|
-
.awsui_click-
|
|
383
|
+
.awsui_click-target_gwq0h_1brli_357:not(#\9) {
|
|
381
384
|
cursor: pointer;
|
|
382
385
|
}
|
|
383
|
-
.awsui_click-
|
|
386
|
+
.awsui_click-target_gwq0h_1brli_357:not(#\9):not(.awsui_wrapper-container_gwq0h_1brli_201):not(.awsui_header-container-button_gwq0h_1brli_265):hover {
|
|
384
387
|
color: var(--color-text-expandable-section-hover-pux1oy, #0972d3);
|
|
385
388
|
}
|
|
@@ -2,33 +2,34 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"content-enter": "awsui_content-
|
|
6
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
7
|
-
"trigger-expanded": "awsui_trigger-
|
|
8
|
-
"icon": "
|
|
9
|
-
"root": "
|
|
10
|
-
"expand-button": "awsui_expand-
|
|
11
|
-
"expanded": "
|
|
12
|
-
"icon-container": "awsui_icon-
|
|
13
|
-
"icon-container-container": "awsui_icon-container-
|
|
14
|
-
"wrapper": "
|
|
15
|
-
"wrapper-default": "awsui_wrapper-
|
|
16
|
-
"wrapper-footer": "awsui_wrapper-
|
|
17
|
-
"wrapper-navigation": "awsui_wrapper-
|
|
18
|
-
"wrapper-container": "awsui_wrapper-
|
|
19
|
-
"header-deprecated": "awsui_header-
|
|
20
|
-
"wrapper-expanded": "awsui_wrapper-
|
|
21
|
-
"header": "
|
|
22
|
-
"header-wrapper": "awsui_header-
|
|
23
|
-
"header-button": "awsui_header-
|
|
24
|
-
"header-container-button": "awsui_header-container-
|
|
25
|
-
"header-container": "awsui_header-
|
|
26
|
-
"header-navigation": "awsui_header-
|
|
27
|
-
"
|
|
28
|
-
"content
|
|
29
|
-
"content-
|
|
30
|
-
"content-
|
|
31
|
-
"
|
|
32
|
-
"
|
|
5
|
+
"content-enter": "awsui_content-enter_gwq0h_1brli_97",
|
|
6
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1brli_1",
|
|
7
|
+
"trigger-expanded": "awsui_trigger-expanded_gwq0h_1brli_119",
|
|
8
|
+
"icon": "awsui_icon_gwq0h_1brli_133",
|
|
9
|
+
"root": "awsui_root_gwq0h_1brli_151",
|
|
10
|
+
"expand-button": "awsui_expand-button_gwq0h_1brli_168",
|
|
11
|
+
"expanded": "awsui_expanded_gwq0h_1brli_175",
|
|
12
|
+
"icon-container": "awsui_icon-container_gwq0h_1brli_179",
|
|
13
|
+
"icon-container-container": "awsui_icon-container-container_gwq0h_1brli_184",
|
|
14
|
+
"wrapper": "awsui_wrapper_gwq0h_1brli_188",
|
|
15
|
+
"wrapper-default": "awsui_wrapper-default_gwq0h_1brli_195",
|
|
16
|
+
"wrapper-footer": "awsui_wrapper-footer_gwq0h_1brli_195",
|
|
17
|
+
"wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1brli_198",
|
|
18
|
+
"wrapper-container": "awsui_wrapper-container_gwq0h_1brli_201",
|
|
19
|
+
"header-deprecated": "awsui_header-deprecated_gwq0h_1brli_217",
|
|
20
|
+
"wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1brli_248",
|
|
21
|
+
"header": "awsui_header_gwq0h_1brli_217",
|
|
22
|
+
"header-wrapper": "awsui_header-wrapper_gwq0h_1brli_255",
|
|
23
|
+
"header-button": "awsui_header-button_gwq0h_1brli_265",
|
|
24
|
+
"header-container-button": "awsui_header-container-button_gwq0h_1brli_265",
|
|
25
|
+
"header-container": "awsui_header-container_gwq0h_1brli_265",
|
|
26
|
+
"header-navigation": "awsui_header-navigation_gwq0h_1brli_297",
|
|
27
|
+
"header-text": "awsui_header-text_gwq0h_1brli_329",
|
|
28
|
+
"content": "awsui_content_gwq0h_1brli_97",
|
|
29
|
+
"content-default": "awsui_content-default_gwq0h_1brli_336",
|
|
30
|
+
"content-footer": "awsui_content-footer_gwq0h_1brli_339",
|
|
31
|
+
"content-expanded": "awsui_content-expanded_gwq0h_1brli_342",
|
|
32
|
+
"focusable": "awsui_focusable_gwq0h_1brli_346",
|
|
33
|
+
"click-target": "awsui_click-target_gwq0h_1brli_357"
|
|
33
34
|
};
|
|
34
35
|
|
package/internal/environment.js
CHANGED
package/internal/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -6,4 +6,6 @@ export default class ExpandableSectionWrapper extends ComponentWrapper {
|
|
|
6
6
|
findExpandButton(): ElementWrapper;
|
|
7
7
|
findExpandedContent(): ElementWrapper | null;
|
|
8
8
|
findExpandIcon(): ElementWrapper;
|
|
9
|
+
findHeaderText(): ElementWrapper | null;
|
|
10
|
+
findHeaderDescription(): ElementWrapper | null;
|
|
9
11
|
}
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
5
5
|
const dom_1 = require("@cloudscape-design/test-utils-core/dom");
|
|
6
6
|
const styles_selectors_js_1 = require("../../../expandable-section/styles.selectors.js");
|
|
7
7
|
const styles_selectors_js_2 = require("../../../container/styles.selectors.js");
|
|
8
|
+
const styles_selectors_js_3 = require("../../../header/styles.selectors.js");
|
|
8
9
|
class ExpandableSectionWrapper extends dom_1.ComponentWrapper {
|
|
9
10
|
findHeader() {
|
|
10
11
|
return this.findByClassName(styles_selectors_js_1.default.header);
|
|
@@ -24,6 +25,12 @@ class ExpandableSectionWrapper extends dom_1.ComponentWrapper {
|
|
|
24
25
|
findExpandIcon() {
|
|
25
26
|
return this.findByClassName(styles_selectors_js_1.default['icon-container']);
|
|
26
27
|
}
|
|
28
|
+
findHeaderText() {
|
|
29
|
+
return this.findByClassName(styles_selectors_js_1.default['header-text']);
|
|
30
|
+
}
|
|
31
|
+
findHeaderDescription() {
|
|
32
|
+
return this.findByClassName(styles_selectors_js_3.default.description);
|
|
33
|
+
}
|
|
27
34
|
}
|
|
28
35
|
exports.default = ExpandableSectionWrapper;
|
|
29
36
|
ExpandableSectionWrapper.rootSelector = styles_selectors_js_1.default.root;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/expandable-section/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,yFAAqE;AACrE,gFAAqE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/expandable-section/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,yFAAqE;AACrE,gFAAqE;AACrE,6EAA+D;AAE/D,MAAqB,wBAAyB,SAAQ,sBAAgB;IAGpE,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAE,CAAC;IAC9C,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,OAAO,CAAE,CAAC;IAC/C,CAAC;IAED;;OAEG;IACH,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAE,CAAC;IACxD,CAAC;IAED,mBAAmB;QACjB,OAAO,IAAI,CAAC,IAAI,CACd,aAAa,6BAAM,CAAC,kBAAkB,CAAC,eAAe,6BAAe,CAAC,iBAAiB,CAAC,OAAO,6BAAe,CAAC,OAAO,OAAO,6BAAM,CAAC,kBAAkB,CAAC,EAAE,CAC1J,CAAC;IACJ,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACzD,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC;IACrD,CAAC;IAED,qBAAqB;QACnB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAY,CAAC,WAAW,CAAC,CAAC;IACxD,CAAC;;AAlCH,2CAmCC;AAlCQ,qCAAY,GAAG,6BAAM,CAAC,IAAI,CAAC"}
|
|
@@ -6,4 +6,6 @@ export default class ExpandableSectionWrapper extends ComponentWrapper {
|
|
|
6
6
|
findExpandButton(): ElementWrapper;
|
|
7
7
|
findExpandedContent(): ElementWrapper;
|
|
8
8
|
findExpandIcon(): ElementWrapper;
|
|
9
|
+
findHeaderText(): ElementWrapper;
|
|
10
|
+
findHeaderDescription(): ElementWrapper;
|
|
9
11
|
}
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
5
5
|
const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
|
|
6
6
|
const styles_selectors_js_1 = require("../../../expandable-section/styles.selectors.js");
|
|
7
7
|
const styles_selectors_js_2 = require("../../../container/styles.selectors.js");
|
|
8
|
+
const styles_selectors_js_3 = require("../../../header/styles.selectors.js");
|
|
8
9
|
class ExpandableSectionWrapper extends selectors_1.ComponentWrapper {
|
|
9
10
|
findHeader() {
|
|
10
11
|
return this.findByClassName(styles_selectors_js_1.default.header);
|
|
@@ -24,6 +25,12 @@ class ExpandableSectionWrapper extends selectors_1.ComponentWrapper {
|
|
|
24
25
|
findExpandIcon() {
|
|
25
26
|
return this.findByClassName(styles_selectors_js_1.default['icon-container']);
|
|
26
27
|
}
|
|
28
|
+
findHeaderText() {
|
|
29
|
+
return this.findByClassName(styles_selectors_js_1.default['header-text']);
|
|
30
|
+
}
|
|
31
|
+
findHeaderDescription() {
|
|
32
|
+
return this.findByClassName(styles_selectors_js_3.default.description);
|
|
33
|
+
}
|
|
27
34
|
}
|
|
28
35
|
exports.default = ExpandableSectionWrapper;
|
|
29
36
|
ExpandableSectionWrapper.rootSelector = styles_selectors_js_1.default.root;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/expandable-section/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,yFAAqE;AACrE,gFAAqE;AACrE,MAAqB,wBAAyB,SAAQ,4BAAgB;IAEpE,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAE,CAAC;IAC9C,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,OAAO,CAAE,CAAC;IAC/C,CAAC;IAED;;OAEG;IACH,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAE,CAAC;IACxD,CAAC;IACD,mBAAmB;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,kBAAkB,CAAC,eAAe,6BAAe,CAAC,iBAAiB,CAAC,OAAO,6BAAe,CAAC,OAAO,OAAO,6BAAM,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;IAC9K,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACzD,CAAC;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/expandable-section/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,yFAAqE;AACrE,gFAAqE;AACrE,6EAA+D;AAC/D,MAAqB,wBAAyB,SAAQ,4BAAgB;IAEpE,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAE,CAAC;IAC9C,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,OAAO,CAAE,CAAC;IAC/C,CAAC;IAED;;OAEG;IACH,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAE,CAAC;IACxD,CAAC;IACD,mBAAmB;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,kBAAkB,CAAC,eAAe,6BAAe,CAAC,iBAAiB,CAAC,OAAO,6BAAe,CAAC,OAAO,OAAO,6BAAM,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;IAC9K,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACzD,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC;IACrD,CAAC;IACD,qBAAqB;QACnB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAY,CAAC,WAAW,CAAC,CAAC;IACxD,CAAC;;AA1BH,2CA2BC;AA1BQ,qCAAY,GAAG,6BAAM,CAAC,IAAI,CAAC"}
|