@cloudscape-design/components 3.0.1382 → 3.0.1384

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

@@ -374,6 +374,7 @@
     --color-background-alert-success-9dyn87:var(--color-background-status-success-1woffs);
     --color-background-alert-warning-021z3n:var(--color-background-status-warning-52cylj);
     --color-background-dialog-l7uuft:var(--color-background-status-info-lki61z);
+    --color-background-dialog-default-xpvorm:var(--color-background-card-wgxkh9);
     --color-background-status-success-1woffs:var(--color-success-50-yv7e12);
     --color-background-status-warning-52cylj:var(--color-warning-50-pb3ziz);
     --color-background-table-header-pgyagt:var(--color-background-container-header-irktp5);
@@ -452,6 +453,8 @@
     --color-border-layout-h5yp20:var(--color-neutral-350-n78myc);
     --color-border-layout-side-navigation-a02vgs:var(--color-border-layout-h5yp20);
     --color-border-notification-stack-bar-iua5tr:var(--color-neutral-750-a0y7ng);
+    --color-border-notification-stack-bar-hover-pzy1rr:var(--color-background-notification-stack-bar-hover-gwd3ks);
+    --color-border-notification-stack-bar-active-itxyux:var(--color-background-notification-stack-bar-g6w7e0);
     --color-border-notification-stack-bar-focused-6lgllw:var(--color-neutral-100-1tq0gf);
     --color-border-panel-header-sqy0v4:var(--color-border-divider-default-diwd4w);
     --color-border-popover-e8qomr:var(--color-border-dropdown-container-zmsfa8);
@@ -466,6 +469,7 @@
     --color-border-status-success-zsy8d6:var(--color-success-600-9gprcu);
     --color-border-status-warning-zj1tu9:var(--color-warning-900-rpufqr);
     --color-border-dialog-c9wxm6:var(--color-border-status-info-e5c14y);
+    --color-border-dialog-default-8c0afg:var(--color-border-card-btvpmf);
     --color-border-divider-interactive-default-cs7tmi:var(--color-neutral-500-w303c2);
     --color-border-tabs-divider-sog0al:var(--color-neutral-350-n78myc);
     --color-border-tabs-shadow-egq8wq:var(--color-grey-transparent-3dqrf2);
@@ -781,6 +785,7 @@
     --border-radius-side-navigation-item-collapsed-mi3uty:50%;
     --border-radius-item-card-default-nurfq3:var(--border-radius-card-default-dfh0ly);
     --border-radius-item-card-embedded-patnwm:var(--border-radius-card-embedded-yu0pej);
+    --border-radius-dialog-adcisc:var(--border-radius-card-embedded-yu0pej);
     --border-radius-popover-pmwd0c:var(--border-radius-input-k1q34z);
     --border-radius-skeleton-0r7m8y:8px;
     --border-radius-status-indicator-1d9bsf:var(--border-radius-badge-86n91d);
@@ -812,8 +817,10 @@
     --border-width-icon-small-m3z2f5:2px;
     --border-width-icon-x-small-3m5wt5:1.5px;
     --border-width-item-card-6sthd9:var(--border-width-card-niewam);
+    --border-width-dialog-6bh1ii:var(--border-width-card-niewam);
     --border-width-item-selected-l41fek:2px;
     --border-width-layout-side-navigation-q0k26x:var(--border-divider-section-width-dlkb8v);
+    --border-width-notification-stack-bar-b90c4m:2px;
     --border-width-badge-p88itr:0px;
     --border-width-popover-snsxri:2px;
     --border-width-token-p4a0gu:2px;
@@ -898,6 +905,12 @@
     --space-item-card-horizontal-embedded-0dtpkm:var(--space-card-horizontal-embedded-5u2228);
     --space-item-card-vertical-default-vibtiz:var(--space-card-vertical-default-iz8x7a);
     --space-item-card-vertical-embedded-i4sbwc:var(--space-card-vertical-embedded-xt7hoh);
+    --space-dialog-horizontal-f19fik:var(--space-card-horizontal-embedded-5u2228);
+    --space-dialog-vertical-24ji2g:var(--space-card-vertical-embedded-xt7hoh);
+    --space-dialog-action-block-jznvno:var(--space-scaled-xxs-j00t0m);
+    --space-dialog-action-inline-tb23m8:var(--space-xxs-3o1yoq);
+    --space-dialog-header-gap-h3tlnk:var(--space-xs-m9b7jf);
+    --space-dialog-section-gap-xh4b86:var(--space-xxs-3o1yoq);
     --space-code-editor-status-focus-outline-gutter-udne29:-7px;
     --space-container-content-top-ryubqz:var(--space-xxs-3o1yoq);
     --space-container-header-top-3txhx4:var(--space-s-kll7oj);
@@ -991,6 +1004,7 @@
     --space-xxxl-pjngik:40px;
     --shadow-card-9fwoie:none;
     --shadow-item-card-ltzk0y:var(--shadow-card-9fwoie);
+    --shadow-dialog-q0m0rn:var(--shadow-card-9fwoie);
     --shadow-container-quglkl:0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12);
     --shadow-container-active-iomjxu:0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a;
     --shadow-dropdown-ogwesf:0px 4px 20px 1px rgba(0, 7, 22, 0.10);
@@ -1366,6 +1380,9 @@
     --space-item-card-horizontal-embedded-0dtpkm:var(--space-card-horizontal-embedded-5u2228);
     --space-item-card-vertical-default-vibtiz:var(--space-card-vertical-default-iz8x7a);
     --space-item-card-vertical-embedded-i4sbwc:var(--space-card-vertical-embedded-xt7hoh);
+    --space-dialog-horizontal-f19fik:var(--space-card-horizontal-embedded-5u2228);
+    --space-dialog-vertical-24ji2g:var(--space-card-vertical-embedded-xt7hoh);
+    --space-dialog-action-block-jznvno:var(--space-scaled-xxs-j00t0m);
     --space-container-header-bottom-9elagw:var(--space-scaled-xs-pajbd1);
     --space-content-header-padding-bottom-yv2yex:var(--space-scaled-m-lfeh3i);
     --space-expandable-section-icon-offset-top-ggjci7:var(--space-scaled-2x-xxs-vru90o);
