@cloudscape-design/components 3.0.1333 → 3.0.1335

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

@@ -44,12 +44,14 @@
     --color-error-100-eq1ucx:#ffe0e0;
     --color-error-400-c0knb8:#ff7a7a;
     --color-error-600-mdn3ng:#db0000;
+    --color-error-700-pz2kai:#c20000;
     --color-error-800-sb9qfi:#990000;
     --color-error-900-skonp1:#700000;
     --color-error-950-o9nk8o:#520000;
     --color-error-1000-ecmudm:#1f0000;
     --color-success-50-yow9uc:#effff1;
     --color-success-100-0kjz92:#d9ffd6;
+    --color-success-200-3vtc6u:#aeffa8;
     --color-success-400-x40jxn:#00e500;
     --color-success-500-hhxb4g:#2bb534;
     --color-success-600-g7hz2i:#00802f;
@@ -58,6 +60,7 @@
     --color-success-1000-xy1gvq:#001401;
     --color-warning-50-uxheb8:#fffef0;
     --color-warning-100-0snzyo:#fffbbd;
+    --color-warning-200-ssqjgd:#fef571;
     --color-warning-400-55puga:#ffe347;
     --color-warning-500-zidhub:#fbd332;
     --color-warning-600-iyo9qe:#f2b100;
@@ -76,6 +79,7 @@
     --color-info-1000-s77ok9:#001129;
     --color-purple-400-o7fr4k:#bf80ff;
     --color-purple-700-5hcbeu:#7300e5;
+    --color-lime-100-wju6z4:#ebffcc;
     --color-transparent-i61gs1:transparent;
     --color-black-cox1hy:#000000;
     --color-white-p1zlvy:#ffffff;
@@ -443,6 +447,7 @@
     --color-border-item-placeholder-x8kbjp:var(--color-border-item-selected-wl5ttm);
     --color-border-item-selected-wl5ttm:var(--color-item-selected-72rnwy);
     --color-border-layout-ayg8vb:var(--color-neutral-350-dq6kfr);
+    --color-border-layout-side-navigation-n9t35t:var(--color-border-layout-ayg8vb);
     --color-border-notification-stack-bar-aszsse:var(--color-neutral-750-pi9qqd);
     --color-border-panel-header-ygztvl:var(--color-border-divider-default-nr68jt);
     --color-border-popover-1ye6tz:var(--color-border-dropdown-container-cmthq7);
@@ -616,6 +621,34 @@
     --color-text-badge-blue-cq2uzn:var(--color-text-notification-default-1iey72);
     --color-text-badge-red-60jprp:var(--color-text-notification-default-1iey72);
     --color-background-code-view-6vvqfk:#f8f8f8;
+    --color-background-visual-accent-red-habalf:#ffe0e0;
+    --color-background-visual-accent-yellow-v3fumq:#fffbbd;
+    --color-background-visual-accent-indigo-z8baso:#dbe4ff;
+    --color-background-visual-accent-green-6tpc42:#d9ffd6;
+    --color-background-visual-accent-orange-vtf549:rgba(255, 224, 214, 0.6);
+    --color-background-visual-accent-purple-jgly27:rgba(242, 229, 255, 0.6);
+    --color-background-visual-accent-lime-9n4rqq:var(--color-lime-100-wju6z4);
+    --color-background-visual-accent-grey-2gfhie:var(--color-neutral-250-vs1is4);
+    --color-background-visual-accent-teal-gkix69:rgba(204, 255, 252, 0.7);
+    --color-background-visual-accent-blue-t0e9pu:rgba(209, 241, 255, 0.6);
+    --color-background-visual-accent-violet-flqcgb:rgba(232, 229, 255, 0.6);
+    --color-background-visual-accent-magenta-ip1yzm:rgba(255, 224, 251, 0.6);
+    --color-background-visual-accent-pink-695vlu:rgba(255, 224, 240, 0.7);
+    --color-background-visual-accent-amber-duj9a6:rgba(255, 232, 189, 0.7);
+    --color-text-visual-accent-red-nvp8v6:var(--color-error-700-pz2kai);
+    --color-text-visual-accent-yellow-2tbbh8:var(--color-warning-900-kpxt8c);
+    --color-text-visual-accent-indigo-z73u1l:var(--color-info-800-1onh7v);
+    --color-text-visual-accent-green-i9t8cq:var(--color-success-600-g7hz2i);
+    --color-text-visual-accent-orange-71tmqe:#a82700;
+    --color-text-visual-accent-purple-o5g0nc:#962eff;
+    --color-text-visual-accent-lime-s3vqqf:#007000;
+    --color-text-visual-accent-grey-frg4hd:var(--color-neutral-850-3f0gro);
+    --color-text-visual-accent-teal-ttn72h:#008077;
+    --color-text-visual-accent-blue-kqsvc5:#006ce0;
+    --color-text-visual-accent-violet-iec48z:#6842ff;
+    --color-text-visual-accent-magenta-jcsc58:#b2008f;
+    --color-text-visual-accent-pink-p6qiw6:#bb005d;
+    --color-text-visual-accent-amber-8mh5q9:#9e3700;
     --font-button-letter-spacing-ufowe3:0.005em;
     --font-chart-detail-size-9qr25q:var(--font-size-body-s-smc8cv);
     --font-decoration-style-link-pk2xmp:solid;
