@cloudscape-design/components 3.0.1311 → 3.0.1313

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);
@@ -365,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);
@@ -396,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);
@@ -419,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);
@@ -434,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);
@@ -575,6 +581,7 @@
     --color-text-badge-green-xkzw5d:var(--color-text-notification-default-1iey72);
     --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;
     --font-button-letter-spacing-ufowe3:0.005em;
     --font-chart-detail-size-9qr25q:var(--font-size-body-s-smc8cv);
     --font-decoration-style-link-pk2xmp:solid;
@@ -686,6 +693,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);
@@ -1068,6 +1076,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);
@@ -1169,6 +1178,7 @@
       --color-icon-action-card-disabled-wm3kyf:var(--color-neutral-600-fln1ww);
       --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;
       --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);
@@ -1358,6 +1368,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,7 +1470,9 @@
     --color-icon-action-card-disabled-wm3kyf:var(--color-neutral-600-fln1ww);
     --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-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);
@@ -1491,6 +1504,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);
@@ -1516,6 +1531,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);
@@ -1628,6 +1644,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);
@@ -1729,6 +1746,7 @@
     --color-icon-action-card-disabled-wm3kyf:var(--color-neutral-600-fln1ww);
     --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;
     --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);
@@ -1739,6 +1757,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);
@@ -1766,6 +1785,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);
@@ -1791,6 +1812,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);
@@ -1860,12 +1882,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);
@@ -1922,12 +1947,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);
@@ -1972,10 +2000,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);
@@ -2060,6 +2091,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);
@@ -2164,7 +2196,9 @@
     --color-icon-action-card-disabled-wm3kyf:var(--color-neutral-600-fln1ww);
     --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-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);
@@ -2196,6 +2230,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);
@@ -2221,6 +2257,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);
@@ -2327,5 +2364,5 @@
   }
 }
 :root {
-  --awsui-version-info-1b4a11ae: true;
+  --awsui-version-info-2f2e3191: true;
 }

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

