npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1332 → 3.0.1334 - Mend

@cloudscape-design/components-themeable 3.0.1332 → 3.0.1334

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

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

@@ -44,12 +44,14 @@
     --color-error-100-ku7qz3:#ffe0e0;
     --color-error-400-9vxaa6:#ff5d64;
     --color-error-600-l0qq56:#d13212;
+    --color-error-700-cmx29k:#c20000;
     --color-error-800-pnqs8l:#990000;
     --color-error-900-9a8dkh:#700000;
     --color-error-950-rfwmbt:#520000;
     --color-error-1000-n60rq7:#270a11;
     --color-success-50-imllf9:#f2f8f0;
     --color-success-100-6utfco:#d9ffd6;
+    --color-success-200-wy394o:#aeffa8;
     --color-success-400-w8bcwp:#00e500;
     --color-success-500-ozgyf5:#6aaf35;
     --color-success-600-ma9qew:#1d8102;
@@ -58,6 +60,7 @@
     --color-success-1000-qm50d9:#172211;
     --color-warning-50-sgekuj:#fffef0;
     --color-warning-100-z9f3fh:#fffbbd;
+    --color-warning-200-lpkaa2:#fef571;
     --color-warning-400-fgqmlt:#ffe347;
     --color-warning-500-g16re6:#fbd332;
     --color-warning-600-4m0ogn:#f2b100;
@@ -76,6 +79,7 @@
     --color-info-1000-og0pob:#12293b;
     --color-purple-400-v76rym:#bf80ff;
     --color-purple-700-e3ppuj:#7300e5;
+    --color-lime-100-dpzvmt:#ebffcc;
     --color-aws-squid-ink-0r4nc8:#232f3e;
     --color-transparent-0dk1gy:transparent;
     --color-black-55fnhe:#000000;
@@ -447,6 +451,7 @@
     --color-border-item-placeholder-pjnp48:var(--color-transparent-0dk1gy);
     --color-border-item-selected-vq6ddf:var(--color-item-selected-2dv7ug);
     --color-border-layout-ovzonx:var(--color-neutral-300-y8n3aq);
+    --color-border-layout-side-navigation-b0akja:var(--color-border-layout-ovzonx);
     --color-border-notification-stack-bar-jvl0qf:var(--color-neutral-750-gjawa6);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
     --color-border-popover-gogt7e:var(--color-neutral-300-y8n3aq);
@@ -622,6 +627,34 @@
     --color-text-badge-blue-pfnjhv:var(--color-text-notification-default-fmebm4);
     --color-text-badge-red-e7xtdk:var(--color-text-notification-default-fmebm4);
     --color-background-code-view-mo92r8:#f8f8f8;
+    --color-background-visual-accent-red-7attn4:#ffe0e0;
+    --color-background-visual-accent-yellow-yheyh3:#fffbbd;
+    --color-background-visual-accent-indigo-wdfi15:#dbe4ff;
+    --color-background-visual-accent-green-tk7e8z:#d9ffd6;
+    --color-background-visual-accent-orange-7oc2l3:rgba(255, 224, 214, 0.6);
+    --color-background-visual-accent-purple-ocfzm6:rgba(242, 229, 255, 0.6);
+    --color-background-visual-accent-lime-n6053b:var(--color-lime-100-dpzvmt);
+    --color-background-visual-accent-grey-dl4gui:var(--color-neutral-250-hdfqdx);
+    --color-background-visual-accent-teal-a0prr2:rgba(204, 255, 252, 0.7);
+    --color-background-visual-accent-blue-f2q1ij:rgba(209, 241, 255, 0.6);
+    --color-background-visual-accent-violet-fiyefq:rgba(232, 229, 255, 0.6);
+    --color-background-visual-accent-magenta-a99l4r:rgba(255, 224, 251, 0.6);
+    --color-background-visual-accent-pink-buivs8:rgba(255, 224, 240, 0.7);
+    --color-background-visual-accent-amber-tmqr0i:rgba(255, 232, 189, 0.7);
+    --color-text-visual-accent-red-qb3u37:var(--color-error-700-cmx29k);
+    --color-text-visual-accent-yellow-tb3aiw:var(--color-warning-900-6pnziu);
+    --color-text-visual-accent-indigo-igpz5h:var(--color-info-800-l8p7mk);
+    --color-text-visual-accent-green-2t3sse:var(--color-success-600-ma9qew);
+    --color-text-visual-accent-orange-qkoo3i:#a82700;
+    --color-text-visual-accent-purple-y5hm6x:#962eff;
+    --color-text-visual-accent-lime-mhu4v0:#007000;
+    --color-text-visual-accent-grey-l47fnf:var(--color-neutral-850-m3u7h5);
+    --color-text-visual-accent-teal-iwfjzf:#008077;
+    --color-text-visual-accent-blue-bnl7ru:#006ce0;
+    --color-text-visual-accent-violet-ejpuk2:#6842ff;
+    --color-text-visual-accent-magenta-jx4yku:#b2008f;
+    --color-text-visual-accent-pink-fyxb9y:#bb005d;
+    --color-text-visual-accent-amber-tx0lg3:#9e3700;
     --font-button-letter-spacing-9h7rbb:0.25px;
     --font-chart-detail-size-drm2a6:var(--font-size-body-m-vv54cm);
     --font-decoration-style-link-7y21z4:solid;