@@ -762,6 +795,7 @@
     --border-width-icon-x-small-45lnog:1.5px;
     --border-width-item-card-3wmyp3:var(--border-width-card-x24gzt);
     --border-width-item-selected-yv93vd:2px;
+    --border-width-layout-side-navigation-brgx8q:var(--border-divider-section-width-uwo8my);
     --border-width-badge-7pmgfh:0px;
     --border-width-popover-nflirh:2px;
     --border-width-token-2ukdpu:2px;
@@ -798,6 +832,8 @@
     --motion-duration-responsive-mehora:var(--motion-duration-refresh-only-fast-zfibh6);
     --motion-duration-expressive-cbdcwy:var(--motion-duration-refresh-only-medium-5rbn3k);
     --motion-duration-complex-tbdo30:var(--motion-duration-refresh-only-slow-ugjy90);
+    --motion-duration-tooltip-enter-8e7aex:var(--motion-duration-refresh-only-fast-zfibh6);
+    --motion-easing-tooltip-enter-i9exfu:var(--motion-easing-refresh-only-a-ccyqaz);
     --motion-keyframes-fade-in-0r842q:awsui-fade-in-35003c;
     --motion-keyframes-fade-out-g7fgdu:awsui-fade-out-35003c;
     --motion-keyframes-status-icon-error-wkou39:awsui-status-icon-error-35003c;
@@ -882,8 +918,8 @@
     --space-table-header-tools-full-page-bottom-9m47g6:4px;
     --space-table-horizontal-suurzj:var(--space-container-horizontal-nqrzyh);
     --space-tree-view-indentation-xh9kis:var(--space-xl-jfy3x4);
-    --space-side-navigation-item-gap-5vlwdw:0px;
-    --space-side-navigation-item-collapsed-gap-d9lti2:var(--space-xs-ymlm0b);
+    --space-side-navigation-item-default-gap-a1luyq:var(--space-none-xk6qzf);
+    --space-side-navigation-item-icon-gap-h45akr:var(--space-xxs-hwfkai);
     --space-tile-gutter-bi2bdv:var(--space-xl-jfy3x4);
     --space-action-card-horizontal-default-su1e86:var(--space-card-horizontal-default-pihe12);
     --space-action-card-horizontal-embedded-pb8pj4:var(--space-card-horizontal-embedded-sasxhu);
@@ -1226,6 +1262,34 @@
       --color-background-skeleton-sjxg4n:var(--color-neutral-750-pi9qqd);
       --color-background-skeleton-wave-1dy97d:var(--color-neutral-700-qw8ats);
       --color-background-code-view-6vvqfk:#282c34;
