@cloudscape-design/components 3.0.1264 → 3.0.1266

package/internal/base-component/styles.scoped.css

@@ -264,6 +264,7 @@ body {
   --color-background-code-editor-pane-item-hover-z6k9mr:var(--color-neutral-250-vs1is4);
   --color-background-code-editor-status-bar-yjtxod:var(--color-neutral-200-fqt4tz);
   --color-background-card-p5vrq0:var(--color-background-container-content-6u8rvp);
+  --color-background-item-card-ww2wfv:var(--color-background-card-p5vrq0);
   --color-background-container-content-6u8rvp:var(--color-white-p1zlvy);
   --color-background-container-header-gs3mbe:var(--color-white-p1zlvy);
   --color-background-control-checked-ka7kc2:var(--color-primary-600-1lcy1k);
@@ -356,6 +357,8 @@ body {
   --color-border-code-editor-pane-item-hover-wvblek:var(--color-border-dropdown-item-hover-aqfuxq);
   --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
   --color-border-card-highlighted-ygosod:var(--color-border-item-selected-wl5ttm);
+  --color-border-item-card-fia23i:var(--color-border-card-3n24fu);
+  --color-border-item-card-highlighted-5l7rko:var(--color-border-card-highlighted-ygosod);
   --color-border-container-divider-9huz1a:transparent;
   --color-border-container-top-k3vmoz:transparent;
   --color-border-control-checked-bdv28l:var(--color-background-control-checked-ka7kc2);
@@ -584,6 +587,8 @@ body {
   --border-radius-code-editor-5palck:var(--border-radius-input-7q0str);
   --border-radius-card-default-d8ipr7:var(--border-radius-container-nsfwmm);
   --border-radius-card-embedded-fvclp8:var(--border-radius-chat-bubble-haafsg);
+  --border-radius-item-card-default-pi9u8q:var(--border-radius-card-default-d8ipr7);
+  --border-radius-item-card-embedded-l0g6e3:var(--border-radius-card-embedded-fvclp8);
   --border-radius-container-nsfwmm:16px;
   --border-radius-control-circular-focus-ring-yjhscw:4px;
   --border-radius-control-default-focus-ring-1uabki:4px;
@@ -603,6 +608,8 @@ body {
   --border-link-focus-ring-shadow-spread-39uvxr:2px;
   --border-width-card-x24gzt:var(--border-divider-section-width-uwo8my);
   --border-width-card-highlighted-x17dhn:var(--border-item-width-miijiw);
+  --border-width-item-card-3wmyp3:var(--border-width-card-x24gzt);
+  --border-width-item-card-highlighted-jay4ll:var(--border-width-card-highlighted-x17dhn);
   --border-width-alert-tuifgy:2px;
   --border-width-alert-block-start-5wbfsk:var(--border-width-alert-tuifgy);
   --border-width-alert-block-end-q8rr42:var(--border-width-alert-tuifgy);
@@ -681,6 +688,10 @@ body {
   --space-card-horizontal-embedded-sasxhu:var(--space-s-tvghoh);
   --space-card-vertical-default-e40tif:var(--space-scaled-m-m892r9);
   --space-card-vertical-embedded-30pnhg:10px;
+  --space-item-card-horizontal-default-obq2ks:var(--space-card-horizontal-default-pihe12);
+  --space-item-card-horizontal-embedded-e0vef5:var(--space-card-horizontal-embedded-sasxhu);
+  --space-item-card-vertical-default-ppqfu4:var(--space-card-vertical-default-e40tif);
+  --space-item-card-vertical-embedded-zuozef:var(--space-card-vertical-embedded-30pnhg);
   --space-code-editor-status-focus-outline-gutter-o87hra:-7px;
   --space-container-content-top-1wtqrc:var(--space-xxs-hwfkai);
   --space-container-header-top-am4vzw:var(--space-s-tvghoh);
@@ -762,6 +773,7 @@ body {
   --space-xxl-32srm4:32px;
   --space-xxxl-aut1u7:40px;
   --shadow-card-hmrw4q:none;
+  --shadow-item-card-282f8w:var(--shadow-card-hmrw4q);
   --shadow-container-53ltfv:0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12);
   --shadow-container-active-ypjjoc:0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a;
   --shadow-dropdown-isf0w4:0px 4px 20px 1px rgba(0, 7, 22, 0.10);
@@ -1086,6 +1098,9 @@ body {
   --space-button-horizontal-k0c786:var(--space-scaled-l-sej05l);
   --space-button-modal-dismiss-vertical-vqfxjd:var(--space-scaled-xxxs-oo06c7);
   --space-card-vertical-default-e40tif:var(--space-scaled-m-m892r9);
+  --space-item-card-horizontal-embedded-e0vef5:var(--space-card-horizontal-embedded-sasxhu);
+  --space-item-card-vertical-default-ppqfu4:var(--space-card-vertical-default-e40tif);
+  --space-item-card-vertical-embedded-zuozef:var(--space-card-vertical-embedded-30pnhg);
   --space-container-header-bottom-2taq8v:var(--space-scaled-xs-xwoogq);
   --space-content-header-padding-bottom-rvy5xz:var(--space-scaled-m-m892r9);
   --space-expandable-section-icon-offset-top-cntyn8:var(--space-scaled-2x-xxs-e79hr1);
@@ -1139,6 +1154,7 @@ body {
   --space-button-horizontal-k0c786:var(--space-scaled-l-sej05l);
   --space-button-modal-dismiss-vertical-vqfxjd:var(--space-scaled-xxxs-oo06c7);
   --space-card-vertical-default-e40tif:var(--space-scaled-m-m892r9);
+  --space-item-card-vertical-default-ppqfu4:var(--space-card-vertical-default-e40tif);
   --space-container-header-bottom-2taq8v:var(--space-scaled-xs-xwoogq);
   --space-content-header-padding-bottom-rvy5xz:var(--space-scaled-m-m892r9);
   --space-flashbar-vertical-th71op:var(--space-scaled-xs-xwoogq);
@@ -1311,6 +1327,7 @@ body {
   --color-text-direction-button-disabled-2jds36:var(--color-text-interactive-disabled-1bqmrl);
   --color-background-code-editor-gutter-active-line-error-ro2qo1:var(--color-text-status-error-ksqavh);
   --color-background-card-p5vrq0:var(--color-background-container-content-6u8rvp);
+  --color-background-item-card-ww2wfv:var(--color-background-card-p5vrq0);
   --color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
   --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
   --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
@@ -1336,6 +1353,8 @@ body {
   --color-border-code-editor-pane-item-hover-wvblek:var(--color-border-dropdown-item-hover-aqfuxq);
   --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
   --color-border-card-highlighted-ygosod:var(--color-border-item-selected-wl5ttm);
+  --color-border-item-card-fia23i:var(--color-border-card-3n24fu);
+  --color-border-item-card-highlighted-5l7rko:var(--color-border-card-highlighted-ygosod);
   --color-border-control-checked-bdv28l:var(--color-background-control-checked-ka7kc2);
   --color-border-control-disabled-uj7t08:var(--color-background-control-disabled-1f3718);
   --color-border-divider-panel-bottom-bruvuz:var(--color-border-divider-default-nr68jt);
@@ -1555,6 +1574,7 @@ body {
   --color-text-direction-button-disabled-2jds36:var(--color-text-interactive-disabled-1bqmrl);
   --color-background-code-editor-gutter-active-line-error-ro2qo1:var(--color-text-status-error-ksqavh);
   --color-background-card-p5vrq0:var(--color-background-container-content-6u8rvp);
+  --color-background-item-card-ww2wfv:var(--color-background-card-p5vrq0);
   --color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
   --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
   --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
@@ -1576,6 +1596,8 @@ body {
   --color-border-code-editor-pane-item-hover-wvblek:var(--color-border-dropdown-item-hover-aqfuxq);
   --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
   --color-border-card-highlighted-ygosod:var(--color-border-item-selected-wl5ttm);
+  --color-border-item-card-fia23i:var(--color-border-card-3n24fu);
+  --color-border-item-card-highlighted-5l7rko:var(--color-border-card-highlighted-ygosod);
   --color-border-control-checked-bdv28l:var(--color-background-control-checked-ka7kc2);
   --color-border-control-disabled-uj7t08:var(--color-background-control-disabled-1f3718);
   --color-border-divider-panel-bottom-bruvuz:var(--color-border-divider-default-nr68jt);
@@ -1657,6 +1679,7 @@ body {
   --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
   --color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
   --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
+  --color-border-item-card-fia23i:var(--color-border-card-3n24fu);
   --color-border-divider-panel-bottom-bruvuz:var(--color-border-divider-default-nr68jt);
   --color-border-divider-panel-side-an0w07:var(--color-border-divider-default-nr68jt);
   --color-border-dropdown-group-ylcnh8:var(--color-border-dropdown-item-default-kape37);
@@ -1707,6 +1730,7 @@ body {
   --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
   --color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
   --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
+  --color-border-item-card-fia23i:var(--color-border-card-3n24fu);
   --color-border-divider-panel-bottom-bruvuz:var(--color-border-divider-default-nr68jt);
   --color-border-divider-panel-side-an0w07:var(--color-border-divider-default-nr68jt);
   --color-border-dropdown-group-ylcnh8:var(--color-border-dropdown-item-default-kape37);
@@ -1739,6 +1763,7 @@ body {
   --color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
   --color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
   --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
+  --color-border-item-card-fia23i:var(--color-border-card-3n24fu);
   --color-border-divider-panel-bottom-bruvuz:var(--color-border-divider-default-nr68jt);
   --color-border-divider-panel-side-an0w07:var(--color-border-divider-default-nr68jt);
   --color-border-dropdown-group-ylcnh8:var(--color-border-dropdown-item-default-kape37);
@@ -1911,6 +1936,7 @@ body {
   --color-text-direction-button-disabled-2jds36:var(--color-text-interactive-disabled-1bqmrl);
   --color-background-code-editor-gutter-active-line-error-ro2qo1:var(--color-text-status-error-ksqavh);
   --color-background-card-p5vrq0:var(--color-background-container-content-6u8rvp);
+  --color-background-item-card-ww2wfv:var(--color-background-card-p5vrq0);
   --color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
   --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
   --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
@@ -1936,6 +1962,8 @@ body {
   --color-border-code-editor-pane-item-hover-wvblek:var(--color-border-dropdown-item-hover-aqfuxq);
   --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
   --color-border-card-highlighted-ygosod:var(--color-border-item-selected-wl5ttm);
+  --color-border-item-card-fia23i:var(--color-border-card-3n24fu);
+  --color-border-item-card-highlighted-5l7rko:var(--color-border-card-highlighted-ygosod);
   --color-border-control-checked-bdv28l:var(--color-background-control-checked-ka7kc2);
   --color-border-control-disabled-uj7t08:var(--color-background-control-disabled-1f3718);
   --color-border-divider-panel-bottom-bruvuz:var(--color-border-divider-default-nr68jt);
@@ -2067,5 +2095,5 @@ body {
   }
 }
 :root {
-  --awsui-version-info-7364de0e: true;
+  --awsui-version-info-352fe7b2: true;
 }

package/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (7364de0e)";
-export var GIT_SHA = "7364de0e";
+export var PACKAGE_VERSION = "3.0.0 (352fe7b2)";
+export var GIT_SHA = "352fe7b2";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (7364de0e)",
-  "GIT_SHA": "7364de0e",
+  "PACKAGE_VERSION": "3.0.0 (352fe7b2)",
+  "GIT_SHA": "352fe7b2",
   "THEME": "open-source-visual-refresh",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": true

package/internal/generated/styles/tokens.d.ts

@@ -306,6 +306,7 @@ export const colorBackgroundCodeEditorLoading: string;
 export const colorBackgroundCodeEditorPaneItemHover: string;
 export const colorBackgroundCodeEditorStatusBar: string;
 export const colorBackgroundCard: string;
+export const colorBackgroundItemCard: string;
 export const colorBackgroundContainerContent: string;
 export const colorBackgroundContainerHeader: string;
 export const colorBackgroundControlChecked: string;
@@ -398,6 +399,8 @@ export const colorBorderCodeEditorDefault: string;
 export const colorBorderCodeEditorPaneItemHover: string;
 export const colorBorderCard: string;
 export const colorBorderCardHighlighted: string;
+export const colorBorderItemCard: string;
+export const colorBorderItemCardHighlighted: string;
 export const colorBorderContainerDivider: string;
 export const colorBorderContainerTop: string;
 export const colorBorderControlChecked: string;
@@ -631,6 +634,8 @@ export const borderRadiusCalendarDayFocusRing: string;
 export const borderRadiusCodeEditor: string;
 export const borderRadiusCardDefault: string;
 export const borderRadiusCardEmbedded: string;
+export const borderRadiusItemCardDefault: string;
+export const borderRadiusItemCardEmbedded: string;
 export const borderRadiusContainer: string;
 export const borderRadiusControlCircularFocusRing: string;
 export const borderRadiusControlDefaultFocusRing: string;
@@ -650,6 +655,8 @@ export const borderLinkFocusRingOutline: string;
 export const borderLinkFocusRingShadowSpread: string;
 export const borderWidthCard: string;
 export const borderWidthCardHighlighted: string;
+export const borderWidthItemCard: string;
+export const borderWidthItemCardHighlighted: string;
 export const borderWidthAlert: string;
 export const borderWidthAlertBlockStart: string;
 export const borderWidthAlertBlockEnd: string;
@@ -732,6 +739,10 @@ export const spaceCardHorizontalDefault: string;
 export const spaceCardHorizontalEmbedded: string;
 export const spaceCardVerticalDefault: string;
 export const spaceCardVerticalEmbedded: string;
+export const spaceItemCardHorizontalDefault: string;
+export const spaceItemCardHorizontalEmbedded: string;
+export const spaceItemCardVerticalDefault: string;
+export const spaceItemCardVerticalEmbedded: string;
 export const spaceCodeEditorStatusFocusOutlineGutter: string;
 export const spaceContainerContentTop: string;
 export const spaceContainerHeaderTop: string;
@@ -818,6 +829,7 @@ export const spaceXl: string;
 export const spaceXxl: string;
 export const spaceXxxl: string;
 export const shadowCard: string;
+export const shadowItemCard: string;
 export const shadowContainer: string;
 export const shadowContainerActive: string;
 export const shadowDropdown: string;

package/internal/generated/styles/tokens.js

@@ -306,6 +306,7 @@ export var colorBackgroundCodeEditorLoading = "var(--color-background-code-edito
 export var colorBackgroundCodeEditorPaneItemHover = "var(--color-background-code-editor-pane-item-hover-z6k9mr, #ebebf0)";
 export var colorBackgroundCodeEditorStatusBar = "var(--color-background-code-editor-status-bar-yjtxod, #f3f3f7)";
 export var colorBackgroundCard = "var(--color-background-card-p5vrq0, #ffffff)";
+export var colorBackgroundItemCard = "var(--color-background-item-card-ww2wfv, #ffffff)";
 export var colorBackgroundContainerContent = "var(--color-background-container-content-6u8rvp, #ffffff)";
 export var colorBackgroundContainerHeader = "var(--color-background-container-header-gs3mbe, #ffffff)";
 export var colorBackgroundControlChecked = "var(--color-background-control-checked-ka7kc2, #006ce0)";
@@ -398,6 +399,8 @@ export var colorBorderCodeEditorDefault = "var(--color-border-code-editor-defaul
 export var colorBorderCodeEditorPaneItemHover = "var(--color-border-code-editor-pane-item-hover-wvblek, #8c8c94)";
 export var colorBorderCard = "var(--color-border-card-3n24fu, #c6c6cd)";
 export var colorBorderCardHighlighted = "var(--color-border-card-highlighted-ygosod, #006ce0)";
+export var colorBorderItemCard = "var(--color-border-item-card-fia23i, #c6c6cd)";
+export var colorBorderItemCardHighlighted = "var(--color-border-item-card-highlighted-5l7rko, #006ce0)";
 export var colorBorderContainerDivider = "var(--color-border-container-divider-9huz1a, transparent)";
 export var colorBorderContainerTop = "var(--color-border-container-top-k3vmoz, transparent)";
 export var colorBorderControlChecked = "var(--color-border-control-checked-bdv28l, #006ce0)";
@@ -631,6 +634,8 @@ export var borderRadiusCalendarDayFocusRing = "var(--border-radius-calendar-day-
 export var borderRadiusCodeEditor = "var(--border-radius-code-editor-5palck, 8px)";
 export var borderRadiusCardDefault = "var(--border-radius-card-default-d8ipr7, 16px)";
 export var borderRadiusCardEmbedded = "var(--border-radius-card-embedded-fvclp8, 8px)";
+export var borderRadiusItemCardDefault = "var(--border-radius-item-card-default-pi9u8q, 16px)";
+export var borderRadiusItemCardEmbedded = "var(--border-radius-item-card-embedded-l0g6e3, 8px)";
 export var borderRadiusContainer = "var(--border-radius-container-nsfwmm, 16px)";
 export var borderRadiusControlCircularFocusRing = "var(--border-radius-control-circular-focus-ring-yjhscw, 4px)";
 export var borderRadiusControlDefaultFocusRing = "var(--border-radius-control-default-focus-ring-1uabki, 4px)";
@@ -650,6 +655,8 @@ export var borderLinkFocusRingOutline = "var(--border-link-focus-ring-outline-1p
 export var borderLinkFocusRingShadowSpread = "var(--border-link-focus-ring-shadow-spread-39uvxr, 2px)";
 export var borderWidthCard = "var(--border-width-card-x24gzt, 1px)";
 export var borderWidthCardHighlighted = "var(--border-width-card-highlighted-x17dhn, 2px)";
+export var borderWidthItemCard = "var(--border-width-item-card-3wmyp3, 1px)";
+export var borderWidthItemCardHighlighted = "var(--border-width-item-card-highlighted-jay4ll, 2px)";
 export var borderWidthAlert = "var(--border-width-alert-tuifgy, 2px)";
 export var borderWidthAlertBlockStart = "var(--border-width-alert-block-start-5wbfsk, 2px)";
 export var borderWidthAlertBlockEnd = "var(--border-width-alert-block-end-q8rr42, 2px)";
@@ -732,6 +739,10 @@ export var spaceCardHorizontalDefault = "var(--space-card-horizontal-default-pih
 export var spaceCardHorizontalEmbedded = "var(--space-card-horizontal-embedded-sasxhu, 12px)";
 export var spaceCardVerticalDefault = "var(--space-card-vertical-default-e40tif, 16px)";
 export var spaceCardVerticalEmbedded = "var(--space-card-vertical-embedded-30pnhg, 10px)";
+export var spaceItemCardHorizontalDefault = "var(--space-item-card-horizontal-default-obq2ks, 20px)";
+export var spaceItemCardHorizontalEmbedded = "var(--space-item-card-horizontal-embedded-e0vef5, 12px)";
+export var spaceItemCardVerticalDefault = "var(--space-item-card-vertical-default-ppqfu4, 16px)";
+export var spaceItemCardVerticalEmbedded = "var(--space-item-card-vertical-embedded-zuozef, 10px)";
 export var spaceCodeEditorStatusFocusOutlineGutter = "var(--space-code-editor-status-focus-outline-gutter-o87hra, -7px)";
 export var spaceContainerContentTop = "var(--space-container-content-top-1wtqrc, 4px)";
 export var spaceContainerHeaderTop = "var(--space-container-header-top-am4vzw, 12px)";
@@ -818,6 +829,7 @@ export var spaceXl = "var(--space-xl-jfy3x4, 24px)";
 export var spaceXxl = "var(--space-xxl-32srm4, 32px)";
 export var spaceXxxl = "var(--space-xxxl-aut1u7, 40px)";
 export var shadowCard = "var(--shadow-card-hmrw4q, none)";
+export var shadowItemCard = "var(--shadow-item-card-282f8w, none)";
 export var shadowContainer = "var(--shadow-container-53ltfv, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12))";
 export var shadowContainerActive = "var(--shadow-container-active-ypjjoc, 0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a)";
 export var shadowDropdown = "var(--shadow-dropdown-isf0w4, 0px 4px 20px 1px rgba(0, 7, 22, 0.10))";