@@ -768,6 +801,7 @@
     --border-width-icon-x-small-3m5wt5:1.5px;
     --border-width-item-card-6sthd9: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-badge-p88itr:0px;
     --border-width-popover-snsxri:1px;
     --border-width-token-p4a0gu:1px;
@@ -804,6 +838,8 @@
     --motion-duration-responsive-a42db8:var(--motion-duration-moderate-24bai8);
     --motion-duration-expressive-7myv8y:var(--motion-duration-slow-cxexcj);
     --motion-duration-complex-hv88cf:var(--motion-duration-extra-slow-j8l6m4);
+    --motion-duration-tooltip-enter-nk9iah:var(--motion-duration-refresh-only-fast-v9rk6z);
+    --motion-easing-tooltip-enter-6l34dh:var(--motion-easing-refresh-only-a-8gio5w);
     --motion-keyframes-fade-in-o4r43z:awsui-fade-in-35003c;
     --motion-keyframes-fade-out-xbl069:awsui-fade-out-35003c;
     --motion-keyframes-status-icon-error-dg0iw6:awsui-none-35003c;
@@ -888,8 +924,8 @@
     --space-table-header-tools-full-page-bottom-1o73je:4px;
     --space-table-horizontal-xmv4qa:0px;
     --space-tree-view-indentation-y9tsj1:var(--space-xl-4dmkh1);
-    --space-side-navigation-item-gap-3y4bd2:0px;
-    --space-side-navigation-item-collapsed-gap-bmqsk4:var(--space-xs-kw7k3v);
+    --space-side-navigation-item-default-gap-o1ta2s:var(--space-none-ilazlc);
+    --space-side-navigation-item-icon-gap-okmvxs:var(--space-xxs-jnczic);
     --space-tile-gutter-2ulgjh:var(--space-xl-4dmkh1);
     --space-action-card-horizontal-default-3e7yy4:var(--space-card-horizontal-default-7lut73);
     --space-action-card-horizontal-embedded-4io5oz:var(--space-card-horizontal-embedded-z4gdo8);
@@ -1235,6 +1271,34 @@
       --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
       --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
       --color-background-code-view-mo92r8:#282c34;