@@ -1427,6 +1444,7 @@
     --space-button-modal-dismiss-vertical-3vgc5x:var(--space-scaled-xxxs-n0ri6o);
     --space-card-vertical-default-iz8x7a:var(--space-scaled-m-lfeh3i);
     --space-item-card-vertical-default-vibtiz:var(--space-card-vertical-default-iz8x7a);
+    --space-dialog-action-block-jznvno:var(--space-scaled-xxs-j00t0m);
     --space-container-header-bottom-9elagw:var(--space-scaled-xs-pajbd1);
     --space-content-header-padding-bottom-yv2yex:var(--space-scaled-m-lfeh3i);
     --space-flashbar-vertical-ssj5fl:var(--space-scaled-xs-pajbd1);
@@ -1679,6 +1697,7 @@
     --color-background-alert-success-9dyn87:var(--color-background-status-success-1woffs);
     --color-background-alert-warning-021z3n:var(--color-background-status-warning-52cylj);
     --color-background-dialog-l7uuft:var(--color-background-status-info-lki61z);
+    --color-background-dialog-default-xpvorm:var(--color-background-card-wgxkh9);
     --color-background-table-header-pgyagt:var(--color-background-container-header-irktp5);
     --color-text-chat-bubble-outgoing-225h2z:var(--color-text-body-default-b2us04);
     --color-text-chat-bubble-incoming-383aqi:var(--color-text-body-default-b2us04);
@@ -1716,6 +1735,7 @@
     --color-border-segment-hover-3wvhit:var(--color-border-segment-default-7wdd7x);
     --color-border-segment-wrapper-ofstpm:var(--color-border-input-default-jtkw9d);
     --color-border-dialog-c9wxm6:var(--color-border-status-info-e5c14y);
+    --color-border-dialog-default-8c0afg:var(--color-border-card-btvpmf);
     --color-border-tabs-shadow-egq8wq:var(--color-grey-transparent-3dqrf2);
     --color-border-tabs-underline-yipmio:var(--color-text-accent-1mglsg);
     --color-border-tiles-disabled-0fmv29:var(--color-background-tiles-disabled-9yvcfs);
@@ -2015,6 +2035,7 @@
     --color-background-alert-success-9dyn87:var(--color-background-status-success-1woffs);
     --color-background-alert-warning-021z3n:var(--color-background-status-warning-52cylj);
     --color-background-dialog-l7uuft:var(--color-background-status-info-lki61z);
+    --color-background-dialog-default-xpvorm:var(--color-background-card-wgxkh9);
     --color-text-chat-bubble-outgoing-225h2z:var(--color-text-body-default-b2us04);
     --color-text-chat-bubble-incoming-383aqi:var(--color-text-body-default-b2us04);
     --color-border-toggle-button-normal-default-7wco5p:var(--color-border-button-normal-default-5u0s6m);
@@ -2051,6 +2072,7 @@
     --color-border-segment-hover-3wvhit:var(--color-border-segment-default-7wdd7x);
     --color-border-segment-wrapper-ofstpm:var(--color-border-input-default-jtkw9d);
     --color-border-dialog-c9wxm6:var(--color-border-status-info-e5c14y);
+    --color-border-dialog-default-8c0afg:var(--color-border-card-btvpmf);
     --color-border-tabs-shadow-egq8wq:var(--color-grey-transparent-3dqrf2);
     --color-border-tabs-underline-yipmio:var(--color-text-accent-1mglsg);
     --color-border-tiles-disabled-0fmv29:var(--color-background-tiles-disabled-9yvcfs);
@@ -2163,6 +2185,7 @@
     --color-border-dropdown-group-y5droz:var(--color-border-dropdown-item-default-j9osbc);
     --color-border-dropdown-item-default-j9osbc:var(--color-border-divider-default-diwd4w);
     --color-border-panel-header-sqy0v4:var(--color-border-divider-default-diwd4w);
+    --color-border-dialog-default-8c0afg:var(--color-border-card-btvpmf);
     --color-text-button-inline-icon-default-yujzfi:var(--color-text-link-default-qabnuk);
     --color-text-button-inline-icon-hover-kxgkw7:var(--color-text-link-hover-n1r6g0);
     --color-text-button-inline-link-hover-b55y5l:var(--color-text-button-normal-hover-a8yjvb);
@@ -2244,6 +2267,7 @@
     --color-border-dropdown-group-y5droz:var(--color-border-dropdown-item-default-j9osbc);
     --color-border-dropdown-item-default-j9osbc:var(--color-border-divider-default-diwd4w);
     --color-border-panel-header-sqy0v4:var(--color-border-divider-default-diwd4w);
+    --color-border-dialog-default-8c0afg:var(--color-border-card-btvpmf);
     --color-text-button-inline-icon-default-yujzfi:var(--color-text-link-default-qabnuk);
     --color-text-button-inline-icon-hover-kxgkw7:var(--color-text-link-hover-n1r6g0);
     --color-text-button-inline-link-hover-b55y5l:var(--color-text-button-normal-hover-a8yjvb);
@@ -2300,6 +2324,7 @@
     --color-border-dropdown-group-y5droz:var(--color-border-dropdown-item-default-j9osbc);
     --color-border-dropdown-item-default-j9osbc:var(--color-border-divider-default-diwd4w);
     --color-border-panel-header-sqy0v4:var(--color-border-divider-default-diwd4w);
+    --color-border-dialog-default-8c0afg:var(--color-border-card-btvpmf);
     --color-text-button-inline-link-hover-b55y5l:var(--color-text-button-normal-hover-a8yjvb);
     --color-text-link-button-normal-active-9d4yxg:var(--color-text-button-normal-active-n48ns6);
     --color-text-button-link-active-48pxp0:var(--color-text-button-normal-active-n48ns6);
@@ -2549,6 +2574,7 @@
     --color-background-alert-success-9dyn87:var(--color-background-status-success-1woffs);
     --color-background-alert-warning-021z3n:var(--color-background-status-warning-52cylj);
     --color-background-dialog-l7uuft:var(--color-background-status-info-lki61z);
+    --color-background-dialog-default-xpvorm:var(--color-background-card-wgxkh9);
     --color-background-table-header-pgyagt:var(--color-background-container-header-irktp5);
     --color-text-chat-bubble-outgoing-225h2z:var(--color-text-body-default-b2us04);
     --color-text-chat-bubble-incoming-383aqi:var(--color-text-body-default-b2us04);
