npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1373 → 3.0.1375 - Mend

@cloudscape-design/components-themeable 3.0.1373 → 3.0.1375

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 (306) hide show

package/lib/internal/template/internal/base-theme/styles.scoped.css CHANGED Viewed

@@ -378,6 +378,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);
@@ -456,6 +457,8 @@
     --color-border-layout-h5yp20:var(--color-neutral-300-uoc9f7);
     --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-neutral-300-uoc9f7);
@@ -470,6 +473,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-600-3y2c6w);
     --color-border-tabs-divider-sog0al:var(--color-neutral-400-prk64u);
     --color-border-tabs-shadow-egq8wq:var(--color-border-divider-default-diwd4w);
@@ -787,6 +791,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);
@@ -818,8 +823,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:var(--border-item-width-pyfg4s);
     --border-width-layout-side-navigation-q0k26x:var(--border-divider-section-width-dlkb8v);
+    --border-width-notification-stack-bar-b90c4m:1px;
     --border-width-badge-p88itr:0px;
     --border-width-popover-snsxri:1px;
     --border-width-token-p4a0gu:1px;
@@ -904,6 +911,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:3px;
     --space-container-content-top-ryubqz:var(--space-scaled-m-lfeh3i);
     --space-container-header-top-3txhx4:var(--space-scaled-s-2crg2b);
@@ -997,6 +1010,7 @@
     --space-xxxl-pjngik:40px;
     --shadow-card-9fwoie:var(--shadow-container-quglkl);
     --shadow-item-card-ltzk0y:var(--shadow-card-9fwoie);
+    --shadow-dialog-q0m0rn:var(--shadow-card-9fwoie);
     --shadow-container-quglkl:0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
     --shadow-container-active-iomjxu:0px 4px 8px rgba(0, 28, 36, 0.45);
     --shadow-dropdown-ogwesf:var(--shadow-container-quglkl);
@@ -1365,6 +1379,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-content-top-ryubqz:var(--space-scaled-m-lfeh3i);
     --space-container-header-top-3txhx4:var(--space-scaled-s-2crg2b);
     --space-container-header-bottom-9elagw:var(--space-scaled-s-2crg2b);
@@ -1426,6 +1443,7 @@
     --space-button-modal-dismiss-vertical-3vgc5x:var(--space-scaled-xxs-j00t0m);
     --space-card-vertical-default-iz8x7a:var(--space-scaled-l-33ruz6);
     --space-item-card-vertical-default-vibtiz:var(--space-card-vertical-default-iz8x7a);
+    --space-dialog-action-block-jznvno:var(--space-scaled-xxs-j00t0m);
     --space-container-content-top-ryubqz:var(--space-scaled-m-lfeh3i);
     --space-container-header-top-3txhx4:var(--space-scaled-s-2crg2b);
     --space-container-header-bottom-9elagw:var(--space-scaled-s-2crg2b);
@@ -1687,6 +1705,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);
@@ -1721,6 +1740,7 @@
     --color-border-segment-divider-mq01bu:var(--color-border-input-default-jtkw9d);
     --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-underline-yipmio:var(--color-text-interactive-hover-zj1911);
     --color-shadow-default-ihj2rf:var(--color-grey-transparent-heavy-80huim);
     --color-shadow-side-6j14og:var(--color-grey-transparent-light-x8t86g);
@@ -1834,6 +1854,7 @@
     --color-border-dropdown-item-top-vxgkn8:var(--color-border-dropdown-item-default-j9osbc);
     --color-border-input-focused-ppoq5z:var(--color-border-item-focused-sewkzn);
     --color-border-panel-header-sqy0v4:var(--color-border-divider-default-diwd4w);
+    --color-border-dialog-default-8c0afg:var(--color-border-card-btvpmf);
     --color-border-tabs-shadow-egq8wq:var(--color-border-divider-default-diwd4w);
     --color-text-button-inline-link-hover-b55y5l:var(--color-text-button-normal-hover-a8yjvb);
     --color-text-link-button-normal-default-2b5u43:var(--color-text-button-normal-default-0rhdlx);