+      --color-background-visual-accent-red-7attn4:rgba(255, 61, 61, 0.2);
+      --color-background-visual-accent-yellow-yheyh3:rgba(251, 211, 50, 0.2);
+      --color-background-visual-accent-indigo-wdfi15:rgba(92, 127, 255, 0.2);
+      --color-background-visual-accent-green-tk7e8z:rgba(43, 181, 52, 0.2);
+      --color-background-visual-accent-orange-7oc2l3:rgba(255, 75, 20, 0.2);
+      --color-background-visual-accent-purple-ocfzm6:rgba(173, 92, 255, 0.2);
+      --color-background-visual-accent-lime-n6053b:rgba(49, 184, 0, 0.2);
+      --color-background-visual-accent-grey-dl4gui:var(--color-neutral-700-heh17v);
+      --color-background-visual-accent-teal-a0prr2:rgba(0, 173, 162, 0.2);
+      --color-background-visual-accent-blue-f2q1ij:rgba(0, 153, 255, 0.2);
+      --color-background-visual-accent-violet-fiyefq:rgba(133, 117, 255, 0.2);
+      --color-background-visual-accent-magenta-a99l4r:rgba(255, 26, 224, 0.2);
+      --color-background-visual-accent-pink-buivs8:rgba(255, 51, 153, 0.2);
+      --color-background-visual-accent-amber-tmqr0i:rgba(250, 111, 0, 0.2);
+      --color-text-visual-accent-red-qb3u37:var(--color-error-400-9vxaa6);
+      --color-text-visual-accent-yellow-tb3aiw:var(--color-warning-200-lpkaa2);
+      --color-text-visual-accent-indigo-igpz5h:var(--color-info-300-lmblcc);
+      --color-text-visual-accent-green-2t3sse:var(--color-success-200-wy394o);
+      --color-text-visual-accent-orange-qkoo3i:#ff997a;
+      --color-text-visual-accent-purple-y5hm6x:#d4a8ff;
+      --color-text-visual-accent-lime-mhu4v0:#acff2e;
+      --color-text-visual-accent-grey-l47fnf:var(--color-neutral-300-y8n3aq);
+      --color-text-visual-accent-teal-iwfjzf:#00f5e4;
+      --color-text-visual-accent-blue-bnl7ru:#75cfff;
+      --color-text-visual-accent-violet-ejpuk2:#b2a8ff;
+      --color-text-visual-accent-magenta-jx4yku:#ff57e9;
+      --color-text-visual-accent-pink-fyxb9y:#ff99cc;
+      --color-text-visual-accent-amber-tx0lg3:#ffbb45;
       --shadow-container-3fh0j3:0 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
       --shadow-dropup-44quix:0 -1px 1px 0 rgba(0, 0, 0, 0.3), 1px -1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 1px 0 rgba(0, 0, 0, 0.3);
       --shadow-split-bottom-0ncj9i:0 -2px 1px -1px rgba(0, 0, 0, 0.3), 0 -1px 1px -1px rgba(0, 0, 0, 0.3);
@@ -1529,6 +1593,34 @@
     --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
     --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
     --color-background-code-view-mo92r8:#282c34;
+    --color-background-visual-accent-red-7attn4:rgba(255, 61, 61, 0.2);
+    --color-background-visual-accent-yellow-yheyh3:rgba(251, 211, 50, 0.2);
+    --color-background-visual-accent-indigo-wdfi15:rgba(92, 127, 255, 0.2);
+    --color-background-visual-accent-green-tk7e8z:rgba(43, 181, 52, 0.2);
+    --color-background-visual-accent-orange-7oc2l3:rgba(255, 75, 20, 0.2);
+    --color-background-visual-accent-purple-ocfzm6:rgba(173, 92, 255, 0.2);
+    --color-background-visual-accent-lime-n6053b:rgba(49, 184, 0, 0.2);
+    --color-background-visual-accent-grey-dl4gui:var(--color-neutral-700-heh17v);
+    --color-background-visual-accent-teal-a0prr2:rgba(0, 173, 162, 0.2);
+    --color-background-visual-accent-blue-f2q1ij:rgba(0, 153, 255, 0.2);
+    --color-background-visual-accent-violet-fiyefq:rgba(133, 117, 255, 0.2);
+    --color-background-visual-accent-magenta-a99l4r:rgba(255, 26, 224, 0.2);
+    --color-background-visual-accent-pink-buivs8:rgba(255, 51, 153, 0.2);
+    --color-background-visual-accent-amber-tmqr0i:rgba(250, 111, 0, 0.2);
+    --color-text-visual-accent-red-qb3u37:var(--color-error-400-9vxaa6);
+    --color-text-visual-accent-yellow-tb3aiw:var(--color-warning-200-lpkaa2);
+    --color-text-visual-accent-indigo-igpz5h:var(--color-info-300-lmblcc);
+    --color-text-visual-accent-green-2t3sse:var(--color-success-200-wy394o);
+    --color-text-visual-accent-orange-qkoo3i:#ff997a;
+    --color-text-visual-accent-purple-y5hm6x:#d4a8ff;
+    --color-text-visual-accent-lime-mhu4v0:#acff2e;
+    --color-text-visual-accent-grey-l47fnf:var(--color-neutral-300-y8n3aq);
+    --color-text-visual-accent-teal-iwfjzf:#00f5e4;
+    --color-text-visual-accent-blue-bnl7ru:#75cfff;
+    --color-text-visual-accent-violet-ejpuk2:#b2a8ff;
+    --color-text-visual-accent-magenta-jx4yku:#ff57e9;
+    --color-text-visual-accent-pink-fyxb9y:#ff99cc;
+    --color-text-visual-accent-amber-tx0lg3:#ffbb45;
     --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
     --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
