@cloudscape-design/components 3.0.865 → 3.0.867
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/drawer/resizable-drawer.d.ts.map +1 -1
- package/app-layout/drawer/resizable-drawer.js +3 -2
- package/app-layout/drawer/resizable-drawer.js.map +1 -1
- package/app-layout/utils/use-focus-control.d.ts +2 -1
- package/app-layout/utils/use-focus-control.d.ts.map +1 -1
- package/app-layout/utils/use-focus-control.js +2 -0
- package/app-layout/utils/use-focus-control.js.map +1 -1
- package/app-layout/utils/use-resize.d.ts.map +1 -1
- package/app-layout/utils/use-resize.js +3 -2
- package/app-layout/utils/use-resize.js.map +1 -1
- package/app-layout/utils/use-split-panel-focus-control.d.ts +2 -1
- package/app-layout/utils/use-split-panel-focus-control.d.ts.map +1 -1
- package/app-layout/utils/use-split-panel-focus-control.js +1 -0
- package/app-layout/utils/use-split-panel-focus-control.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/global-drawer.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/global-drawer.js +3 -2
- package/app-layout/visual-refresh-toolbar/drawer/global-drawer.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/local-drawer.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/local-drawer.js +3 -2
- package/app-layout/visual-refresh-toolbar/drawer/local-drawer.js.map +1 -1
- package/attribute-editor/interfaces.d.ts +7 -0
- package/attribute-editor/interfaces.d.ts.map +1 -1
- package/attribute-editor/interfaces.js.map +1 -1
- package/attribute-editor/internal.d.ts.map +1 -1
- package/attribute-editor/internal.js +2 -2
- package/attribute-editor/internal.js.map +1 -1
- package/button/internal.js +1 -1
- package/button/internal.js.map +1 -1
- package/collection-preferences/content-display/content-display-option.d.ts.map +1 -1
- package/collection-preferences/content-display/content-display-option.js +2 -1
- package/collection-preferences/content-display/content-display-option.js.map +1 -1
- package/collection-preferences/content-display/styles.css.js +11 -10
- package/collection-preferences/content-display/styles.scoped.css +14 -10
- package/collection-preferences/content-display/styles.selectors.js +11 -10
- package/collection-preferences/index.d.ts.map +1 -1
- package/collection-preferences/index.js +1 -1
- package/collection-preferences/index.js.map +1 -1
- package/collection-preferences/styles.css.js +38 -37
- package/collection-preferences/styles.scoped.css +42 -38
- package/collection-preferences/styles.selectors.js +38 -37
- package/internal/components/drag-handle/index.d.ts +4 -8
- package/internal/components/drag-handle/index.d.ts.map +1 -1
- package/internal/components/drag-handle/index.js +23 -5
- package/internal/components/drag-handle/index.js.map +1 -1
- package/internal/components/drag-handle/interfaces.d.ts +25 -0
- package/internal/components/drag-handle/interfaces.d.ts.map +1 -0
- package/internal/components/drag-handle/interfaces.js +4 -0
- package/internal/components/drag-handle/interfaces.js.map +1 -0
- package/internal/components/drag-handle/resize-icon.d.ts +7 -0
- package/internal/components/drag-handle/resize-icon.d.ts.map +1 -0
- package/internal/components/{panel-resize-handle/icon.js → drag-handle/resize-icon.js} +5 -3
- package/internal/components/drag-handle/resize-icon.js.map +1 -0
- package/internal/components/drag-handle/styles.css.js +12 -3
- package/internal/components/drag-handle/styles.scoped.css +51 -20
- package/internal/components/drag-handle/styles.selectors.js +12 -3
- package/internal/components/options-list/index.js +1 -1
- package/internal/components/options-list/index.js.map +1 -1
- package/internal/components/panel-resize-handle/index.d.ts +4 -2
- package/internal/components/panel-resize-handle/index.d.ts.map +1 -1
- package/internal/components/panel-resize-handle/index.js +8 -5
- package/internal/components/panel-resize-handle/index.js.map +1 -1
- package/internal/components/panel-resize-handle/styles.css.js +2 -5
- package/internal/components/panel-resize-handle/styles.scoped.css +3 -191
- package/internal/components/panel-resize-handle/styles.selectors.js +2 -5
- package/internal/components/portal/index.d.ts.map +1 -1
- package/internal/components/portal/index.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/events/index.d.ts +1 -1
- package/internal/events/index.d.ts.map +1 -1
- package/internal/events/index.js.map +1 -1
- package/internal/hooks/use-performance-marks/index.d.ts +1 -1
- package/internal/hooks/use-performance-marks/index.d.ts.map +1 -1
- package/internal/hooks/use-performance-marks/index.js +2 -2
- package/internal/hooks/use-performance-marks/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/popover/internal.js +5 -4
- package/popover/internal.js.map +1 -1
- package/prompt-input/internal.d.ts.map +1 -1
- package/prompt-input/internal.js +1 -3
- package/prompt-input/internal.js.map +1 -1
- package/split-panel/implementation.d.ts.map +1 -1
- package/split-panel/implementation.js +7 -6
- package/split-panel/implementation.js.map +1 -1
- package/table/internal.js +1 -1
- package/table/internal.js.map +1 -1
- package/tabs/styles.css.js +28 -28
- package/tabs/styles.scoped.css +50 -49
- package/tabs/styles.selectors.js +28 -28
- package/internal/components/panel-resize-handle/icon.d.ts +0 -5
- package/internal/components/panel-resize-handle/icon.d.ts.map +0 -1
- package/internal/components/panel-resize-handle/icon.js.map +0 -1
package/tabs/styles.scoped.css
CHANGED
|
@@ -287,7 +287,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
287
287
|
SPDX-License-Identifier: Apache-2.0
|
|
288
288
|
*/
|
|
289
289
|
/* stylelint-disable selector-max-type */
|
|
290
|
-
.awsui_tabs-
|
|
290
|
+
.awsui_tabs-header_14rmt_1ebqu_290:not(#\9) {
|
|
291
291
|
margin-block: 0;
|
|
292
292
|
margin-inline: 0;
|
|
293
293
|
padding-block: 0;
|
|
@@ -295,7 +295,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
295
295
|
display: flex;
|
|
296
296
|
}
|
|
297
297
|
|
|
298
|
-
.awsui_tabs-header-
|
|
298
|
+
.awsui_tabs-header-list_14rmt_1ebqu_298:not(#\9) {
|
|
299
299
|
margin-block: 0;
|
|
300
300
|
margin-inline: 0;
|
|
301
301
|
padding-block: 0;
|
|
@@ -309,33 +309,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
309
309
|
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
|
310
310
|
scrollbar-width: none; /* Firefox */
|
|
311
311
|
}
|
|
312
|
-
.awsui_tabs-header-
|
|
312
|
+
.awsui_tabs-header-list_14rmt_1ebqu_298:not(#\9)::-webkit-scrollbar {
|
|
313
313
|
display: none; /* Safari and Chrome */
|
|
314
314
|
}
|
|
315
315
|
|
|
316
|
-
.awsui_pagination-
|
|
316
|
+
.awsui_pagination-button_14rmt_1ebqu_316:not(#\9) {
|
|
317
317
|
margin-block: var(--space-scaled-s-aqzyko, 12px);
|
|
318
318
|
margin-inline: 0;
|
|
319
319
|
padding-block: 0;
|
|
320
320
|
padding-inline: var(--space-xxs-p8yyaw, 4px);
|
|
321
321
|
display: flex;
|
|
322
322
|
}
|
|
323
|
-
.awsui_pagination-button-
|
|
323
|
+
.awsui_pagination-button-left_14rmt_1ebqu_323:not(#\9) {
|
|
324
324
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-control-disabled-qc5csz, #dedee3);
|
|
325
325
|
}
|
|
326
|
-
.awsui_pagination-button-left-
|
|
326
|
+
.awsui_pagination-button-left-scrollable_14rmt_1ebqu_326:not(#\9) {
|
|
327
327
|
z-index: 1;
|
|
328
328
|
box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12)), 1px 0px 0px 0px var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12));
|
|
329
329
|
}
|
|
330
|
-
.awsui_pagination-button-
|
|
330
|
+
.awsui_pagination-button-right_14rmt_1ebqu_330:not(#\9) {
|
|
331
331
|
border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-control-disabled-qc5csz, #dedee3);
|
|
332
332
|
}
|
|
333
|
-
.awsui_pagination-button-right-
|
|
333
|
+
.awsui_pagination-button-right-scrollable_14rmt_1ebqu_333:not(#\9) {
|
|
334
334
|
z-index: 1;
|
|
335
335
|
box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12)), -1px 0px 0px 0 var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12));
|
|
336
336
|
}
|
|
337
337
|
|
|
338
|
-
.awsui_tabs-
|
|
338
|
+
.awsui_tabs-tab_14rmt_1ebqu_338:not(#\9) {
|
|
339
339
|
list-style: none;
|
|
340
340
|
padding-block: 0;
|
|
341
341
|
padding-inline: 0;
|
|
@@ -345,7 +345,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
345
345
|
scroll-snap-align: start;
|
|
346
346
|
}
|
|
347
347
|
|
|
348
|
-
.awsui_tabs-tab-
|
|
348
|
+
.awsui_tabs-tab-label_14rmt_1ebqu_348:not(#\9) {
|
|
349
349
|
display: flex;
|
|
350
350
|
align-items: center;
|
|
351
351
|
padding-inline: var(--space-xs-zb16t3, 8px);
|
|
@@ -356,7 +356,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
356
356
|
word-break: break-word;
|
|
357
357
|
}
|
|
358
358
|
|
|
359
|
-
.awsui_tabs-tab-header-
|
|
359
|
+
.awsui_tabs-tab-header-container_14rmt_1ebqu_359:not(#\9) {
|
|
360
360
|
position: relative;
|
|
361
361
|
border-block: var(--border-divider-section-width-1061zr, 1px) solid transparent;
|
|
362
362
|
border-inline: var(--border-divider-section-width-1061zr, 1px) solid transparent;
|
|
@@ -364,18 +364,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
364
364
|
display: flex;
|
|
365
365
|
align-items: stretch;
|
|
366
366
|
}
|
|
367
|
-
.awsui_tabs-tab-header-
|
|
367
|
+
.awsui_tabs-tab-header-container_14rmt_1ebqu_359:not(#\9), .awsui_tabs-tab-header-container_14rmt_1ebqu_359 > button:not(#\9) {
|
|
368
368
|
background-color: transparent;
|
|
369
369
|
}
|
|
370
|
-
.awsui_tabs-tab-header-
|
|
370
|
+
.awsui_tabs-tab-header-container_14rmt_1ebqu_359 > .awsui_tabs-tab-dismiss_14rmt_1ebqu_370:not(#\9), .awsui_tabs-tab-header-container_14rmt_1ebqu_359 > .awsui_tabs-tab-action_14rmt_1ebqu_370:not(#\9) {
|
|
371
|
+
position: relative;
|
|
371
372
|
display: flex;
|
|
372
373
|
align-items: center;
|
|
373
374
|
}
|
|
374
|
-
.awsui_tabs-tab-header-
|
|
375
|
+
.awsui_tabs-tab-header-container_14rmt_1ebqu_359.awsui_refresh_14rmt_1ebqu_375 > span:not(#\9):first-of-type {
|
|
375
376
|
margin-inline-start: calc(-1 * var(--space-scaled-xs-26e2du, 8px));
|
|
376
377
|
}
|
|
377
378
|
|
|
378
|
-
.awsui_tabs-tab-header-
|
|
379
|
+
.awsui_tabs-tab-header-container_14rmt_1ebqu_359:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1ebqu_379):after {
|
|
379
380
|
content: "";
|
|
380
381
|
position: absolute;
|
|
381
382
|
inset-inline-start: 0;
|
|
@@ -389,35 +390,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
389
390
|
background: var(--color-border-tabs-underline-a5fmhd, #006ce0);
|
|
390
391
|
opacity: 0;
|
|
391
392
|
}
|
|
392
|
-
.awsui_tabs-tab-header-
|
|
393
|
+
.awsui_tabs-tab-header-container_14rmt_1ebqu_359:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1ebqu_379).awsui_refresh_14rmt_1ebqu_375:after {
|
|
393
394
|
transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-c-vg1m9h, cubic-bezier(0.84, 0, 0.16, 1));
|
|
394
395
|
}
|
|
395
396
|
@media (prefers-reduced-motion: reduce) {
|
|
396
|
-
.awsui_tabs-tab-header-
|
|
397
|
+
.awsui_tabs-tab-header-container_14rmt_1ebqu_359:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1ebqu_379).awsui_refresh_14rmt_1ebqu_375:after {
|
|
397
398
|
animation: none;
|
|
398
399
|
transition: none;
|
|
399
400
|
}
|
|
400
401
|
}
|
|
401
|
-
.awsui-motion-disabled .awsui_tabs-tab-header-
|
|
402
|
+
.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_1ebqu_359:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1ebqu_379).awsui_refresh_14rmt_1ebqu_375:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_1ebqu_359:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1ebqu_379).awsui_refresh_14rmt_1ebqu_375:after {
|
|
402
403
|
animation: none;
|
|
403
404
|
transition: none;
|
|
404
405
|
}
|
|
405
406
|
|
|
406
|
-
.awsui_tabs-
|
|
407
|
+
.awsui_tabs-tab_14rmt_1ebqu_338:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1ebqu_359 {
|
|
407
408
|
margin-inline-end: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
|
|
408
409
|
}
|
|
409
|
-
.awsui_tabs-
|
|
410
|
+
.awsui_tabs-tab_14rmt_1ebqu_338:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1ebqu_359:before {
|
|
410
411
|
content: "";
|
|
411
412
|
position: absolute;
|
|
412
413
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-tabs-divider-djfdfj, #c6c6cd);
|
|
413
414
|
inset: var(--space-scaled-s-aqzyko, 12px) 0;
|
|
414
415
|
opacity: 1;
|
|
415
416
|
}
|
|
416
|
-
.awsui_tabs-
|
|
417
|
+
.awsui_tabs-tab_14rmt_1ebqu_338:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1ebqu_359.awsui_refresh_14rmt_1ebqu_375:before {
|
|
417
418
|
inset: calc(var(--space-static-s-n2eb28, 12px) - var(--border-active-width-9dmqf4, 4px)) 0;
|
|
418
419
|
}
|
|
419
420
|
|
|
420
|
-
.awsui_tabs-tab-
|
|
421
|
+
.awsui_tabs-tab-link_14rmt_1ebqu_421:not(#\9) {
|
|
421
422
|
position: relative;
|
|
422
423
|
display: flex;
|
|
423
424
|
align-items: stretch;
|
|
@@ -438,27 +439,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
438
439
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
439
440
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
440
441
|
}
|
|
441
|
-
.awsui_tabs-tab-
|
|
442
|
+
.awsui_tabs-tab-link_14rmt_1ebqu_421.awsui_refresh_14rmt_1ebqu_375:not(#\9) {
|
|
442
443
|
padding-block-start: calc(var(--space-static-xs-7sfb63, 8px) - 1px);
|
|
443
444
|
padding-block-end: calc(var(--space-static-xs-7sfb63, 8px) - 1px);
|
|
444
445
|
margin-block-start: 0;
|
|
445
446
|
}
|
|
446
|
-
.awsui_tabs-tab-
|
|
447
|
+
.awsui_tabs-tab-link_14rmt_1ebqu_421:not(#\9):hover {
|
|
447
448
|
color: var(--color-text-accent-fptgkc, #006ce0);
|
|
448
449
|
}
|
|
449
|
-
.awsui_tabs-tab-
|
|
450
|
+
.awsui_tabs-tab-link_14rmt_1ebqu_421:not(#\9):focus {
|
|
450
451
|
outline: none;
|
|
451
452
|
}
|
|
452
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
453
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1ebqu_421:not(#\9):focus {
|
|
453
454
|
z-index: 1;
|
|
454
455
|
border-inline-end-color: transparent;
|
|
455
456
|
position: relative;
|
|
456
457
|
}
|
|
457
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
458
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1ebqu_421:not(#\9):focus {
|
|
458
459
|
outline: 2px dotted transparent;
|
|
459
460
|
outline-offset: calc(var(--space-tabs-focus-outline-gutter-xm37ly, -8px) - 1px);
|
|
460
461
|
}
|
|
461
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
462
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1ebqu_421:not(#\9):focus::before {
|
|
462
463
|
content: " ";
|
|
463
464
|
display: block;
|
|
464
465
|
position: absolute;
|
|
@@ -473,48 +474,48 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1xftp_420:not(#\9
|
|
|
473
474
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
474
475
|
}
|
|
475
476
|
|
|
476
|
-
.awsui_tabs-
|
|
477
|
+
.awsui_tabs-tab_14rmt_1ebqu_338:not(#\9):first-child {
|
|
477
478
|
margin-inline-start: 1px;
|
|
478
479
|
scroll-margin-inline-start: 1px;
|
|
479
480
|
}
|
|
480
|
-
.awsui_tabs-
|
|
481
|
+
.awsui_tabs-tab_14rmt_1ebqu_338:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_1ebqu_359 {
|
|
481
482
|
padding-inline-start: calc(var(--space-xs-zb16t3, 8px) - 1px);
|
|
482
483
|
}
|
|
483
484
|
|
|
484
|
-
.awsui_tabs-
|
|
485
|
+
.awsui_tabs-tab_14rmt_1ebqu_338:not(#\9):last-child {
|
|
485
486
|
margin-inline-end: 1px;
|
|
486
487
|
scroll-margin-inline-end: 1px;
|
|
487
488
|
}
|
|
488
|
-
.awsui_tabs-
|
|
489
|
+
.awsui_tabs-tab_14rmt_1ebqu_338:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_1ebqu_359 {
|
|
489
490
|
padding-inline-end: calc(var(--space-xs-zb16t3, 8px) - 1px);
|
|
490
491
|
}
|
|
491
492
|
|
|
492
|
-
.awsui_tabs-tab-
|
|
493
|
+
.awsui_tabs-tab-disabled_14rmt_1ebqu_379:not(#\9), .awsui_tabs-tab-disabled_14rmt_1ebqu_379:not(#\9):hover {
|
|
493
494
|
cursor: default;
|
|
494
495
|
color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
|
|
495
496
|
font-weight: var(--font-tabs-disabled-weight-1xcs5l, 700);
|
|
496
497
|
}
|
|
497
498
|
|
|
498
|
-
.awsui_tabs-tab-
|
|
499
|
+
.awsui_tabs-tab-active_14rmt_1ebqu_499:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1ebqu_379) {
|
|
499
500
|
color: var(--color-text-accent-fptgkc, #006ce0);
|
|
500
501
|
}
|
|
501
|
-
.awsui_tabs-tab-
|
|
502
|
+
.awsui_tabs-tab-active_14rmt_1ebqu_499:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1ebqu_379):after {
|
|
502
503
|
opacity: 1;
|
|
503
504
|
}
|
|
504
505
|
|
|
505
|
-
.awsui_tabs-header-with-
|
|
506
|
+
.awsui_tabs-header-with-divider_14rmt_1ebqu_506:not(#\9) {
|
|
506
507
|
border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-tabs-divider-djfdfj, #c6c6cd);
|
|
507
508
|
}
|
|
508
509
|
|
|
509
|
-
.awsui_tabs-tab-
|
|
510
|
+
.awsui_tabs-tab-focusable_14rmt_1ebqu_510:not(#\9) {
|
|
510
511
|
/* used to manage focusable logic */
|
|
511
512
|
}
|
|
512
513
|
|
|
513
|
-
.
|
|
514
|
+
.awsui_root_14rmt_1ebqu_514:not(#\9) {
|
|
514
515
|
/* used in test-utils or tests */
|
|
515
516
|
}
|
|
516
517
|
|
|
517
|
-
.
|
|
518
|
+
.awsui_tabs_14rmt_1ebqu_290:not(#\9) {
|
|
518
519
|
border-collapse: separate;
|
|
519
520
|
border-spacing: 0;
|
|
520
521
|
box-sizing: border-box;
|
|
@@ -549,21 +550,21 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1xftp_420:not(#\9
|
|
|
549
550
|
inline-size: 100%;
|
|
550
551
|
}
|
|
551
552
|
|
|
552
|
-
.awsui_tabs-
|
|
553
|
+
.awsui_tabs-content_14rmt_1ebqu_552:not(#\9) {
|
|
553
554
|
display: none;
|
|
554
555
|
}
|
|
555
556
|
|
|
556
|
-
.awsui_fit-
|
|
557
|
+
.awsui_fit-height_14rmt_1ebqu_556:not(#\9) {
|
|
557
558
|
display: flex;
|
|
558
559
|
flex-direction: column;
|
|
559
560
|
block-size: 100%;
|
|
560
561
|
}
|
|
561
562
|
|
|
562
|
-
.awsui_tabs-content-
|
|
563
|
+
.awsui_tabs-content-active_14rmt_1ebqu_562:not(#\9) {
|
|
563
564
|
display: block;
|
|
564
565
|
flex: 1;
|
|
565
566
|
}
|
|
566
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-content-
|
|
567
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_1ebqu_562:not(#\9):focus {
|
|
567
568
|
outline: 2px dotted transparent;
|
|
568
569
|
outline-offset: 2px;
|
|
569
570
|
border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
|
|
@@ -573,32 +574,32 @@ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_1xftp_561:n
|
|
|
573
574
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
574
575
|
}
|
|
575
576
|
|
|
576
|
-
.awsui_tabs-content-
|
|
577
|
+
.awsui_tabs-content-wrapper_14rmt_1ebqu_576.awsui_with-paddings_14rmt_1ebqu_576 > .awsui_tabs-content_14rmt_1ebqu_552:not(#\9) {
|
|
577
578
|
padding-block: var(--space-scaled-m-mo5yse, 16px);
|
|
578
579
|
padding-inline: 0;
|
|
579
580
|
}
|
|
580
|
-
.awsui_fit-
|
|
581
|
+
.awsui_fit-height_14rmt_1ebqu_556 > .awsui_tabs-content-wrapper_14rmt_1ebqu_576:not(#\9) {
|
|
581
582
|
flex: 1;
|
|
582
583
|
display: flex;
|
|
583
584
|
flex-direction: column;
|
|
584
585
|
overflow: auto;
|
|
585
586
|
}
|
|
586
587
|
|
|
587
|
-
.awsui_fit-
|
|
588
|
+
.awsui_fit-height_14rmt_1ebqu_556 > .awsui_tabs-content-wrapper_14rmt_1ebqu_576 > .awsui_tabs-container-content-wrapper_14rmt_1ebqu_587:not(#\9) {
|
|
588
589
|
block-size: 100%;
|
|
589
590
|
display: flex;
|
|
590
591
|
flex-direction: column;
|
|
591
592
|
}
|
|
592
|
-
.awsui_tabs-container-content-
|
|
593
|
+
.awsui_tabs-container-content-wrapper_14rmt_1ebqu_587.awsui_with-paddings_14rmt_1ebqu_576 > .awsui_tabs-content_14rmt_1ebqu_552:not(#\9) {
|
|
593
594
|
padding-block-start: var(--space-tabs-content-top-dedu0k, 12px);
|
|
594
595
|
padding-block-end: var(--space-scaled-l-0hpmd7, 20px);
|
|
595
596
|
padding-inline: var(--space-container-horizontal-wfukh3, 20px);
|
|
596
597
|
}
|
|
597
598
|
|
|
598
|
-
.awsui_disabled-reason-
|
|
599
|
+
.awsui_disabled-reason-tooltip_14rmt_1ebqu_598:not(#\9) {
|
|
599
600
|
/* used in test-utils or tests */
|
|
600
601
|
}
|
|
601
602
|
|
|
602
|
-
.awsui_tabs-tab-
|
|
603
|
+
.awsui_tabs-tab-focused_14rmt_1ebqu_602:not(#\9) {
|
|
603
604
|
/* used to manage focusable state for disabled with reason tabs */
|
|
604
605
|
}
|
package/tabs/styles.selectors.js
CHANGED
|
@@ -2,33 +2,33 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"tabs-header": "awsui_tabs-
|
|
6
|
-
"tabs-header-list": "awsui_tabs-header-
|
|
7
|
-
"pagination-button": "awsui_pagination-
|
|
8
|
-
"pagination-button-left": "awsui_pagination-button-
|
|
9
|
-
"pagination-button-left-scrollable": "awsui_pagination-button-left-
|
|
10
|
-
"pagination-button-right": "awsui_pagination-button-
|
|
11
|
-
"pagination-button-right-scrollable": "awsui_pagination-button-right-
|
|
12
|
-
"tabs-tab": "awsui_tabs-
|
|
13
|
-
"tabs-tab-label": "awsui_tabs-tab-
|
|
14
|
-
"tabs-tab-header-container": "awsui_tabs-tab-header-
|
|
15
|
-
"tabs-tab-dismiss": "awsui_tabs-tab-
|
|
16
|
-
"tabs-tab-action": "awsui_tabs-tab-
|
|
17
|
-
"refresh": "
|
|
18
|
-
"tabs-tab-disabled": "awsui_tabs-tab-
|
|
19
|
-
"tabs-tab-link": "awsui_tabs-tab-
|
|
20
|
-
"tabs-tab-active": "awsui_tabs-tab-
|
|
21
|
-
"tabs-header-with-divider": "awsui_tabs-header-with-
|
|
22
|
-
"tabs-tab-focusable": "awsui_tabs-tab-
|
|
23
|
-
"root": "
|
|
24
|
-
"tabs": "
|
|
25
|
-
"tabs-content": "awsui_tabs-
|
|
26
|
-
"fit-height": "awsui_fit-
|
|
27
|
-
"tabs-content-active": "awsui_tabs-content-
|
|
28
|
-
"tabs-content-wrapper": "awsui_tabs-content-
|
|
29
|
-
"with-paddings": "awsui_with-
|
|
30
|
-
"tabs-container-content-wrapper": "awsui_tabs-container-content-
|
|
31
|
-
"disabled-reason-tooltip": "awsui_disabled-reason-
|
|
32
|
-
"tabs-tab-focused": "awsui_tabs-tab-
|
|
5
|
+
"tabs-header": "awsui_tabs-header_14rmt_1ebqu_290",
|
|
6
|
+
"tabs-header-list": "awsui_tabs-header-list_14rmt_1ebqu_298",
|
|
7
|
+
"pagination-button": "awsui_pagination-button_14rmt_1ebqu_316",
|
|
8
|
+
"pagination-button-left": "awsui_pagination-button-left_14rmt_1ebqu_323",
|
|
9
|
+
"pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1ebqu_326",
|
|
10
|
+
"pagination-button-right": "awsui_pagination-button-right_14rmt_1ebqu_330",
|
|
11
|
+
"pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1ebqu_333",
|
|
12
|
+
"tabs-tab": "awsui_tabs-tab_14rmt_1ebqu_338",
|
|
13
|
+
"tabs-tab-label": "awsui_tabs-tab-label_14rmt_1ebqu_348",
|
|
14
|
+
"tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_1ebqu_359",
|
|
15
|
+
"tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_1ebqu_370",
|
|
16
|
+
"tabs-tab-action": "awsui_tabs-tab-action_14rmt_1ebqu_370",
|
|
17
|
+
"refresh": "awsui_refresh_14rmt_1ebqu_375",
|
|
18
|
+
"tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1ebqu_379",
|
|
19
|
+
"tabs-tab-link": "awsui_tabs-tab-link_14rmt_1ebqu_421",
|
|
20
|
+
"tabs-tab-active": "awsui_tabs-tab-active_14rmt_1ebqu_499",
|
|
21
|
+
"tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1ebqu_506",
|
|
22
|
+
"tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_1ebqu_510",
|
|
23
|
+
"root": "awsui_root_14rmt_1ebqu_514",
|
|
24
|
+
"tabs": "awsui_tabs_14rmt_1ebqu_290",
|
|
25
|
+
"tabs-content": "awsui_tabs-content_14rmt_1ebqu_552",
|
|
26
|
+
"fit-height": "awsui_fit-height_14rmt_1ebqu_556",
|
|
27
|
+
"tabs-content-active": "awsui_tabs-content-active_14rmt_1ebqu_562",
|
|
28
|
+
"tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1ebqu_576",
|
|
29
|
+
"with-paddings": "awsui_with-paddings_14rmt_1ebqu_576",
|
|
30
|
+
"tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1ebqu_587",
|
|
31
|
+
"disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_1ebqu_598",
|
|
32
|
+
"tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_1ebqu_602"
|
|
33
33
|
};
|
|
34
34
|
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/icon.tsx"],"names":[],"mappings":";AAIA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,eAe7E"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/icon.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAA0B;IAC5E,OAAO,CACL,6BACE,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,iBACN,IAAI;QAEjB,8BAAM,WAAW,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG;QACrD,8BAAM,WAAW,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,CACnD,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nexport default function ResizeHandleIcon({ className }: { className?: string }) {\n return (\n <svg\n focusable={false}\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n aria-hidden={true}\n >\n <line strokeWidth=\"2\" x1=\"2\" y1=\"5\" x2=\"14\" y2=\"5\" />\n <line strokeWidth=\"2\" x1=\"14\" y1=\"10\" x2=\"2\" y2=\"10\" />\n </svg>\n );\n}\n"]}
|