@@ -1917,6 +1938,7 @@
     --color-border-dropdown-item-top-vxgkn8:var(--color-border-dropdown-item-default-j9osbc);
     --color-border-input-focused-ppoq5z:var(--color-border-item-focused-sewkzn);
     --color-border-panel-header-sqy0v4:var(--color-border-divider-default-diwd4w);
+    --color-border-dialog-default-8c0afg:var(--color-border-card-btvpmf);
     --color-border-tabs-shadow-egq8wq:var(--color-border-divider-default-diwd4w);
     --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);
@@ -1950,6 +1972,7 @@
     --color-border-dropdown-item-selected-y1kt81:var(--color-border-dropdown-item-default-j9osbc);
     --color-border-dropdown-item-top-vxgkn8:var(--color-border-dropdown-item-default-j9osbc);
     --color-border-panel-header-sqy0v4:var(--color-border-divider-default-diwd4w);
+    --color-border-dialog-default-8c0afg:var(--color-border-card-btvpmf);
     --color-border-tabs-shadow-egq8wq:var(--color-border-divider-default-diwd4w);
     --color-border-expandable-section-default-0tyw84:var(--color-border-divider-default-diwd4w);
   }
@@ -2182,6 +2205,7 @@
     --border-width-card-niewam:var(--border-divider-section-width-dlkb8v);
     --border-width-dropdown-4gpjx5:2px;
     --border-width-item-selected-l41fek:2px;
+    --border-width-notification-stack-bar-b90c4m:2px;
     --border-width-popover-snsxri:2px;
     --border-width-token-p4a0gu:2px;
     --motion-duration-refresh-only-fast-y8f250:115ms;
@@ -2384,6 +2408,8 @@
     --color-border-item-selected-7104rh:var(--color-item-selected-2irl78);
     --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-segment-divider-mq01bu:var(--color-border-input-default-jtkw9d);
@@ -2393,6 +2419,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-foreground-control-read-only-8sqxyy:var(--color-neutral-600-3y2c6w);
     --color-shadow-default-ihj2rf:var(--color-grey-transparent-heavy-80huim);
     --color-shadow-side-6j14og:var(--color-grey-transparent-light-x8t86g);
@@ -2513,6 +2540,7 @@
     --border-radius-side-navigation-item-umkj1e:var(--border-radius-item-mitz8h);
     --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-status-indicator-1d9bsf:var(--border-radius-badge-86n91d);
     --border-radius-tiles-vjpivy:var(--border-radius-input-k1q34z);
@@ -2524,11 +2552,13 @@
     --border-width-alert-inline-start-irqq4q:var(--border-width-alert-cj1l4d);
     --border-width-card-selected-pzt73h:var(--border-item-width-pyfg4s);
     --border-width-item-card-6sthd9:var(--border-width-card-niewam);
+    --border-width-dialog-6bh1ii:var(--border-width-card-niewam);
     --motion-duration-tooltip-enter-crskvc:var(--motion-duration-refresh-only-fast-y8f250);
     --space-item-card-vertical-default-vibtiz:var(--space-card-vertical-default-iz8x7a);
     --space-table-footer-horizontal-81b00d:var(--space-table-header-horizontal-y8sy8d);
     --space-action-card-vertical-default-575mjk:var(--space-card-vertical-default-iz8x7a);
     --shadow-item-card-ltzk0y:var(--shadow-card-9fwoie);
+    --shadow-dialog-q0m0rn:var(--shadow-card-9fwoie);
   }
   @media not print {
     .awsui-dark-mode.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
@@ -2851,6 +2881,7 @@
     --color-background-segment-default-6rgn11:var(--color-background-button-normal-default-3s2qeb);
     --color-background-segment-disabled-mjubn7:var(--color-background-button-normal-disabled-poiij5);
     --color-background-segment-wrapper-yqb22i:var(--color-background-container-content-mjfil9);
+    --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);
@@ -2875,6 +2906,7 @@
     --color-border-panel-header-sqy0v4:var(--color-border-divider-default-diwd4w);
     --color-border-segment-divider-mq01bu:var(--color-border-input-default-jtkw9d);
     --color-border-segment-wrapper-ofstpm:var(--color-border-input-default-jtkw9d);