@@ -2586,6 +2612,7 @@
     --color-border-segment-hover-3wvhit:var(--color-border-segment-default-7wdd7x);
     --color-border-segment-wrapper-ofstpm:var(--color-border-input-default-jtkw9d);
     --color-border-dialog-c9wxm6:var(--color-border-status-info-e5c14y);
+    --color-border-dialog-default-8c0afg:var(--color-border-card-btvpmf);
     --color-border-tabs-shadow-egq8wq:var(--color-grey-transparent-3dqrf2);
     --color-border-tabs-underline-yipmio:var(--color-text-accent-1mglsg);
     --color-border-tiles-disabled-0fmv29:var(--color-background-tiles-disabled-9yvcfs);

package/internal/components/abstract-switch/index.d.ts

@@ -10,7 +10,9 @@ export interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>,
   nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;
   styledControl: React.ReactElement;
   label?: React.ReactNode;
+  labelClassName?: string;
   description?: React.ReactNode;
+  descriptionClassName?: string;
   descriptionBottomPadding?: boolean;
   ariaLabel?: string;
   ariaLabelledby?: string;
@@ -44,7 +46,9 @@ export default function AbstractSwitch({
   nativeControl,
   styledControl,
   label,
+  labelClassName,
   description,
+  descriptionClassName,
   descriptionBottomPadding,
   ariaLabel,
   ariaLabelledby,

package/internal/components/abstract-switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAKrF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,0BAA0B;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC1F,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE;YACR,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;QACF,WAAW,CAAC,EAAE;YACZ,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,KAAK,CAAC,EAAE;YACN,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,SAAS,CAAC,EAAE;YACV,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;SACtB,CAAC;KACH,CAAC;CACH;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,EACL,WAAW,EACX,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,YAAY,EACZ,OAAO,EACP,KAAK,EACL,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,mBAAmB,eAqGrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAKrF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,0BAA0B;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC1F,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE;YACR,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;QACF,WAAW,CAAC,EAAE;YACZ,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,KAAK,CAAC,EAAE;YACN,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,SAAS,CAAC,EAAE;YACV,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;SACtB,CAAC;KACH,CAAC;CACH;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,EACL,cAAc,EACd,WAAW,EACX,oBAAoB,EACpB,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,YAAY,EACZ,OAAO,EACP,KAAK,EACL,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,mBAAmB,eAuGrB"}

package/internal/components/abstract-switch/index.js

@@ -10,7 +10,7 @@ import styles from './styles.css.js';
 function joinString(values) {
     return values.filter((value) => !!value).join(' ');
 }
-export default function AbstractSwitch({ controlId, controlClassName, outlineClassName, showOutline, disabled, readOnly, nativeControl, styledControl, label, description, descriptionBottomPadding, ariaLabel, ariaLabelledby, ariaDescribedby, ariaControls, onClick, style, __internalRootRef, ...rest }) {
+export default function AbstractSwitch({ controlId, controlClassName, outlineClassName, showOutline, disabled, readOnly, nativeControl, styledControl, label, labelClassName, description, descriptionClassName, descriptionBottomPadding, ariaLabel, ariaLabelledby, ariaDescribedby, ariaControls, onClick, style, __internalRootRef, ...rest }) {
     var _a, _b, _c, _d, _e, _f;
     const uniqueId = useUniqueId();
     const id = controlId || uniqueId;
@@ -65,8 +65,10 @@ export default function AbstractSwitch({ controlId, controlClassName, outlineCla
                 }),
                 React.createElement("span", { className: clsx(styles.outline, outlineClassName, showOutline && styles['show-outline']) })),
             React.createElement("span", { className: clsx(styles.content, !label && !description && styles['empty-content']) },
-                label && (React.createElement("span", { id: labelId, className: clsx(styles.label, analyticsSelectors.label, { [styles['label-disabled']]: disabled }), style: { color: (_e = style === null || style === void 0 ? void 0 : style.label) === null || _e === void 0 ? void 0 : _e.color } }, label)),
-                description && (React.createElement("span", { id: descriptionId, className: clsx(styles.description, {
+                label && (React.createElement("span", { id: labelId, className: clsx(styles.label, labelClassName, analyticsSelectors.label, {
+                        [styles['label-disabled']]: disabled,
+                    }), style: { color: (_e = style === null || style === void 0 ? void 0 : style.label) === null || _e === void 0 ? void 0 : _e.color } }, label)),
+                description && (React.createElement("span", { id: descriptionId, className: clsx(styles.description, descriptionClassName, {
                         [styles['description-disabled']]: disabled,
                         [styles['description-bottom-padding']]: descriptionBottomPadding,
                     }), style: { color: (_f = style === null || style === void 0 ? void 0 : style.description) === null || _f === void 0 ? void 0 : _f.color } }, description))))));

package/internal/components/abstract-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport {\n  getAnalyticsLabelAttribute,\n  getAnalyticsMetadataAttribute,\n  LabelIdentifier,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport customCssProps from '../../../internal/generated/custom-css-properties';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component/index.js';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>, InternalBaseComponentProps {\n  controlId?: string;\n  controlClassName: string;\n  outlineClassName: string;\n  showOutline?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;\n  styledControl: React.ReactElement;\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  descriptionBottomPadding?: boolean;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  ariaControls?: string;\n  onClick: () => void;\n  style?: {\n    control?: {\n      background?: string;\n    };\n    description?: {\n      color?: string;\n    };\n    label?: {\n      color?: string;\n    };\n    focusRing?: {\n      borderColor?: string;\n      borderRadius?: string;\n      borderWidth?: string;\n    };\n  };\n}\n\nfunction joinString(values: (string | undefined)[]) {\n  return values.filter((value): value is string => !!value).join(' ');\n}\n\nexport default function AbstractSwitch({\n  controlId,\n  controlClassName,\n  outlineClassName,\n  showOutline,\n  disabled,\n  readOnly,\n  nativeControl,\n  styledControl,\n  label,\n  description,\n  descriptionBottomPadding,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  ariaControls,\n  onClick,\n  style,\n  __internalRootRef,\n  ...rest\n}: AbstractSwitchProps) {\n  const uniqueId = useUniqueId();\n  const id = controlId || uniqueId;\n\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n\n  const ariaLabelledByIds = [];\n  if (label && !ariaLabel) {\n    ariaLabelledByIds.push(labelId);\n  }\n  if (ariaLabelledby) {\n    ariaLabelledByIds.push(ariaLabelledby);\n  }\n\n  const ariaDescriptions = [];\n  if (ariaDescribedby) {\n    ariaDescriptions.push(ariaDescribedby);\n  }\n  if (description) {\n    ariaDescriptions.push(descriptionId);\n  }\n\n  // Resolve the interaction label from the associated `<label for>` when there is no inline label, for example when used in collection preferences.\n  const interactionLabel: string | LabelIdentifier = label\n    ? `.${analyticsSelectors.label}`\n    : !ariaLabel && !ariaLabelledby && controlId\n      ? { root: 'body', selector: `label[for=\"${controlId}\"]` }\n      : `.${analyticsSelectors['native-input']}`;\n\n  return (\n    <span\n      {...rest}\n      className={clsx(styles.wrapper, rest.className)}\n      ref={__internalRootRef}\n      {...getAnalyticsLabelAttribute(label ? `.${analyticsSelectors.label}` : `.${analyticsSelectors['native-input']}`)}\n    >\n      <span\n        className={styles['label-wrapper']}\n        aria-disabled={disabled ? 'true' : undefined}\n        onClick={disabled || readOnly ? undefined : onClick}\n        {...getAnalyticsMetadataAttribute(\n          disabled || readOnly\n            ? {}\n            : {\n                action: 'select',\n                detail: {\n                  label: interactionLabel,\n                },\n              }\n        )}\n      >\n        <span\n          className={clsx(styles.control, controlClassName)}\n          style={{\n            background: style?.control?.background,\n            ...(style?.focusRing && {\n              [customCssProps.styleFocusRingBorderColor]: style.focusRing?.borderColor,\n              [customCssProps.styleFocusRingBorderRadius]: style.focusRing?.borderRadius,\n              [customCssProps.styleFocusRingBorderWidth]: style.focusRing?.borderWidth,\n            }),\n          }}\n        >\n          {styledControl}\n          {nativeControl({\n            id,\n            disabled,\n            className: clsx(styles['native-input'], analyticsSelectors['native-input']),\n            'aria-describedby': ariaDescriptions.length ? joinString(ariaDescriptions) : undefined,\n            'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined,\n            'aria-label': ariaLabel,\n            'aria-controls': ariaControls,\n          })}\n          <span className={clsx(styles.outline, outlineClassName, showOutline && styles['show-outline'])} />\n        </span>\n        <span className={clsx(styles.content, !label && !description && styles['empty-content'])}>\n          {label && (\n            <span\n              id={labelId}\n              className={clsx(styles.label, analyticsSelectors.label, { [styles['label-disabled']]: disabled })}\n              style={{ color: style?.label?.color }}\n            >\n              {label}\n            </span>\n          )}\n          {description && (\n            <span\n              id={descriptionId}\n              className={clsx(styles.description, {\n                [styles['description-disabled']]: disabled,\n                [styles['description-bottom-padding']]: descriptionBottomPadding,\n              })}\n              style={{ color: style?.description?.color }}\n            >\n              {description}\n            </span>\n          )}\n        </span>\n      </span>\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport {\n  getAnalyticsLabelAttribute,\n  getAnalyticsMetadataAttribute,\n  LabelIdentifier,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport customCssProps from '../../../internal/generated/custom-css-properties';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component/index.js';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>, InternalBaseComponentProps {\n  controlId?: string;\n  controlClassName: string;\n  outlineClassName: string;\n  showOutline?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;\n  styledControl: React.ReactElement;\n  label?: React.ReactNode;\n  labelClassName?: string;\n  description?: React.ReactNode;\n  descriptionClassName?: string;\n  descriptionBottomPadding?: boolean;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  ariaControls?: string;\n  onClick: () => void;\n  style?: {\n    control?: {\n      background?: string;\n    };\n    description?: {\n      color?: string;\n    };\n    label?: {\n      color?: string;\n    };\n    focusRing?: {\n      borderColor?: string;\n      borderRadius?: string;\n      borderWidth?: string;\n    };\n  };\n}\n\nfunction joinString(values: (string | undefined)[]) {\n  return values.filter((value): value is string => !!value).join(' ');\n}\n\nexport default function AbstractSwitch({\n  controlId,\n  controlClassName,\n  outlineClassName,\n  showOutline,\n  disabled,\n  readOnly,\n  nativeControl,\n  styledControl,\n  label,\n  labelClassName,\n  description,\n  descriptionClassName,\n  descriptionBottomPadding,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  ariaControls,\n  onClick,\n  style,\n  __internalRootRef,\n  ...rest\n}: AbstractSwitchProps) {\n  const uniqueId = useUniqueId();\n  const id = controlId || uniqueId;\n\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n\n  const ariaLabelledByIds = [];\n  if (label && !ariaLabel) {\n    ariaLabelledByIds.push(labelId);\n  }\n  if (ariaLabelledby) {\n    ariaLabelledByIds.push(ariaLabelledby);\n  }\n\n  const ariaDescriptions = [];\n  if (ariaDescribedby) {\n    ariaDescriptions.push(ariaDescribedby);\n  }\n  if (description) {\n    ariaDescriptions.push(descriptionId);\n  }\n\n  // Resolve the interaction label from the associated `<label for>` when there is no inline label, for example when used in collection preferences.\n  const interactionLabel: string | LabelIdentifier = label\n    ? `.${analyticsSelectors.label}`\n    : !ariaLabel && !ariaLabelledby && controlId\n      ? { root: 'body', selector: `label[for=\"${controlId}\"]` }\n      : `.${analyticsSelectors['native-input']}`;\n\n  return (\n    <span\n      {...rest}\n      className={clsx(styles.wrapper, rest.className)}\n      ref={__internalRootRef}\n      {...getAnalyticsLabelAttribute(label ? `.${analyticsSelectors.label}` : `.${analyticsSelectors['native-input']}`)}\n    >\n      <span\n        className={styles['label-wrapper']}\n        aria-disabled={disabled ? 'true' : undefined}\n        onClick={disabled || readOnly ? undefined : onClick}\n        {...getAnalyticsMetadataAttribute(\n          disabled || readOnly\n            ? {}\n            : {\n                action: 'select',\n                detail: {\n                  label: interactionLabel,\n                },\n              }\n        )}\n      >\n        <span\n          className={clsx(styles.control, controlClassName)}\n          style={{\n            background: style?.control?.background,\n            ...(style?.focusRing && {\n              [customCssProps.styleFocusRingBorderColor]: style.focusRing?.borderColor,\n              [customCssProps.styleFocusRingBorderRadius]: style.focusRing?.borderRadius,\n              [customCssProps.styleFocusRingBorderWidth]: style.focusRing?.borderWidth,\n            }),\n          }}\n        >\n          {styledControl}\n          {nativeControl({\n            id,\n            disabled,\n            className: clsx(styles['native-input'], analyticsSelectors['native-input']),\n            'aria-describedby': ariaDescriptions.length ? joinString(ariaDescriptions) : undefined,\n            'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined,\n            'aria-label': ariaLabel,\n            'aria-controls': ariaControls,\n          })}\n          <span className={clsx(styles.outline, outlineClassName, showOutline && styles['show-outline'])} />\n        </span>\n        <span className={clsx(styles.content, !label && !description && styles['empty-content'])}>\n          {label && (\n            <span\n              id={labelId}\n              className={clsx(styles.label, labelClassName, analyticsSelectors.label, {\n                [styles['label-disabled']]: disabled,\n              })}\n              style={{ color: style?.label?.color }}\n            >\n              {label}\n            </span>\n          )}\n          {description && (\n            <span\n              id={descriptionId}\n              className={clsx(styles.description, descriptionClassName, {\n                [styles['description-disabled']]: disabled,\n                [styles['description-bottom-padding']]: descriptionBottomPadding,\n              })}\n              style={{ color: style?.description?.color }}\n            >\n              {description}\n            </span>\n          )}\n        </span>\n      </span>\n    </span>\n  );\n}\n"]}