+      --color-background-visual-accent-red-habalf:rgba(255, 61, 61, 0.2);
+      --color-background-visual-accent-yellow-v3fumq:rgba(251, 211, 50, 0.2);
+      --color-background-visual-accent-indigo-z8baso:rgba(92, 127, 255, 0.2);
+      --color-background-visual-accent-green-6tpc42:rgba(43, 181, 52, 0.2);
+      --color-background-visual-accent-orange-vtf549:rgba(255, 75, 20, 0.2);
+      --color-background-visual-accent-purple-jgly27:rgba(173, 92, 255, 0.2);
+      --color-background-visual-accent-lime-9n4rqq:rgba(49, 184, 0, 0.2);
+      --color-background-visual-accent-grey-2gfhie:var(--color-neutral-700-qw8ats);
+      --color-background-visual-accent-teal-gkix69:rgba(0, 173, 162, 0.2);
+      --color-background-visual-accent-blue-t0e9pu:rgba(0, 153, 255, 0.2);
+      --color-background-visual-accent-violet-flqcgb:rgba(133, 117, 255, 0.2);
+      --color-background-visual-accent-magenta-ip1yzm:rgba(255, 26, 224, 0.2);
+      --color-background-visual-accent-pink-695vlu:rgba(255, 51, 153, 0.2);
+      --color-background-visual-accent-amber-duj9a6:rgba(250, 111, 0, 0.2);
+      --color-text-visual-accent-red-nvp8v6:var(--color-error-400-c0knb8);
+      --color-text-visual-accent-yellow-2tbbh8:var(--color-warning-200-ssqjgd);
+      --color-text-visual-accent-indigo-z73u1l:var(--color-info-300-q9xd1l);
+      --color-text-visual-accent-green-i9t8cq:var(--color-success-200-3vtc6u);
+      --color-text-visual-accent-orange-71tmqe:#ff997a;
+      --color-text-visual-accent-purple-o5g0nc:#d4a8ff;
+      --color-text-visual-accent-lime-s3vqqf:#acff2e;
+      --color-text-visual-accent-grey-frg4hd:var(--color-neutral-300-08wi6k);
+      --color-text-visual-accent-teal-ttn72h:#00f5e4;
+      --color-text-visual-accent-blue-kqsvc5:#75cfff;
+      --color-text-visual-accent-violet-iec48z:#b2a8ff;
+      --color-text-visual-accent-magenta-jcsc58:#ff57e9;
+      --color-text-visual-accent-pink-p6qiw6:#ff99cc;
+      --color-text-visual-accent-amber-8mh5q9:#ffbb45;
       --shadow-container-53ltfv:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
       --shadow-container-active-ypjjoc:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
       --shadow-dropdown-isf0w4:0px 4px 20px 1px rgba(0, 4, 12, 1);
@@ -1315,6 +1379,7 @@
     --motion-duration-responsive-mehora:var(--motion-duration-refresh-only-fast-zfibh6);
     --motion-duration-expressive-cbdcwy:var(--motion-duration-refresh-only-medium-5rbn3k);
     --motion-duration-complex-tbdo30:var(--motion-duration-refresh-only-slow-ugjy90);
