@cloudscape-design/components 3.0.1310 → 3.0.1312

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

@@ -259,6 +259,7 @@
     --color-background-button-normal-hover-53op9s:var(--color-primary-50-1y05xv);
     --color-background-toggle-button-normal-pressed-4khex7:var(--color-primary-100-f62fz9);
     --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-active-5cqoqt:var(--color-primary-900-a5kqrr);
     --color-background-button-primary-default-vdt0fu:var(--color-border-button-normal-default-glqfp1);
     --color-background-button-primary-disabled-sgo4zo:var(--color-neutral-250-vs1is4);
@@ -298,6 +299,7 @@
     --color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
     --color-background-drawer-backdrop-ducxi3:var(--color-grey-opaque-70-p0svy7);
     --color-background-layout-mobile-panel-ed0ava:var(--color-neutral-950-lxybh8);
+    --color-background-layout-panel-jv6exs:var(--color-background-container-content-6u8rvp);
     --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
     --color-background-layout-panel-hover-tguulw:var(--color-neutral-250-vs1is4);
     --color-background-layout-toolbar-y0cu80:var(--color-background-layout-panel-content-xto15e);
@@ -364,6 +366,8 @@
     --color-border-button-normal-active-ru7yhb:var(--color-primary-900-a5kqrr);
     --color-border-button-normal-default-glqfp1:var(--color-primary-600-1lcy1k);
     --color-border-toggle-button-normal-pressed-tq8o41:var(--color-primary-600-1lcy1k);
+    --color-border-toggle-button-normal-default-13wcrj:var(--color-border-button-normal-default-glqfp1);
+    --color-border-toggle-button-normal-hover-0gzb6n:var(--color-border-button-normal-hover-6a2tdq);
     --color-border-button-normal-disabled-pkhetz:var(--color-neutral-400-wtst55);
     --color-text-button-normal-disabled-05p74s:var(--color-neutral-500-8van0b);
     --color-border-button-normal-hover-6a2tdq:var(--color-primary-900-a5kqrr);
@@ -395,6 +399,7 @@
     --color-border-divider-panel-bottom-bruvuz:var(--color-border-divider-default-nr68jt);
     --color-border-divider-panel-side-an0w07:var(--color-border-divider-default-nr68jt);
     --color-border-divider-secondary-qoitch:var(--color-neutral-250-vs1is4);
+    --color-border-divider-table-group-l55omi:var(--color-neutral-500-8van0b);
     --color-border-dropdown-container-cmthq7:var(--color-neutral-400-wtst55);
     --color-border-dropdown-group-ylcnh8:var(--color-border-dropdown-item-default-kape37);
     --color-border-dropdown-item-default-kape37:var(--color-border-divider-default-nr68jt);
@@ -418,6 +423,7 @@
     --color-border-segment-default-6ig2mo:var(--color-neutral-650-miik4f);
     --color-border-segment-disabled-fcrbcl:var(--color-border-segment-default-6ig2mo);
     --color-border-segment-hover-0o9ey3:var(--color-border-segment-default-6ig2mo);
+    --color-border-segment-wrapper-mvxnza:var(--color-border-input-default-317xk5);
     --color-border-status-error-j8acpp:var(--color-error-600-mdn3ng);
     --color-border-status-info-qf6jok:var(--color-info-600-un21zh);
     --color-border-status-success-8z5f8u:var(--color-success-600-g7hz2i);
@@ -433,6 +439,7 @@
     --color-foreground-control-disabled-txi6cf:var(--color-white-p1zlvy);
     --color-foreground-control-read-only-7ydvuj:var(--color-neutral-600-fln1ww);
     --color-shadow-default-o7dmmm:var(--color-grey-transparent-heavy-bu3q4i);
+    --color-shadow-toggle-handle-at8aqh:rgba(0, 0, 0, 0.25);
     --color-stroke-chart-line-3nsnk6:var(--color-neutral-500-8van0b);
     --color-text-accent-n1kmht:var(--color-primary-600-1lcy1k);
     --color-text-body-default-vvtq8u:var(--color-neutral-950-lxybh8);
@@ -685,6 +692,7 @@
     --border-radius-tabs-focus-ring-o4qku1:20px;
     --border-radius-tiles-wm1vgw:var(--border-radius-input-7q0str);
     --border-radius-token-ycnemh:var(--border-radius-input-7q0str);
+    --border-radius-token-inline-tio0a0:4px;
     --border-radius-tutorial-panel-item-ojaqxg:var(--border-radius-input-7q0str);
     --border-table-sticky-width-ai31mi:1px;
     --border-width-action-card-active-pwtgzu:var(--border-width-card-x24gzt);
@@ -1067,6 +1075,7 @@
       --color-border-divider-active-biq3j4:var(--color-neutral-100-gk3lvf);
       --color-border-divider-default-nr68jt:var(--color-neutral-650-miik4f);
       --color-border-divider-secondary-qoitch:var(--color-neutral-750-pi9qqd);
+      --color-border-divider-table-group-l55omi:var(--color-neutral-600-fln1ww);
       --color-border-dropdown-container-cmthq7:var(--color-neutral-600-fln1ww);
       --color-border-dropdown-item-hover-aqfuxq:var(--color-neutral-600-fln1ww);
       --color-border-input-default-317xk5:var(--color-neutral-600-fln1ww);
@@ -1357,6 +1366,7 @@
     --color-border-divider-active-biq3j4:var(--color-neutral-100-gk3lvf);
     --color-border-divider-default-nr68jt:var(--color-neutral-650-miik4f);
     --color-border-divider-secondary-qoitch:var(--color-neutral-750-pi9qqd);
+    --color-border-divider-table-group-l55omi:var(--color-neutral-600-fln1ww);
     --color-border-dropdown-container-cmthq7:var(--color-neutral-600-fln1ww);
     --color-border-dropdown-item-hover-aqfuxq:var(--color-neutral-600-fln1ww);
     --color-border-input-default-317xk5:var(--color-neutral-600-fln1ww);