package/internal/components/checkbox-icon/styles.css.js

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1fn7j_1wf3o_9",
-  "styled-box": "awsui_styled-box_1fn7j_1wf3o_16",
-  "styled-box-checked": "awsui_styled-box-checked_1fn7j_1wf3o_32",
-  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_1wf3o_32",
-  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_1wf3o_36",
-  "styled-box-readonly": "awsui_styled-box-readonly_1fn7j_1wf3o_36",
-  "styled-line": "awsui_styled-line_1fn7j_1wf3o_40",
-  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_1wf3o_45",
-  "styled-line-readonly": "awsui_styled-line-readonly_1fn7j_1wf3o_48"
+  "root": "awsui_root_1fn7j_1080n_9",
+  "styled-box": "awsui_styled-box_1fn7j_1080n_16",
+  "styled-box-checked": "awsui_styled-box-checked_1fn7j_1080n_32",
+  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_1080n_32",
+  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_1080n_36",
+  "styled-box-readonly": "awsui_styled-box-readonly_1fn7j_1080n_36",
+  "styled-line": "awsui_styled-line_1fn7j_1080n_40",
+  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_1080n_45",
+  "styled-line-readonly": "awsui_styled-line-readonly_1fn7j_1080n_48"
 };
   

package/internal/components/checkbox-icon/styles.scoped.css