+    --motion-duration-tooltip-enter-8e7aex:var(--motion-duration-refresh-only-fast-zfibh6);
   }
   .awsui-context-compact-table:not(#\9) {
     --size-vertical-input-p1d7xx:28px;
@@ -1519,6 +1584,34 @@
     --color-background-skeleton-sjxg4n:var(--color-neutral-750-pi9qqd);
     --color-background-skeleton-wave-1dy97d:var(--color-neutral-700-qw8ats);
     --color-background-code-view-6vvqfk:#282c34;
+    --color-background-visual-accent-red-habalf:rgba(255, 61, 61, 0.2);
+    --color-background-visual-accent-yellow-v3fumq:rgba(251, 211, 50, 0.2);
+    --color-background-visual-accent-indigo-z8baso:rgba(92, 127, 255, 0.2);
+    --color-background-visual-accent-green-6tpc42:rgba(43, 181, 52, 0.2);
+    --color-background-visual-accent-orange-vtf549:rgba(255, 75, 20, 0.2);
+    --color-background-visual-accent-purple-jgly27:rgba(173, 92, 255, 0.2);
+    --color-background-visual-accent-lime-9n4rqq:rgba(49, 184, 0, 0.2);
+    --color-background-visual-accent-grey-2gfhie:var(--color-neutral-700-qw8ats);
+    --color-background-visual-accent-teal-gkix69:rgba(0, 173, 162, 0.2);
+    --color-background-visual-accent-blue-t0e9pu:rgba(0, 153, 255, 0.2);
+    --color-background-visual-accent-violet-flqcgb:rgba(133, 117, 255, 0.2);
+    --color-background-visual-accent-magenta-ip1yzm:rgba(255, 26, 224, 0.2);
+    --color-background-visual-accent-pink-695vlu:rgba(255, 51, 153, 0.2);
+    --color-background-visual-accent-amber-duj9a6:rgba(250, 111, 0, 0.2);
+    --color-text-visual-accent-red-nvp8v6:var(--color-error-400-c0knb8);
+    --color-text-visual-accent-yellow-2tbbh8:var(--color-warning-200-ssqjgd);
+    --color-text-visual-accent-indigo-z73u1l:var(--color-info-300-q9xd1l);
+    --color-text-visual-accent-green-i9t8cq:var(--color-success-200-3vtc6u);
+    --color-text-visual-accent-orange-71tmqe:#ff997a;
+    --color-text-visual-accent-purple-o5g0nc:#d4a8ff;
+    --color-text-visual-accent-lime-s3vqqf:#acff2e;
+    --color-text-visual-accent-grey-frg4hd:var(--color-neutral-300-08wi6k);
+    --color-text-visual-accent-teal-ttn72h:#00f5e4;
+    --color-text-visual-accent-blue-kqsvc5:#75cfff;
+    --color-text-visual-accent-violet-iec48z:#b2a8ff;
+    --color-text-visual-accent-magenta-jcsc58:#ff57e9;
+    --color-text-visual-accent-pink-p6qiw6:#ff99cc;
+    --color-text-visual-accent-amber-8mh5q9:#ffbb45;
     --color-background-toggle-button-normal-default-ipnqr5:var(--color-background-button-normal-default-7f99mv);
     --color-background-toggle-button-normal-hover-0r2lj4:var(--color-background-button-normal-hover-53op9s);
     --color-background-button-primary-default-vdt0fu:var(--color-border-button-normal-default-glqfp1);
@@ -1579,6 +1672,7 @@
     --color-border-input-disabled-zgnzvk:var(--color-background-input-disabled-dihaja);
     --color-border-item-placeholder-x8kbjp:var(--color-border-item-selected-wl5ttm);
     --color-border-item-selected-wl5ttm:var(--color-item-selected-72rnwy);
+    --color-border-layout-side-navigation-n9t35t:var(--color-border-layout-ayg8vb);
     --color-border-panel-header-ygztvl:var(--color-border-divider-default-nr68jt);
     --color-border-popover-1ye6tz:var(--color-border-dropdown-container-cmthq7);
     --color-border-segment-active-ls9t4n:var(--color-border-segment-default-6ig2mo);
@@ -1803,6 +1897,34 @@
     --color-background-skeleton-sjxg4n:var(--color-neutral-750-pi9qqd);
     --color-background-skeleton-wave-1dy97d:var(--color-neutral-700-qw8ats);
     --color-background-code-view-6vvqfk:#282c34;
+    --color-background-visual-accent-red-habalf:rgba(255, 61, 61, 0.2);
+    --color-background-visual-accent-yellow-v3fumq:rgba(251, 211, 50, 0.2);
+    --color-background-visual-accent-indigo-z8baso:rgba(92, 127, 255, 0.2);
+    --color-background-visual-accent-green-6tpc42:rgba(43, 181, 52, 0.2);
+    --color-background-visual-accent-orange-vtf549:rgba(255, 75, 20, 0.2);
+    --color-background-visual-accent-purple-jgly27:rgba(173, 92, 255, 0.2);
+    --color-background-visual-accent-lime-9n4rqq:rgba(49, 184, 0, 0.2);
+    --color-background-visual-accent-grey-2gfhie:var(--color-neutral-700-qw8ats);
+    --color-background-visual-accent-teal-gkix69:rgba(0, 173, 162, 0.2);
+    --color-background-visual-accent-blue-t0e9pu:rgba(0, 153, 255, 0.2);
+    --color-background-visual-accent-violet-flqcgb:rgba(133, 117, 255, 0.2);
+    --color-background-visual-accent-magenta-ip1yzm:rgba(255, 26, 224, 0.2);
+    --color-background-visual-accent-pink-695vlu:rgba(255, 51, 153, 0.2);
+    --color-background-visual-accent-amber-duj9a6:rgba(250, 111, 0, 0.2);
+    --color-text-visual-accent-red-nvp8v6:var(--color-error-400-c0knb8);
+    --color-text-visual-accent-yellow-2tbbh8:var(--color-warning-200-ssqjgd);
+    --color-text-visual-accent-indigo-z73u1l:var(--color-info-300-q9xd1l);
+    --color-text-visual-accent-green-i9t8cq:var(--color-success-200-3vtc6u);
+    --color-text-visual-accent-orange-71tmqe:#ff997a;
+    --color-text-visual-accent-purple-o5g0nc:#d4a8ff;
+    --color-text-visual-accent-lime-s3vqqf:#acff2e;
+    --color-text-visual-accent-grey-frg4hd:var(--color-neutral-300-08wi6k);
+    --color-text-visual-accent-teal-ttn72h:#00f5e4;
+    --color-text-visual-accent-blue-kqsvc5:#75cfff;
+    --color-text-visual-accent-violet-iec48z:#b2a8ff;
+    --color-text-visual-accent-magenta-jcsc58:#ff57e9;
+    --color-text-visual-accent-pink-p6qiw6:#ff99cc;
+    --color-text-visual-accent-amber-8mh5q9:#ffbb45;
     --shadow-container-53ltfv:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
     --shadow-container-active-ypjjoc:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
     --shadow-dropdown-isf0w4:0px 4px 20px 1px rgba(0, 4, 12, 1);
@@ -1868,6 +1990,7 @@
     --color-border-input-disabled-zgnzvk:var(--color-background-input-disabled-dihaja);
     --color-border-item-placeholder-x8kbjp:var(--color-border-item-selected-wl5ttm);
     --color-border-item-selected-wl5ttm:var(--color-item-selected-72rnwy);
+    --color-border-layout-side-navigation-n9t35t:var(--color-border-layout-ayg8vb);
     --color-border-panel-header-ygztvl:var(--color-border-divider-default-nr68jt);
     --color-border-popover-1ye6tz:var(--color-border-dropdown-container-cmthq7);
     --color-border-segment-active-ls9t4n:var(--color-border-segment-default-6ig2mo);
@@ -2279,6 +2402,34 @@
     --color-background-skeleton-sjxg4n:var(--color-neutral-750-pi9qqd);
     --color-background-skeleton-wave-1dy97d:var(--color-neutral-700-qw8ats);
     --color-background-code-view-6vvqfk:#282c34;
+    --color-background-visual-accent-red-habalf:rgba(255, 61, 61, 0.2);
+    --color-background-visual-accent-yellow-v3fumq:rgba(251, 211, 50, 0.2);
+    --color-background-visual-accent-indigo-z8baso:rgba(92, 127, 255, 0.2);
+    --color-background-visual-accent-green-6tpc42:rgba(43, 181, 52, 0.2);
+    --color-background-visual-accent-orange-vtf549:rgba(255, 75, 20, 0.2);
+    --color-background-visual-accent-purple-jgly27:rgba(173, 92, 255, 0.2);
+    --color-background-visual-accent-lime-9n4rqq:rgba(49, 184, 0, 0.2);
+    --color-background-visual-accent-grey-2gfhie:var(--color-neutral-700-qw8ats);
+    --color-background-visual-accent-teal-gkix69:rgba(0, 173, 162, 0.2);
+    --color-background-visual-accent-blue-t0e9pu:rgba(0, 153, 255, 0.2);
+    --color-background-visual-accent-violet-flqcgb:rgba(133, 117, 255, 0.2);
+    --color-background-visual-accent-magenta-ip1yzm:rgba(255, 26, 224, 0.2);
+    --color-background-visual-accent-pink-695vlu:rgba(255, 51, 153, 0.2);
+    --color-background-visual-accent-amber-duj9a6:rgba(250, 111, 0, 0.2);
+    --color-text-visual-accent-red-nvp8v6:var(--color-error-400-c0knb8);
+    --color-text-visual-accent-yellow-2tbbh8:var(--color-warning-200-ssqjgd);
+    --color-text-visual-accent-indigo-z73u1l:var(--color-info-300-q9xd1l);
+    --color-text-visual-accent-green-i9t8cq:var(--color-success-200-3vtc6u);
+    --color-text-visual-accent-orange-71tmqe:#ff997a;
+    --color-text-visual-accent-purple-o5g0nc:#d4a8ff;
+    --color-text-visual-accent-lime-s3vqqf:#acff2e;
+    --color-text-visual-accent-grey-frg4hd:var(--color-neutral-300-08wi6k);
+    --color-text-visual-accent-teal-ttn72h:#00f5e4;
+    --color-text-visual-accent-blue-kqsvc5:#75cfff;
+    --color-text-visual-accent-violet-iec48z:#b2a8ff;
+    --color-text-visual-accent-magenta-jcsc58:#ff57e9;
+    --color-text-visual-accent-pink-p6qiw6:#ff99cc;
+    --color-text-visual-accent-amber-8mh5q9:#ffbb45;
     --color-background-toggle-button-normal-default-ipnqr5:var(--color-background-button-normal-default-7f99mv);
     --color-background-toggle-button-normal-hover-0r2lj4:var(--color-background-button-normal-hover-53op9s);
     --color-background-button-primary-default-vdt0fu:var(--color-border-button-normal-default-glqfp1);
@@ -2339,6 +2490,7 @@
     --color-border-input-disabled-zgnzvk:var(--color-background-input-disabled-dihaja);
     --color-border-item-placeholder-x8kbjp:var(--color-border-item-selected-wl5ttm);
     --color-border-item-selected-wl5ttm:var(--color-item-selected-72rnwy);
+    --color-border-layout-side-navigation-n9t35t:var(--color-border-layout-ayg8vb);
     --color-border-panel-header-ygztvl:var(--color-border-divider-default-nr68jt);
     --color-border-popover-1ye6tz:var(--color-border-dropdown-container-cmthq7);
     --color-border-segment-active-ls9t4n:var(--color-border-segment-default-6ig2mo);
@@ -2454,5 +2606,5 @@
   }
 }
 :root {
-  --awsui-version-info-1834b88b: true;
+  --awsui-version-info-bc0a6c94: true;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;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"}
+{"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/internal/components/abstract-switch/index.js

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport {\n  getAnalyticsLabelAttribute,\n  getAnalyticsMetadataAttribute,\n} 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"]}
+{"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/internal/components/drag-handle-wrapper/styles.css.js

@@ -1,35 +1,35 @@
 
     import './styles.scoped.css';
     export default {
-  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1mxd4_169",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1mxd4_189",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1mxd4_189",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1mxd4_189",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1mxd4_189",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1mxd4_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1mxd4_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1mxd4_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1mxd4_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1mxd4_229",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1mxd4_233",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1mxd4_237",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1mxd4_248",
-  "contents": "awsui_contents_155yk_1mxd4_259",
-  "portal-overlay": "awsui_portal-overlay_155yk_1mxd4_263",
-  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1mxd4_271",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1mxd4_275",
-  "drag-handle": "awsui_drag-handle_155yk_1mxd4_279",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1mxd4_292",
-  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1mxd4_316",
-  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1mxd4_320",
-  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1mxd4_324",
-  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1mxd4_328",
-  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1mxd4_332",
-  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1mxd4_336",
-  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1mxd4_340",
-  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1mxd4_344",
-  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1mxd4_348",
-  "direction-button": "awsui_direction-button_155yk_1mxd4_169",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1mxd4_371"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_tboy1_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_tboy1_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_tboy1_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_tboy1_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_tboy1_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_tboy1_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_tboy1_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_tboy1_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_tboy1_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_tboy1_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_tboy1_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_tboy1_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_tboy1_248",
+  "contents": "awsui_contents_155yk_tboy1_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_tboy1_263",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_tboy1_271",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_tboy1_275",
+  "drag-handle": "awsui_drag-handle_155yk_tboy1_279",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_tboy1_292",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_tboy1_316",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_tboy1_320",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_tboy1_324",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_tboy1_328",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_tboy1_332",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_tboy1_336",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_tboy1_340",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_tboy1_344",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_tboy1_348",
+  "direction-button": "awsui_direction-button_155yk_tboy1_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_tboy1_371"
 };