@cloudscape-design/components-themeable 3.0.1222 → 3.0.1224
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/internal/styles/typography/mixins.scss +1 -0
- package/lib/internal/scss/prompt-input/styles.scss +1 -0
- package/lib/internal/scss/table/styles.scss +1 -3
- package/lib/internal/template/app-layout/interfaces.d.ts +1 -1
- package/lib/internal/template/app-layout/interfaces.js.map +1 -1
- package/lib/internal/template/box/styles.css.js +192 -192
- package/lib/internal/template/box/styles.scoped.css +239 -237
- package/lib/internal/template/box/styles.selectors.js +192 -192
- package/lib/internal/template/help-panel/styles.css.js +6 -6
- package/lib/internal/template/help-panel/styles.scoped.css +68 -67
- package/lib/internal/template/help-panel/styles.selectors.js +6 -6
- package/lib/internal/template/internal/base-component/styles.scoped.css +2 -1
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/generated/styles/tokens.d.ts +1 -0
- package/lib/internal/template/internal/generated/styles/tokens.js +1 -0
- package/lib/internal/template/internal/generated/theming/index.cjs +13 -0
- package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +45 -0
- package/lib/internal/template/internal/generated/theming/index.d.ts +45 -0
- package/lib/internal/template/internal/generated/theming/index.js +13 -0
- package/lib/internal/template/link/interfaces.d.ts +6 -6
- package/lib/internal/template/link/interfaces.js.map +1 -1
- package/lib/internal/template/link/styles.css.js +20 -20
- package/lib/internal/template/link/styles.scoped.css +72 -71
- package/lib/internal/template/link/styles.selectors.js +20 -20
- package/lib/internal/template/popover/styles.css.js +57 -57
- package/lib/internal/template/popover/styles.scoped.css +91 -89
- package/lib/internal/template/popover/styles.selectors.js +57 -57
- package/lib/internal/template/prompt-input/styles.css.js +17 -17
- package/lib/internal/template/prompt-input/styles.scoped.css +40 -39
- package/lib/internal/template/prompt-input/styles.selectors.js +17 -17
- package/lib/internal/template/table/styles.css.js +34 -34
- package/lib/internal/template/table/styles.scoped.css +42 -44
- package/lib/internal/template/table/styles.selectors.js +34 -34
- package/lib/internal/template/text-content/styles.css.js +1 -1
- package/lib/internal/template/text-content/styles.scoped.css +61 -60
- package/lib/internal/template/text-content/styles.selectors.js +1 -1
- package/package.json +1 -1
|
@@ -150,11 +150,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
150
150
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
151
151
|
SPDX-License-Identifier: Apache-2.0
|
|
152
152
|
*/
|
|
153
|
-
.
|
|
153
|
+
.awsui_arrow_xjuzf_z6b58_153:not(#\9) {
|
|
154
154
|
inline-size: 20px;
|
|
155
155
|
block-size: 10px;
|
|
156
156
|
}
|
|
157
|
-
.awsui_arrow-
|
|
157
|
+
.awsui_arrow-outer_xjuzf_z6b58_157:not(#\9), .awsui_arrow-inner_xjuzf_z6b58_157:not(#\9) {
|
|
158
158
|
position: absolute;
|
|
159
159
|
overflow: hidden;
|
|
160
160
|
inline-size: 20px;
|
|
@@ -163,7 +163,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
163
163
|
inset-inline-start: 0;
|
|
164
164
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
165
165
|
}
|
|
166
|
-
.awsui_arrow-
|
|
166
|
+
.awsui_arrow-outer_xjuzf_z6b58_157:not(#\9)::after, .awsui_arrow-inner_xjuzf_z6b58_157:not(#\9)::after {
|
|
167
167
|
content: "";
|
|
168
168
|
box-sizing: border-box;
|
|
169
169
|
display: inline-block;
|
|
@@ -179,40 +179,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
179
179
|
transform: rotate(45deg);
|
|
180
180
|
transform-origin: 0 100%;
|
|
181
181
|
}
|
|
182
|
-
.awsui_arrow-
|
|
182
|
+
.awsui_arrow-outer_xjuzf_z6b58_157:not(#\9):dir(rtl)::after, .awsui_arrow-inner_xjuzf_z6b58_157:not(#\9):dir(rtl)::after {
|
|
183
183
|
transform: rotate(-45deg);
|
|
184
184
|
transform-origin: 100% 100%;
|
|
185
185
|
}
|
|
186
|
-
.awsui_arrow-
|
|
186
|
+
.awsui_arrow-outer_xjuzf_z6b58_157:not(#\9)::after {
|
|
187
187
|
background-color: var(--color-border-popover-gogt7e, #d5dbdb);
|
|
188
188
|
}
|
|
189
|
-
.awsui_arrow-
|
|
189
|
+
.awsui_arrow-inner_xjuzf_z6b58_157:not(#\9) {
|
|
190
190
|
inset-block-start: calc(var(--border-width-popover-dgqo1x, 1px) + 1px);
|
|
191
191
|
}
|
|
192
|
-
.awsui_arrow-
|
|
192
|
+
.awsui_arrow-inner_xjuzf_z6b58_157:not(#\9)::after {
|
|
193
193
|
border-start-start-radius: 1px;
|
|
194
194
|
border-start-end-radius: 0;
|
|
195
195
|
border-end-start-radius: 0;
|
|
196
196
|
border-end-end-radius: 0;
|
|
197
197
|
background-color: var(--color-background-popover-8fgrfw, #ffffff);
|
|
198
198
|
}
|
|
199
|
-
.awsui_arrow-position-right-
|
|
199
|
+
.awsui_arrow-position-right-top_xjuzf_z6b58_199 > .awsui_arrow-outer_xjuzf_z6b58_157:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_z6b58_199 > .awsui_arrow-outer_xjuzf_z6b58_157:not(#\9)::after {
|
|
200
200
|
box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
|
|
201
201
|
}
|
|
202
|
-
.awsui_arrow-position-left-
|
|
202
|
+
.awsui_arrow-position-left-top_xjuzf_z6b58_202 > .awsui_arrow-outer_xjuzf_z6b58_157:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_z6b58_202 > .awsui_arrow-outer_xjuzf_z6b58_157:not(#\9)::after {
|
|
203
203
|
box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
|
|
204
204
|
}
|
|
205
|
-
.awsui_arrow-position-top-
|
|
205
|
+
.awsui_arrow-position-top-center_xjuzf_z6b58_205 > .awsui_arrow-outer_xjuzf_z6b58_157:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_z6b58_205 > .awsui_arrow-outer_xjuzf_z6b58_157:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_z6b58_205 > .awsui_arrow-outer_xjuzf_z6b58_157:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_z6b58_205 > .awsui_arrow-outer_xjuzf_z6b58_157:not(#\9)::after {
|
|
206
206
|
box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
|
|
207
207
|
}
|
|
208
|
-
.awsui_arrow-position-bottom-
|
|
208
|
+
.awsui_arrow-position-bottom-center_xjuzf_z6b58_208 > .awsui_arrow-outer_xjuzf_z6b58_157:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_z6b58_208 > .awsui_arrow-outer_xjuzf_z6b58_157:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_z6b58_208 > .awsui_arrow-outer_xjuzf_z6b58_157:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_z6b58_208 > .awsui_arrow-outer_xjuzf_z6b58_157:not(#\9)::after {
|
|
209
209
|
box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
|
|
210
210
|
}
|
|
211
211
|
|
|
212
|
-
.awsui_arrow-variant-
|
|
212
|
+
.awsui_arrow-variant-info_xjuzf_z6b58_212 > .awsui_arrow-outer_xjuzf_z6b58_157:not(#\9)::after {
|
|
213
213
|
background-color: var(--color-border-status-info-kp0iif, #0073bb);
|
|
214
214
|
}
|
|
215
|
-
.awsui_arrow-variant-
|
|
215
|
+
.awsui_arrow-variant-info_xjuzf_z6b58_212 > .awsui_arrow-inner_xjuzf_z6b58_157:not(#\9)::after {
|
|
216
216
|
background-color: var(--color-background-status-info-nzp1n3, #f1faff);
|
|
217
217
|
}
|
|
218
218
|
|
|
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
224
224
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
225
225
|
SPDX-License-Identifier: Apache-2.0
|
|
226
226
|
*/
|
|
227
|
-
.
|
|
227
|
+
.awsui_body_xjuzf_z6b58_227:not(#\9) {
|
|
228
228
|
border-collapse: separate;
|
|
229
229
|
border-spacing: 0;
|
|
230
230
|
box-sizing: border-box;
|
|
@@ -260,20 +260,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
260
260
|
padding-block: var(--space-s-4a5hs8, 12px);
|
|
261
261
|
padding-inline: var(--space-m-n2lypl, 16px);
|
|
262
262
|
}
|
|
263
|
-
.awsui_body-overflow-
|
|
263
|
+
.awsui_body-overflow-visible_xjuzf_z6b58_263:not(#\9) {
|
|
264
264
|
overflow: visible;
|
|
265
265
|
}
|
|
266
|
-
.awsui_body-variant-
|
|
266
|
+
.awsui_body-variant-chart_xjuzf_z6b58_266:not(#\9) {
|
|
267
267
|
padding-block: var(--space-static-s-8me5rn, 12px);
|
|
268
268
|
padding-inline: var(--space-static-s-8me5rn, 12px);
|
|
269
269
|
}
|
|
270
270
|
|
|
271
|
-
.awsui_has-
|
|
271
|
+
.awsui_has-dismiss_xjuzf_z6b58_271:not(#\9) {
|
|
272
272
|
display: flex;
|
|
273
273
|
align-items: baseline;
|
|
274
274
|
}
|
|
275
275
|
|
|
276
|
-
.
|
|
276
|
+
.awsui_dismiss_xjuzf_z6b58_276:not(#\9) {
|
|
277
277
|
margin-block: calc(-1 * var(--space-xs-kw7k3v, 8px));
|
|
278
278
|
margin-inline-start: 0;
|
|
279
279
|
margin-inline-end: calc(-1 * (var(--space-xxs-jnczic, 4px) + var(--border-width-popover-dgqo1x, 1px)));
|
|
@@ -281,38 +281,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
281
281
|
order: 1;
|
|
282
282
|
}
|
|
283
283
|
|
|
284
|
-
.awsui_dismiss-
|
|
284
|
+
.awsui_dismiss-control_xjuzf_z6b58_284:not(#\9) {
|
|
285
285
|
/* used in test-utils */
|
|
286
286
|
}
|
|
287
287
|
|
|
288
|
-
.awsui_header-
|
|
288
|
+
.awsui_header-row_xjuzf_z6b58_288:not(#\9) {
|
|
289
289
|
margin-block-end: var(--space-xs-kw7k3v, 8px);
|
|
290
290
|
}
|
|
291
291
|
|
|
292
|
-
.
|
|
292
|
+
.awsui_header_xjuzf_z6b58_288:not(#\9) {
|
|
293
293
|
word-wrap: break-word;
|
|
294
294
|
max-inline-size: 100%;
|
|
295
295
|
overflow: hidden;
|
|
296
296
|
font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
297
297
|
font-size: var(--font-size-heading-xs-c20ika, 16px);
|
|
298
298
|
line-height: var(--line-height-heading-xs-fuzanp, 20px);
|
|
299
|
+
letter-spacing: var(--letter-spacing-heading-xs-tefhgo, normal);
|
|
299
300
|
font-weight: var(--font-weight-heading-xs-79d2p7, 400);
|
|
300
301
|
-webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
|
|
301
302
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
|
|
302
303
|
flex: 1 1 auto;
|
|
303
304
|
/* stylelint-disable-next-line selector-max-type */
|
|
304
305
|
}
|
|
305
|
-
.
|
|
306
|
+
.awsui_header_xjuzf_z6b58_288 > h2:not(#\9) {
|
|
306
307
|
font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
307
308
|
font-size: var(--font-size-heading-xs-c20ika, 16px);
|
|
308
309
|
line-height: var(--line-height-heading-xs-fuzanp, 20px);
|
|
310
|
+
letter-spacing: var(--letter-spacing-heading-xs-tefhgo, normal);
|
|
309
311
|
font-weight: var(--font-weight-heading-xs-79d2p7, 400);
|
|
310
312
|
-webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
|
|
311
313
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
|
|
312
314
|
display: inline;
|
|
313
315
|
}
|
|
314
316
|
|
|
315
|
-
.
|
|
317
|
+
.awsui_content_xjuzf_z6b58_317:not(#\9) {
|
|
316
318
|
word-wrap: break-word;
|
|
317
319
|
max-inline-size: 100%;
|
|
318
320
|
overflow: hidden;
|
|
@@ -321,7 +323,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
321
323
|
flex: 1 1 auto;
|
|
322
324
|
min-inline-size: 0;
|
|
323
325
|
}
|
|
324
|
-
.awsui_content-overflow-
|
|
326
|
+
.awsui_content-overflow-visible_xjuzf_z6b58_326:not(#\9) {
|
|
325
327
|
overflow: visible;
|
|
326
328
|
}
|
|
327
329
|
|
|
@@ -333,39 +335,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
333
335
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
334
336
|
SPDX-License-Identifier: Apache-2.0
|
|
335
337
|
*/
|
|
336
|
-
.
|
|
338
|
+
.awsui_container_xjuzf_z6b58_338:not(#\9) {
|
|
337
339
|
display: inline-block;
|
|
338
340
|
position: fixed;
|
|
339
341
|
inset-block-start: -9999px;
|
|
340
342
|
inset-inline-start: -9999px;
|
|
341
343
|
z-index: 2000;
|
|
342
344
|
}
|
|
343
|
-
.
|
|
345
|
+
.awsui_container_xjuzf_z6b58_338:not(#\9)::before {
|
|
344
346
|
content: "";
|
|
345
347
|
position: absolute;
|
|
346
348
|
}
|
|
347
|
-
.
|
|
349
|
+
.awsui_container_xjuzf_z6b58_338:not(#\9):has(.awsui_container-arrow-position-bottom-left_xjuzf_z6b58_349)::before, .awsui_container_xjuzf_z6b58_338:not(#\9):has(.awsui_container-arrow-position-bottom-center_xjuzf_z6b58_349)::before, .awsui_container_xjuzf_z6b58_338:not(#\9):has(.awsui_container-arrow-position-bottom-right_xjuzf_z6b58_349)::before {
|
|
348
350
|
inset-inline: 0;
|
|
349
351
|
inset-block-start: -10px;
|
|
350
352
|
block-size: 10px;
|
|
351
353
|
}
|
|
352
|
-
.
|
|
354
|
+
.awsui_container_xjuzf_z6b58_338:not(#\9):has(.awsui_container-arrow-position-top-left_xjuzf_z6b58_354)::before, .awsui_container_xjuzf_z6b58_338:not(#\9):has(.awsui_container-arrow-position-top-center_xjuzf_z6b58_354)::before, .awsui_container_xjuzf_z6b58_338:not(#\9):has(.awsui_container-arrow-position-top-right_xjuzf_z6b58_354)::before {
|
|
353
355
|
inset-inline: 0;
|
|
354
356
|
inset-block-end: -10px;
|
|
355
357
|
block-size: 10px;
|
|
356
358
|
}
|
|
357
|
-
.
|
|
359
|
+
.awsui_container_xjuzf_z6b58_338:not(#\9):has(.awsui_container-arrow-position-right-top_xjuzf_z6b58_359)::before, .awsui_container_xjuzf_z6b58_338:not(#\9):has(.awsui_container-arrow-position-right-bottom_xjuzf_z6b58_359)::before {
|
|
358
360
|
inset-block: 0;
|
|
359
361
|
inset-inline-start: -10px;
|
|
360
362
|
inline-size: 10px;
|
|
361
363
|
}
|
|
362
|
-
.
|
|
364
|
+
.awsui_container_xjuzf_z6b58_338:not(#\9):has(.awsui_container-arrow-position-left-top_xjuzf_z6b58_364)::before, .awsui_container_xjuzf_z6b58_338:not(#\9):has(.awsui_container-arrow-position-left-bottom_xjuzf_z6b58_364)::before {
|
|
363
365
|
inset-block: 0;
|
|
364
366
|
inset-inline-end: -10px;
|
|
365
367
|
inline-size: 10px;
|
|
366
368
|
}
|
|
367
369
|
|
|
368
|
-
.awsui_container-
|
|
370
|
+
.awsui_container-body_xjuzf_z6b58_370:not(#\9) {
|
|
369
371
|
border-collapse: separate;
|
|
370
372
|
border-spacing: 0;
|
|
371
373
|
box-sizing: border-box;
|
|
@@ -405,100 +407,100 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
405
407
|
border-inline: var(--border-width-popover-dgqo1x, 1px) solid var(--color-border-popover-gogt7e, #d5dbdb);
|
|
406
408
|
}
|
|
407
409
|
|
|
408
|
-
.awsui_container-body-variant-
|
|
410
|
+
.awsui_container-body-variant-annotation_xjuzf_z6b58_410:not(#\9) {
|
|
409
411
|
background-color: var(--color-background-status-info-nzp1n3, #f1faff);
|
|
410
412
|
border-color: var(--color-border-status-info-kp0iif, #0073bb);
|
|
411
413
|
}
|
|
412
414
|
|
|
413
|
-
.awsui_container-body-size-
|
|
415
|
+
.awsui_container-body-size-small_xjuzf_z6b58_415:not(#\9) {
|
|
414
416
|
max-inline-size: 210px;
|
|
415
417
|
}
|
|
416
|
-
.awsui_container-body-size-
|
|
418
|
+
.awsui_container-body-size-small_xjuzf_z6b58_415.awsui_fixed-width_xjuzf_z6b58_418:not(#\9) {
|
|
417
419
|
inline-size: 210px;
|
|
418
420
|
}
|
|
419
421
|
|
|
420
|
-
.awsui_container-body-size-
|
|
422
|
+
.awsui_container-body-size-medium_xjuzf_z6b58_422:not(#\9) {
|
|
421
423
|
max-inline-size: 310px;
|
|
422
424
|
}
|
|
423
|
-
.awsui_container-body-size-
|
|
425
|
+
.awsui_container-body-size-medium_xjuzf_z6b58_422.awsui_fixed-width_xjuzf_z6b58_418:not(#\9) {
|
|
424
426
|
inline-size: 310px;
|
|
425
427
|
}
|
|
426
428
|
|
|
427
|
-
.awsui_container-body-size-
|
|
429
|
+
.awsui_container-body-size-large_xjuzf_z6b58_429:not(#\9) {
|
|
428
430
|
max-inline-size: 482px;
|
|
429
431
|
}
|
|
430
432
|
@media (max-width: 482px) {
|
|
431
|
-
.awsui_container-body-size-
|
|
433
|
+
.awsui_container-body-size-large_xjuzf_z6b58_429:not(#\9) {
|
|
432
434
|
max-inline-size: 310px;
|
|
433
435
|
}
|
|
434
436
|
}
|
|
435
|
-
.awsui_container-body-size-
|
|
437
|
+
.awsui_container-body-size-large_xjuzf_z6b58_429.awsui_fixed-width_xjuzf_z6b58_418:not(#\9) {
|
|
436
438
|
inline-size: 482px;
|
|
437
439
|
}
|
|
438
440
|
|
|
439
|
-
.awsui_container-
|
|
441
|
+
.awsui_container-arrow_xjuzf_z6b58_349:not(#\9) {
|
|
440
442
|
position: absolute;
|
|
441
443
|
display: inline-block;
|
|
442
444
|
}
|
|
443
|
-
.awsui_container-arrow-position-right-
|
|
445
|
+
.awsui_container-arrow-position-right-top_xjuzf_z6b58_359:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_z6b58_359:not(#\9) {
|
|
444
446
|
transform: rotate(-90deg);
|
|
445
447
|
transform-origin: 0 100%;
|
|
446
448
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
447
449
|
}
|
|
448
|
-
.awsui_container-arrow-position-right-
|
|
450
|
+
.awsui_container-arrow-position-right-top_xjuzf_z6b58_359:not(#\9):dir(rtl), .awsui_container-arrow-position-right-bottom_xjuzf_z6b58_359:not(#\9):dir(rtl) {
|
|
449
451
|
transform: rotate(90deg);
|
|
450
452
|
transform-origin: 100% 100%;
|
|
451
453
|
}
|
|
452
|
-
.awsui_container-arrow-position-right-
|
|
454
|
+
.awsui_container-arrow-position-right-top_xjuzf_z6b58_359:not(#\9) {
|
|
453
455
|
inset-block-start: calc(12px + 10px);
|
|
454
456
|
inset-inline-start: 0;
|
|
455
457
|
}
|
|
456
|
-
.awsui_container-arrow-position-right-
|
|
458
|
+
.awsui_container-arrow-position-right-bottom_xjuzf_z6b58_359:not(#\9) {
|
|
457
459
|
inset-block-end: 12px;
|
|
458
460
|
inset-inline-start: 0;
|
|
459
461
|
}
|
|
460
|
-
.awsui_container-arrow-position-left-
|
|
462
|
+
.awsui_container-arrow-position-left-top_xjuzf_z6b58_364:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_z6b58_364:not(#\9) {
|
|
461
463
|
transform: rotate(90deg);
|
|
462
464
|
transform-origin: 100% 100%;
|
|
463
465
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
464
466
|
}
|
|
465
|
-
.awsui_container-arrow-position-left-
|
|
467
|
+
.awsui_container-arrow-position-left-top_xjuzf_z6b58_364:not(#\9):dir(rtl), .awsui_container-arrow-position-left-bottom_xjuzf_z6b58_364:not(#\9):dir(rtl) {
|
|
466
468
|
transform: rotate(-90deg);
|
|
467
469
|
transform-origin: 0% 100%;
|
|
468
470
|
}
|
|
469
|
-
.awsui_container-arrow-position-left-
|
|
471
|
+
.awsui_container-arrow-position-left-top_xjuzf_z6b58_364:not(#\9) {
|
|
470
472
|
inset-block-start: calc(12px + 10px);
|
|
471
473
|
inset-inline-end: 0;
|
|
472
474
|
}
|
|
473
|
-
.awsui_container-arrow-position-left-
|
|
475
|
+
.awsui_container-arrow-position-left-bottom_xjuzf_z6b58_364:not(#\9) {
|
|
474
476
|
inset-block-end: 12px;
|
|
475
477
|
inset-inline-end: 0;
|
|
476
478
|
}
|
|
477
|
-
.awsui_container-arrow-position-top-
|
|
479
|
+
.awsui_container-arrow-position-top-center_xjuzf_z6b58_354:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_z6b58_354:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_z6b58_354:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_z6b58_479:not(#\9) {
|
|
478
480
|
transform: rotate(180deg);
|
|
479
481
|
transform-origin: 50% 50%;
|
|
480
482
|
}
|
|
481
|
-
.awsui_container-arrow-position-top-
|
|
483
|
+
.awsui_container-arrow-position-top-center_xjuzf_z6b58_354:not(#\9) {
|
|
482
484
|
inset-block-end: -10px;
|
|
483
485
|
inset-inline-start: calc(50% - 10px);
|
|
484
486
|
}
|
|
485
|
-
.awsui_container-arrow-position-top-
|
|
487
|
+
.awsui_container-arrow-position-top-right_xjuzf_z6b58_354:not(#\9) {
|
|
486
488
|
inset-block-end: -10px;
|
|
487
489
|
inset-inline-start: 12px;
|
|
488
490
|
}
|
|
489
|
-
.awsui_container-arrow-position-top-
|
|
491
|
+
.awsui_container-arrow-position-top-left_xjuzf_z6b58_354:not(#\9) {
|
|
490
492
|
inset-block-end: -10px;
|
|
491
493
|
inset-inline-start: calc(100% - 20px - 12px);
|
|
492
494
|
}
|
|
493
|
-
.awsui_container-arrow-position-bottom-
|
|
495
|
+
.awsui_container-arrow-position-bottom-center_xjuzf_z6b58_349:not(#\9) {
|
|
494
496
|
inset-block-start: -10px;
|
|
495
497
|
inset-inline-start: calc(50% - 10px);
|
|
496
498
|
}
|
|
497
|
-
.awsui_container-arrow-position-bottom-
|
|
499
|
+
.awsui_container-arrow-position-bottom-right_xjuzf_z6b58_349:not(#\9) {
|
|
498
500
|
inset-block-start: -10px;
|
|
499
501
|
inset-inline-start: 12px;
|
|
500
502
|
}
|
|
501
|
-
.awsui_container-arrow-position-bottom-
|
|
503
|
+
.awsui_container-arrow-position-bottom-left_xjuzf_z6b58_349:not(#\9) {
|
|
502
504
|
inset-block-start: -10px;
|
|
503
505
|
inset-inline-start: calc(100% - 20px - 12px);
|
|
504
506
|
}
|
|
@@ -511,10 +513,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
511
513
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
512
514
|
SPDX-License-Identifier: Apache-2.0
|
|
513
515
|
*/
|
|
514
|
-
.
|
|
515
|
-
animation: awsui_awsui-motion-fade-
|
|
516
|
+
.awsui_container_xjuzf_z6b58_338:not(#\9) {
|
|
517
|
+
animation: awsui_awsui-motion-fade-in_xjuzf_z6b58_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
|
|
516
518
|
}
|
|
517
|
-
@keyframes awsui_awsui-motion-fade-
|
|
519
|
+
@keyframes awsui_awsui-motion-fade-in_xjuzf_z6b58_1 {
|
|
518
520
|
from {
|
|
519
521
|
opacity: 0.2;
|
|
520
522
|
}
|
|
@@ -523,19 +525,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
523
525
|
}
|
|
524
526
|
}
|
|
525
527
|
@media (prefers-reduced-motion: reduce) {
|
|
526
|
-
.
|
|
528
|
+
.awsui_container_xjuzf_z6b58_338:not(#\9) {
|
|
527
529
|
animation: none;
|
|
528
530
|
transition: none;
|
|
529
531
|
}
|
|
530
532
|
}
|
|
531
|
-
.awsui-motion-disabled .
|
|
533
|
+
.awsui-motion-disabled .awsui_container_xjuzf_z6b58_338:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_z6b58_338:not(#\9) {
|
|
532
534
|
animation: none;
|
|
533
535
|
transition: none;
|
|
534
536
|
}
|
|
535
|
-
.
|
|
536
|
-
animation: awsui_awsui-motion-fade-
|
|
537
|
+
.awsui_container_xjuzf_z6b58_338.awsui_refresh_xjuzf_z6b58_537:not(#\9) {
|
|
538
|
+
animation: awsui_awsui-motion-fade-in_xjuzf_z6b58_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
|
|
537
539
|
}
|
|
538
|
-
@keyframes awsui_awsui-motion-fade-
|
|
540
|
+
@keyframes awsui_awsui-motion-fade-in_xjuzf_z6b58_1 {
|
|
539
541
|
from {
|
|
540
542
|
opacity: 0.2;
|
|
541
543
|
}
|
|
@@ -544,17 +546,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
544
546
|
}
|
|
545
547
|
}
|
|
546
548
|
@media (prefers-reduced-motion: reduce) {
|
|
547
|
-
.
|
|
549
|
+
.awsui_container_xjuzf_z6b58_338.awsui_refresh_xjuzf_z6b58_537:not(#\9) {
|
|
548
550
|
animation: none;
|
|
549
551
|
transition: none;
|
|
550
552
|
}
|
|
551
553
|
}
|
|
552
|
-
.awsui-motion-disabled .
|
|
554
|
+
.awsui-motion-disabled .awsui_container_xjuzf_z6b58_338.awsui_refresh_xjuzf_z6b58_537:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_z6b58_338.awsui_refresh_xjuzf_z6b58_537:not(#\9) {
|
|
553
555
|
animation: none;
|
|
554
556
|
transition: none;
|
|
555
557
|
}
|
|
556
558
|
|
|
557
|
-
.
|
|
559
|
+
.awsui_root_xjuzf_z6b58_559:not(#\9) {
|
|
558
560
|
border-collapse: separate;
|
|
559
561
|
border-spacing: 0;
|
|
560
562
|
box-sizing: border-box;
|
|
@@ -586,17 +588,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
586
588
|
-moz-osx-font-smoothing: auto;
|
|
587
589
|
color: inherit;
|
|
588
590
|
}
|
|
589
|
-
.
|
|
591
|
+
.awsui_root_xjuzf_z6b58_559.awsui_no-wrap_xjuzf_z6b58_591:not(#\9) {
|
|
590
592
|
white-space: nowrap;
|
|
591
593
|
}
|
|
592
|
-
body[data-awsui-focus-visible=true] .
|
|
594
|
+
body[data-awsui-focus-visible=true] .awsui_root_xjuzf_z6b58_559:not(#\9):has(.awsui_trigger-type-text-inline_xjuzf_z6b58_594.awsui_overflow-ellipsis_xjuzf_z6b58_594:focus, .awsui_trigger-type-text_xjuzf_z6b58_594.awsui_overflow-ellipsis_xjuzf_z6b58_594:focus) {
|
|
593
595
|
position: relative;
|
|
594
596
|
}
|
|
595
|
-
body[data-awsui-focus-visible=true] .
|
|
597
|
+
body[data-awsui-focus-visible=true] .awsui_root_xjuzf_z6b58_559:not(#\9):has(.awsui_trigger-type-text-inline_xjuzf_z6b58_594.awsui_overflow-ellipsis_xjuzf_z6b58_594:focus, .awsui_trigger-type-text_xjuzf_z6b58_594.awsui_overflow-ellipsis_xjuzf_z6b58_594:focus) {
|
|
596
598
|
outline: 2px dotted transparent;
|
|
597
599
|
outline-offset: calc(1px - 1px);
|
|
598
600
|
}
|
|
599
|
-
body[data-awsui-focus-visible=true] .
|
|
601
|
+
body[data-awsui-focus-visible=true] .awsui_root_xjuzf_z6b58_559:not(#\9):has(.awsui_trigger-type-text-inline_xjuzf_z6b58_594.awsui_overflow-ellipsis_xjuzf_z6b58_594:focus, .awsui_trigger-type-text_xjuzf_z6b58_594.awsui_overflow-ellipsis_xjuzf_z6b58_594:focus)::before {
|
|
600
602
|
content: " ";
|
|
601
603
|
display: block;
|
|
602
604
|
position: absolute;
|
|
@@ -611,18 +613,18 @@ body[data-awsui-focus-visible=true] .awsui_root_xjuzf_jr3op_557:not(#\9):has(.aw
|
|
|
611
613
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
612
614
|
}
|
|
613
615
|
|
|
614
|
-
.awsui_root-filtering-
|
|
616
|
+
.awsui_root-filtering-token_xjuzf_z6b58_616:not(#\9) {
|
|
615
617
|
display: flex;
|
|
616
618
|
}
|
|
617
619
|
|
|
618
|
-
.
|
|
620
|
+
.awsui_trigger_xjuzf_z6b58_594:not(#\9) {
|
|
619
621
|
display: inline-block;
|
|
620
622
|
max-inline-size: 100%;
|
|
621
623
|
color: inherit;
|
|
622
624
|
text-align: inherit;
|
|
623
625
|
}
|
|
624
626
|
|
|
625
|
-
.awsui_overflow-
|
|
627
|
+
.awsui_overflow-ellipsis_xjuzf_z6b58_594:not(#\9) {
|
|
626
628
|
white-space: nowrap;
|
|
627
629
|
overflow: hidden;
|
|
628
630
|
text-overflow: ellipsis;
|
|
@@ -630,7 +632,7 @@ body[data-awsui-focus-visible=true] .awsui_root_xjuzf_jr3op_557:not(#\9):has(.aw
|
|
|
630
632
|
word-break: break-word;
|
|
631
633
|
}
|
|
632
634
|
|
|
633
|
-
.awsui_trigger-type-text-
|
|
635
|
+
.awsui_trigger-type-text-inline_xjuzf_z6b58_594:not(#\9) {
|
|
634
636
|
font-size: var(--font-size-body-m-vv54cm, 14px);
|
|
635
637
|
line-height: var(--line-height-body-m-bedeoh, 22px);
|
|
636
638
|
color: var(--color-text-body-default-5qid0u, #16191f);
|
|
@@ -648,20 +650,20 @@ body[data-awsui-focus-visible=true] .awsui_root_xjuzf_jr3op_557:not(#\9):has(.aw
|
|
|
648
650
|
text-decoration-thickness: var(--border-divider-list-width-8ggz94, 1px);
|
|
649
651
|
text-underline-offset: 0.25em;
|
|
650
652
|
}
|
|
651
|
-
.awsui_trigger-type-text-
|
|
653
|
+
.awsui_trigger-type-text-inline_xjuzf_z6b58_594.awsui_overflow-ellipsis_xjuzf_z6b58_594:not(#\9) {
|
|
652
654
|
/*
|
|
653
655
|
This style needs because of the overflow: hidden would otherwise conceal the underline styles.
|
|
654
656
|
*/
|
|
655
657
|
padding-block-end: calc(0.25em + var(--border-divider-list-width-8ggz94, 1px));
|
|
656
658
|
}
|
|
657
659
|
|
|
658
|
-
.awsui_trigger-type-
|
|
660
|
+
.awsui_trigger-type-text_xjuzf_z6b58_594:not(#\9) {
|
|
659
661
|
border-block: 0;
|
|
660
662
|
border-block-end: var(--border-divider-list-width-8ggz94, 1px) dashed currentColor;
|
|
661
663
|
}
|
|
662
664
|
|
|
663
|
-
.awsui_trigger-type-text-
|
|
664
|
-
.awsui_trigger-type-
|
|
665
|
+
.awsui_trigger-type-text-inline_xjuzf_z6b58_594:not(#\9),
|
|
666
|
+
.awsui_trigger-type-text_xjuzf_z6b58_594:not(#\9) {
|
|
665
667
|
border-inline: 0;
|
|
666
668
|
margin-block: 0;
|
|
667
669
|
margin-inline: 0;
|
|
@@ -670,21 +672,21 @@ body[data-awsui-focus-visible=true] .awsui_root_xjuzf_jr3op_557:not(#\9):has(.aw
|
|
|
670
672
|
background-color: transparent;
|
|
671
673
|
cursor: pointer;
|
|
672
674
|
}
|
|
673
|
-
.awsui_trigger-type-text-
|
|
674
|
-
.awsui_trigger-type-
|
|
675
|
+
.awsui_trigger-type-text-inline_xjuzf_z6b58_594:not(#\9):focus,
|
|
676
|
+
.awsui_trigger-type-text_xjuzf_z6b58_594:not(#\9):focus {
|
|
675
677
|
outline: none;
|
|
676
678
|
}
|
|
677
|
-
body[data-awsui-focus-visible=true] .awsui_trigger-type-text-
|
|
678
|
-
body[data-awsui-focus-visible=true] .awsui_trigger-type-
|
|
679
|
+
body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_z6b58_594:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_z6b58_594):focus,
|
|
680
|
+
body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_z6b58_594:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_z6b58_594):focus {
|
|
679
681
|
position: relative;
|
|
680
682
|
}
|
|
681
|
-
body[data-awsui-focus-visible=true] .awsui_trigger-type-text-
|
|
682
|
-
body[data-awsui-focus-visible=true] .awsui_trigger-type-
|
|
683
|
+
body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_z6b58_594:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_z6b58_594):focus,
|
|
684
|
+
body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_z6b58_594:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_z6b58_594):focus {
|
|
683
685
|
outline: 2px dotted transparent;
|
|
684
686
|
outline-offset: calc(1px - 1px);
|
|
685
687
|
}
|
|
686
|
-
body[data-awsui-focus-visible=true] .awsui_trigger-type-text-
|
|
687
|
-
body[data-awsui-focus-visible=true] .awsui_trigger-type-
|
|
688
|
+
body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_z6b58_594:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_z6b58_594):focus::before,
|
|
689
|
+
body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_z6b58_594:not(#\9):not(.awsui_overflow-ellipsis_xjuzf_z6b58_594):focus::before {
|
|
688
690
|
content: " ";
|
|
689
691
|
display: block;
|
|
690
692
|
position: absolute;
|
|
@@ -699,15 +701,15 @@ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_jr3op_592:not
|
|
|
699
701
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
700
702
|
}
|
|
701
703
|
|
|
702
|
-
.awsui_trigger-type-filtering-
|
|
704
|
+
.awsui_trigger-type-filtering-token_xjuzf_z6b58_703:not(#\9) {
|
|
703
705
|
display: flex;
|
|
704
706
|
}
|
|
705
707
|
|
|
706
|
-
.awsui_popover-inline-
|
|
708
|
+
.awsui_popover-inline-content_xjuzf_z6b58_707:not(#\9) {
|
|
707
709
|
display: inline;
|
|
708
710
|
}
|
|
709
711
|
|
|
710
|
-
.awsui_hover-
|
|
712
|
+
.awsui_hover-area_xjuzf_z6b58_711:not(#\9) {
|
|
711
713
|
pointer-events: none;
|
|
712
714
|
padding-block: var(--space-static-s-8me5rn, 12px);
|
|
713
715
|
padding-inline: var(--space-static-s-8me5rn, 12px);
|