@cloudscape-design/components 3.0.942 → 3.0.944
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/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.js +4 -10
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.js.map +1 -1
- package/breadcrumb-group/item/item.d.ts.map +1 -1
- package/breadcrumb-group/item/item.js +9 -18
- package/breadcrumb-group/item/item.js.map +1 -1
- package/code-editor/resizable-box/index.d.ts.map +1 -1
- package/code-editor/resizable-box/index.js +2 -0
- package/code-editor/resizable-box/index.js.map +1 -1
- package/internal/components/autosuggest-input/index.js +1 -1
- package/internal/components/autosuggest-input/index.js.map +1 -1
- package/internal/components/dropdown-footer/index.d.ts.map +1 -1
- package/internal/components/dropdown-footer/index.js +2 -2
- package/internal/components/dropdown-footer/index.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +2 -3
- package/popover/styles.css.js +54 -54
- package/popover/styles.scoped.css +101 -77
- package/popover/styles.selectors.js +54 -54
- package/slider/internal.d.ts.map +1 -1
- package/slider/internal.js +48 -47
- package/slider/internal.js.map +1 -1
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +66 -65
- package/top-navigation/styles.selectors.js +47 -47
- package/internal/components/tooltip/registry.d.ts +0 -4
- package/internal/components/tooltip/registry.d.ts.map +0 -1
- package/internal/components/tooltip/registry.js +0 -28
- package/internal/components/tooltip/registry.js.map +0 -1
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
*/
|
|
143
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
-
.awsui_top-
|
|
145
|
+
.awsui_top-navigation_k5dlb_1t1k3_145:not(#\9) {
|
|
146
146
|
border-collapse: separate;
|
|
147
147
|
border-spacing: 0;
|
|
148
148
|
box-sizing: border-box;
|
|
@@ -174,8 +174,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
174
174
|
-webkit-font-smoothing: auto;
|
|
175
175
|
-moz-osx-font-smoothing: auto;
|
|
176
176
|
background: var(--color-background-container-content-z79u4u, #ffffff);
|
|
177
|
+
border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
177
178
|
}
|
|
178
|
-
.awsui_top-
|
|
179
|
+
.awsui_top-navigation_k5dlb_1t1k3_145 > .awsui_padding-box_k5dlb_1t1k3_178:not(#\9) {
|
|
179
180
|
display: flex;
|
|
180
181
|
flex-direction: row;
|
|
181
182
|
flex-wrap: nowrap;
|
|
@@ -185,22 +186,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
185
186
|
block-size: calc(var(--space-xxxl-4x2gki, 40px) + var(--space-scaled-m-mo5yse, 16px));
|
|
186
187
|
padding-inline-start: var(--space-xxl-cu2m1r, 32px);
|
|
187
188
|
}
|
|
188
|
-
.awsui_top-
|
|
189
|
+
.awsui_top-navigation_k5dlb_1t1k3_145.awsui_medium_k5dlb_1t1k3_188 > .awsui_padding-box_k5dlb_1t1k3_178:not(#\9), .awsui_top-navigation_k5dlb_1t1k3_145.awsui_narrow_k5dlb_1t1k3_188 > .awsui_padding-box_k5dlb_1t1k3_178:not(#\9) {
|
|
189
190
|
padding-inline-start: var(--space-l-t419sm, 20px);
|
|
190
191
|
}
|
|
191
|
-
.awsui_top-
|
|
192
|
+
.awsui_top-navigation_k5dlb_1t1k3_145.awsui_medium_k5dlb_1t1k3_188 > .awsui_padding-box_k5dlb_1t1k3_178:not(#\9) {
|
|
192
193
|
block-size: calc(var(--space-xxxl-4x2gki, 40px) + var(--space-scaled-xs-26e2du, 8px));
|
|
193
194
|
padding-inline-end: 0;
|
|
194
195
|
}
|
|
195
|
-
.awsui_top-
|
|
196
|
+
.awsui_top-navigation_k5dlb_1t1k3_145.awsui_narrow_k5dlb_1t1k3_188 > .awsui_padding-box_k5dlb_1t1k3_178:not(#\9) {
|
|
196
197
|
block-size: var(--space-xxxl-4x2gki, 40px);
|
|
197
198
|
}
|
|
198
199
|
|
|
199
|
-
.
|
|
200
|
+
.awsui_virtual_k5dlb_1t1k3_199:not(#\9) {
|
|
200
201
|
inline-size: 9000px;
|
|
201
202
|
}
|
|
202
203
|
|
|
203
|
-
.
|
|
204
|
+
.awsui_hidden_k5dlb_1t1k3_203:not(#\9) {
|
|
204
205
|
position: absolute !important;
|
|
205
206
|
inset-block-start: -9999px !important;
|
|
206
207
|
inset-inline-start: -9999px !important;
|
|
@@ -208,23 +209,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
208
209
|
}
|
|
209
210
|
|
|
210
211
|
/* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
|
|
211
|
-
.
|
|
212
|
+
.awsui_hidden_k5dlb_1t1k3_203 *:not(#\9):not(#awsui_\9 _k5dlb_1t1k3_1) {
|
|
212
213
|
visibility: hidden;
|
|
213
214
|
}
|
|
214
215
|
|
|
215
|
-
.
|
|
216
|
+
.awsui_identity_k5dlb_1t1k3_215:not(#\9) {
|
|
216
217
|
min-inline-size: 0;
|
|
217
218
|
}
|
|
218
|
-
.
|
|
219
|
+
.awsui_identity_k5dlb_1t1k3_215 > .awsui_identity-link_k5dlb_1t1k3_218:not(#\9) {
|
|
219
220
|
display: flex;
|
|
220
221
|
align-items: center;
|
|
221
222
|
text-decoration: none;
|
|
222
223
|
color: var(--color-text-top-navigation-title-v9cb3m, #0f141a);
|
|
223
224
|
}
|
|
224
|
-
.
|
|
225
|
+
.awsui_identity_k5dlb_1t1k3_215 > .awsui_identity-link_k5dlb_1t1k3_218:not(#\9):hover {
|
|
225
226
|
color: var(--color-text-accent-fptgkc, #006ce0);
|
|
226
227
|
}
|
|
227
|
-
body[data-awsui-focus-visible=true] .
|
|
228
|
+
body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1t1k3_215 > .awsui_identity-link_k5dlb_1t1k3_218:not(#\9):focus {
|
|
228
229
|
outline: thin dotted;
|
|
229
230
|
outline: var(--border-link-focus-ring-outline-kkfop6, 0);
|
|
230
231
|
outline-offset: 2px;
|
|
@@ -235,11 +236,11 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1c946_214 > .awsui_ide
|
|
|
235
236
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
236
237
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
237
238
|
}
|
|
238
|
-
.
|
|
239
|
+
.awsui_identity_k5dlb_1t1k3_215.awsui_no-logo_k5dlb_1t1k3_238:not(#\9) {
|
|
239
240
|
min-inline-size: 100px;
|
|
240
241
|
}
|
|
241
242
|
|
|
242
|
-
.
|
|
243
|
+
.awsui_logo_k5dlb_1t1k3_242:not(#\9) {
|
|
243
244
|
display: block;
|
|
244
245
|
max-block-size: var(--space-xxl-cu2m1r, 32px);
|
|
245
246
|
margin-inline-end: var(--space-s-34lx8l, 12px);
|
|
@@ -247,11 +248,11 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1c946_214 > .awsui_ide
|
|
|
247
248
|
flex-shrink: 0;
|
|
248
249
|
min-inline-size: 10px;
|
|
249
250
|
}
|
|
250
|
-
.
|
|
251
|
+
.awsui_logo_k5dlb_1t1k3_242.awsui_narrow_k5dlb_1t1k3_188:not(#\9) {
|
|
251
252
|
max-block-size: var(--space-xl-lmui9r, 24px);
|
|
252
253
|
}
|
|
253
254
|
|
|
254
|
-
.
|
|
255
|
+
.awsui_title_k5dlb_1t1k3_254:not(#\9) {
|
|
255
256
|
font-size: var(--font-size-heading-m-sjd256, 18px);
|
|
256
257
|
line-height: var(--line-height-heading-m-50evfk, 22px);
|
|
257
258
|
letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
|
|
@@ -262,11 +263,11 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1c946_214 > .awsui_ide
|
|
|
262
263
|
overflow: hidden;
|
|
263
264
|
text-overflow: ellipsis;
|
|
264
265
|
}
|
|
265
|
-
.awsui_no-
|
|
266
|
+
.awsui_no-logo_k5dlb_1t1k3_238 > .awsui_identity-link_k5dlb_1t1k3_218 > .awsui_title_k5dlb_1t1k3_254:not(#\9) {
|
|
266
267
|
font-weight: 700;
|
|
267
268
|
}
|
|
268
269
|
|
|
269
|
-
.
|
|
270
|
+
.awsui_inputs_k5dlb_1t1k3_269:not(#\9) {
|
|
270
271
|
display: flex;
|
|
271
272
|
flex: 1;
|
|
272
273
|
padding-block: 0;
|
|
@@ -274,26 +275,26 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1c946_214 > .awsui_ide
|
|
|
274
275
|
justify-content: center;
|
|
275
276
|
}
|
|
276
277
|
|
|
277
|
-
.
|
|
278
|
+
.awsui_search_k5dlb_1t1k3_277:not(#\9) {
|
|
278
279
|
inline-size: 100%;
|
|
279
280
|
max-inline-size: 340px;
|
|
280
281
|
}
|
|
281
|
-
.awsui_search-
|
|
282
|
+
.awsui_search-expanded_k5dlb_1t1k3_281:not(#\9) {
|
|
282
283
|
max-inline-size: none;
|
|
283
284
|
}
|
|
284
285
|
|
|
285
|
-
.
|
|
286
|
+
.awsui_utilities_k5dlb_1t1k3_285:not(#\9) {
|
|
286
287
|
display: flex;
|
|
287
288
|
flex-shrink: 0;
|
|
288
289
|
flex-direction: row;
|
|
289
290
|
align-items: stretch;
|
|
290
291
|
block-size: 100%;
|
|
291
292
|
}
|
|
292
|
-
.
|
|
293
|
+
.awsui_medium_k5dlb_1t1k3_188 > .awsui_padding-box_k5dlb_1t1k3_178 > .awsui_utilities_k5dlb_1t1k3_285:not(#\9), .awsui_narrow_k5dlb_1t1k3_188 > .awsui_padding-box_k5dlb_1t1k3_178 > .awsui_utilities_k5dlb_1t1k3_285:not(#\9) {
|
|
293
294
|
padding-inline-start: 0;
|
|
294
295
|
}
|
|
295
296
|
|
|
296
|
-
.awsui_utility-
|
|
297
|
+
.awsui_utility-wrapper_k5dlb_1t1k3_296:not(#\9) {
|
|
297
298
|
display: flex;
|
|
298
299
|
position: relative;
|
|
299
300
|
flex-shrink: 0;
|
|
@@ -301,7 +302,7 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1c946_214 > .awsui_ide
|
|
|
301
302
|
padding-block: 0;
|
|
302
303
|
padding-inline: var(--space-m-udix3p, 16px);
|
|
303
304
|
}
|
|
304
|
-
.awsui_utility-
|
|
305
|
+
.awsui_utility-wrapper_k5dlb_1t1k3_296:not(#\9)::after {
|
|
305
306
|
display: block;
|
|
306
307
|
position: absolute;
|
|
307
308
|
content: "";
|
|
@@ -310,61 +311,61 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1c946_214 > .awsui_ide
|
|
|
310
311
|
inset-block: var(--space-s-34lx8l, 12px);
|
|
311
312
|
background: var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
312
313
|
}
|
|
313
|
-
.awsui_utility-
|
|
314
|
+
.awsui_utility-wrapper_k5dlb_1t1k3_296:not(#\9):last-of-type::after {
|
|
314
315
|
display: none;
|
|
315
316
|
}
|
|
316
317
|
|
|
317
|
-
.awsui_utility-type-button-
|
|
318
|
+
.awsui_utility-type-button-link_k5dlb_1t1k3_317:not(#\9) {
|
|
318
319
|
padding-block: 0;
|
|
319
320
|
padding-inline: var(--space-l-t419sm, 20px);
|
|
320
321
|
}
|
|
321
322
|
|
|
322
|
-
.awsui_utility-type-menu-
|
|
323
|
+
.awsui_utility-type-menu-dropdown_k5dlb_1t1k3_322:not(#\9) {
|
|
323
324
|
padding-block: 0;
|
|
324
325
|
padding-inline: var(--space-s-34lx8l, 12px);
|
|
325
326
|
align-items: stretch;
|
|
326
327
|
}
|
|
327
|
-
.awsui_utility-type-menu-
|
|
328
|
+
.awsui_utility-type-menu-dropdown_k5dlb_1t1k3_322:not(#\9):not(.awsui_narrow_k5dlb_1t1k3_188):last-of-type, .awsui_utility-type-menu-dropdown_k5dlb_1t1k3_322:not(#\9):not(.awsui_medium_k5dlb_1t1k3_188):last-of-type {
|
|
328
329
|
padding-inline-end: 0;
|
|
329
330
|
}
|
|
330
331
|
|
|
331
|
-
.awsui_utility-type-button-primary-
|
|
332
|
+
.awsui_utility-type-button-primary-button_k5dlb_1t1k3_331:not(#\9) {
|
|
332
333
|
inset-inline-start: -1px;
|
|
333
334
|
border-inline-start: 1px solid var(--color-background-container-content-z79u4u, #ffffff);
|
|
334
335
|
}
|
|
335
|
-
.awsui_utility-type-button-primary-
|
|
336
|
+
.awsui_utility-type-button-primary-button_k5dlb_1t1k3_331:not(#\9)::after {
|
|
336
337
|
display: none;
|
|
337
338
|
}
|
|
338
339
|
|
|
339
|
-
.awsui_utility-link-
|
|
340
|
+
.awsui_utility-link-icon_k5dlb_1t1k3_339:not(#\9) {
|
|
340
341
|
margin-inline-start: var(--space-xxs-p8yyaw, 4px);
|
|
341
342
|
}
|
|
342
343
|
|
|
343
|
-
.awsui_utility-button-external-
|
|
344
|
+
.awsui_utility-button-external-icon_k5dlb_1t1k3_343:not(#\9) {
|
|
344
345
|
display: inline-block;
|
|
345
346
|
}
|
|
346
347
|
|
|
347
|
-
.awsui_offset-right-
|
|
348
|
+
.awsui_offset-right-none_k5dlb_1t1k3_347:not(#\9) {
|
|
348
349
|
margin-inline-end: 0;
|
|
349
350
|
}
|
|
350
351
|
|
|
351
|
-
.awsui_offset-right-
|
|
352
|
+
.awsui_offset-right-l_k5dlb_1t1k3_351:not(#\9) {
|
|
352
353
|
margin-inline-end: var(--space-xxs-p8yyaw, 4px);
|
|
353
354
|
}
|
|
354
355
|
|
|
355
|
-
.awsui_offset-right-
|
|
356
|
+
.awsui_offset-right-xxl_k5dlb_1t1k3_355:not(#\9) {
|
|
356
357
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
357
358
|
}
|
|
358
359
|
|
|
359
360
|
/* Overflow Menu */
|
|
360
|
-
.awsui_overflow-menu-
|
|
361
|
+
.awsui_overflow-menu-drawer_k5dlb_1t1k3_360:not(#\9) {
|
|
361
362
|
position: fixed;
|
|
362
363
|
block-size: 100%;
|
|
363
364
|
inline-size: 100%;
|
|
364
365
|
z-index: 1001;
|
|
365
366
|
}
|
|
366
367
|
|
|
367
|
-
.awsui_overflow-
|
|
368
|
+
.awsui_overflow-menu_k5dlb_1t1k3_360:not(#\9) {
|
|
368
369
|
border-collapse: separate;
|
|
369
370
|
border-spacing: 0;
|
|
370
371
|
box-sizing: border-box;
|
|
@@ -399,7 +400,7 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1c946_214 > .awsui_ide
|
|
|
399
400
|
block-size: 100%;
|
|
400
401
|
}
|
|
401
402
|
|
|
402
|
-
.awsui_overflow-menu-
|
|
403
|
+
.awsui_overflow-menu-header_k5dlb_1t1k3_401:not(#\9) {
|
|
403
404
|
display: flex;
|
|
404
405
|
align-items: center;
|
|
405
406
|
min-block-size: var(--font-panel-header-line-height-kxi4u2, 22px);
|
|
@@ -407,7 +408,7 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1c946_214 > .awsui_ide
|
|
|
407
408
|
padding-inline: var(--space-scaled-m-mo5yse, 16px);
|
|
408
409
|
border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
409
410
|
}
|
|
410
|
-
.awsui_overflow-menu-header-
|
|
411
|
+
.awsui_overflow-menu-header-text_k5dlb_1t1k3_409:not(#\9) {
|
|
411
412
|
font-size: var(--font-panel-header-size-edjz3l, 18px);
|
|
412
413
|
line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
|
|
413
414
|
font-weight: var(--font-weight-heading-l-f8711v, 700);
|
|
@@ -419,25 +420,25 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1c946_214 > .awsui_ide
|
|
|
419
420
|
margin-inline: 0;
|
|
420
421
|
text-align: center;
|
|
421
422
|
}
|
|
422
|
-
.awsui_overflow-menu-header-text--
|
|
423
|
+
.awsui_overflow-menu-header-text--secondary_k5dlb_1t1k3_421:not(#\9) {
|
|
423
424
|
font-size: var(--font-header-h2-description-size-2hj97p, 14px);
|
|
424
425
|
line-height: var(--font-header-h2-description-line-height-rtewek, 20px);
|
|
425
426
|
font-weight: 400;
|
|
426
427
|
}
|
|
427
428
|
|
|
428
|
-
.awsui_overflow-menu-header-text--
|
|
429
|
+
.awsui_overflow-menu-header-text--title_k5dlb_1t1k3_427:not(#\9) {
|
|
429
430
|
/* used in test-utils */
|
|
430
431
|
}
|
|
431
432
|
|
|
432
|
-
.awsui_overflow-menu-back-
|
|
433
|
+
.awsui_overflow-menu-back-button_k5dlb_1t1k3_431:not(#\9) {
|
|
433
434
|
/* used in test-utils */
|
|
434
435
|
}
|
|
435
436
|
|
|
436
|
-
.awsui_overflow-menu-dismiss-
|
|
437
|
+
.awsui_overflow-menu-dismiss-button_k5dlb_1t1k3_435:not(#\9) {
|
|
437
438
|
/* used in test-utils */
|
|
438
439
|
}
|
|
439
440
|
|
|
440
|
-
.awsui_overflow-menu-
|
|
441
|
+
.awsui_overflow-menu-control_k5dlb_1t1k3_439:not(#\9) {
|
|
441
442
|
border-collapse: separate;
|
|
442
443
|
border-spacing: 0;
|
|
443
444
|
box-sizing: border-box;
|
|
@@ -476,32 +477,32 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1c946_214 > .awsui_ide
|
|
|
476
477
|
border-block: none;
|
|
477
478
|
border-inline: none;
|
|
478
479
|
}
|
|
479
|
-
.awsui_overflow-menu-list-item-
|
|
480
|
+
.awsui_overflow-menu-list-item-utility_k5dlb_1t1k3_477 > .awsui_overflow-menu-control_k5dlb_1t1k3_439:not(#\9) {
|
|
480
481
|
padding-block: var(--space-scaled-m-mo5yse, 16px);
|
|
481
482
|
padding-inline: var(--space-scaled-m-mo5yse, 16px);
|
|
482
483
|
}
|
|
483
|
-
.awsui_overflow-menu-
|
|
484
|
+
.awsui_overflow-menu-control_k5dlb_1t1k3_439:not(#\9):hover {
|
|
484
485
|
color: var(--color-text-accent-fptgkc, #006ce0);
|
|
485
486
|
cursor: pointer;
|
|
486
487
|
}
|
|
487
|
-
.awsui_overflow-menu-control-
|
|
488
|
+
.awsui_overflow-menu-control-link_k5dlb_1t1k3_485:not(#\9) {
|
|
488
489
|
text-decoration: none;
|
|
489
490
|
}
|
|
490
|
-
.awsui_overflow-menu-control-expandable-menu-
|
|
491
|
+
.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1t1k3_488:not(#\9) {
|
|
491
492
|
color: var(--color-text-dropdown-group-label-iy2p4t, #424650);
|
|
492
493
|
font-weight: bold;
|
|
493
494
|
}
|
|
494
|
-
.awsui_overflow-menu-control-expandable-menu-
|
|
495
|
+
.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1t1k3_488:not(#\9):hover {
|
|
495
496
|
color: var(--color-text-accent-fptgkc, #006ce0);
|
|
496
497
|
}
|
|
497
|
-
body[data-awsui-focus-visible=true] .awsui_overflow-menu-
|
|
498
|
+
body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1t1k3_439:not(#\9):focus {
|
|
498
499
|
position: relative;
|
|
499
500
|
}
|
|
500
|
-
body[data-awsui-focus-visible=true] .awsui_overflow-menu-
|
|
501
|
+
body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1t1k3_439:not(#\9):focus {
|
|
501
502
|
outline: 2px dotted transparent;
|
|
502
503
|
outline-offset: calc(var(--space-button-focus-outline-gutter-cqfd0c, 4px) - 1px);
|
|
503
504
|
}
|
|
504
|
-
body[data-awsui-focus-visible=true] .awsui_overflow-menu-
|
|
505
|
+
body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1t1k3_439:not(#\9):focus::before {
|
|
505
506
|
content: " ";
|
|
506
507
|
display: block;
|
|
507
508
|
position: absolute;
|
|
@@ -516,63 +517,63 @@ body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1c946_438
|
|
|
516
517
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
517
518
|
}
|
|
518
519
|
|
|
519
|
-
.awsui_overflow-menu-
|
|
520
|
+
.awsui_overflow-menu-list_k5dlb_1t1k3_477:not(#\9) {
|
|
520
521
|
list-style: none;
|
|
521
522
|
margin-block: 0;
|
|
522
523
|
margin-inline: 0;
|
|
523
524
|
padding-block: 0;
|
|
524
525
|
padding-inline: 0;
|
|
525
526
|
}
|
|
526
|
-
.awsui_overflow-menu-list-
|
|
527
|
+
.awsui_overflow-menu-list-submenu_k5dlb_1t1k3_524:not(#\9) {
|
|
527
528
|
margin-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
528
529
|
margin-inline: 0;
|
|
529
530
|
}
|
|
530
531
|
|
|
531
|
-
.awsui_overflow-menu-list-
|
|
532
|
+
.awsui_overflow-menu-list-item_k5dlb_1t1k3_477:not(#\9) {
|
|
532
533
|
box-sizing: border-box;
|
|
533
534
|
letter-spacing: var(--font-button-letter-spacing-65ug0o, 0.005em);
|
|
534
535
|
}
|
|
535
|
-
.awsui_overflow-menu-list-item-
|
|
536
|
+
.awsui_overflow-menu-list-item-icon_k5dlb_1t1k3_533:not(#\9) {
|
|
536
537
|
margin-inline-end: var(--space-xxs-p8yyaw, 4px);
|
|
537
538
|
}
|
|
538
|
-
.awsui_overflow-menu-list-item-
|
|
539
|
+
.awsui_overflow-menu-list-item-text_k5dlb_1t1k3_536:not(#\9) {
|
|
539
540
|
flex: 1;
|
|
540
541
|
}
|
|
541
|
-
.awsui_overflow-menu-list-item-
|
|
542
|
+
.awsui_overflow-menu-list-item-utility_k5dlb_1t1k3_477:not(#\9) {
|
|
542
543
|
font-weight: var(--font-weight-button-c91p4t, 700);
|
|
543
544
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
544
545
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
545
546
|
border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
546
547
|
}
|
|
547
|
-
.awsui_overflow-menu-list-item-
|
|
548
|
+
.awsui_overflow-menu-list-item-submenu_k5dlb_1t1k3_545:not(#\9) {
|
|
548
549
|
border-block-start: var(--border-divider-section-width-1061zr, 1px) solid transparent;
|
|
549
550
|
border-block-end: var(--border-divider-section-width-1061zr, 1px) solid transparent;
|
|
550
551
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
551
552
|
padding-inline: var(--space-scaled-l-0hpmd7, 20px);
|
|
552
553
|
}
|
|
553
|
-
.awsui_overflow-menu-list-item-dropdown-
|
|
554
|
+
.awsui_overflow-menu-list-item-dropdown-menu_k5dlb_1t1k3_551:not(#\9) {
|
|
554
555
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
555
556
|
padding-inline: var(--space-scaled-s-aqzyko, 12px);
|
|
556
557
|
}
|
|
557
|
-
.awsui_overflow-menu-list-item-
|
|
558
|
+
.awsui_overflow-menu-list-item-expandable_k5dlb_1t1k3_555:not(#\9) {
|
|
558
559
|
border-block-start-color: var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
559
560
|
border-block-end-color: var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
560
561
|
}
|
|
561
562
|
|
|
562
|
-
.
|
|
563
|
+
.awsui_icon_k5dlb_1t1k3_560:not(#\9) {
|
|
563
564
|
transform: rotate(0deg);
|
|
564
565
|
transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
565
566
|
}
|
|
566
567
|
@media (prefers-reduced-motion: reduce) {
|
|
567
|
-
.
|
|
568
|
+
.awsui_icon_k5dlb_1t1k3_560:not(#\9) {
|
|
568
569
|
animation: none;
|
|
569
570
|
transition: none;
|
|
570
571
|
}
|
|
571
572
|
}
|
|
572
|
-
.awsui-motion-disabled .
|
|
573
|
+
.awsui-motion-disabled .awsui_icon_k5dlb_1t1k3_560:not(#\9), .awsui-mode-entering .awsui_icon_k5dlb_1t1k3_560:not(#\9) {
|
|
573
574
|
animation: none;
|
|
574
575
|
transition: none;
|
|
575
576
|
}
|
|
576
|
-
.awsui_icon-
|
|
577
|
+
.awsui_icon-open_k5dlb_1t1k3_574:not(#\9) {
|
|
577
578
|
transform: rotate(-180deg);
|
|
578
579
|
}
|
|
@@ -2,52 +2,52 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"top-navigation": "awsui_top-
|
|
6
|
-
"padding-box": "awsui_padding-
|
|
7
|
-
"medium": "
|
|
8
|
-
"narrow": "
|
|
9
|
-
"virtual": "
|
|
10
|
-
"hidden": "
|
|
11
|
-
"\t": "awsui_\
|
|
12
|
-
"identity": "
|
|
13
|
-
"identity-link": "awsui_identity-
|
|
14
|
-
"no-logo": "awsui_no-
|
|
15
|
-
"logo": "
|
|
16
|
-
"title": "
|
|
17
|
-
"inputs": "
|
|
18
|
-
"search": "
|
|
19
|
-
"search-expanded": "awsui_search-
|
|
20
|
-
"utilities": "
|
|
21
|
-
"utility-wrapper": "awsui_utility-
|
|
22
|
-
"utility-type-button-link": "awsui_utility-type-button-
|
|
23
|
-
"utility-type-menu-dropdown": "awsui_utility-type-menu-
|
|
24
|
-
"utility-type-button-primary-button": "awsui_utility-type-button-primary-
|
|
25
|
-
"utility-link-icon": "awsui_utility-link-
|
|
26
|
-
"utility-button-external-icon": "awsui_utility-button-external-
|
|
27
|
-
"offset-right-none": "awsui_offset-right-
|
|
28
|
-
"offset-right-l": "awsui_offset-right-
|
|
29
|
-
"offset-right-xxl": "awsui_offset-right-
|
|
30
|
-
"overflow-menu-drawer": "awsui_overflow-menu-
|
|
31
|
-
"overflow-menu": "awsui_overflow-
|
|
32
|
-
"overflow-menu-header": "awsui_overflow-menu-
|
|
33
|
-
"overflow-menu-header-text": "awsui_overflow-menu-header-
|
|
34
|
-
"overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--
|
|
35
|
-
"overflow-menu-header-text--title": "awsui_overflow-menu-header-text--
|
|
36
|
-
"overflow-menu-back-button": "awsui_overflow-menu-back-
|
|
37
|
-
"overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-
|
|
38
|
-
"overflow-menu-control": "awsui_overflow-menu-
|
|
39
|
-
"overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-
|
|
40
|
-
"overflow-menu-control-link": "awsui_overflow-menu-control-
|
|
41
|
-
"overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-
|
|
42
|
-
"overflow-menu-list": "awsui_overflow-menu-
|
|
43
|
-
"overflow-menu-list-submenu": "awsui_overflow-menu-list-
|
|
44
|
-
"overflow-menu-list-item": "awsui_overflow-menu-list-
|
|
45
|
-
"overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-
|
|
46
|
-
"overflow-menu-list-item-text": "awsui_overflow-menu-list-item-
|
|
47
|
-
"overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-
|
|
48
|
-
"overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-
|
|
49
|
-
"overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-
|
|
50
|
-
"icon": "
|
|
51
|
-
"icon-open": "awsui_icon-
|
|
5
|
+
"top-navigation": "awsui_top-navigation_k5dlb_1t1k3_145",
|
|
6
|
+
"padding-box": "awsui_padding-box_k5dlb_1t1k3_178",
|
|
7
|
+
"medium": "awsui_medium_k5dlb_1t1k3_188",
|
|
8
|
+
"narrow": "awsui_narrow_k5dlb_1t1k3_188",
|
|
9
|
+
"virtual": "awsui_virtual_k5dlb_1t1k3_199",
|
|
10
|
+
"hidden": "awsui_hidden_k5dlb_1t1k3_203",
|
|
11
|
+
"\t": "awsui_\t_k5dlb_1t1k3_1",
|
|
12
|
+
"identity": "awsui_identity_k5dlb_1t1k3_215",
|
|
13
|
+
"identity-link": "awsui_identity-link_k5dlb_1t1k3_218",
|
|
14
|
+
"no-logo": "awsui_no-logo_k5dlb_1t1k3_238",
|
|
15
|
+
"logo": "awsui_logo_k5dlb_1t1k3_242",
|
|
16
|
+
"title": "awsui_title_k5dlb_1t1k3_254",
|
|
17
|
+
"inputs": "awsui_inputs_k5dlb_1t1k3_269",
|
|
18
|
+
"search": "awsui_search_k5dlb_1t1k3_277",
|
|
19
|
+
"search-expanded": "awsui_search-expanded_k5dlb_1t1k3_281",
|
|
20
|
+
"utilities": "awsui_utilities_k5dlb_1t1k3_285",
|
|
21
|
+
"utility-wrapper": "awsui_utility-wrapper_k5dlb_1t1k3_296",
|
|
22
|
+
"utility-type-button-link": "awsui_utility-type-button-link_k5dlb_1t1k3_317",
|
|
23
|
+
"utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_1t1k3_322",
|
|
24
|
+
"utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_1t1k3_331",
|
|
25
|
+
"utility-link-icon": "awsui_utility-link-icon_k5dlb_1t1k3_339",
|
|
26
|
+
"utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_1t1k3_343",
|
|
27
|
+
"offset-right-none": "awsui_offset-right-none_k5dlb_1t1k3_347",
|
|
28
|
+
"offset-right-l": "awsui_offset-right-l_k5dlb_1t1k3_351",
|
|
29
|
+
"offset-right-xxl": "awsui_offset-right-xxl_k5dlb_1t1k3_355",
|
|
30
|
+
"overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_1t1k3_360",
|
|
31
|
+
"overflow-menu": "awsui_overflow-menu_k5dlb_1t1k3_360",
|
|
32
|
+
"overflow-menu-header": "awsui_overflow-menu-header_k5dlb_1t1k3_401",
|
|
33
|
+
"overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_1t1k3_409",
|
|
34
|
+
"overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_1t1k3_421",
|
|
35
|
+
"overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_1t1k3_427",
|
|
36
|
+
"overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_1t1k3_431",
|
|
37
|
+
"overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_1t1k3_435",
|
|
38
|
+
"overflow-menu-control": "awsui_overflow-menu-control_k5dlb_1t1k3_439",
|
|
39
|
+
"overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_1t1k3_477",
|
|
40
|
+
"overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_1t1k3_485",
|
|
41
|
+
"overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1t1k3_488",
|
|
42
|
+
"overflow-menu-list": "awsui_overflow-menu-list_k5dlb_1t1k3_477",
|
|
43
|
+
"overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_1t1k3_524",
|
|
44
|
+
"overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_1t1k3_477",
|
|
45
|
+
"overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_1t1k3_533",
|
|
46
|
+
"overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_1t1k3_536",
|
|
47
|
+
"overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_1t1k3_545",
|
|
48
|
+
"overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_1t1k3_551",
|
|
49
|
+
"overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_1t1k3_555",
|
|
50
|
+
"icon": "awsui_icon_k5dlb_1t1k3_560",
|
|
51
|
+
"icon-open": "awsui_icon-open_k5dlb_1t1k3_574"
|
|
52
52
|
};
|
|
53
53
|
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/tooltip/registry.ts"],"names":[],"mappings":"AAGA,KAAK,OAAO,GAAG,MAAM,IAAI,CAAC;AAW1B,eAAO,MAAM,eAAe,YAAa,OAAO,eAU/C,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
-
let callbacks = [];
|
|
4
|
-
let listenerRegistered = false;
|
|
5
|
-
const onKeyDown = (event) => {
|
|
6
|
-
if (event.key === 'Escape') {
|
|
7
|
-
callbacks.forEach(callback => callback());
|
|
8
|
-
}
|
|
9
|
-
};
|
|
10
|
-
export const registerTooltip = (onClose) => {
|
|
11
|
-
callbacks.forEach(callback => callback());
|
|
12
|
-
callbacks.push(onClose);
|
|
13
|
-
if (!listenerRegistered) {
|
|
14
|
-
listenerRegistered = true;
|
|
15
|
-
document.addEventListener('keydown', onKeyDown);
|
|
16
|
-
}
|
|
17
|
-
return () => {
|
|
18
|
-
deregisterTooltip(onClose);
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
const deregisterTooltip = (onClose) => {
|
|
22
|
-
callbacks = callbacks.filter(callback => callback !== onClose);
|
|
23
|
-
if (listenerRegistered && callbacks.length === 0) {
|
|
24
|
-
listenerRegistered = false;
|
|
25
|
-
document.removeEventListener('keydown', onKeyDown);
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=registry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../../../../src/internal/components/tooltip/registry.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAItC,IAAI,SAAS,GAAmB,EAAE,CAAC;AACnC,IAAI,kBAAkB,GAAG,KAAK,CAAC;AAE/B,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;IACzC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;QAC1B,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;KAC3C;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,EAAE;IAClD,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC1C,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACxB,IAAI,CAAC,kBAAkB,EAAE;QACvB,kBAAkB,GAAG,IAAI,CAAC;QAC1B,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;KACjD;IACD,OAAO,GAAG,EAAE;QACV,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC7C,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC;IAC/D,IAAI,kBAAkB,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;QAChD,kBAAkB,GAAG,KAAK,CAAC;QAC3B,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;KACpD;AACH,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\ntype OnClose = () => void;\n\nlet callbacks: Array<OnClose> = [];\nlet listenerRegistered = false;\n\nconst onKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n callbacks.forEach(callback => callback());\n }\n};\n\nexport const registerTooltip = (onClose: OnClose) => {\n callbacks.forEach(callback => callback());\n callbacks.push(onClose);\n if (!listenerRegistered) {\n listenerRegistered = true;\n document.addEventListener('keydown', onKeyDown);\n }\n return () => {\n deregisterTooltip(onClose);\n };\n};\n\nconst deregisterTooltip = (onClose: OnClose) => {\n callbacks = callbacks.filter(callback => callback !== onClose);\n if (listenerRegistered && callbacks.length === 0) {\n listenerRegistered = false;\n document.removeEventListener('keydown', onKeyDown);\n }\n};\n"]}
|