@@ -1587,6 +1679,7 @@
     --color-border-dropdown-item-top-znzfoj:var(--color-border-dropdown-item-default-uslwbi);
     --color-border-input-disabled-tz38ro:var(--color-background-input-disabled-4vlau3);
     --color-border-input-focused-lslq4r:var(--color-border-item-focused-r5f6xl);
+    --color-border-layout-side-navigation-b0akja:var(--color-border-layout-ovzonx);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
     --color-border-segment-active-kbwjy5:var(--color-border-segment-hover-dneu56);
     --color-border-segment-disabled-lhc94s:var(--color-border-button-normal-disabled-iu8edd);
@@ -2223,6 +2316,7 @@
     --color-border-input-disabled-tz38ro:var(--color-background-input-disabled-4vlau3);
     --color-border-item-focused-r5f6xl:var(--color-primary-600-be1v6a);
     --color-border-item-selected-vq6ddf:var(--color-item-selected-2dv7ug);
+    --color-border-layout-side-navigation-b0akja:var(--color-border-layout-ovzonx);
     --color-border-notification-stack-bar-jvl0qf:var(--color-neutral-750-gjawa6);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
     --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
@@ -2323,6 +2417,10 @@
     --color-text-badge-green-i688l8:var(--color-text-notification-default-fmebm4);
     --color-text-badge-blue-pfnjhv:var(--color-text-notification-default-fmebm4);
     --color-text-badge-red-e7xtdk:var(--color-text-notification-default-fmebm4);
+    --color-background-visual-accent-grey-dl4gui:var(--color-neutral-250-hdfqdx);
+    --color-text-visual-accent-yellow-tb3aiw:var(--color-warning-900-6pnziu);
+    --color-text-visual-accent-green-2t3sse:var(--color-success-600-ma9qew);
+    --color-text-visual-accent-grey-l47fnf:var(--color-neutral-850-m3u7h5);
     --font-family-display-kvzztp:var(--font-family-base-8x5ngf);
     --font-family-heading-gnchto:var(--font-family-base-8x5ngf);
     --font-weight-form-label-k6dkge:var(--font-display-label-weight-ise9n2);
@@ -2348,6 +2446,7 @@
     --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);
+    --motion-duration-tooltip-enter-nk9iah:var(--motion-duration-refresh-only-fast-v9rk6z);
     --space-item-card-vertical-default-uncyor:var(--space-card-vertical-default-wltzyi);
     --space-table-footer-horizontal-x9dbll:var(--space-table-header-horizontal-2rvxep);
     --space-action-card-vertical-default-ootu94:var(--space-card-vertical-default-wltzyi);
@@ -2511,6 +2610,10 @@
       --color-icon-action-card-default-g1tv20:var(--color-primary-400-i8y8uk);
       --color-icon-action-card-disabled-pby6he:var(--color-neutral-600-boivn8);
       --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