@@ -1459,6 +1469,7 @@
     --color-background-skeleton-sjxg4n:var(--color-neutral-750-pi9qqd);
     --color-background-skeleton-wave-1dy97d:var(--color-neutral-700-qw8ats);
     --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);
     --color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
     --color-text-direction-button-disabled-2jds36:var(--color-text-interactive-disabled-1bqmrl);
@@ -1468,6 +1479,7 @@
     --color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
     --color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
     --color-background-drawer-backdrop-ducxi3:var(--color-grey-opaque-70-p0svy7);
+    --color-background-layout-panel-jv6exs:var(--color-background-container-content-6u8rvp);
     --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
     --color-background-layout-toolbar-y0cu80:var(--color-background-layout-panel-content-xto15e);
     --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
@@ -1489,6 +1501,8 @@
     --color-background-table-header-hdjxos:var(--color-background-container-header-gs3mbe);
     --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
     --color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
+    --color-border-toggle-button-normal-default-13wcrj:var(--color-border-button-normal-default-glqfp1);
+    --color-border-toggle-button-normal-hover-0gzb6n:var(--color-border-button-normal-hover-6a2tdq);
     --color-border-button-primary-active-6jnxoc:var(--color-background-button-primary-active-5cqoqt);
     --color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
     --color-border-button-primary-disabled-b5p1ji:var(--color-background-button-primary-disabled-sgo4zo);
@@ -1514,6 +1528,7 @@
     --color-border-segment-active-ls9t4n:var(--color-border-segment-default-6ig2mo);
     --color-border-segment-disabled-fcrbcl:var(--color-border-segment-default-6ig2mo);
     --color-border-segment-hover-0o9ey3:var(--color-border-segment-default-6ig2mo);
+    --color-border-segment-wrapper-mvxnza:var(--color-border-input-default-317xk5);
     --color-border-dialog-0rjwug:var(--color-border-status-info-qf6jok);
     --color-border-tabs-shadow-ugyo07:var(--color-grey-transparent-g4kcvh);
     --color-border-tabs-underline-gudemr:var(--color-text-accent-n1kmht);
@@ -1626,6 +1641,7 @@
     --color-border-divider-active-biq3j4:var(--color-neutral-100-gk3lvf);
     --color-border-divider-default-nr68jt:var(--color-neutral-650-miik4f);
     --color-border-divider-secondary-qoitch:var(--color-neutral-750-pi9qqd);
+    --color-border-divider-table-group-l55omi:var(--color-neutral-600-fln1ww);
     --color-border-dropdown-container-cmthq7:var(--color-neutral-600-fln1ww);
     --color-border-dropdown-item-hover-aqfuxq:var(--color-neutral-600-fln1ww);
     --color-border-input-default-317xk5:var(--color-neutral-600-fln1ww);
@@ -1737,6 +1753,7 @@
     --shadow-sticky-column-first-trcd2o:0px 4px 8px 1px rgba(0, 7, 22, 0.5);
     --shadow-sticky-column-last-qgh697:0px 4px 8px 1px rgba(0, 7, 22, 0.5);
     --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);
     --color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
     --color-text-direction-button-disabled-2jds36:var(--color-text-interactive-disabled-1bqmrl);
@@ -1746,6 +1763,7 @@
     --color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
     --color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
     --color-background-drawer-backdrop-ducxi3:var(--color-grey-opaque-70-p0svy7);
+    --color-background-layout-panel-jv6exs:var(--color-background-container-content-6u8rvp);
     --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
     --color-background-layout-toolbar-y0cu80:var(--color-background-layout-panel-content-xto15e);
     --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
@@ -1763,6 +1781,8 @@
     --color-background-dialog-2fj3uu:var(--color-background-status-info-sfobba);
     --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
     --color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
+    --color-border-toggle-button-normal-default-13wcrj:var(--color-border-button-normal-default-glqfp1);
+    --color-border-toggle-button-normal-hover-0gzb6n:var(--color-border-button-normal-hover-6a2tdq);
     --color-border-button-primary-active-6jnxoc:var(--color-background-button-primary-active-5cqoqt);
     --color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
     --color-border-button-primary-disabled-b5p1ji:var(--color-background-button-primary-disabled-sgo4zo);
@@ -1788,6 +1808,7 @@
     --color-border-segment-active-ls9t4n:var(--color-border-segment-default-6ig2mo);
     --color-border-segment-disabled-fcrbcl:var(--color-border-segment-default-6ig2mo);
     --color-border-segment-hover-0o9ey3:var(--color-border-segment-default-6ig2mo);
+    --color-border-segment-wrapper-mvxnza:var(--color-border-input-default-317xk5);
     --color-border-dialog-0rjwug:var(--color-border-status-info-qf6jok);
     --color-border-tabs-shadow-ugyo07:var(--color-grey-transparent-g4kcvh);
     --color-border-tabs-underline-gudemr:var(--color-text-accent-n1kmht);
@@ -1857,12 +1878,15 @@
     --color-text-tutorial-hotspot-default-xfv3ow:var(--color-neutral-300-08wi6k);
     --color-text-tutorial-hotspot-hover-92pxog:var(--color-neutral-100-gk3lvf);
     --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);
     --color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
     --color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
     --color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
     --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
     --color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
+    --color-border-toggle-button-normal-default-13wcrj:var(--color-border-button-normal-default-glqfp1);
+    --color-border-toggle-button-normal-hover-0gzb6n:var(--color-border-button-normal-hover-6a2tdq);
     --color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
     --color-border-button-primary-hover-rktx0f:var(--color-background-button-primary-hover-mo85i6);
     --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
@@ -1919,12 +1943,15 @@
     --color-text-tutorial-hotspot-default-xfv3ow:var(--color-neutral-600-fln1ww);
     --color-text-tutorial-hotspot-hover-92pxog:var(--color-neutral-900-v0mtoc);
     --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);
     --color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
     --color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
     --color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
     --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
     --color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