+    --color-border-dialog-default-8c0afg:var(--color-border-card-btvpmf);
     --color-border-tabs-shadow-egq8wq:var(--color-grey-transparent-3dqrf2);
     --color-shadow-default-ihj2rf:var(--color-grey-transparent-heavy-80huim);
     --color-shadow-side-6j14og:var(--color-grey-transparent-light-x8t86g);
@@ -3089,6 +3121,7 @@
     --color-background-alert-info-lqhdg0:var(--color-background-status-info-lki61z);
     --color-background-alert-success-9dyn87:var(--color-background-status-success-1woffs);
     --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);
@@ -3125,6 +3158,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);
@@ -3426,6 +3460,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);
@@ -3462,6 +3497,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);
@@ -3585,6 +3621,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);
@@ -3694,6 +3731,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);
@@ -3755,6 +3793,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);
@@ -3796,6 +3835,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);
@@ -4047,6 +4087,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);
@@ -4084,6 +4125,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/lib/internal/template/internal/components/abstract-switch/index.d.ts CHANGED Viewed

@@ -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;
@@ -34,5 +36,5 @@ export interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>,
         };
     };
 }
-export default function AbstractSwitch({ controlId, controlClassName, outlineClassName, showOutline, disabled, readOnly, nativeControl, styledControl, label, description, descriptionBottomPadding, ariaLabel, ariaLabelledby, ariaDescribedby, ariaControls, onClick, style, __internalRootRef, ...rest }: AbstractSwitchProps): JSX.Element;
+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 }: AbstractSwitchProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/components/abstract-switch/index.d.ts.map CHANGED Viewed

	@@ -1 +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~~"}
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,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/lib/internal/template/internal/components/abstract-switch/index.js CHANGED Viewed

@@ -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/lib/internal/template/internal/components/abstract-switch/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EACL,0BAA0B,EAC1B,6BAA6B,GAE9B,MAAM,kEAAkE,CAAC;AAE1E,OAAO,cAAc,MAAM,mDAAmD,CAAC;AAG/E,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;~~AAqCrC~~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~~EAAE,~~CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,QAAQ,~~EAAE,~~CAAC,~~EACjG~~,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,KAAK,EAAE,IAEpC,KAAK,CACD,CACR;gBACA,WAAW,IAAI,CACd,8BACE,EAAE,EAAE,aAAa,EACjB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;~~wBAClC~~,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,QAAQ;wBAC1C,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC,EAAE,wBAAwB;qBACjE,CAAC,EACF,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,0CAAE,KAAK,EAAE,IAE1C,WAAW,CACP,CACR,CACI,CACF,CACF,CACR,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\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"]}
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 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/lib/internal/template/internal/components/checkbox-icon/styles.css.js CHANGED Viewed

@@ -1,14 +1,14 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1fn7j_1v6hl_9",
-  "styled-box": "awsui_styled-box_1fn7j_1v6hl_16",
-  "styled-box-checked": "awsui_styled-box-checked_1fn7j_1v6hl_32",
-  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_1v6hl_32",
-  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_1v6hl_36",
-  "styled-box-readonly": "awsui_styled-box-readonly_1fn7j_1v6hl_36",
-  "styled-line": "awsui_styled-line_1fn7j_1v6hl_40",
-  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_1v6hl_45",
-  "styled-line-readonly": "awsui_styled-line-readonly_1fn7j_1v6hl_48"
+  "root": "awsui_root_1fn7j_xquel_9",
+  "styled-box": "awsui_styled-box_1fn7j_xquel_16",
+  "styled-box-checked": "awsui_styled-box-checked_1fn7j_xquel_32",
+  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_xquel_32",
+  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_xquel_36",
+  "styled-box-readonly": "awsui_styled-box-readonly_1fn7j_xquel_36",
+  "styled-line": "awsui_styled-line_1fn7j_xquel_40",
+  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_xquel_45",
+  "styled-line-readonly": "awsui_styled-line-readonly_1fn7j_xquel_48"
 };

