@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.
Files changed (124) hide show
  1. package/action-card/index.d.ts +5 -0
  2. package/action-card/index.d.ts.map +1 -0
  3. package/action-card/index.js +30 -0
  4. package/action-card/index.js.map +1 -0
  5. package/action-card/interfaces.d.ts +79 -0
  6. package/action-card/interfaces.d.ts.map +1 -0
  7. package/action-card/interfaces.js +2 -0
  8. package/action-card/interfaces.js.map +1 -0
  9. package/action-card/internal.d.ts +6 -0
  10. package/action-card/internal.d.ts.map +1 -0
  11. package/action-card/internal.js +74 -0
  12. package/action-card/internal.js.map +1 -0
  13. package/action-card/styles.css.js +22 -0
  14. package/action-card/styles.scoped.css +580 -0
  15. package/action-card/styles.selectors.js +23 -0
  16. package/action-card/test-classes/styles.css.js +11 -0
  17. package/action-card/test-classes/styles.scoped.css +12 -0
  18. package/action-card/test-classes/styles.selectors.js +12 -0
  19. package/date-range-picker/index.d.ts.map +1 -1
  20. package/date-range-picker/index.js +7 -6
  21. package/date-range-picker/index.js.map +1 -1
  22. package/date-range-picker/interfaces.d.ts +8 -0
  23. package/date-range-picker/interfaces.d.ts.map +1 -1
  24. package/date-range-picker/interfaces.js.map +1 -1
  25. package/drawer/implementation.d.ts +7 -2
  26. package/drawer/implementation.d.ts.map +1 -1
  27. package/drawer/implementation.js +5 -2
  28. package/drawer/implementation.js.map +1 -1
  29. package/drawer/index.d.ts +11 -1
  30. package/drawer/index.d.ts.map +1 -1
  31. package/drawer/index.js +16 -4
  32. package/drawer/index.js.map +1 -1
  33. package/drawer/interfaces.d.ts +72 -7
  34. package/drawer/interfaces.d.ts.map +1 -1
  35. package/drawer/interfaces.js +2 -0
  36. package/drawer/interfaces.js.map +1 -1
  37. package/drawer/next.d.ts +16 -0
  38. package/drawer/next.d.ts.map +1 -0
  39. package/drawer/next.js +31 -0
  40. package/drawer/next.js.map +1 -0
  41. package/drawer/styles.css.js +16 -12
  42. package/drawer/styles.scoped.css +23 -17
  43. package/drawer/styles.selectors.js +16 -12
  44. package/drawer/utils.d.ts +12 -0
  45. package/drawer/utils.d.ts.map +1 -0
  46. package/drawer/utils.js +74 -0
  47. package/drawer/utils.js.map +1 -0
  48. package/i18n/dynamic.d.ts +1 -1
  49. package/i18n/testing.js +1 -1
  50. package/i18n/testing.js.map +1 -1
  51. package/index.d.ts +1 -0
  52. package/index.d.ts.map +1 -1
  53. package/index.js +1 -0
  54. package/index.js.map +1 -1
  55. package/internal/base-component/styles.scoped.css +85 -3
  56. package/internal/components/drag-handle/button.d.ts +1 -1
  57. package/internal/components/drag-handle/index.d.ts +1 -1
  58. package/internal/components/structured-item/styles.css.js +7 -7
  59. package/internal/components/structured-item/styles.scoped.css +9 -8
  60. package/internal/components/structured-item/styles.selectors.js +7 -7
  61. package/internal/environment.js +2 -2
  62. package/internal/environment.json +2 -2
  63. package/internal/generated/styles/tokens.d.ts +28 -1
  64. package/internal/generated/styles/tokens.js +28 -1
  65. package/internal/generated/theming/index.cjs +533 -4
  66. package/internal/generated/theming/index.cjs.d.ts +36 -0
  67. package/internal/generated/theming/index.d.ts +36 -0
  68. package/internal/generated/theming/index.js +533 -4
  69. package/internal/manifest.json +1 -1
  70. package/item-card/styles.css.js +14 -14
  71. package/item-card/styles.scoped.css +52 -52
  72. package/item-card/styles.selectors.js +14 -14
  73. package/package.json +2 -1
  74. package/select/parts/filter.d.ts +1 -1
  75. package/table/body-cell/styles.css.js +48 -48
  76. package/table/body-cell/styles.scoped.css +379 -379
  77. package/table/body-cell/styles.selectors.js +48 -48
  78. package/table/styles.css.js +34 -34
  79. package/table/styles.scoped.css +42 -42
  80. package/table/styles.selectors.js +34 -34
  81. package/test-utils/dom/action-card/index.d.ts +29 -0
  82. package/test-utils/dom/action-card/index.js +64 -0
  83. package/test-utils/dom/action-card/index.js.map +1 -0
  84. package/test-utils/dom/autosuggest/index.js +16 -17
  85. package/test-utils/dom/autosuggest/index.js.map +1 -1
  86. package/test-utils/dom/button-dropdown/index.js +1 -2
  87. package/test-utils/dom/button-dropdown/index.js.map +1 -1
  88. package/test-utils/dom/dropdown/index.d.ts +0 -1
  89. package/test-utils/dom/dropdown/index.js +0 -2
  90. package/test-utils/dom/dropdown/index.js.map +1 -1
  91. package/test-utils/dom/index.d.ts +28 -0
  92. package/test-utils/dom/index.js +21 -2
  93. package/test-utils/dom/index.js.map +1 -1
  94. package/test-utils/dom/internal/autosuggest-input.js +1 -2
  95. package/test-utils/dom/internal/autosuggest-input.js.map +1 -1
  96. package/test-utils/dom/internal/dropdown-host.js +17 -18
  97. package/test-utils/dom/internal/dropdown-host.js.map +1 -1
  98. package/test-utils/dom/internal/dropdown.js +1 -2
  99. package/test-utils/dom/internal/dropdown.js.map +1 -1
  100. package/test-utils/selectors/action-card/index.d.ts +20 -0
  101. package/test-utils/selectors/action-card/index.js +36 -0
  102. package/test-utils/selectors/action-card/index.js.map +1 -0
  103. package/test-utils/selectors/autosuggest/index.js +16 -17
  104. package/test-utils/selectors/autosuggest/index.js.map +1 -1
  105. package/test-utils/selectors/button-dropdown/index.js +1 -2
  106. package/test-utils/selectors/button-dropdown/index.js.map +1 -1
  107. package/test-utils/selectors/dropdown/index.d.ts +0 -1
  108. package/test-utils/selectors/dropdown/index.js +0 -2
  109. package/test-utils/selectors/dropdown/index.js.map +1 -1
  110. package/test-utils/selectors/index.d.ts +18 -0
  111. package/test-utils/selectors/index.js +16 -2
  112. package/test-utils/selectors/index.js.map +1 -1
  113. package/test-utils/selectors/internal/autosuggest-input.js +1 -2
  114. package/test-utils/selectors/internal/autosuggest-input.js.map +1 -1
  115. package/test-utils/selectors/internal/dropdown-host.js +17 -18
  116. package/test-utils/selectors/internal/dropdown-host.js.map +1 -1
  117. package/test-utils/selectors/internal/dropdown.js +1 -2
  118. package/test-utils/selectors/internal/dropdown.js.map +1 -1
  119. package/tiles/styles.css.js +30 -30
  120. package/tiles/styles.scoped.css +73 -73
  121. package/tiles/styles.selectors.js +30 -30
  122. package/internal/components/dropdown/styles.css.js +0 -7
  123. package/internal/components/dropdown/styles.scoped.css +0 -11
  124. 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-highlighted-x17dhn:var(--border-item-width-miijiw);
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-card-highlighted-jay4ll:var(--border-width-card-highlighted-x17dhn);
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-53439b2b: true;
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" | "variant" | "ariaLabel" | "ariaDescribedby" | "directions" | "tooltipText" | "onDirectionClick" | "triggerMode" | "initialShowButtons" | "controlledShowButtons" | "hideButtonsOnDrag" | "clickDragThreshold" | "ariaLabelledBy" | "ariaValue"> & React.RefAttributes<Element>>;
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" | "variant" | "ariaLabel" | "ariaDescribedby" | "directions" | "tooltipText" | "onDirectionClick" | "triggerMode" | "initialShowButtons" | "controlledShowButtons" | "hideButtonsOnDrag" | "clickDragThreshold" | "ariaLabelledBy" | "ariaValue"> & React.RefAttributes<Element>>;
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": "awsui_root_1ifko_1wryl_145",
5
- "disable-paddings": "awsui_disable-paddings_1ifko_1wryl_183",
6
- "main": "awsui_main_1ifko_1wryl_187",
7
- "content-wrap": "awsui_content-wrap_1ifko_1wryl_194",
8
- "wrap-actions": "awsui_wrap-actions_1ifko_1wryl_204",
9
- "content": "awsui_content_1ifko_1wryl_194",
10
- "actions": "awsui_actions_1ifko_1wryl_213"
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
- .awsui_root_1ifko_1wryl_145:not(#\9) {
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
- .awsui_root_1ifko_1wryl_145.awsui_disable-paddings_1ifko_1wryl_183:not(#\9) {
184
+ .awsui_root_1ifko_1qt8i_145.awsui_disable-paddings_1ifko_1qt8i_184:not(#\9) {
184
185
  column-gap: 0;
185
186
  }
186
187
 
187
- .awsui_main_1ifko_1wryl_187:not(#\9) {
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-wrap_1ifko_1wryl_194:not(#\9) {
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-paddings_1ifko_1wryl_183 > .awsui_main_1ifko_1wryl_187 > .awsui_content-wrap_1ifko_1wryl_194:not(#\9) {
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-wrap_1ifko_1wryl_194.awsui_wrap-actions_1ifko_1wryl_204:not(#\9) {
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
- .awsui_content_1ifko_1wryl_194:not(#\9) {
209
+ .awsui_content_1ifko_1qt8i_195:not(#\9) {
209
210
  flex-grow: 1;
210
211
  min-inline-size: 0;
211
212
  }
212
213
 
213
- .awsui_actions_1ifko_1wryl_213:not(#\9) {
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": "awsui_root_1ifko_1wryl_145",
6
- "disable-paddings": "awsui_disable-paddings_1ifko_1wryl_183",
7
- "main": "awsui_main_1ifko_1wryl_187",
8
- "content-wrap": "awsui_content-wrap_1ifko_1wryl_194",
9
- "wrap-actions": "awsui_wrap-actions_1ifko_1wryl_204",
10
- "content": "awsui_content_1ifko_1wryl_194",
11
- "actions": "awsui_actions_1ifko_1wryl_213"
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
 
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (53439b2b)";
3
- export var GIT_SHA = "53439b2b";
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;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (53439b2b)",
4
- "GIT_SHA": "53439b2b",
3
+ "PACKAGE_VERSION": "3.0.0 (9d03c896)",
4
+ "GIT_SHA": "9d03c896",
5
5
  "THEME": "open-source-visual-refresh",
6
6
  "SYSTEM": "core",
7
7
  "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 borderWidthCardHighlighted: string;
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 borderWidthCardHighlighted = "var(--border-width-card-highlighted-x17dhn, 2px)";
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)";