+    --color-border-toggle-button-normal-default-13wcrj:var(--color-border-button-normal-default-glqfp1);
+    --color-border-toggle-button-normal-hover-0gzb6n:var(--color-border-button-normal-hover-6a2tdq);
     --color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
     --color-border-button-primary-hover-rktx0f:var(--color-background-button-primary-hover-mo85i6);
     --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
@@ -1969,10 +1996,13 @@
     --color-text-expandable-section-hover-ojzwhd:var(--color-text-button-normal-hover-gusgyv);
     --font-size-expandable-heading-duh2ta:14px;
     --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);
     --color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
     --color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
     --color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
+    --color-border-toggle-button-normal-default-13wcrj:var(--color-border-button-normal-default-glqfp1);
+    --color-border-toggle-button-normal-hover-0gzb6n:var(--color-border-button-normal-hover-6a2tdq);
     --color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
     --color-border-button-primary-hover-rktx0f:var(--color-background-button-primary-hover-mo85i6);
     --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
@@ -2057,6 +2087,7 @@
     --color-border-divider-active-biq3j4:var(--color-neutral-100-gk3lvf);
     --color-border-divider-default-nr68jt:var(--color-text-button-normal-default-nzalii);
     --color-border-divider-secondary-qoitch:var(--color-neutral-750-pi9qqd);
+    --color-border-divider-table-group-l55omi:var(--color-neutral-600-fln1ww);
     --color-border-dropdown-container-cmthq7:var(--color-neutral-600-fln1ww);
     --color-border-dropdown-item-hover-aqfuxq:var(--color-neutral-600-fln1ww);
     --color-border-input-default-317xk5:var(--color-neutral-600-fln1ww);
@@ -2162,6 +2193,7 @@
     --color-background-skeleton-sjxg4n:var(--color-neutral-750-pi9qqd);
     --color-background-skeleton-wave-1dy97d:var(--color-neutral-700-qw8ats);
     --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);
     --color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
     --color-text-direction-button-disabled-2jds36:var(--color-text-interactive-disabled-1bqmrl);
@@ -2171,6 +2203,7 @@
     --color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
     --color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
     --color-background-drawer-backdrop-ducxi3:var(--color-grey-opaque-70-p0svy7);
+    --color-background-layout-panel-jv6exs:var(--color-background-container-content-6u8rvp);
     --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
     --color-background-layout-toolbar-y0cu80:var(--color-background-layout-panel-content-xto15e);
     --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
@@ -2192,6 +2225,8 @@
     --color-background-table-header-hdjxos:var(--color-background-container-header-gs3mbe);
     --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
     --color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
+    --color-border-toggle-button-normal-default-13wcrj:var(--color-border-button-normal-default-glqfp1);
+    --color-border-toggle-button-normal-hover-0gzb6n:var(--color-border-button-normal-hover-6a2tdq);
     --color-border-button-primary-active-6jnxoc:var(--color-background-button-primary-active-5cqoqt);
     --color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
     --color-border-button-primary-disabled-b5p1ji:var(--color-background-button-primary-disabled-sgo4zo);
@@ -2217,6 +2252,7 @@
     --color-border-segment-active-ls9t4n:var(--color-border-segment-default-6ig2mo);
     --color-border-segment-disabled-fcrbcl:var(--color-border-segment-default-6ig2mo);
     --color-border-segment-hover-0o9ey3:var(--color-border-segment-default-6ig2mo);
+    --color-border-segment-wrapper-mvxnza:var(--color-border-input-default-317xk5);
     --color-border-dialog-0rjwug:var(--color-border-status-info-qf6jok);
     --color-border-tabs-shadow-ugyo07:var(--color-grey-transparent-g4kcvh);
     --color-border-tabs-underline-gudemr:var(--color-text-accent-n1kmht);
@@ -2323,5 +2359,5 @@
   }
 }
 :root {
-  --awsui-version-info-22d5a6b4: true;
+  --awsui-version-info-82d11d66: true;
 }

package/internal/components/button-trigger/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAMpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAA0C,MAAM,cAAc,CAAC;AAS7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAChE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAmGD,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAA0C,MAAM,cAAc,CAAC;AAS7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAChE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAuGD,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}

package/internal/components/button-trigger/index.js

@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import clsx from 'clsx';
+import { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';
 import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
 import InternalIcon from '../../../icon/internal';
 import { getBaseProps } from '../../base-component';
@@ -45,8 +46,8 @@ const ButtonTrigger = ({ children, pressed, hideCaret = false, disabled = false,
     };
     return (React.createElement("button", { ref: ref, ...attributes, ...(disabled || readOnly ? {} : getAnalyticsMetadataAttribute(analyticsMetadata)) },
         children,
-        !hideCaret && (React.createElement("span", { className: styles.arrow },
-            React.createElement(InternalIcon, { name: "caret-down-filled", variant: disabled || readOnly ? 'disabled' : 'normal' })))));
+        !hideCaret && (React.createElement("span", { className: clsx(styles.arrow, isThemeActive(Theme.OneTheme) && styles['one-theme']) },
+            React.createElement(InternalIcon, { name: isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled', size: isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal', variant: disabled || readOnly ? 'disabled' : 'normal' })))));
 };
 export default React.forwardRef(ButtonTrigger);
 //# sourceMappingURL=index.js.map