package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css CHANGED Viewed

@@ -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_1v6hl_9:not(#\9) {
+.awsui_root_1fn7j_xquel_9:not(#\9) {
   position: absolute;
   inline-size: 100%;
   block-size: 100%;
   inset-block-start: 0;
   inset-inline-start: 0;
 }
-.awsui_root_1fn7j_1v6hl_9 > .awsui_styled-box_1fn7j_1v6hl_16:not(#\9) {
-  fill: var(--color-background-control-default-9p1s17, #ffffff);
-  stroke: var(--color-border-control-default-9qbus4, #687078);
+.awsui_root_1fn7j_xquel_9 > .awsui_styled-box_1fn7j_xquel_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, #687078));
   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_1v6hl_9 > .awsui_styled-box_1fn7j_1v6hl_16:not(#\9) {
+  .awsui_root_1fn7j_xquel_9 > .awsui_styled-box_1fn7j_xquel_16:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1fn7j_1v6hl_9 > .awsui_styled-box_1fn7j_1v6hl_16:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_1v6hl_9 > .awsui_styled-box_1fn7j_1v6hl_16:not(#\9) {
+.awsui-motion-disabled .awsui_root_1fn7j_xquel_9 > .awsui_styled-box_1fn7j_xquel_16:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_xquel_9 > .awsui_styled-box_1fn7j_xquel_16:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1fn7j_1v6hl_9 > .awsui_styled-box-checked_1fn7j_1v6hl_32:not(#\9), .awsui_root_1fn7j_1v6hl_9 > .awsui_styled-box-indeterminate_1fn7j_1v6hl_32:not(#\9) {
-  fill: var(--color-background-control-checked-ksqwhc, #0073bb);
-  stroke: var(--color-border-control-checked-g8qf7s, #0073bb);
+.awsui_root_1fn7j_xquel_9 > .awsui_styled-box-checked_1fn7j_xquel_32:not(#\9), .awsui_root_1fn7j_xquel_9 > .awsui_styled-box-indeterminate_1fn7j_xquel_32:not(#\9) {
+  fill: var(--awsui-internal-style-background-color, var(--color-background-control-checked-ksqwhc, #0073bb));
+  stroke: var(--awsui-internal-style-border-color, var(--color-border-control-checked-g8qf7s, #0073bb));
 }
-.awsui_root_1fn7j_1v6hl_9 > .awsui_styled-box-disabled_1fn7j_1v6hl_36:not(#\9), .awsui_root_1fn7j_1v6hl_9 > .awsui_styled-box-readonly_1fn7j_1v6hl_36:not(#\9) {
-  fill: var(--color-background-control-disabled-m61b8s, #d5dbdb);
-  stroke: var(--color-border-control-disabled-dh8zaw, #d5dbdb);
+.awsui_root_1fn7j_xquel_9 > .awsui_styled-box-disabled_1fn7j_xquel_36:not(#\9), .awsui_root_1fn7j_xquel_9 > .awsui_styled-box-readonly_1fn7j_xquel_36:not(#\9) {
+  fill: var(--awsui-internal-style-background-color, var(--color-background-control-disabled-m61b8s, #d5dbdb));
+  stroke: var(--awsui-internal-style-border-color, var(--color-border-control-disabled-dh8zaw, #d5dbdb));
 }
-.awsui_root_1fn7j_1v6hl_9 > .awsui_styled-line_1fn7j_1v6hl_40:not(#\9) {
-  stroke: var(--color-foreground-control-default-poakg0, #ffffff);
+.awsui_root_1fn7j_xquel_9 > .awsui_styled-line_1fn7j_xquel_40:not(#\9) {
+  stroke: var(--awsui-internal-style-color, var(--color-foreground-control-default-poakg0, #ffffff));
   stroke-width: 2;
   fill: none;
 }
-.awsui_root_1fn7j_1v6hl_9 > .awsui_styled-line-disabled_1fn7j_1v6hl_45:not(#\9) {
-  stroke: var(--color-foreground-control-disabled-bikivj, #ffffff);
+.awsui_root_1fn7j_xquel_9 > .awsui_styled-line-disabled_1fn7j_xquel_45:not(#\9) {
+  stroke: var(--awsui-internal-style-color, var(--color-foreground-control-disabled-bikivj, #ffffff));
 }
-.awsui_root_1fn7j_1v6hl_9 > .awsui_styled-line-readonly_1fn7j_1v6hl_48:not(#\9) {
-  stroke: var(--color-foreground-control-read-only-8sqxyy, #687078);
+.awsui_root_1fn7j_xquel_9 > .awsui_styled-line-readonly_1fn7j_xquel_48:not(#\9) {
+  stroke: var(--awsui-internal-style-color, var(--color-foreground-control-read-only-8sqxyy, #687078));
 }

package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js CHANGED Viewed

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1fn7j_1v6hl_9",
-  "styled-box": "awsui_styled-box_1fn7j_1v6hl_16",
-  "styled-box-checked": "awsui_styled-box-checked_1fn7j_1v6hl_32",
-  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_1v6hl_32",
-  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_1v6hl_36",
-  "styled-box-readonly": "awsui_styled-box-readonly_1fn7j_1v6hl_36",
-  "styled-line": "awsui_styled-line_1fn7j_1v6hl_40",
-  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_1v6hl_45",
-  "styled-line-readonly": "awsui_styled-line-readonly_1fn7j_1v6hl_48"
+  "root": "awsui_root_1fn7j_xquel_9",
+  "styled-box": "awsui_styled-box_1fn7j_xquel_16",
+  "styled-box-checked": "awsui_styled-box-checked_1fn7j_xquel_32",
+  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_xquel_32",
+  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_xquel_36",
+  "styled-box-readonly": "awsui_styled-box-readonly_1fn7j_xquel_36",
+  "styled-line": "awsui_styled-line_1fn7j_xquel_40",
+  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_xquel_45",
+  "styled-line-readonly": "awsui_styled-line-readonly_1fn7j_xquel_48"
 };

package/lib/internal/template/internal/components/customizable-icon/index.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+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;
+//# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/components/customizable-icon/index.d.ts.map ADDED Viewed

@@ -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/lib/internal/template/internal/components/customizable-icon/index.js ADDED Viewed

@@ -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/lib/internal/template/internal/components/customizable-icon/index.js.map ADDED Viewed

@@ -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/lib/internal/template/internal/components/expand-toggle-button/index.d.ts CHANGED Viewed

@@ -1,10 +1,13 @@
 import React from 'react';
-export declare function ExpandToggleButton({ isExpanded, onExpandableItemToggle, expandButtonLabel, collapseButtonLabel, customIcon, className, disableFocusHighlight, }: {
+export declare function ExpandToggleButton({ isExpanded, onExpandableItemToggle, expandButtonLabel, collapseButtonLabel, customIcon, expandToggleIcon, className, disableFocusHighlight, }: {
     isExpanded?: boolean;
     onExpandableItemToggle?: () => void;
     expandButtonLabel?: string;
     collapseButtonLabel?: string;
     customIcon?: React.ReactNode;
+    expandToggleIcon?: (state: {
+        expanded: boolean;
+    }) => React.ReactNode;
     className?: string;
     disableFocusHighlight?: boolean;
 }): JSX.Element;

package/lib/internal/template/internal/components/expand-toggle-button/index.d.ts.map CHANGED Viewed

	@@ -1 +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~~"}
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,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/lib/internal/template/internal/components/expand-toggle-button/index.js CHANGED Viewed

@@ -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/lib/internal/template/internal/components/expand-toggle-button/index.js.map CHANGED Viewed

	@@ -1 +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"]}
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,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/lib/internal/template/internal/environment.js CHANGED Viewed

@@ -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/lib/internal/template/internal/environment.json CHANGED Viewed

@@ -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": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false,