+      --color-background-visual-accent-grey-dl4gui:var(--color-neutral-700-heh17v);
+      --color-text-visual-accent-yellow-tb3aiw:var(--color-warning-200-lpkaa2);
+      --color-text-visual-accent-green-2t3sse:var(--color-success-200-wy394o);
+      --color-text-visual-accent-grey-l47fnf:var(--color-neutral-300-y8n3aq);
       --shadow-container-3fh0j3:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
       --shadow-container-active-hawm65:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
       --shadow-dropdown-skxpuu:0px 4px 20px 1px rgba(0, 4, 12, 1);
@@ -2538,6 +2641,7 @@
     --motion-duration-responsive-a42db8:var(--motion-duration-refresh-only-fast-v9rk6z);
     --motion-duration-expressive-7myv8y:var(--motion-duration-refresh-only-medium-h3wrr6);
     --motion-duration-complex-hv88cf:var(--motion-duration-refresh-only-slow-zil3nj);
+    --motion-duration-tooltip-enter-nk9iah:var(--motion-duration-refresh-only-fast-v9rk6z);
   }
   .awsui-visual-refresh .awsui-context-compact-table:not(#\9) {
     --space-alert-vertical-7hsinh:var(--space-flashbar-vertical-5421mt);
@@ -2689,6 +2793,7 @@
     --color-border-editable-cell-hover-lgnft2:var(--color-border-dropdown-item-hover-vony6u);
     --color-border-input-disabled-tz38ro:var(--color-background-input-disabled-4vlau3);
     --color-border-item-placeholder-pjnp48:var(--color-border-item-selected-vq6ddf);
+    --color-border-layout-side-navigation-b0akja:var(--color-border-layout-ovzonx);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
     --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
     --color-border-tabs-shadow-ya1u83:var(--color-grey-transparent-jkfhak);
@@ -2860,6 +2965,10 @@
     --color-icon-action-card-default-g1tv20:var(--color-primary-400-i8y8uk);
     --color-icon-action-card-disabled-pby6he:var(--color-neutral-600-boivn8);
     --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
+    --color-background-visual-accent-grey-dl4gui:var(--color-neutral-700-heh17v);
+    --color-text-visual-accent-yellow-tb3aiw:var(--color-warning-200-lpkaa2);
+    --color-text-visual-accent-green-2t3sse:var(--color-success-200-wy394o);
+    --color-text-visual-accent-grey-l47fnf:var(--color-neutral-300-y8n3aq);
     --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
     --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
@@ -2919,6 +3028,7 @@
     --color-border-input-disabled-tz38ro:var(--color-background-input-disabled-4vlau3);
     --color-border-item-placeholder-pjnp48:var(--color-border-item-selected-vq6ddf);
     --color-border-item-selected-vq6ddf:var(--color-item-selected-2dv7ug);
+    --color-border-layout-side-navigation-b0akja:var(--color-border-layout-ovzonx);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
     --color-border-popover-gogt7e:var(--color-border-dropdown-container-w99bbi);
     --color-border-segment-active-kbwjy5:var(--color-border-segment-default-29y0lr);
@@ -3145,6 +3255,34 @@
     --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
     --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
     --color-background-code-view-mo92r8:#282c34;
+    --color-background-visual-accent-red-7attn4:rgba(255, 61, 61, 0.2);
+    --color-background-visual-accent-yellow-yheyh3:rgba(251, 211, 50, 0.2);
+    --color-background-visual-accent-indigo-wdfi15:rgba(92, 127, 255, 0.2);
+    --color-background-visual-accent-green-tk7e8z:rgba(43, 181, 52, 0.2);
+    --color-background-visual-accent-orange-7oc2l3:rgba(255, 75, 20, 0.2);
+    --color-background-visual-accent-purple-ocfzm6:rgba(173, 92, 255, 0.2);
+    --color-background-visual-accent-lime-n6053b:rgba(49, 184, 0, 0.2);
+    --color-background-visual-accent-grey-dl4gui:var(--color-neutral-700-heh17v);
+    --color-background-visual-accent-teal-a0prr2:rgba(0, 173, 162, 0.2);
+    --color-background-visual-accent-blue-f2q1ij:rgba(0, 153, 255, 0.2);
+    --color-background-visual-accent-violet-fiyefq:rgba(133, 117, 255, 0.2);
+    --color-background-visual-accent-magenta-a99l4r:rgba(255, 26, 224, 0.2);
+    --color-background-visual-accent-pink-buivs8:rgba(255, 51, 153, 0.2);
+    --color-background-visual-accent-amber-tmqr0i:rgba(250, 111, 0, 0.2);
+    --color-text-visual-accent-red-qb3u37:var(--color-error-400-9vxaa6);
+    --color-text-visual-accent-yellow-tb3aiw:var(--color-warning-200-lpkaa2);
+    --color-text-visual-accent-indigo-igpz5h:var(--color-info-300-lmblcc);
+    --color-text-visual-accent-green-2t3sse:var(--color-success-200-wy394o);
+    --color-text-visual-accent-orange-qkoo3i:#ff997a;
+    --color-text-visual-accent-purple-y5hm6x:#d4a8ff;
+    --color-text-visual-accent-lime-mhu4v0:#acff2e;
+    --color-text-visual-accent-grey-l47fnf:var(--color-neutral-300-y8n3aq);
+    --color-text-visual-accent-teal-iwfjzf:#00f5e4;
+    --color-text-visual-accent-blue-bnl7ru:#75cfff;
+    --color-text-visual-accent-violet-ejpuk2:#b2a8ff;
+    --color-text-visual-accent-magenta-jx4yku:#ff57e9;
+    --color-text-visual-accent-pink-fyxb9y:#ff99cc;
+    --color-text-visual-accent-amber-tx0lg3:#ffbb45;
     --shadow-container-3fh0j3:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
     --shadow-container-active-hawm65:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
     --shadow-dropdown-skxpuu:0px 4px 20px 1px rgba(0, 4, 12, 1);
@@ -3210,6 +3348,7 @@
     --color-border-input-disabled-tz38ro:var(--color-background-input-disabled-4vlau3);
     --color-border-item-placeholder-pjnp48:var(--color-border-item-selected-vq6ddf);
     --color-border-item-selected-vq6ddf:var(--color-item-selected-2dv7ug);
+    --color-border-layout-side-navigation-b0akja:var(--color-border-layout-ovzonx);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
     --color-border-popover-gogt7e:var(--color-border-dropdown-container-w99bbi);
     --color-border-segment-active-kbwjy5:var(--color-border-segment-default-29y0lr);
@@ -3708,6 +3847,34 @@
     --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
     --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
     --color-background-code-view-mo92r8:#282c34;
+    --color-background-visual-accent-red-7attn4:rgba(255, 61, 61, 0.2);
+    --color-background-visual-accent-yellow-yheyh3:rgba(251, 211, 50, 0.2);
+    --color-background-visual-accent-indigo-wdfi15:rgba(92, 127, 255, 0.2);
+    --color-background-visual-accent-green-tk7e8z:rgba(43, 181, 52, 0.2);
+    --color-background-visual-accent-orange-7oc2l3:rgba(255, 75, 20, 0.2);
+    --color-background-visual-accent-purple-ocfzm6:rgba(173, 92, 255, 0.2);
+    --color-background-visual-accent-lime-n6053b:rgba(49, 184, 0, 0.2);
+    --color-background-visual-accent-grey-dl4gui:var(--color-neutral-700-heh17v);
+    --color-background-visual-accent-teal-a0prr2:rgba(0, 173, 162, 0.2);
+    --color-background-visual-accent-blue-f2q1ij:rgba(0, 153, 255, 0.2);
+    --color-background-visual-accent-violet-fiyefq:rgba(133, 117, 255, 0.2);
+    --color-background-visual-accent-magenta-a99l4r:rgba(255, 26, 224, 0.2);
+    --color-background-visual-accent-pink-buivs8:rgba(255, 51, 153, 0.2);
+    --color-background-visual-accent-amber-tmqr0i:rgba(250, 111, 0, 0.2);
+    --color-text-visual-accent-red-qb3u37:var(--color-error-400-9vxaa6);
+    --color-text-visual-accent-yellow-tb3aiw:var(--color-warning-200-lpkaa2);
+    --color-text-visual-accent-indigo-igpz5h:var(--color-info-300-lmblcc);
+    --color-text-visual-accent-green-2t3sse:var(--color-success-200-wy394o);
+    --color-text-visual-accent-orange-qkoo3i:#ff997a;
+    --color-text-visual-accent-purple-y5hm6x:#d4a8ff;
+    --color-text-visual-accent-lime-mhu4v0:#acff2e;
+    --color-text-visual-accent-grey-l47fnf:var(--color-neutral-300-y8n3aq);
+    --color-text-visual-accent-teal-iwfjzf:#00f5e4;
+    --color-text-visual-accent-blue-bnl7ru:#75cfff;
+    --color-text-visual-accent-violet-ejpuk2:#b2a8ff;
+    --color-text-visual-accent-magenta-jx4yku:#ff57e9;
+    --color-text-visual-accent-pink-fyxb9y:#ff99cc;
+    --color-text-visual-accent-amber-tx0lg3:#ffbb45;
     --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
     --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
@@ -3768,6 +3935,7 @@
     --color-border-input-disabled-tz38ro:var(--color-background-input-disabled-4vlau3);
     --color-border-item-placeholder-pjnp48:var(--color-border-item-selected-vq6ddf);
     --color-border-item-selected-vq6ddf:var(--color-item-selected-2dv7ug);
+    --color-border-layout-side-navigation-b0akja:var(--color-border-layout-ovzonx);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
     --color-border-popover-gogt7e:var(--color-border-dropdown-container-w99bbi);
     --color-border-segment-active-kbwjy5:var(--color-border-segment-default-29y0lr);
@@ -3981,5 +4149,5 @@
   }
 }
 :root {
-  --awsui-version-info-1834b88b: true;
+  --awsui-version-info-bc0a6c94: true;
 }

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;~~AAU1B~~,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,~~eA8FrB~~"}
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"}

