@cloudscape-design/components 3.0.1274 → 3.0.1276
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/action-card/index.d.ts +5 -0
- package/action-card/index.d.ts.map +1 -0
- package/action-card/index.js +30 -0
- package/action-card/index.js.map +1 -0
- package/action-card/interfaces.d.ts +79 -0
- package/action-card/interfaces.d.ts.map +1 -0
- package/action-card/interfaces.js +2 -0
- package/action-card/interfaces.js.map +1 -0
- package/action-card/internal.d.ts +6 -0
- package/action-card/internal.d.ts.map +1 -0
- package/action-card/internal.js +74 -0
- package/action-card/internal.js.map +1 -0
- package/action-card/styles.css.js +22 -0
- package/action-card/styles.scoped.css +580 -0
- package/action-card/styles.selectors.js +23 -0
- package/action-card/test-classes/styles.css.js +11 -0
- package/action-card/test-classes/styles.scoped.css +12 -0
- package/action-card/test-classes/styles.selectors.js +12 -0
- package/date-range-picker/index.d.ts.map +1 -1
- package/date-range-picker/index.js +7 -6
- package/date-range-picker/index.js.map +1 -1
- package/date-range-picker/interfaces.d.ts +8 -0
- package/date-range-picker/interfaces.d.ts.map +1 -1
- package/date-range-picker/interfaces.js.map +1 -1
- package/drawer/implementation.d.ts +7 -2
- package/drawer/implementation.d.ts.map +1 -1
- package/drawer/implementation.js +5 -2
- package/drawer/implementation.js.map +1 -1
- package/drawer/index.d.ts +11 -1
- package/drawer/index.d.ts.map +1 -1
- package/drawer/index.js +16 -4
- package/drawer/index.js.map +1 -1
- package/drawer/interfaces.d.ts +72 -7
- package/drawer/interfaces.d.ts.map +1 -1
- package/drawer/interfaces.js +2 -0
- package/drawer/interfaces.js.map +1 -1
- package/drawer/next.d.ts +16 -0
- package/drawer/next.d.ts.map +1 -0
- package/drawer/next.js +31 -0
- package/drawer/next.js.map +1 -0
- package/drawer/styles.css.js +16 -12
- package/drawer/styles.scoped.css +23 -17
- package/drawer/styles.selectors.js +16 -12
- package/drawer/utils.d.ts +12 -0
- package/drawer/utils.d.ts.map +1 -0
- package/drawer/utils.js +74 -0
- package/drawer/utils.js.map +1 -0
- package/i18n/dynamic.d.ts +1 -1
- package/i18n/testing.js +1 -1
- package/i18n/testing.js.map +1 -1
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/internal/base-component/styles.scoped.css +85 -3
- package/internal/components/drag-handle/button.d.ts +1 -1
- package/internal/components/drag-handle/index.d.ts +1 -1
- package/internal/components/structured-item/styles.css.js +7 -7
- package/internal/components/structured-item/styles.scoped.css +9 -8
- package/internal/components/structured-item/styles.selectors.js +7 -7
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/styles/tokens.d.ts +28 -1
- package/internal/generated/styles/tokens.js +28 -1
- package/internal/generated/theming/index.cjs +533 -4
- package/internal/generated/theming/index.cjs.d.ts +36 -0
- package/internal/generated/theming/index.d.ts +36 -0
- package/internal/generated/theming/index.js +533 -4
- package/internal/manifest.json +1 -1
- package/item-card/styles.css.js +14 -14
- package/item-card/styles.scoped.css +52 -52
- package/item-card/styles.selectors.js +14 -14
- package/package.json +2 -1
- package/select/parts/filter.d.ts +1 -1
- package/table/body-cell/styles.css.js +48 -48
- package/table/body-cell/styles.scoped.css +379 -379
- package/table/body-cell/styles.selectors.js +48 -48
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +42 -42
- package/table/styles.selectors.js +34 -34
- package/test-utils/dom/action-card/index.d.ts +29 -0
- package/test-utils/dom/action-card/index.js +64 -0
- package/test-utils/dom/action-card/index.js.map +1 -0
- package/test-utils/dom/autosuggest/index.js +16 -17
- package/test-utils/dom/autosuggest/index.js.map +1 -1
- package/test-utils/dom/button-dropdown/index.js +1 -2
- package/test-utils/dom/button-dropdown/index.js.map +1 -1
- package/test-utils/dom/dropdown/index.d.ts +0 -1
- package/test-utils/dom/dropdown/index.js +0 -2
- package/test-utils/dom/dropdown/index.js.map +1 -1
- package/test-utils/dom/index.d.ts +28 -0
- package/test-utils/dom/index.js +21 -2
- package/test-utils/dom/index.js.map +1 -1
- package/test-utils/dom/internal/autosuggest-input.js +1 -2
- package/test-utils/dom/internal/autosuggest-input.js.map +1 -1
- package/test-utils/dom/internal/dropdown-host.js +17 -18
- package/test-utils/dom/internal/dropdown-host.js.map +1 -1
- package/test-utils/dom/internal/dropdown.js +1 -2
- package/test-utils/dom/internal/dropdown.js.map +1 -1
- package/test-utils/selectors/action-card/index.d.ts +20 -0
- package/test-utils/selectors/action-card/index.js +36 -0
- package/test-utils/selectors/action-card/index.js.map +1 -0
- package/test-utils/selectors/autosuggest/index.js +16 -17
- package/test-utils/selectors/autosuggest/index.js.map +1 -1
- package/test-utils/selectors/button-dropdown/index.js +1 -2
- package/test-utils/selectors/button-dropdown/index.js.map +1 -1
- package/test-utils/selectors/dropdown/index.d.ts +0 -1
- package/test-utils/selectors/dropdown/index.js +0 -2
- package/test-utils/selectors/dropdown/index.js.map +1 -1
- package/test-utils/selectors/index.d.ts +18 -0
- package/test-utils/selectors/index.js +16 -2
- package/test-utils/selectors/index.js.map +1 -1
- package/test-utils/selectors/internal/autosuggest-input.js +1 -2
- package/test-utils/selectors/internal/autosuggest-input.js.map +1 -1
- package/test-utils/selectors/internal/dropdown-host.js +17 -18
- package/test-utils/selectors/internal/dropdown-host.js.map +1 -1
- package/test-utils/selectors/internal/dropdown.js +1 -2
- package/test-utils/selectors/internal/dropdown.js.map +1 -1
- package/tiles/styles.css.js +30 -30
- package/tiles/styles.scoped.css +73 -73
- package/tiles/styles.selectors.js +30 -30
- package/internal/components/dropdown/styles.css.js +0 -7
- package/internal/components/dropdown/styles.scoped.css +0 -11
- package/internal/components/dropdown/styles.selectors.js +0 -8
|
@@ -283,6 +283,7 @@ body {
|
|
|
283
283
|
--color-background-input-disabled-dihaja:var(--color-neutral-250-vs1is4);
|
|
284
284
|
--color-background-item-selected-9gppru:var(--color-primary-50-1y05xv);
|
|
285
285
|
--color-background-layout-main-5ilwcb:var(--color-white-p1zlvy);
|
|
286
|
+
--color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
|
|
286
287
|
--color-background-layout-mobile-panel-ed0ava:var(--color-neutral-950-lxybh8);
|
|
287
288
|
--color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
|
|
288
289
|
--color-background-layout-panel-hover-tguulw:var(--color-neutral-250-vs1is4);
|
|
@@ -522,6 +523,19 @@ body {
|
|
|
522
523
|
--color-dropzone-border-hover-otpag5:var(--color-primary-900-a5kqrr);
|
|
523
524
|
--color-gap-global-drawer-nh699a:var(--color-neutral-250-vs1is4);
|
|
524
525
|
--color-tree-view-connector-line-1usxvn:var(--color-neutral-500-8van0b);
|
|
526
|
+
--color-background-action-card-default-src0mr:var(--color-white-p1zlvy);
|
|
527
|
+
--color-background-action-card-hover-doobfp:var(--color-primary-50-1y05xv);
|
|
528
|
+
--color-background-action-card-active-4mj226:var(--color-primary-100-f62fz9);
|
|
529
|
+
--color-border-action-card-default-dtywof:var(--color-primary-600-1lcy1k);
|
|
530
|
+
--color-border-action-card-hover-onrya1:var(--color-primary-900-a5kqrr);
|
|
531
|
+
--color-border-action-card-active-ak3vrv:var(--color-primary-900-a5kqrr);
|
|
532
|
+
--color-border-action-card-disabled-9xqqxt:var(--color-neutral-400-wtst55);
|
|
533
|
+
--color-background-action-card-disabled-71qsdt:var(--color-white-p1zlvy);
|
|
534
|
+
--color-text-action-card-disabled-htx40i:var(--color-neutral-500-8van0b);
|
|
535
|
+
--color-icon-action-card-default-anh0vz:var(--color-primary-600-1lcy1k);
|
|
536
|
+
--color-icon-action-card-hover-qxq4pp:var(--color-primary-900-a5kqrr);
|
|
537
|
+
--color-icon-action-card-active-rhp94s:var(--color-primary-900-a5kqrr);
|
|
538
|
+
--color-icon-action-card-disabled-wm3kyf:var(--color-neutral-400-wtst55);
|
|
525
539
|
--font-box-value-large-weight-wr00sw:700;
|
|
526
540
|
--font-button-letter-spacing-ufowe3:0.005em;
|
|
527
541
|
--font-chart-detail-size-9qr25q:var(--font-size-body-s-smc8cv);
|
|
@@ -619,9 +633,9 @@ body {
|
|
|
619
633
|
--border-link-focus-ring-outline-1p0hnu:0;
|
|
620
634
|
--border-link-focus-ring-shadow-spread-39uvxr:2px;
|
|
621
635
|
--border-width-card-x24gzt:var(--border-divider-section-width-uwo8my);
|
|
622
|
-
--border-width-card-
|
|
636
|
+
--border-width-card-selected-01i6br:var(--border-item-width-miijiw);
|
|
623
637
|
--border-width-item-card-3wmyp3:var(--border-width-card-x24gzt);
|
|
624
|
-
--border-width-item-
|
|
638
|
+
--border-width-item-selected-yv93vd:2px;
|
|
625
639
|
--border-width-alert-tuifgy:2px;
|
|
626
640
|
--border-width-alert-block-start-5wbfsk:var(--border-width-alert-tuifgy);
|
|
627
641
|
--border-width-alert-block-end-q8rr42:var(--border-width-alert-tuifgy);
|
|
@@ -637,6 +651,12 @@ body {
|
|
|
637
651
|
--border-width-icon-medium-b7icqv:2px;
|
|
638
652
|
--border-width-icon-big-ymgy42:3px;
|
|
639
653
|
--border-width-icon-large-u645rg:4px;
|
|
654
|
+
--border-radius-action-card-default-ejctkq:var(--border-radius-card-default-d8ipr7);
|
|
655
|
+
--border-radius-action-card-embedded-3y65t8:var(--border-radius-card-embedded-fvclp8);
|
|
656
|
+
--border-width-action-card-default-jy3kut:var(--border-width-card-x24gzt);
|
|
657
|
+
--border-width-action-card-hover-02l6fg:var(--border-width-card-x24gzt);
|
|
658
|
+
--border-width-action-card-active-pwtgzu:var(--border-width-card-x24gzt);
|
|
659
|
+
--border-width-action-card-disabled-rdvlbc:var(--border-width-card-x24gzt);
|
|
640
660
|
--motion-duration-extra-slow-29bqym:270ms;
|
|
641
661
|
--motion-duration-fast-unntf6:90ms;
|
|
642
662
|
--motion-duration-moderate-c9utmg:135ms;
|
|
@@ -752,6 +772,11 @@ body {
|
|
|
752
772
|
--space-table-horizontal-suurzj:var(--space-container-horizontal-nqrzyh);
|
|
753
773
|
--space-tree-view-indentation-xh9kis:var(--space-xl-jfy3x4);
|
|
754
774
|
--space-tile-gutter-bi2bdv:var(--space-xl-jfy3x4);
|
|
775
|
+
--space-action-card-horizontal-default-su1e86:var(--space-card-horizontal-default-pihe12);
|
|
776
|
+
--space-action-card-horizontal-embedded-pb8pj4:var(--space-card-horizontal-embedded-sasxhu);
|
|
777
|
+
--space-action-card-vertical-default-zqb3v3:var(--space-card-vertical-default-e40tif);
|
|
778
|
+
--space-action-card-vertical-embedded-f1rm8a:var(--space-card-vertical-embedded-30pnhg);
|
|
779
|
+
--space-action-card-description-padding-top-qw1sd7:var(--space-scaled-xxs-pfm1nx);
|
|
755
780
|
--space-scaled-2x-xxs-e79hr1:var(--space-xxs-hwfkai);
|
|
756
781
|
--space-scaled-2x-m-4euqsk:var(--space-m-dsumyt);
|
|
757
782
|
--space-scaled-2x-l-u5ida5:var(--space-l-2ud1p3);
|
|
@@ -1070,6 +1095,18 @@ body {
|
|
|
1070
1095
|
--color-dropzone-border-hover-otpag5:var(--color-primary-300-5q65ox);
|
|
1071
1096
|
--color-gap-global-drawer-nh699a:var(--color-neutral-950-lxybh8);
|
|
1072
1097
|
--color-tree-view-connector-line-1usxvn:var(--color-neutral-300-08wi6k);
|
|
1098
|
+
--color-background-action-card-default-src0mr:var(--color-neutral-850-3f0gro);
|
|
1099
|
+
--color-background-action-card-hover-doobfp:var(--color-neutral-800-t7j5ap);
|
|
1100
|
+
--color-background-action-card-active-4mj226:var(--color-neutral-700-qw8ats);
|
|
1101
|
+
--color-border-action-card-default-dtywof:var(--color-primary-400-n8h4bx);
|
|
1102
|
+
--color-border-action-card-hover-onrya1:var(--color-primary-300-5q65ox);
|
|
1103
|
+
--color-border-action-card-active-ak3vrv:var(--color-primary-300-5q65ox);
|
|
1104
|
+
--color-border-action-card-disabled-9xqqxt:var(--color-neutral-600-fln1ww);
|
|
1105
|
+
--color-background-action-card-disabled-71qsdt:var(--color-neutral-850-3f0gro);
|
|
1106
|
+
--color-icon-action-card-default-anh0vz:var(--color-primary-400-n8h4bx);
|
|
1107
|
+
--color-icon-action-card-hover-qxq4pp:var(--color-primary-300-5q65ox);
|
|
1108
|
+
--color-icon-action-card-active-rhp94s:var(--color-primary-300-5q65ox);
|
|
1109
|
+
--color-icon-action-card-disabled-wm3kyf:var(--color-neutral-600-fln1ww);
|
|
1073
1110
|
--shadow-container-53ltfv:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
|
|
1074
1111
|
--shadow-container-active-ypjjoc:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
|
|
1075
1112
|
--shadow-dropdown-isf0w4:0px 4px 20px 1px rgba(0, 4, 12, 1);
|
|
@@ -1131,6 +1168,10 @@ body {
|
|
|
1131
1168
|
--space-panel-split-bottom-ir16d7:var(--space-scaled-l-sej05l);
|
|
1132
1169
|
--space-tabs-content-top-ju6qox:var(--space-scaled-s-8ozaad);
|
|
1133
1170
|
--space-tabs-vertical-3qxuiu:var(--space-scaled-xxs-pfm1nx);
|
|
1171
|
+
--space-action-card-horizontal-embedded-pb8pj4:var(--space-card-horizontal-embedded-sasxhu);
|
|
1172
|
+
--space-action-card-vertical-default-zqb3v3:var(--space-card-vertical-default-e40tif);
|
|
1173
|
+
--space-action-card-vertical-embedded-f1rm8a:var(--space-card-vertical-embedded-30pnhg);
|
|
1174
|
+
--space-action-card-description-padding-top-qw1sd7:var(--space-scaled-xxs-pfm1nx);
|
|
1134
1175
|
}
|
|
1135
1176
|
|
|
1136
1177
|
.awsui-motion-disabled:not(#\9) {
|
|
@@ -1183,6 +1224,8 @@ body {
|
|
|
1183
1224
|
--space-panel-split-bottom-ir16d7:var(--space-scaled-l-sej05l);
|
|
1184
1225
|
--space-tabs-content-top-ju6qox:var(--space-scaled-s-8ozaad);
|
|
1185
1226
|
--space-tabs-vertical-3qxuiu:var(--space-scaled-xxs-pfm1nx);
|
|
1227
|
+
--space-action-card-vertical-default-zqb3v3:var(--space-card-vertical-default-e40tif);
|
|
1228
|
+
--space-action-card-description-padding-top-qw1sd7:var(--space-scaled-xxs-pfm1nx);
|
|
1186
1229
|
}
|
|
1187
1230
|
|
|
1188
1231
|
.awsui-context-top-navigation:not(#\9) {
|
|
@@ -1340,6 +1383,18 @@ body {
|
|
|
1340
1383
|
--color-dropzone-border-hover-otpag5:var(--color-primary-300-5q65ox);
|
|
1341
1384
|
--color-gap-global-drawer-nh699a:var(--color-neutral-950-lxybh8);
|
|
1342
1385
|
--color-tree-view-connector-line-1usxvn:var(--color-neutral-300-08wi6k);
|
|
1386
|
+
--color-background-action-card-default-src0mr:var(--color-neutral-850-3f0gro);
|
|
1387
|
+
--color-background-action-card-hover-doobfp:var(--color-neutral-800-t7j5ap);
|
|
1388
|
+
--color-background-action-card-active-4mj226:var(--color-neutral-700-qw8ats);
|
|
1389
|
+
--color-border-action-card-default-dtywof:var(--color-primary-400-n8h4bx);
|
|
1390
|
+
--color-border-action-card-hover-onrya1:var(--color-primary-300-5q65ox);
|
|
1391
|
+
--color-border-action-card-active-ak3vrv:var(--color-primary-300-5q65ox);
|
|
1392
|
+
--color-border-action-card-disabled-9xqqxt:var(--color-neutral-600-fln1ww);
|
|
1393
|
+
--color-background-action-card-disabled-71qsdt:var(--color-neutral-850-3f0gro);
|
|
1394
|
+
--color-icon-action-card-default-anh0vz:var(--color-primary-400-n8h4bx);
|
|
1395
|
+
--color-icon-action-card-hover-qxq4pp:var(--color-primary-300-5q65ox);
|
|
1396
|
+
--color-icon-action-card-active-rhp94s:var(--color-primary-300-5q65ox);
|
|
1397
|
+
--color-icon-action-card-disabled-wm3kyf:var(--color-neutral-600-fln1ww);
|
|
1343
1398
|
--color-background-button-primary-default-vdt0fu:var(--color-border-button-normal-default-glqfp1);
|
|
1344
1399
|
--color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
|
|
1345
1400
|
--color-text-direction-button-disabled-2jds36:var(--color-text-interactive-disabled-1bqmrl);
|
|
@@ -1347,6 +1402,7 @@ body {
|
|
|
1347
1402
|
--color-background-card-p5vrq0:var(--color-background-container-content-6u8rvp);
|
|
1348
1403
|
--color-background-item-card-ww2wfv:var(--color-background-card-p5vrq0);
|
|
1349
1404
|
--color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
|
|
1405
|
+
--color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
|
|
1350
1406
|
--color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
|
|
1351
1407
|
--color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
|
|
1352
1408
|
--color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
|
|
@@ -1586,6 +1642,18 @@ body {
|
|
|
1586
1642
|
--color-dropzone-border-hover-otpag5:var(--color-primary-300-5q65ox);
|
|
1587
1643
|
--color-gap-global-drawer-nh699a:var(--color-neutral-950-lxybh8);
|
|
1588
1644
|
--color-tree-view-connector-line-1usxvn:var(--color-neutral-300-08wi6k);
|
|
1645
|
+
--color-background-action-card-default-src0mr:var(--color-neutral-850-3f0gro);
|
|
1646
|
+
--color-background-action-card-hover-doobfp:var(--color-neutral-800-t7j5ap);
|
|
1647
|
+
--color-background-action-card-active-4mj226:var(--color-neutral-700-qw8ats);
|
|
1648
|
+
--color-border-action-card-default-dtywof:var(--color-primary-400-n8h4bx);
|
|
1649
|
+
--color-border-action-card-hover-onrya1:var(--color-primary-300-5q65ox);
|
|
1650
|
+
--color-border-action-card-active-ak3vrv:var(--color-primary-300-5q65ox);
|
|
1651
|
+
--color-border-action-card-disabled-9xqqxt:var(--color-neutral-600-fln1ww);
|
|
1652
|
+
--color-background-action-card-disabled-71qsdt:var(--color-neutral-850-3f0gro);
|
|
1653
|
+
--color-icon-action-card-default-anh0vz:var(--color-primary-400-n8h4bx);
|
|
1654
|
+
--color-icon-action-card-hover-qxq4pp:var(--color-primary-300-5q65ox);
|
|
1655
|
+
--color-icon-action-card-active-rhp94s:var(--color-primary-300-5q65ox);
|
|
1656
|
+
--color-icon-action-card-disabled-wm3kyf:var(--color-neutral-600-fln1ww);
|
|
1589
1657
|
--shadow-container-53ltfv:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
|
|
1590
1658
|
--shadow-container-active-ypjjoc:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
|
|
1591
1659
|
--shadow-dropdown-isf0w4:0px 4px 20px 1px rgba(0, 4, 12, 1);
|
|
@@ -1602,6 +1670,7 @@ body {
|
|
|
1602
1670
|
--color-background-card-p5vrq0:var(--color-background-container-content-6u8rvp);
|
|
1603
1671
|
--color-background-item-card-ww2wfv:var(--color-background-card-p5vrq0);
|
|
1604
1672
|
--color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
|
|
1673
|
+
--color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
|
|
1605
1674
|
--color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
|
|
1606
1675
|
--color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
|
|
1607
1676
|
--color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
|
|
@@ -1982,6 +2051,18 @@ body {
|
|
|
1982
2051
|
--color-dropzone-border-hover-otpag5:var(--color-primary-300-5q65ox);
|
|
1983
2052
|
--color-gap-global-drawer-nh699a:var(--color-neutral-950-lxybh8);
|
|
1984
2053
|
--color-tree-view-connector-line-1usxvn:var(--color-neutral-300-08wi6k);
|
|
2054
|
+
--color-background-action-card-default-src0mr:var(--color-neutral-850-3f0gro);
|
|
2055
|
+
--color-background-action-card-hover-doobfp:var(--color-neutral-800-t7j5ap);
|
|
2056
|
+
--color-background-action-card-active-4mj226:var(--color-neutral-700-qw8ats);
|
|
2057
|
+
--color-border-action-card-default-dtywof:var(--color-primary-400-n8h4bx);
|
|
2058
|
+
--color-border-action-card-hover-onrya1:var(--color-primary-300-5q65ox);
|
|
2059
|
+
--color-border-action-card-active-ak3vrv:var(--color-primary-300-5q65ox);
|
|
2060
|
+
--color-border-action-card-disabled-9xqqxt:var(--color-neutral-600-fln1ww);
|
|
2061
|
+
--color-background-action-card-disabled-71qsdt:var(--color-neutral-850-3f0gro);
|
|
2062
|
+
--color-icon-action-card-default-anh0vz:var(--color-primary-400-n8h4bx);
|
|
2063
|
+
--color-icon-action-card-hover-qxq4pp:var(--color-primary-300-5q65ox);
|
|
2064
|
+
--color-icon-action-card-active-rhp94s:var(--color-primary-300-5q65ox);
|
|
2065
|
+
--color-icon-action-card-disabled-wm3kyf:var(--color-neutral-600-fln1ww);
|
|
1985
2066
|
--color-background-button-primary-default-vdt0fu:var(--color-border-button-normal-default-glqfp1);
|
|
1986
2067
|
--color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
|
|
1987
2068
|
--color-text-direction-button-disabled-2jds36:var(--color-text-interactive-disabled-1bqmrl);
|
|
@@ -1989,6 +2070,7 @@ body {
|
|
|
1989
2070
|
--color-background-card-p5vrq0:var(--color-background-container-content-6u8rvp);
|
|
1990
2071
|
--color-background-item-card-ww2wfv:var(--color-background-card-p5vrq0);
|
|
1991
2072
|
--color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
|
|
2073
|
+
--color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
|
|
1992
2074
|
--color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
|
|
1993
2075
|
--color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
|
|
1994
2076
|
--color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
|
|
@@ -2154,5 +2236,5 @@ body {
|
|
|
2154
2236
|
}
|
|
2155
2237
|
}
|
|
2156
2238
|
:root {
|
|
2157
|
-
--awsui-version-info-
|
|
2239
|
+
--awsui-version-info-9d03c896: true;
|
|
2158
2240
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DragHandleProps } from './interfaces';
|
|
3
|
-
declare const DragHandleButton: React.ForwardRefExoticComponent<Pick<DragHandleProps, "size" | "active" | "disabled" | "className" | "onKeyDown" | "onClick" | "onPointerDown" | "
|
|
3
|
+
declare const DragHandleButton: React.ForwardRefExoticComponent<Pick<DragHandleProps, "size" | "active" | "disabled" | "className" | "onKeyDown" | "onClick" | "onPointerDown" | "ariaLabel" | "ariaDescribedby" | "variant" | "directions" | "tooltipText" | "onDirectionClick" | "triggerMode" | "initialShowButtons" | "controlledShowButtons" | "hideButtonsOnDrag" | "clickDragThreshold" | "ariaLabelledBy" | "ariaValue"> & React.RefAttributes<Element>>;
|
|
4
4
|
export default DragHandleButton;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DragHandleProps } from './interfaces';
|
|
3
3
|
export { DragHandleProps };
|
|
4
|
-
declare const InternalDragHandle: React.ForwardRefExoticComponent<Pick<DragHandleProps, "size" | "active" | "disabled" | "className" | "onKeyDown" | "onClick" | "onPointerDown" | "
|
|
4
|
+
declare const InternalDragHandle: React.ForwardRefExoticComponent<Pick<DragHandleProps, "size" | "active" | "disabled" | "className" | "onKeyDown" | "onClick" | "onPointerDown" | "ariaLabel" | "ariaDescribedby" | "variant" | "directions" | "tooltipText" | "onDirectionClick" | "triggerMode" | "initialShowButtons" | "controlledShowButtons" | "hideButtonsOnDrag" | "clickDragThreshold" | "ariaLabelledBy" | "ariaValue"> & React.RefAttributes<Element>>;
|
|
5
5
|
export default InternalDragHandle;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"disable-paddings": "awsui_disable-
|
|
6
|
-
"main": "
|
|
7
|
-
"content-wrap": "awsui_content-
|
|
8
|
-
"wrap-actions": "awsui_wrap-
|
|
9
|
-
"content": "
|
|
10
|
-
"actions": "
|
|
4
|
+
"root": "awsui_root_1ifko_1qt8i_145",
|
|
5
|
+
"disable-paddings": "awsui_disable-paddings_1ifko_1qt8i_184",
|
|
6
|
+
"main": "awsui_main_1ifko_1qt8i_188",
|
|
7
|
+
"content-wrap": "awsui_content-wrap_1ifko_1qt8i_195",
|
|
8
|
+
"wrap-actions": "awsui_wrap-actions_1ifko_1qt8i_205",
|
|
9
|
+
"content": "awsui_content_1ifko_1qt8i_195",
|
|
10
|
+
"actions": "awsui_actions_1ifko_1qt8i_214"
|
|
11
11
|
};
|
|
12
12
|
|
|
@@ -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
|
-
.
|
|
145
|
+
.awsui_root_1ifko_1qt8i_145:not(#\9) {
|
|
146
146
|
border-collapse: separate;
|
|
147
147
|
border-spacing: 0;
|
|
148
148
|
box-sizing: border-box;
|
|
@@ -174,43 +174,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
174
174
|
-moz-osx-font-smoothing: auto;
|
|
175
175
|
min-inline-size: 0;
|
|
176
176
|
word-break: break-word;
|
|
177
|
+
cursor: inherit;
|
|
177
178
|
display: flex;
|
|
178
179
|
flex: 1;
|
|
179
180
|
flex-direction: row;
|
|
180
181
|
align-items: baseline;
|
|
181
182
|
column-gap: var(--space-xs-ymlm0b, 8px);
|
|
182
183
|
}
|
|
183
|
-
.
|
|
184
|
+
.awsui_root_1ifko_1qt8i_145.awsui_disable-paddings_1ifko_1qt8i_184:not(#\9) {
|
|
184
185
|
column-gap: 0;
|
|
185
186
|
}
|
|
186
187
|
|
|
187
|
-
.
|
|
188
|
+
.awsui_main_1ifko_1qt8i_188:not(#\9) {
|
|
188
189
|
flex-grow: 1;
|
|
189
190
|
display: flex;
|
|
190
191
|
flex-direction: column;
|
|
191
192
|
min-inline-size: 0;
|
|
192
193
|
}
|
|
193
194
|
|
|
194
|
-
.awsui_content-
|
|
195
|
+
.awsui_content-wrap_1ifko_1qt8i_195:not(#\9) {
|
|
195
196
|
flex-grow: 1;
|
|
196
197
|
display: flex;
|
|
197
198
|
align-items: baseline;
|
|
198
199
|
flex-direction: row;
|
|
199
200
|
column-gap: var(--space-xs-ymlm0b, 8px);
|
|
200
201
|
}
|
|
201
|
-
.awsui_disable-
|
|
202
|
+
.awsui_disable-paddings_1ifko_1qt8i_184 > .awsui_main_1ifko_1qt8i_188 > .awsui_content-wrap_1ifko_1qt8i_195:not(#\9) {
|
|
202
203
|
column-gap: 0;
|
|
203
204
|
}
|
|
204
|
-
.awsui_content-
|
|
205
|
+
.awsui_content-wrap_1ifko_1qt8i_195.awsui_wrap-actions_1ifko_1qt8i_205:not(#\9) {
|
|
205
206
|
flex-wrap: wrap;
|
|
206
207
|
}
|
|
207
208
|
|
|
208
|
-
.
|
|
209
|
+
.awsui_content_1ifko_1qt8i_195:not(#\9) {
|
|
209
210
|
flex-grow: 1;
|
|
210
211
|
min-inline-size: 0;
|
|
211
212
|
}
|
|
212
213
|
|
|
213
|
-
.
|
|
214
|
+
.awsui_actions_1ifko_1qt8i_214:not(#\9) {
|
|
214
215
|
flex-shrink: 0;
|
|
215
216
|
margin-inline-start: auto;
|
|
216
217
|
}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"disable-paddings": "awsui_disable-
|
|
7
|
-
"main": "
|
|
8
|
-
"content-wrap": "awsui_content-
|
|
9
|
-
"wrap-actions": "awsui_wrap-
|
|
10
|
-
"content": "
|
|
11
|
-
"actions": "
|
|
5
|
+
"root": "awsui_root_1ifko_1qt8i_145",
|
|
6
|
+
"disable-paddings": "awsui_disable-paddings_1ifko_1qt8i_184",
|
|
7
|
+
"main": "awsui_main_1ifko_1qt8i_188",
|
|
8
|
+
"content-wrap": "awsui_content-wrap_1ifko_1qt8i_195",
|
|
9
|
+
"wrap-actions": "awsui_wrap-actions_1ifko_1qt8i_205",
|
|
10
|
+
"content": "awsui_content_1ifko_1qt8i_195",
|
|
11
|
+
"actions": "awsui_actions_1ifko_1qt8i_214"
|
|
12
12
|
};
|
|
13
13
|
|
package/internal/environment.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "components";
|
|
2
|
-
export var PACKAGE_VERSION = "3.0.0 (
|
|
3
|
-
export var GIT_SHA = "
|
|
2
|
+
export var PACKAGE_VERSION = "3.0.0 (9d03c896)";
|
|
3
|
+
export var GIT_SHA = "9d03c896";
|
|
4
4
|
export var THEME = "open-source-visual-refresh";
|
|
5
5
|
export var SYSTEM = "core";
|
|
6
6
|
export var ALWAYS_VISUAL_REFRESH = true;
|
|
@@ -325,6 +325,7 @@ export const colorBackgroundInputDefault: string;
|
|
|
325
325
|
export const colorBackgroundInputDisabled: string;
|
|
326
326
|
export const colorBackgroundItemSelected: string;
|
|
327
327
|
export const colorBackgroundLayoutMain: string;
|
|
328
|
+
export const colorBackgroundDrawer: string;
|
|
328
329
|
export const colorBackgroundLayoutMobilePanel: string;
|
|
329
330
|
export const colorBackgroundLayoutPanelContent: string;
|
|
330
331
|
export const colorBackgroundLayoutPanelHover: string;
|
|
@@ -569,6 +570,19 @@ export const colorDropzoneBorderDefault: string;
|
|
|
569
570
|
export const colorDropzoneBorderHover: string;
|
|
570
571
|
export const colorGapGlobalDrawer: string;
|
|
571
572
|
export const colorTreeViewConnectorLine: string;
|
|
573
|
+
export const colorBackgroundActionCardDefault: string;
|
|
574
|
+
export const colorBackgroundActionCardHover: string;
|
|
575
|
+
export const colorBackgroundActionCardActive: string;
|
|
576
|
+
export const colorBorderActionCardDefault: string;
|
|
577
|
+
export const colorBorderActionCardHover: string;
|
|
578
|
+
export const colorBorderActionCardActive: string;
|
|
579
|
+
export const colorBorderActionCardDisabled: string;
|
|
580
|
+
export const colorBackgroundActionCardDisabled: string;
|
|
581
|
+
export const colorTextActionCardDisabled: string;
|
|
582
|
+
export const colorIconActionCardDefault: string;
|
|
583
|
+
export const colorIconActionCardHover: string;
|
|
584
|
+
export const colorIconActionCardActive: string;
|
|
585
|
+
export const colorIconActionCardDisabled: string;
|
|
572
586
|
export const fontBoxValueLargeWeight: string;
|
|
573
587
|
export const fontButtonLetterSpacing: string;
|
|
574
588
|
export const fontChartDetailSize: string;
|
|
@@ -666,9 +680,10 @@ export const borderTableStickyWidth: string;
|
|
|
666
680
|
export const borderLinkFocusRingOutline: string;
|
|
667
681
|
export const borderLinkFocusRingShadowSpread: string;
|
|
668
682
|
export const borderWidthCard: string;
|
|
669
|
-
export const
|
|
683
|
+
export const borderWidthCardSelected: string;
|
|
670
684
|
export const borderWidthItemCard: string;
|
|
671
685
|
export const borderWidthItemCardHighlighted: string;
|
|
686
|
+
export const borderWidthItemSelected: string;
|
|
672
687
|
export const borderWidthAlert: string;
|
|
673
688
|
export const borderWidthAlertBlockStart: string;
|
|
674
689
|
export const borderWidthAlertBlockEnd: string;
|
|
@@ -684,6 +699,12 @@ export const borderWidthIconNormal: string;
|
|
|
684
699
|
export const borderWidthIconMedium: string;
|
|
685
700
|
export const borderWidthIconBig: string;
|
|
686
701
|
export const borderWidthIconLarge: string;
|
|
702
|
+
export const borderRadiusActionCardDefault: string;
|
|
703
|
+
export const borderRadiusActionCardEmbedded: string;
|
|
704
|
+
export const borderWidthActionCardDefault: string;
|
|
705
|
+
export const borderWidthActionCardHover: string;
|
|
706
|
+
export const borderWidthActionCardActive: string;
|
|
707
|
+
export const borderWidthActionCardDisabled: string;
|
|
687
708
|
export const motionDurationExtraFast: string;
|
|
688
709
|
export const motionDurationExtraSlow: string;
|
|
689
710
|
export const motionDurationFast: string;
|
|
@@ -803,6 +824,12 @@ export const spaceTableHeaderToolsFullPageBottom: string;
|
|
|
803
824
|
export const spaceTableHorizontal: string;
|
|
804
825
|
export const spaceTreeViewIndentation: string;
|
|
805
826
|
export const spaceTileGutter: string;
|
|
827
|
+
export const spaceActionCardHorizontalDefault: string;
|
|
828
|
+
export const spaceActionCardHorizontalEmbedded: string;
|
|
829
|
+
export const spaceActionCardVerticalDefault: string;
|
|
830
|
+
export const spaceActionCardVerticalEmbedded: string;
|
|
831
|
+
export const spaceActionCardDescriptionPaddingTop: string;
|
|
832
|
+
export const spaceActionCardContentPaddingTop: string;
|
|
806
833
|
export const spaceScaled2xNone: string;
|
|
807
834
|
export const spaceScaled2xXxxs: string;
|
|
808
835
|
export const spaceScaled2xXxs: string;
|
|
@@ -325,6 +325,7 @@ export var colorBackgroundInputDefault = "var(--color-background-input-default-i
|
|
|
325
325
|
export var colorBackgroundInputDisabled = "var(--color-background-input-disabled-dihaja, #ebebf0)";
|
|
326
326
|
export var colorBackgroundItemSelected = "var(--color-background-item-selected-9gppru, #f0fbff)";
|
|
327
327
|
export var colorBackgroundLayoutMain = "var(--color-background-layout-main-5ilwcb, #ffffff)";
|
|
328
|
+
export var colorBackgroundDrawer = "var(--color-background-drawer-5hs0eh, #ffffff)";
|
|
328
329
|
export var colorBackgroundLayoutMobilePanel = "var(--color-background-layout-mobile-panel-ed0ava, #0f141a)";
|
|
329
330
|
export var colorBackgroundLayoutPanelContent = "var(--color-background-layout-panel-content-xto15e, #ffffff)";
|
|
330
331
|
export var colorBackgroundLayoutPanelHover = "var(--color-background-layout-panel-hover-tguulw, #ebebf0)";
|
|
@@ -569,6 +570,19 @@ export var colorDropzoneBorderDefault = "var(--color-dropzone-border-default-k64
|
|
|
569
570
|
export var colorDropzoneBorderHover = "var(--color-dropzone-border-hover-otpag5, #002b66)";
|
|
570
571
|
export var colorGapGlobalDrawer = "var(--color-gap-global-drawer-nh699a, #ebebf0)";
|
|
571
572
|
export var colorTreeViewConnectorLine = "var(--color-tree-view-connector-line-1usxvn, #8c8c94)";
|
|
573
|
+
export var colorBackgroundActionCardDefault = "var(--color-background-action-card-default-src0mr, #ffffff)";
|
|
574
|
+
export var colorBackgroundActionCardHover = "var(--color-background-action-card-hover-doobfp, #f0fbff)";
|
|
575
|
+
export var colorBackgroundActionCardActive = "var(--color-background-action-card-active-4mj226, #d1f1ff)";
|
|
576
|
+
export var colorBorderActionCardDefault = "var(--color-border-action-card-default-dtywof, #006ce0)";
|
|
577
|
+
export var colorBorderActionCardHover = "var(--color-border-action-card-hover-onrya1, #002b66)";
|
|
578
|
+
export var colorBorderActionCardActive = "var(--color-border-action-card-active-ak3vrv, #002b66)";
|
|
579
|
+
export var colorBorderActionCardDisabled = "var(--color-border-action-card-disabled-9xqqxt, #b4b4bb)";
|
|
580
|
+
export var colorBackgroundActionCardDisabled = "var(--color-background-action-card-disabled-71qsdt, #ffffff)";
|
|
581
|
+
export var colorTextActionCardDisabled = "var(--color-text-action-card-disabled-htx40i, #8c8c94)";
|
|
582
|
+
export var colorIconActionCardDefault = "var(--color-icon-action-card-default-anh0vz, #006ce0)";
|
|
583
|
+
export var colorIconActionCardHover = "var(--color-icon-action-card-hover-qxq4pp, #002b66)";
|
|
584
|
+
export var colorIconActionCardActive = "var(--color-icon-action-card-active-rhp94s, #002b66)";
|
|
585
|
+
export var colorIconActionCardDisabled = "var(--color-icon-action-card-disabled-wm3kyf, #b4b4bb)";
|
|
572
586
|
export var fontBoxValueLargeWeight = "var(--font-box-value-large-weight-wr00sw, 700)";
|
|
573
587
|
export var fontButtonLetterSpacing = "var(--font-button-letter-spacing-ufowe3, 0.005em)";
|
|
574
588
|
export var fontChartDetailSize = "var(--font-chart-detail-size-9qr25q, 12px)";
|
|
@@ -666,9 +680,10 @@ export var borderTableStickyWidth = "var(--border-table-sticky-width-ai31mi, 1px
|
|
|
666
680
|
export var borderLinkFocusRingOutline = "var(--border-link-focus-ring-outline-1p0hnu, 0)";
|
|
667
681
|
export var borderLinkFocusRingShadowSpread = "var(--border-link-focus-ring-shadow-spread-39uvxr, 2px)";
|
|
668
682
|
export var borderWidthCard = "var(--border-width-card-x24gzt, 1px)";
|
|
669
|
-
export var
|
|
683
|
+
export var borderWidthCardSelected = "var(--border-width-card-selected-01i6br, 2px)";
|
|
670
684
|
export var borderWidthItemCard = "var(--border-width-item-card-3wmyp3, 1px)";
|
|
671
685
|
export var borderWidthItemCardHighlighted = "var(--border-width-item-card-highlighted-jay4ll, 2px)";
|
|
686
|
+
export var borderWidthItemSelected = "var(--border-width-item-selected-yv93vd, 2px)";
|
|
672
687
|
export var borderWidthAlert = "var(--border-width-alert-tuifgy, 2px)";
|
|
673
688
|
export var borderWidthAlertBlockStart = "var(--border-width-alert-block-start-5wbfsk, 2px)";
|
|
674
689
|
export var borderWidthAlertBlockEnd = "var(--border-width-alert-block-end-q8rr42, 2px)";
|
|
@@ -684,6 +699,12 @@ export var borderWidthIconNormal = "var(--border-width-icon-normal-9h7vj7, 2px)"
|
|
|
684
699
|
export var borderWidthIconMedium = "var(--border-width-icon-medium-b7icqv, 2px)";
|
|
685
700
|
export var borderWidthIconBig = "var(--border-width-icon-big-ymgy42, 3px)";
|
|
686
701
|
export var borderWidthIconLarge = "var(--border-width-icon-large-u645rg, 4px)";
|
|
702
|
+
export var borderRadiusActionCardDefault = "var(--border-radius-action-card-default-ejctkq, 16px)";
|
|
703
|
+
export var borderRadiusActionCardEmbedded = "var(--border-radius-action-card-embedded-3y65t8, 8px)";
|
|
704
|
+
export var borderWidthActionCardDefault = "var(--border-width-action-card-default-jy3kut, 1px)";
|
|
705
|
+
export var borderWidthActionCardHover = "var(--border-width-action-card-hover-02l6fg, 1px)";
|
|
706
|
+
export var borderWidthActionCardActive = "var(--border-width-action-card-active-pwtgzu, 1px)";
|
|
707
|
+
export var borderWidthActionCardDisabled = "var(--border-width-action-card-disabled-rdvlbc, 1px)";
|
|
687
708
|
export var motionDurationExtraFast = "var(--motion-duration-extra-fast-l4w48j, 45ms)";
|
|
688
709
|
export var motionDurationExtraSlow = "var(--motion-duration-extra-slow-29bqym, 270ms)";
|
|
689
710
|
export var motionDurationFast = "var(--motion-duration-fast-unntf6, 90ms)";
|
|
@@ -803,6 +824,12 @@ export var spaceTableHeaderToolsFullPageBottom = "var(--space-table-header-tools
|
|
|
803
824
|
export var spaceTableHorizontal = "var(--space-table-horizontal-suurzj, 20px)";
|
|
804
825
|
export var spaceTreeViewIndentation = "var(--space-tree-view-indentation-xh9kis, 24px)";
|
|
805
826
|
export var spaceTileGutter = "var(--space-tile-gutter-bi2bdv, 24px)";
|
|
827
|
+
export var spaceActionCardHorizontalDefault = "var(--space-action-card-horizontal-default-su1e86, 20px)";
|
|
828
|
+
export var spaceActionCardHorizontalEmbedded = "var(--space-action-card-horizontal-embedded-pb8pj4, 12px)";
|
|
829
|
+
export var spaceActionCardVerticalDefault = "var(--space-action-card-vertical-default-zqb3v3, 16px)";
|
|
830
|
+
export var spaceActionCardVerticalEmbedded = "var(--space-action-card-vertical-embedded-f1rm8a, 10px)";
|
|
831
|
+
export var spaceActionCardDescriptionPaddingTop = "var(--space-action-card-description-padding-top-qw1sd7, 4px)";
|
|
832
|
+
export var spaceActionCardContentPaddingTop = "var(--space-action-card-content-padding-top-bew8kj, 8px)";
|
|
806
833
|
export var spaceScaled2xNone = "var(--space-scaled-2x-none-987dp7, 0px)";
|
|
807
834
|
export var spaceScaled2xXxxs = "var(--space-scaled-2x-xxxs-reumxj, 2px)";
|
|
808
835
|
export var spaceScaled2xXxs = "var(--space-scaled-2x-xxs-e79hr1, 4px)";
|