package/internal/components/button-trigger/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/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, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalIcon from '../../../icon/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { BaseKeyDetail, CancelableEventHandler, fireCancelableEvent, fireKeyboardEvent } from '../../events';\nimport {\n  GeneratedAnalyticsMetadataButtonTriggerCollapse,\n  GeneratedAnalyticsMetadataButtonTriggerExpand,\n} from './analytics-metadata/interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n  children?: React.ReactNode;\n  pressed?: boolean;\n  hideCaret?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  invalid?: boolean;\n  warning?: boolean;\n  inFilteringToken?: 'root' | 'nested';\n  inlineTokens?: boolean;\n  ariaHasPopup?: 'true' | 'listbox' | 'dialog';\n  ariaControls?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n  onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n  onMouseDown?: CancelableEventHandler;\n  onClick?: CancelableEventHandler;\n  onFocus?: CancelableEventHandler;\n  onBlur?: CancelableEventHandler<{ relatedTarget: Node | null }>;\n  hasCustomContent?: boolean;\n  autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n  {\n    children,\n    pressed,\n    hideCaret = false,\n    disabled = false,\n    readOnly = false,\n    invalid = false,\n    warning = false,\n    inlineTokens,\n    inFilteringToken,\n    ariaHasPopup,\n    ariaLabelledby,\n    ariaDescribedby,\n    ariaControls,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onClick,\n    onFocus,\n    onBlur,\n    hasCustomContent = false,\n    autoFocus,\n    ...restProps\n  }: ButtonTriggerProps,\n  ref: React.Ref<HTMLButtonElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  let attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n    ...baseProps,\n    type: 'button',\n    className: clsx(\n      styles['button-trigger'],\n      analyticsSelectors['button-trigger'],\n      baseProps.className,\n      pressed && styles.pressed,\n      disabled && styles.disabled,\n      invalid && styles.invalid,\n      warning && !invalid && styles.warning,\n      !hideCaret && styles['has-caret'],\n      readOnly && styles.readonly,\n      inFilteringToken && styles['in-filtering-token'],\n      inFilteringToken && styles[`in-filtering-token-${inFilteringToken}`],\n      inlineTokens && styles['inline-tokens'],\n      !!hasCustomContent && styles['custom-option']\n    ),\n    disabled: disabled,\n    'aria-expanded': pressed,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    'aria-haspopup': ariaHasPopup ?? 'listbox',\n    'aria-controls': ariaControls,\n    'aria-disabled': readOnly && !disabled ? 'true' : undefined,\n    autoFocus,\n  };\n\n  if (!readOnly) {\n    attributes = {\n      ...attributes,\n      onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n      onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n      onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n      onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n      onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n      onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n    };\n  }\n\n  if (invalid) {\n    attributes['aria-invalid'] = invalid;\n  }\n\n  const analyticsMetadata:\n    | GeneratedAnalyticsMetadataButtonTriggerExpand\n    | GeneratedAnalyticsMetadataButtonTriggerCollapse = {\n    action: !pressed ? 'expand' : 'collapse',\n    detail: {\n      label: { root: 'self' },\n    },\n  };\n\n  return (\n    <button\n      ref={ref}\n      {...attributes}\n      {...(disabled || readOnly ? {} : getAnalyticsMetadataAttribute(analyticsMetadata))}\n    >\n      {children}\n      {!hideCaret && (\n        <span className={styles.arrow}>\n          <InternalIcon name=\"caret-down-filled\" variant={disabled || readOnly ? 'disabled' : 'normal'} />\n        </span>\n      )}\n    </button>\n  );\n};\n\nexport namespace ButtonTriggerProps {\n  export interface Ref {\n    focus(): void;\n  }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAsB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAyC,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAM7G,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA0BrC,MAAM,aAAa,GAAG,CACpB,EACE,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,SAAS,EACT,OAAO,EACP,WAAW,EACX,OAAO,EACP,OAAO,EACP,MAAM,EACN,gBAAgB,GAAG,KAAK,EACxB,SAAS,EACT,GAAG,SAAS,EACO,EACrB,GAAiC,EACjC,EAAE;IACF,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,IAAI,UAAU,GAA4C;QACxD,GAAG,SAAS;QACZ,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,gBAAgB,CAAC,EACxB,kBAAkB,CAAC,gBAAgB,CAAC,EACpC,SAAS,CAAC,SAAS,EACnB,OAAO,IAAI,MAAM,CAAC,OAAO,EACzB,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAC3B,OAAO,IAAI,MAAM,CAAC,OAAO,EACzB,OAAO,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EACrC,CAAC,SAAS,IAAI,MAAM,CAAC,WAAW,CAAC,EACjC,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAC3B,gBAAgB,IAAI,MAAM,CAAC,oBAAoB,CAAC,EAChD,gBAAgB,IAAI,MAAM,CAAC,sBAAsB,gBAAgB,EAAE,CAAC,EACpE,YAAY,IAAI,MAAM,CAAC,eAAe,CAAC,EACvC,CAAC,CAAC,gBAAgB,IAAI,MAAM,CAAC,eAAe,CAAC,CAC9C;QACD,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,OAAO;QACxB,iBAAiB,EAAE,cAAc;QACjC,kBAAkB,EAAE,eAAe;QACnC,eAAe,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,SAAS;QAC1C,eAAe,EAAE,YAAY;QAC7B,eAAe,EAAE,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAC3D,SAAS;KACV,CAAC;IAEF,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,UAAU,GAAG;YACX,GAAG,UAAU;YACb,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YACtE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YAChE,WAAW,EAAE,WAAW,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,WAAW,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YAClF,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YACtE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YACtE,MAAM,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,EAAE,KAAK,CAAC,CAAC;SACxG,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,UAAU,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC;IACvC,CAAC;IAED,MAAM,iBAAiB,GAE+B;QACpD,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;QACxC,MAAM,EAAE;YACN,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB;KACF,CAAC;IAEF,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,KACJ,UAAU,KACV,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,6BAA6B,CAAC,iBAAiB,CAAC,CAAC;QAEjF,QAAQ;QACR,CAAC,SAAS,IAAI,CACb,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC;YACvF,oBAAC,YAAY,IACX,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,EACxE,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAC1D,OAAO,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,GACrD,CACG,CACR,CACM,CACV,CAAC;AACJ,CAAC,CAAC;AAQF,eAAe,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalIcon from '../../../icon/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { BaseKeyDetail, CancelableEventHandler, fireCancelableEvent, fireKeyboardEvent } from '../../events';\nimport {\n  GeneratedAnalyticsMetadataButtonTriggerCollapse,\n  GeneratedAnalyticsMetadataButtonTriggerExpand,\n} from './analytics-metadata/interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n  children?: React.ReactNode;\n  pressed?: boolean;\n  hideCaret?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  invalid?: boolean;\n  warning?: boolean;\n  inFilteringToken?: 'root' | 'nested';\n  inlineTokens?: boolean;\n  ariaHasPopup?: 'true' | 'listbox' | 'dialog';\n  ariaControls?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n  onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n  onMouseDown?: CancelableEventHandler;\n  onClick?: CancelableEventHandler;\n  onFocus?: CancelableEventHandler;\n  onBlur?: CancelableEventHandler<{ relatedTarget: Node | null }>;\n  hasCustomContent?: boolean;\n  autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n  {\n    children,\n    pressed,\n    hideCaret = false,\n    disabled = false,\n    readOnly = false,\n    invalid = false,\n    warning = false,\n    inlineTokens,\n    inFilteringToken,\n    ariaHasPopup,\n    ariaLabelledby,\n    ariaDescribedby,\n    ariaControls,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onClick,\n    onFocus,\n    onBlur,\n    hasCustomContent = false,\n    autoFocus,\n    ...restProps\n  }: ButtonTriggerProps,\n  ref: React.Ref<HTMLButtonElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  let attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n    ...baseProps,\n    type: 'button',\n    className: clsx(\n      styles['button-trigger'],\n      analyticsSelectors['button-trigger'],\n      baseProps.className,\n      pressed && styles.pressed,\n      disabled && styles.disabled,\n      invalid && styles.invalid,\n      warning && !invalid && styles.warning,\n      !hideCaret && styles['has-caret'],\n      readOnly && styles.readonly,\n      inFilteringToken && styles['in-filtering-token'],\n      inFilteringToken && styles[`in-filtering-token-${inFilteringToken}`],\n      inlineTokens && styles['inline-tokens'],\n      !!hasCustomContent && styles['custom-option']\n    ),\n    disabled: disabled,\n    'aria-expanded': pressed,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    'aria-haspopup': ariaHasPopup ?? 'listbox',\n    'aria-controls': ariaControls,\n    'aria-disabled': readOnly && !disabled ? 'true' : undefined,\n    autoFocus,\n  };\n\n  if (!readOnly) {\n    attributes = {\n      ...attributes,\n      onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n      onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n      onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n      onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n      onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n      onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n    };\n  }\n\n  if (invalid) {\n    attributes['aria-invalid'] = invalid;\n  }\n\n  const analyticsMetadata:\n    | GeneratedAnalyticsMetadataButtonTriggerExpand\n    | GeneratedAnalyticsMetadataButtonTriggerCollapse = {\n    action: !pressed ? 'expand' : 'collapse',\n    detail: {\n      label: { root: 'self' },\n    },\n  };\n\n  return (\n    <button\n      ref={ref}\n      {...attributes}\n      {...(disabled || readOnly ? {} : getAnalyticsMetadataAttribute(analyticsMetadata))}\n    >\n      {children}\n      {!hideCaret && (\n        <span className={clsx(styles.arrow, isThemeActive(Theme.OneTheme) && styles['one-theme'])}>\n          <InternalIcon\n            name={isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled'}\n            size={isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal'}\n            variant={disabled || readOnly ? 'disabled' : 'normal'}\n          />\n        </span>\n      )}\n    </button>\n  );\n};\n\nexport namespace ButtonTriggerProps {\n  export interface Ref {\n    focus(): void;\n  }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}

package/internal/components/button-trigger/styles.css.js

@@ -1,19 +1,20 @@
 
     import './styles.scoped.css';
     export default {
-  "button-trigger": "awsui_button-trigger_18eso_ci96j_161",
-  "arrow": "awsui_arrow_18eso_ci96j_161",
-  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_ci96j_221",
-  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_ci96j_221",
-  "has-caret": "awsui_has-caret_18eso_ci96j_257",
-  "placeholder": "awsui_placeholder_18eso_ci96j_260",
-  "pressed": "awsui_pressed_18eso_ci96j_273",
-  "disabled": "awsui_disabled_18eso_ci96j_276",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_ci96j_221",
-  "readonly": "awsui_readonly_18eso_ci96j_297",
-  "invalid": "awsui_invalid_18eso_ci96j_322",
-  "warning": "awsui_warning_18eso_ci96j_331",
-  "custom-option": "awsui_custom-option_18eso_ci96j_340",
-  "inline-tokens": "awsui_inline-tokens_18eso_ci96j_345"
+  "button-trigger": "awsui_button-trigger_18eso_14hvp_161",
+  "arrow": "awsui_arrow_18eso_14hvp_161",
+  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_14hvp_221",
+  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_14hvp_221",
+  "has-caret": "awsui_has-caret_18eso_14hvp_257",
+  "placeholder": "awsui_placeholder_18eso_14hvp_260",
+  "one-theme": "awsui_one-theme_18eso_14hvp_270",
+  "pressed": "awsui_pressed_18eso_14hvp_276",
+  "disabled": "awsui_disabled_18eso_14hvp_282",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_14hvp_221",
+  "readonly": "awsui_readonly_18eso_14hvp_303",
+  "invalid": "awsui_invalid_18eso_14hvp_328",
+  "warning": "awsui_warning_18eso_14hvp_337",
+  "custom-option": "awsui_custom-option_18eso_14hvp_346",
+  "inline-tokens": "awsui_inline-tokens_18eso_14hvp_351"
 };
   

package/internal/components/button-trigger/styles.scoped.css

@@ -158,21 +158,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_button-trigger_18eso_ci96j_161 > .awsui_arrow_18eso_ci96j_161:not(#\9) {
+.awsui_button-trigger_18eso_14hvp_161 > .awsui_arrow_18eso_14hvp_161:not(#\9) {
   transition: transform var(--motion-duration-rotate-180-cxi9g7, 135ms) var(--motion-easing-rotate-180-7a58rc, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-trigger_18eso_ci96j_161 > .awsui_arrow_18eso_ci96j_161:not(#\9) {
+  .awsui_button-trigger_18eso_14hvp_161 > .awsui_arrow_18eso_14hvp_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-trigger_18eso_ci96j_161 > .awsui_arrow_18eso_ci96j_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_ci96j_161 > .awsui_arrow_18eso_ci96j_161:not(#\9) {
+.awsui-motion-disabled .awsui_button-trigger_18eso_14hvp_161 > .awsui_arrow_18eso_14hvp_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_14hvp_161 > .awsui_arrow_18eso_14hvp_161:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_button-trigger_18eso_ci96j_161:not(#\9) {
+.awsui_button-trigger_18eso_14hvp_161:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -218,7 +218,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-317xk5, #8c8c94);
   min-block-size: var(--size-vertical-input-p1d7xx, 32px);
 }
-.awsui_button-trigger_18eso_ci96j_161.awsui_in-filtering-token-root_18eso_ci96j_221:not(#\9), .awsui_button-trigger_18eso_ci96j_161.awsui_in-filtering-token-nested_18eso_ci96j_221:not(#\9) {
+.awsui_button-trigger_18eso_14hvp_161.awsui_in-filtering-token-root_18eso_14hvp_221:not(#\9), .awsui_button-trigger_18eso_14hvp_161.awsui_in-filtering-token-nested_18eso_14hvp_221:not(#\9) {
   padding-block: 0px;
   padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
   border-block-width: var(--border-width-token-2ukdpu, 2px);
@@ -229,14 +229,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
   min-block-size: unset;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_ci96j_161.awsui_in-filtering-token-root_18eso_ci96j_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_ci96j_161.awsui_in-filtering-token-nested_18eso_ci96j_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_14hvp_161.awsui_in-filtering-token-root_18eso_14hvp_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_14hvp_161.awsui_in-filtering-token-nested_18eso_14hvp_221:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_ci96j_161.awsui_in-filtering-token-root_18eso_ci96j_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_ci96j_161.awsui_in-filtering-token-nested_18eso_ci96j_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_14hvp_161.awsui_in-filtering-token-root_18eso_14hvp_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_14hvp_161.awsui_in-filtering-token-nested_18eso_14hvp_221:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-jacx1t, -5px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_ci96j_161.awsui_in-filtering-token-root_18eso_ci96j_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_ci96j_161.awsui_in-filtering-token-nested_18eso_ci96j_221:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_14hvp_161.awsui_in-filtering-token-root_18eso_14hvp_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_14hvp_161.awsui_in-filtering-token-nested_18eso_14hvp_221:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -250,40 +250,46 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_ci96j_161.awsui_
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_button-trigger_18eso_ci96j_161.awsui_in-filtering-token-nested_18eso_ci96j_221:not(#\9) {
+.awsui_button-trigger_18eso_14hvp_161.awsui_in-filtering-token-nested_18eso_14hvp_221:not(#\9) {
   border-start-start-radius: calc(var(--border-radius-input-7q0str, 8px) / 2);
   border-end-start-radius: calc(var(--border-radius-input-7q0str, 8px) / 2);
 }
-.awsui_button-trigger_18eso_ci96j_161.awsui_has-caret_18eso_ci96j_257:not(#\9) {
+.awsui_button-trigger_18eso_14hvp_161.awsui_has-caret_18eso_14hvp_257:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-ikwzwx, 36px);
 }
-.awsui_button-trigger_18eso_ci96j_161 > .awsui_placeholder_18eso_ci96j_260:not(#\9) {
+.awsui_button-trigger_18eso_14hvp_161 > .awsui_placeholder_18eso_14hvp_260:not(#\9) {
   color: var(--color-text-input-placeholder-dclg8u, #656871);
   font-style: italic;
 }
-.awsui_button-trigger_18eso_ci96j_161 > .awsui_arrow_18eso_ci96j_161:not(#\9) {
+.awsui_button-trigger_18eso_14hvp_161 > .awsui_arrow_18eso_14hvp_161:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
   inset-block-start: calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2);
   color: var(--color-text-button-inline-icon-default-sm4ql6, #006ce0);
 }
-.awsui_button-trigger_18eso_ci96j_161:not(#\9):hover > .awsui_arrow_18eso_ci96j_161 {
+.awsui_button-trigger_18eso_14hvp_161 > .awsui_arrow_18eso_14hvp_161.awsui_one-theme_18eso_14hvp_270:not(#\9) {
+  inset-block-start: calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2 + var(--space-xxxs-pajhad, 2px));
+}
+.awsui_button-trigger_18eso_14hvp_161:not(#\9):hover > .awsui_arrow_18eso_14hvp_161 {
   color: var(--color-text-button-inline-icon-hover-rbyzfc, #002b66);
 }
-.awsui_button-trigger_18eso_ci96j_161.awsui_pressed_18eso_ci96j_273 > .awsui_arrow_18eso_ci96j_161:not(#\9) {
+.awsui_button-trigger_18eso_14hvp_161.awsui_pressed_18eso_14hvp_276 > .awsui_arrow_18eso_14hvp_161:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_button-trigger_18eso_ci96j_161.awsui_disabled_18eso_ci96j_276:not(#\9) {
+.awsui_button-trigger_18eso_14hvp_161.awsui_pressed_18eso_14hvp_276 > .awsui_arrow_18eso_14hvp_161.awsui_one-theme_18eso_14hvp_270:not(#\9) {
+  inset-block-start: calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2 - var(--space-xxxs-pajhad, 2px));
+}
+.awsui_button-trigger_18eso_14hvp_161.awsui_disabled_18eso_14hvp_282:not(#\9) {
   background-color: var(--color-background-input-disabled-dihaja, #ebebf0);
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
   color: var(--color-text-input-disabled-wh1f3y, #b4b4bb);
   cursor: auto;
 }
-.awsui_button-trigger_18eso_ci96j_161.awsui_disabled_18eso_ci96j_276 > .awsui_arrow_18eso_ci96j_161:not(#\9) {
+.awsui_button-trigger_18eso_14hvp_161.awsui_disabled_18eso_14hvp_282 > .awsui_arrow_18eso_14hvp_161:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
 }
-.awsui_button-trigger_18eso_ci96j_161.awsui_disabled_18eso_ci96j_276.awsui_in-filtering-token_18eso_ci96j_221:not(#\9) {
+.awsui_button-trigger_18eso_14hvp_161.awsui_disabled_18eso_14hvp_282.awsui_in-filtering-token_18eso_14hvp_221:not(#\9) {
   background-color: var(--color-background-input-disabled-dihaja, #ebebf0);
   border-block: var(--border-width-token-2ukdpu, 2px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
   border-inline: var(--border-width-token-2ukdpu, 2px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
@@ -291,23 +297,23 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_ci96j_161.awsui_
   cursor: auto;
   border-color: var(--color-border-control-disabled-uj7t08, #dedee3);
 }
-.awsui_button-trigger_18eso_ci96j_161.awsui_disabled_18eso_ci96j_276 > .awsui_placeholder_18eso_ci96j_260:not(#\9) {
+.awsui_button-trigger_18eso_14hvp_161.awsui_disabled_18eso_14hvp_282 > .awsui_placeholder_18eso_14hvp_260:not(#\9) {
   color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
 }
-.awsui_button-trigger_18eso_ci96j_161.awsui_readonly_18eso_ci96j_297:not(#\9):not(.awsui_button-trigger_18eso_ci96j_161.awsui_disabled_18eso_ci96j_276):not(.awsui_button-trigger_18eso_ci96j_161.awsui_in-filtering-token_18eso_ci96j_221) {
+.awsui_button-trigger_18eso_14hvp_161.awsui_readonly_18eso_14hvp_303:not(#\9):not(.awsui_button-trigger_18eso_14hvp_161.awsui_disabled_18eso_14hvp_282):not(.awsui_button-trigger_18eso_14hvp_161.awsui_in-filtering-token_18eso_14hvp_221) {
   background-color: var(--color-background-input-default-ifz5bb, #ffffff);
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
 }
-.awsui_button-trigger_18eso_ci96j_161.awsui_readonly_18eso_ci96j_297:not(#\9):not(.awsui_button-trigger_18eso_ci96j_161.awsui_disabled_18eso_ci96j_276) {
+.awsui_button-trigger_18eso_14hvp_161.awsui_readonly_18eso_14hvp_303:not(#\9):not(.awsui_button-trigger_18eso_14hvp_161.awsui_disabled_18eso_14hvp_282) {
   -webkit-user-select: text;
           user-select: text;
 }
-.awsui_button-trigger_18eso_ci96j_161:not(#\9):focus {
+.awsui_button-trigger_18eso_14hvp_161:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_ci96j_161:not(#\9):not(.awsui_in-filtering-token_18eso_ci96j_221):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_14hvp_161:not(#\9):not(.awsui_in-filtering-token_18eso_14hvp_221):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
@@ -317,32 +323,32 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_ci96j_161:not(#\
   border-end-end-radius: var(--border-radius-input-7q0str, 8px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_button-trigger_18eso_ci96j_161:not(#\9):not(.awsui_in-filtering-token_18eso_ci96j_221):invalid {
+.awsui_button-trigger_18eso_14hvp_161:not(#\9):not(.awsui_in-filtering-token_18eso_14hvp_221):invalid {
   box-shadow: none;
 }
-.awsui_button-trigger_18eso_ci96j_161:not(#\9):not(.awsui_in-filtering-token_18eso_ci96j_221).awsui_invalid_18eso_ci96j_322, .awsui_button-trigger_18eso_ci96j_161:not(#\9):not(.awsui_in-filtering-token_18eso_ci96j_221).awsui_invalid_18eso_ci96j_322:focus {
+.awsui_button-trigger_18eso_14hvp_161:not(#\9):not(.awsui_in-filtering-token_18eso_14hvp_221).awsui_invalid_18eso_14hvp_328, .awsui_button-trigger_18eso_14hvp_161:not(#\9):not(.awsui_in-filtering-token_18eso_14hvp_221).awsui_invalid_18eso_14hvp_328:focus {
   color: var(--color-text-status-error-ksqavh, #db0000);
   border-color: var(--color-text-status-error-ksqavh, #db0000);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_button-trigger_18eso_ci96j_161:not(#\9):not(.awsui_in-filtering-token_18eso_ci96j_221).awsui_invalid_18eso_ci96j_322:focus, .awsui_button-trigger_18eso_ci96j_161:not(#\9):not(.awsui_in-filtering-token_18eso_ci96j_221).awsui_invalid_18eso_ci96j_322:focus:focus {
+.awsui_button-trigger_18eso_14hvp_161:not(#\9):not(.awsui_in-filtering-token_18eso_14hvp_221).awsui_invalid_18eso_14hvp_328:focus, .awsui_button-trigger_18eso_14hvp_161:not(#\9):not(.awsui_in-filtering-token_18eso_14hvp_221).awsui_invalid_18eso_14hvp_328:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_button-trigger_18eso_ci96j_161:not(#\9):not(.awsui_in-filtering-token_18eso_ci96j_221).awsui_warning_18eso_ci96j_331, .awsui_button-trigger_18eso_ci96j_161:not(#\9):not(.awsui_in-filtering-token_18eso_ci96j_221).awsui_warning_18eso_ci96j_331:focus {
+.awsui_button-trigger_18eso_14hvp_161:not(#\9):not(.awsui_in-filtering-token_18eso_14hvp_221).awsui_warning_18eso_14hvp_337, .awsui_button-trigger_18eso_14hvp_161:not(#\9):not(.awsui_in-filtering-token_18eso_14hvp_221).awsui_warning_18eso_14hvp_337:focus {
   color: var(--color-text-status-warning-6meo06, #855900);
   border-color: var(--color-text-status-warning-6meo06, #855900);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_button-trigger_18eso_ci96j_161:not(#\9):not(.awsui_in-filtering-token_18eso_ci96j_221).awsui_warning_18eso_ci96j_331:focus, .awsui_button-trigger_18eso_ci96j_161:not(#\9):not(.awsui_in-filtering-token_18eso_ci96j_221).awsui_warning_18eso_ci96j_331:focus:focus {
+.awsui_button-trigger_18eso_14hvp_161:not(#\9):not(.awsui_in-filtering-token_18eso_14hvp_221).awsui_warning_18eso_14hvp_337:focus, .awsui_button-trigger_18eso_14hvp_161:not(#\9):not(.awsui_in-filtering-token_18eso_14hvp_221).awsui_warning_18eso_14hvp_337:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_button-trigger_18eso_ci96j_161.awsui_custom-option_18eso_ci96j_340:not(#\9) {
+.awsui_button-trigger_18eso_14hvp_161.awsui_custom-option_18eso_14hvp_346:not(#\9) {
   padding-block: 0;
   padding-inline-start: 0;
   overflow: clip;
 }
-.awsui_button-trigger_18eso_ci96j_161.awsui_inline-tokens_18eso_ci96j_345:not(#\9) {
+.awsui_button-trigger_18eso_14hvp_161.awsui_inline-tokens_18eso_14hvp_351:not(#\9) {
   padding-block: 0;
 }

package/internal/components/button-trigger/styles.selectors.js

@@ -2,19 +2,20 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-trigger": "awsui_button-trigger_18eso_ci96j_161",
-  "arrow": "awsui_arrow_18eso_ci96j_161",
-  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_ci96j_221",
-  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_ci96j_221",
-  "has-caret": "awsui_has-caret_18eso_ci96j_257",
-  "placeholder": "awsui_placeholder_18eso_ci96j_260",
-  "pressed": "awsui_pressed_18eso_ci96j_273",
-  "disabled": "awsui_disabled_18eso_ci96j_276",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_ci96j_221",
-  "readonly": "awsui_readonly_18eso_ci96j_297",
-  "invalid": "awsui_invalid_18eso_ci96j_322",
-  "warning": "awsui_warning_18eso_ci96j_331",
-  "custom-option": "awsui_custom-option_18eso_ci96j_340",
-  "inline-tokens": "awsui_inline-tokens_18eso_ci96j_345"
+  "button-trigger": "awsui_button-trigger_18eso_14hvp_161",
+  "arrow": "awsui_arrow_18eso_14hvp_161",
+  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_14hvp_221",
+  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_14hvp_221",
+  "has-caret": "awsui_has-caret_18eso_14hvp_257",
+  "placeholder": "awsui_placeholder_18eso_14hvp_260",
+  "one-theme": "awsui_one-theme_18eso_14hvp_270",
+  "pressed": "awsui_pressed_18eso_14hvp_276",
+  "disabled": "awsui_disabled_18eso_14hvp_282",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_14hvp_221",
+  "readonly": "awsui_readonly_18eso_14hvp_303",
+  "invalid": "awsui_invalid_18eso_14hvp_328",
+  "warning": "awsui_warning_18eso_14hvp_337",
+  "custom-option": "awsui_custom-option_18eso_14hvp_346",
+  "inline-tokens": "awsui_inline-tokens_18eso_14hvp_351"
 };
   

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/checkbox-icon/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAKxE,UAAU,iBAAkB,SAAQ,kBAAkB;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE;QACN,GAAG,CAAC,EAAE;YACJ,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;QACF,IAAI,CAAC,EAAE;YACL,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;CACH;AA8BD,QAAA,MAAM,YAAY,GAAI,qEAOnB,iBAAiB,gBAkCnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/checkbox-icon/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAKxE,UAAU,iBAAkB,SAAQ,kBAAkB;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE;QACN,GAAG,CAAC,EAAE;YACJ,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;QACF,IAAI,CAAC,EAAE;YACL,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;CACH;AAsCD,QAAA,MAAM,YAAY,GAAI,qEAOnB,iBAAiB,gBAmCnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -3,7 +3,7 @@
 import React from 'react';
 import clsx from 'clsx';
 import { getBaseProps } from '../../base-component';
-import { useVisualRefresh } from '../../hooks/use-visual-mode';
+import { useOneTheme, useVisualRefresh } from '../../hooks/use-visual-mode';
 import styles from './styles.css.js';
 // Can't use css variables for svg attributes
 const dimensionsByTheme = {
@@ -23,11 +23,20 @@ const dimensionsByTheme = {
         r: 3,
         size: 15,
     },
+    one: {
+        viewBox: '0 0 16 16',
+        indeterminate: '3.5,8 12.5,8',
+        checked: '3.5,8 7,11 12,4',
+        xy: 0.5,
+        r: 2,
+        size: 15,
+    },
 };
 const CheckboxIcon = ({ checked, indeterminate, disabled = false, readOnly = false, style, ...restProps }) => {
     var _a, _b, _c;
     const baseProps = getBaseProps(restProps);
-    const theme = useVisualRefresh() ? 'refresh' : 'default';
+    const oneTheme = useOneTheme();
+    const theme = useVisualRefresh() ? (oneTheme ? 'one' : 'refresh') : 'default';
     const dimensions = dimensionsByTheme[theme];
     return (React.createElement("svg", { className: styles.root, viewBox: dimensions.viewBox, "aria-hidden": "true", focusable: "false", ...baseProps },
         React.createElement("rect", { className: clsx(styles['styled-box'], {