package/lib/internal/template/internal/components/abstract-switch/index.js CHANGED Viewed

@@ -30,13 +30,19 @@ export default function AbstractSwitch({ controlId, controlClassName, outlineCla
     if (description) {
         ariaDescriptions.push(descriptionId);
     }
+    // Resolve the interaction label from the associated `<label for>` when there is no inline label, for example when used in collection preferences.
+    const interactionLabel = label
+        ? `.${analyticsSelectors.label}`
+        : !ariaLabel && !ariaLabelledby && controlId
+            ? { root: 'body', selector: `label[for="${controlId}"]` }
+            : `.${analyticsSelectors['native-input']}`;
     return (React.createElement("span", { ...rest, className: clsx(styles.wrapper, rest.className), ref: __internalRootRef, ...getAnalyticsLabelAttribute(label ? `.${analyticsSelectors.label}` : `.${analyticsSelectors['native-input']}`) },
         React.createElement("span", { className: styles['label-wrapper'], "aria-disabled": disabled ? 'true' : undefined, onClick: disabled || readOnly ? undefined : onClick, ...getAnalyticsMetadataAttribute(disabled || readOnly
                 ? {}
                 : {
                     action: 'select',
                     detail: {
-                        label: label ? `.${analyticsSelectors.label}` : `.${analyticsSelectors['native-input']}`,
+                        label: interactionLabel,
                     },
                 }) },
             React.createElement("span", { className: clsx(styles.control, controlClassName), style: {

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,~~GAC9B~~,MAAM,kEAAkE,CAAC;AAE1E,OAAO,cAAc,MAAM,mDAAmD,CAAC;AAG/E,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAqCrC,SAAS,UAAU,CAAC,MAA8B;IAChD,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAmB,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACtE,CAAC;AAED,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,EACa;;IACpB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,GAAG,SAAS,IAAI,QAAQ,CAAC;IAEjC,MAAM,OAAO,GAAG,GAAG,EAAE,QAAQ,CAAC;IAC9B,MAAM,aAAa,GAAG,GAAG,EAAE,cAAc,CAAC;IAE1C,MAAM,iBAAiB,GAAG,EAAE,CAAC;IAC7B,IAAI,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;QACxB,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACzC,CAAC;IAED,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAC5B,IAAI,eAAe,EAAE,CAAC;QACpB,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACzC,CAAC;IACD,IAAI,WAAW,EAAE,CAAC;QAChB,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACvC,CAAC;IAED,OAAO,CACL,iCACM,IAAI,EACR,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,EAC/C,GAAG,EAAE,iBAAiB,KAClB,0BAA0B,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,kBAAkB,CAAC,cAAc,CAAC,EAAE,CAAC;QAEjH,8BACE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,mBACnB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,KAC/C,6BAA6B,CAC/B,QAAQ,IAAI,QAAQ;gBAClB,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC;oBACE,MAAM,EAAE,QAAQ;oBAChB,MAAM,EAAE;wBACN,KAAK,EAAE,~~KAAK,CAAC,CAAC,CAAC,IAAI,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,kBAAkB,CAAC,cAAc,CAAC,EAAE~~;~~qBACzF~~;iBACF,CACN;YAED,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,gBAAgB,CAAC,EACjD,KAAK,EAAE;oBACL,UAAU,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,UAAU;oBACtC,GAAG,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,KAAI;wBACtB,CAAC,cAAc,CAAC,yBAAyB,CAAC,EAAE,MAAA,KAAK,CAAC,SAAS,0CAAE,WAAW;wBACxE,CAAC,cAAc,CAAC,0BAA0B,CAAC,EAAE,MAAA,KAAK,CAAC,SAAS,0CAAE,YAAY;wBAC1E,CAAC,cAAc,CAAC,yBAAyB,CAAC,EAAE,MAAA,KAAK,CAAC,SAAS,0CAAE,WAAW;qBACzE,CAAC;iBACH;gBAEA,aAAa;gBACb,aAAa,CAAC;oBACb,EAAE;oBACF,QAAQ;oBACR,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;oBAC3E,kBAAkB,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,SAAS;oBACtF,iBAAiB,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS;oBACvF,YAAY,EAAE,SAAS;oBACvB,eAAe,EAAE,YAAY;iBAC9B,CAAC;gBACF,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,MAAM,CAAC,cAAc,CAAC,CAAC,GAAI,CAC7F;YACP,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,WAAW,IAAI,MAAM,CAAC,eAAe,CAAC,CAAC;gBACrF,KAAK,IAAI,CACR,8BACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,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} 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 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: ~~label ? `.${analyticsSelectors.label}` : `.${analyticsSelectors['native-input']}`,\~~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 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"]}

package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js CHANGED Viewed

@@ -1,35 +1,35 @@
     import './styles.scoped.css';
     export default {
-  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_wxm64_169",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_wxm64_189",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_wxm64_189",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_wxm64_189",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_wxm64_189",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_wxm64_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_wxm64_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_wxm64_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_wxm64_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_wxm64_229",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_wxm64_233",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_wxm64_237",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_wxm64_248",
-  "contents": "awsui_contents_155yk_wxm64_259",
-  "portal-overlay": "awsui_portal-overlay_155yk_wxm64_263",
-  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_wxm64_271",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_wxm64_275",
-  "drag-handle": "awsui_drag-handle_155yk_wxm64_279",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_wxm64_292",
-  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_wxm64_316",
-  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_wxm64_320",
-  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_wxm64_324",
-  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_wxm64_328",
-  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_wxm64_332",
-  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_wxm64_336",
-  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_wxm64_340",
-  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_wxm64_344",
-  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_wxm64_348",
-  "direction-button": "awsui_direction-button_155yk_wxm64_169",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_wxm64_371"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1djsk_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1djsk_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1djsk_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1djsk_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1djsk_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1djsk_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1djsk_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1djsk_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1djsk_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1djsk_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1djsk_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1djsk_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1djsk_248",
+  "contents": "awsui_contents_155yk_1djsk_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_1djsk_263",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1djsk_271",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1djsk_275",
+  "drag-handle": "awsui_drag-handle_155yk_1djsk_279",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1djsk_292",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1djsk_316",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1djsk_320",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1djsk_324",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1djsk_328",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1djsk_332",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1djsk_336",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1djsk_340",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1djsk_344",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1djsk_348",
+  "direction-button": "awsui_direction-button_155yk_1djsk_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1djsk_371"
 };