@@ -6,45 +6,45 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_1fn7j_1wf3o_9:not(#\9) {
+.awsui_root_1fn7j_1080n_9:not(#\9) {
   position: absolute;
   inline-size: 100%;
   block-size: 100%;
   inset-block-start: 0;
   inset-inline-start: 0;
 }
-.awsui_root_1fn7j_1wf3o_9 > .awsui_styled-box_1fn7j_1wf3o_16:not(#\9) {
-  fill: var(--color-background-control-default-9p1s17, #ffffff);
-  stroke: var(--color-border-control-default-9qbus4, #8c8c94);
+.awsui_root_1fn7j_1080n_9 > .awsui_styled-box_1fn7j_1080n_16:not(#\9) {
+  fill: var(--awsui-internal-style-background-color, var(--color-background-control-default-9p1s17, #ffffff));
+  stroke: var(--awsui-internal-style-border-color, var(--color-border-control-default-9qbus4, #8c8c94));
   stroke-width: var(--border-width-field-2365x3, 1px);
   transition: fill var(--motion-duration-transition-quick-1p8yzt, 90ms) var(--motion-easing-transition-quick-afgcka, linear), stroke var(--motion-duration-transition-quick-1p8yzt, 90ms) var(--motion-easing-transition-quick-afgcka, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1fn7j_1wf3o_9 > .awsui_styled-box_1fn7j_1wf3o_16:not(#\9) {
+  .awsui_root_1fn7j_1080n_9 > .awsui_styled-box_1fn7j_1080n_16:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1fn7j_1wf3o_9 > .awsui_styled-box_1fn7j_1wf3o_16:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_1wf3o_9 > .awsui_styled-box_1fn7j_1wf3o_16:not(#\9) {
+.awsui-motion-disabled .awsui_root_1fn7j_1080n_9 > .awsui_styled-box_1fn7j_1080n_16:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_1080n_9 > .awsui_styled-box_1fn7j_1080n_16:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1fn7j_1wf3o_9 > .awsui_styled-box-checked_1fn7j_1wf3o_32:not(#\9), .awsui_root_1fn7j_1wf3o_9 > .awsui_styled-box-indeterminate_1fn7j_1wf3o_32:not(#\9) {
-  fill: var(--color-background-control-checked-ksqwhc, #006ce0);
-  stroke: var(--color-border-control-checked-g8qf7s, #006ce0);
+.awsui_root_1fn7j_1080n_9 > .awsui_styled-box-checked_1fn7j_1080n_32:not(#\9), .awsui_root_1fn7j_1080n_9 > .awsui_styled-box-indeterminate_1fn7j_1080n_32:not(#\9) {
+  fill: var(--awsui-internal-style-background-color, var(--color-background-control-checked-ksqwhc, #006ce0));
+  stroke: var(--awsui-internal-style-border-color, var(--color-border-control-checked-g8qf7s, #006ce0));
 }
-.awsui_root_1fn7j_1wf3o_9 > .awsui_styled-box-disabled_1fn7j_1wf3o_36:not(#\9), .awsui_root_1fn7j_1wf3o_9 > .awsui_styled-box-readonly_1fn7j_1wf3o_36:not(#\9) {
-  fill: var(--color-background-control-disabled-m61b8s, #dedee3);
-  stroke: var(--color-border-control-disabled-dh8zaw, #dedee3);
+.awsui_root_1fn7j_1080n_9 > .awsui_styled-box-disabled_1fn7j_1080n_36:not(#\9), .awsui_root_1fn7j_1080n_9 > .awsui_styled-box-readonly_1fn7j_1080n_36:not(#\9) {
+  fill: var(--awsui-internal-style-background-color, var(--color-background-control-disabled-m61b8s, #dedee3));
+  stroke: var(--awsui-internal-style-border-color, var(--color-border-control-disabled-dh8zaw, #dedee3));
 }
-.awsui_root_1fn7j_1wf3o_9 > .awsui_styled-line_1fn7j_1wf3o_40:not(#\9) {
-  stroke: var(--color-foreground-control-default-poakg0, #ffffff);
+.awsui_root_1fn7j_1080n_9 > .awsui_styled-line_1fn7j_1080n_40:not(#\9) {
+  stroke: var(--awsui-internal-style-color, var(--color-foreground-control-default-poakg0, #ffffff));
   stroke-width: 2;
   fill: none;
 }
-.awsui_root_1fn7j_1wf3o_9 > .awsui_styled-line-disabled_1fn7j_1wf3o_45:not(#\9) {
-  stroke: var(--color-foreground-control-disabled-bikivj, #ffffff);
+.awsui_root_1fn7j_1080n_9 > .awsui_styled-line-disabled_1fn7j_1080n_45:not(#\9) {
+  stroke: var(--awsui-internal-style-color, var(--color-foreground-control-disabled-bikivj, #ffffff));
 }
-.awsui_root_1fn7j_1wf3o_9 > .awsui_styled-line-readonly_1fn7j_1wf3o_48:not(#\9) {
-  stroke: var(--color-foreground-control-read-only-8sqxyy, #656871);
+.awsui_root_1fn7j_1080n_9 > .awsui_styled-line-readonly_1fn7j_1080n_48:not(#\9) {
+  stroke: var(--awsui-internal-style-color, var(--color-foreground-control-read-only-8sqxyy, #656871));
 }

package/internal/components/checkbox-icon/styles.selectors.js

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1fn7j_1wf3o_9",
-  "styled-box": "awsui_styled-box_1fn7j_1wf3o_16",
-  "styled-box-checked": "awsui_styled-box-checked_1fn7j_1wf3o_32",
-  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_1wf3o_32",
-  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_1wf3o_36",
-  "styled-box-readonly": "awsui_styled-box-readonly_1fn7j_1wf3o_36",
-  "styled-line": "awsui_styled-line_1fn7j_1wf3o_40",
-  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_1wf3o_45",
-  "styled-line-readonly": "awsui_styled-line-readonly_1fn7j_1wf3o_48"
+  "root": "awsui_root_1fn7j_1080n_9",
+  "styled-box": "awsui_styled-box_1fn7j_1080n_16",
+  "styled-box-checked": "awsui_styled-box-checked_1fn7j_1080n_32",
+  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_1080n_32",
+  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_1080n_36",
+  "styled-box-readonly": "awsui_styled-box-readonly_1fn7j_1080n_36",
+  "styled-line": "awsui_styled-line_1fn7j_1080n_40",
+  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_1080n_45",
+  "styled-line-readonly": "awsui_styled-line-readonly_1fn7j_1080n_48"
 };
   

package/internal/components/customizable-icon/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconProps } from '../../../icon/interfaces';
+export interface CustomizableIconProps extends IconProps {
+  /**
+   * A custom icon replacing the default one, for example, provided by the consumer via the host
+   * component's `icons` property. When set, it renders inside the same element as the default icon,
+   * so it inherits the same size/box. When empty (any falsy value, which would otherwise render an
+   * empty icon box), the default icon with fallback props is rendered.
+   */
+  customIcon?: React.ReactNode;
+  /**
+   * Properties applied to the default icon only (when `customIcon` is empty). Use it for
+   * default-icon presentation such as built-in rotation or motion attributes — a custom icon
+   * brings its own presentation.
+   */
+  fallback?: IconProps;
+}
+export declare function CustomizableIcon({
+  customIcon,
+  fallback,
+  ...shared
+}: CustomizableIconProps): JSX.Element;

package/internal/components/customizable-icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/customizable-icon/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD;;;;;OAKG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE,EAAE,qBAAqB,eAK1F"}

package/internal/components/customizable-icon/index.js

@@ -0,0 +1,12 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import InternalIcon from '../../../icon/internal';
+export function CustomizableIcon({ customIcon, fallback, ...shared }) {
+    if (customIcon) {
+        return React.createElement(InternalIcon, { ...shared, override: customIcon });
+    }
+    return React.createElement(InternalIcon, { ...shared, ...fallback, className: clsx(shared.className, fallback === null || fallback === void 0 ? void 0 : fallback.className) });
+}
+//# sourceMappingURL=index.js.map

package/internal/components/customizable-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/customizable-icon/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAkBlD,MAAM,UAAU,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAyB;IACzF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,oBAAC,YAAY,OAAK,MAAM,EAAE,QAAQ,EAAE,UAAU,GAAI,CAAC;IAC5D,CAAC;IACD,OAAO,oBAAC,YAAY,OAAK,MAAM,KAAM,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,CAAC,GAAI,CAAC;AAC5G,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../../../icon/interfaces';\nimport InternalIcon from '../../../icon/internal';\n\nexport interface CustomizableIconProps extends IconProps {\n  /**\n   * A custom icon replacing the default one, for example, provided by the consumer via the host\n   * component's `icons` property. When set, it renders inside the same element as the default icon,\n   * so it inherits the same size/box. When empty (any falsy value, which would otherwise render an\n   * empty icon box), the default icon with fallback props is rendered.\n   */\n  customIcon?: React.ReactNode;\n  /**\n   * Properties applied to the default icon only (when `customIcon` is empty). Use it for\n   * default-icon presentation such as built-in rotation or motion attributes — a custom icon\n   * brings its own presentation.\n   */\n  fallback?: IconProps;\n}\n\nexport function CustomizableIcon({ customIcon, fallback, ...shared }: CustomizableIconProps) {\n  if (customIcon) {\n    return <InternalIcon {...shared} override={customIcon} />;\n  }\n  return <InternalIcon {...shared} {...fallback} className={clsx(shared.className, fallback?.className)} />;\n}\n"]}

package/internal/components/expand-toggle-button/index.d.ts

@@ -5,6 +5,7 @@ export declare function ExpandToggleButton({
   expandButtonLabel,
   collapseButtonLabel,
   customIcon,
+  expandToggleIcon,
   className,
   disableFocusHighlight
 }: {
@@ -13,6 +14,9 @@ export declare function ExpandToggleButton({
   expandButtonLabel?: string;
   collapseButtonLabel?: string;
   customIcon?: React.ReactNode;
+  expandToggleIcon?: (state: {
+    expanded: boolean;
+  }) => React.ReactNode;
   className?: string;
   disableFocusHighlight?: boolean;
 }): JSX.Element;

package/internal/components/expand-toggle-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/expand-toggle-button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,qBAAqB,GACtB,EAAE;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,eAyBA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/expand-toggle-button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,qBAAqB,GACtB,EAAE;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,eA4BA"}

package/internal/components/expand-toggle-button/index.js

@@ -3,11 +3,14 @@
 import React, { useRef } from 'react';
 import clsx from 'clsx';
 import { isThemeActive, Theme, useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';
-import InternalIcon from '../../../icon/internal';
+import { CustomizableIcon } from '../customizable-icon';
 import styles from './styles.css.js';
-export function ExpandToggleButton({ isExpanded, onExpandableItemToggle, expandButtonLabel, collapseButtonLabel, customIcon, className, disableFocusHighlight, }) {
+export function ExpandToggleButton({ isExpanded, onExpandableItemToggle, expandButtonLabel, collapseButtonLabel, customIcon, expandToggleIcon, className, disableFocusHighlight, }) {
     const buttonRef = useRef(null);
     const { tabIndex } = useSingleTabStopNavigation(buttonRef);
-    return (React.createElement("button", { type: "button", ref: buttonRef, tabIndex: tabIndex, "aria-label": isExpanded ? collapseButtonLabel : expandButtonLabel, "aria-expanded": isExpanded, className: clsx(styles['expand-toggle'], disableFocusHighlight && styles['disable-focus-highlight'], className), onClick: onExpandableItemToggle, "data-awsui-motion-trigger": "hover", "data-awsui-motion-target": "" }, customIcon !== null && customIcon !== void 0 ? customIcon : (React.createElement(InternalIcon, { size: isThemeActive(Theme.OneTheme) ? 'x-small' : 'small', name: isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled', className: clsx(styles['expand-toggle-icon'], isExpanded && styles['expand-toggle-icon-expanded']) }))));
+    return (React.createElement("button", { type: "button", ref: buttonRef, tabIndex: tabIndex, "aria-label": isExpanded ? collapseButtonLabel : expandButtonLabel, "aria-expanded": isExpanded, className: clsx(styles['expand-toggle'], disableFocusHighlight && styles['disable-focus-highlight'], className), onClick: onExpandableItemToggle, "data-awsui-motion-trigger": "hover", "data-awsui-motion-target": "" }, customIcon !== null && customIcon !== void 0 ? customIcon : (React.createElement(CustomizableIcon, { customIcon: expandToggleIcon === null || expandToggleIcon === void 0 ? void 0 : expandToggleIcon({ expanded: !!isExpanded }), size: isThemeActive(Theme.OneTheme) ? 'x-small' : 'small', fallback: {
+            name: isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled',
+            className: clsx(styles['expand-toggle-icon'], isExpanded && styles['expand-toggle-icon-expanded']),
+        } }))));
 }
 //# sourceMappingURL=index.js.map

package/internal/components/expand-toggle-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/expand-toggle-button/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAEjH,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAElD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,UAAU,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,qBAAqB,GAStB;IACC,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAE3D,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,gBACN,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,mBACjD,UAAU,EACzB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,qBAAqB,IAAI,MAAM,CAAC,yBAAyB,CAAC,EAAE,SAAS,CAAC,EAC/G,OAAO,EAAE,sBAAsB,+BACL,OAAO,8BACR,EAAE,IAE1B,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CACb,oBAAC,YAAY,IACX,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACzD,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,EACxE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,UAAU,IAAI,MAAM,CAAC,6BAA6B,CAAC,CAAC,GAClG,CACH,CACM,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme, useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalIcon from '../../../icon/internal';\n\nimport styles from './styles.css.js';\n\nexport function ExpandToggleButton({\n  isExpanded,\n  onExpandableItemToggle,\n  expandButtonLabel,\n  collapseButtonLabel,\n  customIcon,\n  className,\n  disableFocusHighlight,\n}: {\n  isExpanded?: boolean;\n  onExpandableItemToggle?: () => void;\n  expandButtonLabel?: string;\n  collapseButtonLabel?: string;\n  customIcon?: React.ReactNode;\n  className?: string;\n  disableFocusHighlight?: boolean;\n}) {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { tabIndex } = useSingleTabStopNavigation(buttonRef);\n\n  return (\n    <button\n      type=\"button\"\n      ref={buttonRef}\n      tabIndex={tabIndex}\n      aria-label={isExpanded ? collapseButtonLabel : expandButtonLabel}\n      aria-expanded={isExpanded}\n      className={clsx(styles['expand-toggle'], disableFocusHighlight && styles['disable-focus-highlight'], className)}\n      onClick={onExpandableItemToggle}\n      data-awsui-motion-trigger=\"hover\"\n      data-awsui-motion-target=\"\"\n    >\n      {customIcon ?? (\n        <InternalIcon\n          size={isThemeActive(Theme.OneTheme) ? 'x-small' : 'small'}\n          name={isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled'}\n          className={clsx(styles['expand-toggle-icon'], isExpanded && styles['expand-toggle-icon-expanded'])}\n        />\n      )}\n    </button>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/expand-toggle-button/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAEjH,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,UAAU,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,qBAAqB,GAUtB;IACC,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAE3D,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,gBACN,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,mBACjD,UAAU,EACzB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,qBAAqB,IAAI,MAAM,CAAC,yBAAyB,CAAC,EAAE,SAAS,CAAC,EAC/G,OAAO,EAAE,sBAAsB,+BACL,OAAO,8BACR,EAAE,IAE1B,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CACb,oBAAC,gBAAgB,IACf,UAAU,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,EAAE,QAAQ,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC,EAC1D,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACzD,QAAQ,EAAE;YACR,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB;YACxE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,UAAU,IAAI,MAAM,CAAC,6BAA6B,CAAC,CAAC;SACnG,GACD,CACH,CACM,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme, useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport { CustomizableIcon } from '../customizable-icon';\n\nimport styles from './styles.css.js';\n\nexport function ExpandToggleButton({\n  isExpanded,\n  onExpandableItemToggle,\n  expandButtonLabel,\n  collapseButtonLabel,\n  customIcon,\n  expandToggleIcon,\n  className,\n  disableFocusHighlight,\n}: {\n  isExpanded?: boolean;\n  onExpandableItemToggle?: () => void;\n  expandButtonLabel?: string;\n  collapseButtonLabel?: string;\n  customIcon?: React.ReactNode;\n  expandToggleIcon?: (state: { expanded: boolean }) => React.ReactNode;\n  className?: string;\n  disableFocusHighlight?: boolean;\n}) {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { tabIndex } = useSingleTabStopNavigation(buttonRef);\n\n  return (\n    <button\n      type=\"button\"\n      ref={buttonRef}\n      tabIndex={tabIndex}\n      aria-label={isExpanded ? collapseButtonLabel : expandButtonLabel}\n      aria-expanded={isExpanded}\n      className={clsx(styles['expand-toggle'], disableFocusHighlight && styles['disable-focus-highlight'], className)}\n      onClick={onExpandableItemToggle}\n      data-awsui-motion-trigger=\"hover\"\n      data-awsui-motion-target=\"\"\n    >\n      {customIcon ?? (\n        <CustomizableIcon\n          customIcon={expandToggleIcon?.({ expanded: !!isExpanded })}\n          size={isThemeActive(Theme.OneTheme) ? 'x-small' : 'small'}\n          fallback={{\n            name: isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled',\n            className: clsx(styles['expand-toggle-icon'], isExpanded && styles['expand-toggle-icon-expanded']),\n          }}\n        />\n      )}\n    </button>\n  );\n}\n"]}

package/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (3dc4191d)";
-export var GIT_SHA = "3dc4191d";
+export var PACKAGE_VERSION = "3.0.0 (b7e52fa6)";
+export var GIT_SHA = "b7e52fa6";
 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 (3dc4191d)",
-  "GIT_SHA": "3dc4191d",
+  "PACKAGE_VERSION": "3.0.0 (b7e52fa6)",
+  "GIT_SHA": "b7e52fa6",
   "THEME": "open-source-visual-refresh",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": true,

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

@@ -498,6 +498,7 @@ export const colorBackgroundAlertInfo: string;
 export const colorBackgroundAlertSuccess: string;
 export const colorBackgroundAlertWarning: string;
 export const colorBackgroundDialog: string;
+export const colorBackgroundDialogDefault: string;
 export const colorBackgroundStatusSuccess: string;
 export const colorBackgroundStatusWarning: string;
 export const colorBackgroundTableHeader: string;
@@ -577,6 +578,8 @@ export const colorBorderItemSelected: string;
 export const colorBorderLayout: string;
 export const colorBorderLayoutSideNavigation: string;
 export const colorBorderNotificationStackBar: string;
+export const colorBorderNotificationStackBarHover: string;
+export const colorBorderNotificationStackBarActive: string;
 export const colorBorderNotificationStackBarFocused: string;
 export const colorBorderPanelHeader: string;
 export const colorBorderPopover: string;
@@ -591,6 +594,7 @@ export const colorBorderStatusInfo: string;
 export const colorBorderStatusSuccess: string;
 export const colorBorderStatusWarning: string;
 export const colorBorderDialog: string;
+export const colorBorderDialogDefault: string;
 export const colorBorderDividerInteractiveDefault: string;
 export const colorBorderTabsDivider: string;
 export const colorBorderTabsShadow: string;
@@ -914,6 +918,7 @@ export const borderRadiusSideNavigationItem: string;
 export const borderRadiusSideNavigationItemCollapsed: string;
 export const borderRadiusItemCardDefault: string;
 export const borderRadiusItemCardEmbedded: string;
+export const borderRadiusDialog: string;
 export const borderRadiusPopover: string;
 export const borderRadiusSkeleton: string;
 export const borderRadiusStatusIndicator: string;
@@ -946,8 +951,10 @@ export const borderWidthIconSmall: string;
 export const borderWidthIconXSmall: string;
 export const borderWidthItemCard: string;
 export const borderWidthItemCardHighlighted: string;
+export const borderWidthDialog: string;
 export const borderWidthItemSelected: string;
 export const borderWidthLayoutSideNavigation: string;
+export const borderWidthNotificationStackBar: string;
 export const borderWidthBadge: string;
 export const borderWidthPopover: string;
 export const borderWidthToken: string;
@@ -1036,6 +1043,12 @@ export const spaceItemCardHorizontalDefault: string;
 export const spaceItemCardHorizontalEmbedded: string;
 export const spaceItemCardVerticalDefault: string;
 export const spaceItemCardVerticalEmbedded: string;
+export const spaceDialogHorizontal: string;
+export const spaceDialogVertical: string;
+export const spaceDialogActionBlock: string;
+export const spaceDialogActionInline: string;
+export const spaceDialogHeaderGap: string;
+export const spaceDialogSectionGap: string;
 export const spaceCodeEditorStatusFocusOutlineGutter: string;
 export const spaceContainerContentTop: string;
 export const spaceContainerHeaderTop: string;
@@ -1135,6 +1148,7 @@ export const spaceXxl: string;
 export const spaceXxxl: string;
 export const shadowCard: string;
 export const shadowItemCard: string;
+export const shadowDialog: string;
 export const shadowContainer: string;
 export const shadowContainerActive: string;
 export const shadowDropdown: string;