@@ -46,7 +46,7 @@ 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: clsx(styles.arrow, isThemeActive(Theme.OneTheme) && styles['one-theme']) },
+        !hideCaret && (React.createElement("span", { className: styles.arrow },
             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);

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 { 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"]}
+{"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 { 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={styles.arrow}>\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,20 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "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"
+  "button-trigger": "awsui_button-trigger_18eso_16nmi_161",
+  "arrow": "awsui_arrow_18eso_16nmi_161",
+  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_16nmi_221",
+  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_16nmi_221",
+  "has-caret": "awsui_has-caret_18eso_16nmi_257",
+  "placeholder": "awsui_placeholder_18eso_16nmi_260",
+  "pressed": "awsui_pressed_18eso_16nmi_276",
+  "disabled": "awsui_disabled_18eso_16nmi_282",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_16nmi_221",
+  "readonly": "awsui_readonly_18eso_16nmi_303",
+  "invalid": "awsui_invalid_18eso_16nmi_328",
+  "warning": "awsui_warning_18eso_16nmi_337",
+  "custom-option": "awsui_custom-option_18eso_16nmi_346",
+  "inline-tokens": "awsui_inline-tokens_18eso_16nmi_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_14hvp_161 > .awsui_arrow_18eso_14hvp_161:not(#\9) {
+.awsui_button-trigger_18eso_16nmi_161 > .awsui_arrow_18eso_16nmi_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_14hvp_161 > .awsui_arrow_18eso_14hvp_161:not(#\9) {
+  .awsui_button-trigger_18eso_16nmi_161 > .awsui_arrow_18eso_16nmi_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.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) {
+.awsui-motion-disabled .awsui_button-trigger_18eso_16nmi_161 > .awsui_arrow_18eso_16nmi_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_16nmi_161 > .awsui_arrow_18eso_16nmi_161:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_button-trigger_18eso_14hvp_161:not(#\9) {
+.awsui_button-trigger_18eso_16nmi_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_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) {
+.awsui_button-trigger_18eso_16nmi_161.awsui_in-filtering-token-root_18eso_16nmi_221:not(#\9), .awsui_button-trigger_18eso_16nmi_161.awsui_in-filtering-token-nested_18eso_16nmi_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_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 {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_16nmi_161.awsui_in-filtering-token-root_18eso_16nmi_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_16nmi_161.awsui_in-filtering-token-nested_18eso_16nmi_221:not(#\9):focus {
   position: relative;
 }
-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 {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_16nmi_161.awsui_in-filtering-token-root_18eso_16nmi_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_16nmi_161.awsui_in-filtering-token-nested_18eso_16nmi_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_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 {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_16nmi_161.awsui_in-filtering-token-root_18eso_16nmi_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_16nmi_161.awsui_in-filtering-token-nested_18eso_16nmi_221:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -250,46 +250,46 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_14hvp_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_14hvp_161.awsui_in-filtering-token-nested_18eso_14hvp_221:not(#\9) {
+.awsui_button-trigger_18eso_16nmi_161.awsui_in-filtering-token-nested_18eso_16nmi_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_14hvp_161.awsui_has-caret_18eso_14hvp_257:not(#\9) {
+.awsui_button-trigger_18eso_16nmi_161.awsui_has-caret_18eso_16nmi_257:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-ikwzwx, 36px);
 }
-.awsui_button-trigger_18eso_14hvp_161 > .awsui_placeholder_18eso_14hvp_260:not(#\9) {
+.awsui_button-trigger_18eso_16nmi_161 > .awsui_placeholder_18eso_16nmi_260:not(#\9) {
   color: var(--color-text-input-placeholder-dclg8u, #656871);
   font-style: italic;
 }
-.awsui_button-trigger_18eso_14hvp_161 > .awsui_arrow_18eso_14hvp_161:not(#\9) {
+.awsui_button-trigger_18eso_16nmi_161 > .awsui_arrow_18eso_16nmi_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_14hvp_161 > .awsui_arrow_18eso_14hvp_161.awsui_one-theme_18eso_14hvp_270:not(#\9) {
+.awsui-one-theme .awsui_button-trigger_18eso_16nmi_161 > .awsui_arrow_18eso_16nmi_161: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 {
+.awsui_button-trigger_18eso_16nmi_161:not(#\9):hover > .awsui_arrow_18eso_16nmi_161 {
   color: var(--color-text-button-inline-icon-hover-rbyzfc, #002b66);
 }
-.awsui_button-trigger_18eso_14hvp_161.awsui_pressed_18eso_14hvp_276 > .awsui_arrow_18eso_14hvp_161:not(#\9) {
+.awsui_button-trigger_18eso_16nmi_161.awsui_pressed_18eso_16nmi_276 > .awsui_arrow_18eso_16nmi_161:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_button-trigger_18eso_14hvp_161.awsui_pressed_18eso_14hvp_276 > .awsui_arrow_18eso_14hvp_161.awsui_one-theme_18eso_14hvp_270:not(#\9) {
+.awsui-one-theme .awsui_button-trigger_18eso_16nmi_161.awsui_pressed_18eso_16nmi_276 > .awsui_arrow_18eso_16nmi_161: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) {
+.awsui_button-trigger_18eso_16nmi_161.awsui_disabled_18eso_16nmi_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_14hvp_161.awsui_disabled_18eso_14hvp_282 > .awsui_arrow_18eso_14hvp_161:not(#\9) {
+.awsui_button-trigger_18eso_16nmi_161.awsui_disabled_18eso_16nmi_282 > .awsui_arrow_18eso_16nmi_161:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
 }
-.awsui_button-trigger_18eso_14hvp_161.awsui_disabled_18eso_14hvp_282.awsui_in-filtering-token_18eso_14hvp_221:not(#\9) {
+.awsui_button-trigger_18eso_16nmi_161.awsui_disabled_18eso_16nmi_282.awsui_in-filtering-token_18eso_16nmi_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);
@@ -297,23 +297,23 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_14hvp_161.awsui_
   cursor: auto;
   border-color: var(--color-border-control-disabled-uj7t08, #dedee3);
 }
-.awsui_button-trigger_18eso_14hvp_161.awsui_disabled_18eso_14hvp_282 > .awsui_placeholder_18eso_14hvp_260:not(#\9) {
+.awsui_button-trigger_18eso_16nmi_161.awsui_disabled_18eso_16nmi_282 > .awsui_placeholder_18eso_16nmi_260:not(#\9) {
   color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
 }
-.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) {
+.awsui_button-trigger_18eso_16nmi_161.awsui_readonly_18eso_16nmi_303:not(#\9):not(.awsui_button-trigger_18eso_16nmi_161.awsui_disabled_18eso_16nmi_282):not(.awsui_button-trigger_18eso_16nmi_161.awsui_in-filtering-token_18eso_16nmi_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_14hvp_161.awsui_readonly_18eso_14hvp_303:not(#\9):not(.awsui_button-trigger_18eso_14hvp_161.awsui_disabled_18eso_14hvp_282) {
+.awsui_button-trigger_18eso_16nmi_161.awsui_readonly_18eso_16nmi_303:not(#\9):not(.awsui_button-trigger_18eso_16nmi_161.awsui_disabled_18eso_16nmi_282) {
   -webkit-user-select: text;
           user-select: text;
 }
-.awsui_button-trigger_18eso_14hvp_161:not(#\9):focus {
+.awsui_button-trigger_18eso_16nmi_161:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_14hvp_161:not(#\9):not(.awsui_in-filtering-token_18eso_14hvp_221):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_16nmi_161:not(#\9):not(.awsui_in-filtering-token_18eso_16nmi_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);
@@ -323,32 +323,32 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_14hvp_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_14hvp_161:not(#\9):not(.awsui_in-filtering-token_18eso_14hvp_221):invalid {
+.awsui_button-trigger_18eso_16nmi_161:not(#\9):not(.awsui_in-filtering-token_18eso_16nmi_221):invalid {
   box-shadow: none;
 }
-.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 {
+.awsui_button-trigger_18eso_16nmi_161:not(#\9):not(.awsui_in-filtering-token_18eso_16nmi_221).awsui_invalid_18eso_16nmi_328, .awsui_button-trigger_18eso_16nmi_161:not(#\9):not(.awsui_in-filtering-token_18eso_16nmi_221).awsui_invalid_18eso_16nmi_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_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 {
+.awsui_button-trigger_18eso_16nmi_161:not(#\9):not(.awsui_in-filtering-token_18eso_16nmi_221).awsui_invalid_18eso_16nmi_328:focus, .awsui_button-trigger_18eso_16nmi_161:not(#\9):not(.awsui_in-filtering-token_18eso_16nmi_221).awsui_invalid_18eso_16nmi_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_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 {
+.awsui_button-trigger_18eso_16nmi_161:not(#\9):not(.awsui_in-filtering-token_18eso_16nmi_221).awsui_warning_18eso_16nmi_337, .awsui_button-trigger_18eso_16nmi_161:not(#\9):not(.awsui_in-filtering-token_18eso_16nmi_221).awsui_warning_18eso_16nmi_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_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 {
+.awsui_button-trigger_18eso_16nmi_161:not(#\9):not(.awsui_in-filtering-token_18eso_16nmi_221).awsui_warning_18eso_16nmi_337:focus, .awsui_button-trigger_18eso_16nmi_161:not(#\9):not(.awsui_in-filtering-token_18eso_16nmi_221).awsui_warning_18eso_16nmi_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_14hvp_161.awsui_custom-option_18eso_14hvp_346:not(#\9) {
+.awsui_button-trigger_18eso_16nmi_161.awsui_custom-option_18eso_16nmi_346:not(#\9) {
   padding-block: 0;
   padding-inline-start: 0;
   overflow: clip;
 }
-.awsui_button-trigger_18eso_14hvp_161.awsui_inline-tokens_18eso_14hvp_351:not(#\9) {
+.awsui_button-trigger_18eso_16nmi_161.awsui_inline-tokens_18eso_16nmi_351:not(#\9) {
   padding-block: 0;
 }

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

@@ -2,20 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "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"
+  "button-trigger": "awsui_button-trigger_18eso_16nmi_161",
+  "arrow": "awsui_arrow_18eso_16nmi_161",
+  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_16nmi_221",
+  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_16nmi_221",
+  "has-caret": "awsui_has-caret_18eso_16nmi_257",
+  "placeholder": "awsui_placeholder_18eso_16nmi_260",
+  "pressed": "awsui_pressed_18eso_16nmi_276",
+  "disabled": "awsui_disabled_18eso_16nmi_282",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_16nmi_221",
+  "readonly": "awsui_readonly_18eso_16nmi_303",
+  "invalid": "awsui_invalid_18eso_16nmi_328",
+  "warning": "awsui_warning_18eso_16nmi_337",
+  "custom-option": "awsui_custom-option_18eso_16nmi_346",
+  "inline-tokens": "awsui_inline-tokens_18eso_16nmi_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'], {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/checkbox-icon/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 { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { useVisualRefresh } from '../../hooks/use-visual-mode';\n\nimport styles from './styles.css.js';\n\ninterface CheckboxIconProps extends BaseComponentProps {\n  checked?: boolean;\n  indeterminate?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  style?: {\n    box?: {\n      fill?: string;\n      stroke?: string;\n    };\n    line?: {\n      stroke?: string;\n    };\n  };\n}\ninterface Dimension {\n  viewBox: string;\n  indeterminate: string;\n  checked: string;\n  xy: number;\n  r: number;\n  size: number;\n}\n\n// Can't use css variables for svg attributes\nconst dimensionsByTheme: Record<NonNullable<'default' | 'refresh'>, Dimension> = {\n  default: {\n    viewBox: '0 0 14 14',\n    indeterminate: '2.5,7 11.5,7',\n    checked: '2.5,7 6,10 11,3',\n    xy: 0.5,\n    r: 1.5,\n    size: 13,\n  },\n  refresh: {\n    viewBox: '0 0 16 16',\n    indeterminate: '3.5,8 12.5,8',\n    checked: '3.5,8 7,11 12,4',\n    xy: 0.5,\n    r: 3,\n    size: 15,\n  },\n};\n\nconst CheckboxIcon = ({\n  checked,\n  indeterminate,\n  disabled = false,\n  readOnly = false,\n  style,\n  ...restProps\n}: CheckboxIconProps) => {\n  const baseProps = getBaseProps(restProps);\n  const theme = useVisualRefresh() ? 'refresh' : 'default';\n  const dimensions = dimensionsByTheme[theme];\n\n  return (\n    <svg className={styles.root} viewBox={dimensions.viewBox} aria-hidden=\"true\" focusable=\"false\" {...baseProps}>\n      <rect\n        className={clsx(styles['styled-box'], {\n          [styles['styled-box-checked']]: checked,\n          [styles['styled-box-indeterminate']]: indeterminate,\n          [styles['styled-box-disabled']]: disabled,\n          [styles['styled-box-readonly']]: readOnly,\n        })}\n        x={dimensions.xy}\n        y={dimensions.xy}\n        rx={dimensions.r}\n        ry={dimensions.r}\n        width={dimensions.size}\n        height={dimensions.size}\n        style={{ fill: style?.box?.fill, stroke: style?.box?.stroke }}\n      />\n      {checked || indeterminate ? (\n        <polyline\n          className={clsx(styles['styled-line'], {\n            [styles['styled-line-disabled']]: disabled,\n            [styles['styled-line-readonly']]: readOnly,\n          })}\n          points={indeterminate ? dimensions.indeterminate : dimensions.checked}\n          style={{ stroke: style?.line?.stroke }}\n        />\n      ) : null}\n    </svg>\n  );\n};\n\nexport default CheckboxIcon;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/checkbox-icon/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 { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { useOneTheme, useVisualRefresh } from '../../hooks/use-visual-mode';\n\nimport styles from './styles.css.js';\n\ninterface CheckboxIconProps extends BaseComponentProps {\n  checked?: boolean;\n  indeterminate?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  style?: {\n    box?: {\n      fill?: string;\n      stroke?: string;\n    };\n    line?: {\n      stroke?: string;\n    };\n  };\n}\ninterface Dimension {\n  viewBox: string;\n  indeterminate: string;\n  checked: string;\n  xy: number;\n  r: number;\n  size: number;\n}\n\n// Can't use css variables for svg attributes\nconst dimensionsByTheme: Record<NonNullable<'default' | 'refresh' | 'one'>, Dimension> = {\n  default: {\n    viewBox: '0 0 14 14',\n    indeterminate: '2.5,7 11.5,7',\n    checked: '2.5,7 6,10 11,3',\n    xy: 0.5,\n    r: 1.5,\n    size: 13,\n  },\n  refresh: {\n    viewBox: '0 0 16 16',\n    indeterminate: '3.5,8 12.5,8',\n    checked: '3.5,8 7,11 12,4',\n    xy: 0.5,\n    r: 3,\n    size: 15,\n  },\n  one: {\n    viewBox: '0 0 16 16',\n    indeterminate: '3.5,8 12.5,8',\n    checked: '3.5,8 7,11 12,4',\n    xy: 0.5,\n    r: 2,\n    size: 15,\n  },\n};\n\nconst CheckboxIcon = ({\n  checked,\n  indeterminate,\n  disabled = false,\n  readOnly = false,\n  style,\n  ...restProps\n}: CheckboxIconProps) => {\n  const baseProps = getBaseProps(restProps);\n  const oneTheme = useOneTheme();\n  const theme = useVisualRefresh() ? (oneTheme ? 'one' : 'refresh') : 'default';\n  const dimensions = dimensionsByTheme[theme];\n\n  return (\n    <svg className={styles.root} viewBox={dimensions.viewBox} aria-hidden=\"true\" focusable=\"false\" {...baseProps}>\n      <rect\n        className={clsx(styles['styled-box'], {\n          [styles['styled-box-checked']]: checked,\n          [styles['styled-box-indeterminate']]: indeterminate,\n          [styles['styled-box-disabled']]: disabled,\n          [styles['styled-box-readonly']]: readOnly,\n        })}\n        x={dimensions.xy}\n        y={dimensions.xy}\n        rx={dimensions.r}\n        ry={dimensions.r}\n        width={dimensions.size}\n        height={dimensions.size}\n        style={{ fill: style?.box?.fill, stroke: style?.box?.stroke }}\n      />\n      {checked || indeterminate ? (\n        <polyline\n          className={clsx(styles['styled-line'], {\n            [styles['styled-line-disabled']]: disabled,\n            [styles['styled-line-readonly']]: readOnly,\n          })}\n          points={indeterminate ? dimensions.indeterminate : dimensions.checked}\n          style={{ stroke: style?.line?.stroke }}\n        />\n      ) : null}\n    </svg>\n  );\n};\n\nexport default CheckboxIcon;\n"]}