@cloudscape-design/components 3.0.245 → 3.0.247

package/flashbar/styles.selectors.js

@@ -2,50 +2,50 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_1ka0f_93",
-  "enter": "awsui_enter_1q84n_1ka0f_93",
-  "flash-body": "awsui_flash-body_1q84n_1ka0f_107",
-  "flash-message": "awsui_flash-message_1q84n_1ka0f_107",
-  "flash-header": "awsui_flash-header_1q84n_1ka0f_107",
-  "flash-content": "awsui_flash-content_1q84n_1ka0f_108",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1ka0f_109",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1ka0f_110",
-  "flash-icon": "awsui_flash-icon_1q84n_1ka0f_133",
-  "entering": "awsui_entering_1q84n_1ka0f_146",
-  "entered": "awsui_entered_1q84n_1ka0f_167",
-  "exiting": "awsui_exiting_1q84n_1ka0f_272",
-  "stack": "awsui_stack_1q84n_1ka0f_294",
-  "animation-running": "awsui_animation-running_1q84n_1ka0f_294",
-  "item": "awsui_item_1q84n_1ka0f_294",
-  "flash-list-item": "awsui_flash-list-item_1q84n_1ka0f_295",
-  "notification-bar": "awsui_notification-bar_1q84n_1ka0f_296",
-  "collapsed": "awsui_collapsed_1q84n_1ka0f_316",
-  "animation-ready": "awsui_animation-ready_1q84n_1ka0f_316",
-  "expanded-only": "awsui_expanded-only_1q84n_1ka0f_316",
-  "expanded": "awsui_expanded_1q84n_1ka0f_316",
-  "flash": "awsui_flash_1q84n_1ka0f_93",
-  "collapsible": "awsui_collapsible_1q84n_1ka0f_380",
-  "short-list": "awsui_short-list_1q84n_1ka0f_386",
-  "visual-refresh": "awsui_visual-refresh_1q84n_1ka0f_386",
-  "status": "awsui_status_1q84n_1ka0f_603",
-  "header": "awsui_header_1q84n_1ka0f_603",
-  "item-count": "awsui_item-count_1q84n_1ka0f_604",
-  "button": "awsui_button_1q84n_1ka0f_605",
-  "type-count": "awsui_type-count_1q84n_1ka0f_640",
-  "count-number": "awsui_count-number_1q84n_1ka0f_640",
-  "icon": "awsui_icon_1q84n_1ka0f_674",
-  "floating": "awsui_floating_1q84n_1ka0f_712",
-  "flashbar": "awsui_flashbar_1q84n_1ka0f_720",
-  "flash-refresh": "awsui_flash-refresh_1q84n_1ka0f_766",
-  "flash-list": "awsui_flash-list_1q84n_1ka0f_295",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_1ka0f_785",
-  "flash-text": "awsui_flash-text_1q84n_1ka0f_812",
-  "dismiss-button": "awsui_dismiss-button_1q84n_1ka0f_110",
-  "breakpoint-default": "awsui_breakpoint-default_1q84n_1ka0f_853",
-  "action-button": "awsui_action-button_1q84n_1ka0f_109",
-  "flash-type-success": "awsui_flash-type-success_1q84n_1ka0f_866",
-  "flash-type-error": "awsui_flash-type-error_1q84n_1ka0f_870",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_1ka0f_874",
-  "flash-type-info": "awsui_flash-type-info_1q84n_1ka0f_878"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_kln9a_93",
+  "enter": "awsui_enter_1q84n_kln9a_93",
+  "flash-body": "awsui_flash-body_1q84n_kln9a_107",
+  "flash-message": "awsui_flash-message_1q84n_kln9a_107",
+  "flash-header": "awsui_flash-header_1q84n_kln9a_107",
+  "flash-content": "awsui_flash-content_1q84n_kln9a_108",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_kln9a_109",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_kln9a_110",
+  "flash-icon": "awsui_flash-icon_1q84n_kln9a_133",
+  "entering": "awsui_entering_1q84n_kln9a_146",
+  "entered": "awsui_entered_1q84n_kln9a_167",
+  "exiting": "awsui_exiting_1q84n_kln9a_272",
+  "stack": "awsui_stack_1q84n_kln9a_294",
+  "animation-running": "awsui_animation-running_1q84n_kln9a_294",
+  "item": "awsui_item_1q84n_kln9a_294",
+  "flash-list-item": "awsui_flash-list-item_1q84n_kln9a_295",
+  "notification-bar": "awsui_notification-bar_1q84n_kln9a_296",
+  "collapsed": "awsui_collapsed_1q84n_kln9a_316",
+  "animation-ready": "awsui_animation-ready_1q84n_kln9a_316",
+  "expanded-only": "awsui_expanded-only_1q84n_kln9a_316",
+  "expanded": "awsui_expanded_1q84n_kln9a_316",
+  "flash": "awsui_flash_1q84n_kln9a_93",
+  "collapsible": "awsui_collapsible_1q84n_kln9a_380",
+  "short-list": "awsui_short-list_1q84n_kln9a_386",
+  "visual-refresh": "awsui_visual-refresh_1q84n_kln9a_386",
+  "status": "awsui_status_1q84n_kln9a_603",
+  "header": "awsui_header_1q84n_kln9a_603",
+  "item-count": "awsui_item-count_1q84n_kln9a_604",
+  "button": "awsui_button_1q84n_kln9a_605",
+  "type-count": "awsui_type-count_1q84n_kln9a_640",
+  "count-number": "awsui_count-number_1q84n_kln9a_640",
+  "icon": "awsui_icon_1q84n_kln9a_674",
+  "floating": "awsui_floating_1q84n_kln9a_712",
+  "flashbar": "awsui_flashbar_1q84n_kln9a_720",
+  "flash-refresh": "awsui_flash-refresh_1q84n_kln9a_766",
+  "flash-list": "awsui_flash-list_1q84n_kln9a_295",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_kln9a_785",
+  "flash-text": "awsui_flash-text_1q84n_kln9a_812",
+  "dismiss-button": "awsui_dismiss-button_1q84n_kln9a_110",
+  "breakpoint-default": "awsui_breakpoint-default_1q84n_kln9a_853",
+  "action-button": "awsui_action-button_1q84n_kln9a_109",
+  "flash-type-success": "awsui_flash-type-success_1q84n_kln9a_866",
+  "flash-type-error": "awsui_flash-type-error_1q84n_kln9a_870",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_kln9a_874",
+  "flash-type-info": "awsui_flash-type-info_1q84n_kln9a_878"
 };
   

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

@@ -190,6 +190,7 @@
   --color-background-layout-mobile-panel-9vweqk:#000716;
   --color-background-layout-panel-content-808qum:#ffffff;
   --color-background-layout-panel-hover-0bg3gq:#e9ebed;
+  --color-background-layout-panel-trigger-active-uf4o0r:#00142b;
   --color-background-layout-toggle-active-d15dki:#354150;
   --color-background-layout-toggle-default-f9hnkv:#192534;
   --color-background-layout-toggle-hover-gi0e0b:#354150;
@@ -268,6 +269,7 @@
   --color-foreground-control-default-7ajdem:#ffffff;
   --color-foreground-control-disabled-v6a97u:#ffffff;
   --color-shadow-default-3se70f:rgba(0, 7, 22, 0.12);
+  --color-shadow-layout-panel-trigger-t4yazw:#d1d5db;
   --color-text-accent-s1eqko:#0972d3;
   --color-text-body-default-ajf1h5:#000716;
   --color-text-body-secondary-fdstdf:#414d5c;
@@ -344,6 +346,8 @@
   --color-text-segment-active-gc2jjl:#ffffff;
   --color-text-segment-default-bf7rka:#414d5c;
   --color-text-segment-hover-5pccvg:#0972d3;
+  --color-text-layout-panel-trigger-hover-yw2kb4:#0972d3;
+  --color-text-layout-panel-trigger-active-mt4zu0:#ffffff;
   --color-text-small-le1y42:#5f6b7a;
   --color-text-status-error-5sesl6:#d91515;
   --color-text-status-inactive-5ei55p:#5f6b7a;
@@ -353,6 +357,8 @@
   --color-text-top-navigation-title-oypxe3:#000716;
   --color-board-placeholder-active-vaxzdf:#e9ebed;
   --color-board-placeholder-hover-v1s7kq:#d3e7f9;
+  --color-drag-placeholder-active-fkpj7i:#e9ebed;
+  --color-drag-placeholder-hover-3ohnz1:#d3e7f9;
   --font-body-m-line-height-i7xxvv:22px;
   --font-body-m-size-sregvd:14px;
   --font-body-s-letter-spacing-cy0oxj:0.005em;
@@ -769,6 +775,7 @@
   --color-background-layout-main-sfhm4y:#0f1b2a;
   --color-background-layout-panel-content-808qum:#0f1b2a;
   --color-background-layout-panel-hover-0bg3gq:#354150;
+  --color-background-layout-panel-trigger-active-uf4o0r:#89bdee;
   --color-background-layout-toggle-selected-active-9w7pk3:#539fe5;
   --color-background-layout-toggle-selected-default-e1giv3:#539fe5;
   --color-background-layout-toggle-selected-hover-mes33s:#89bdee;
@@ -830,6 +837,7 @@
   --color-foreground-control-default-7ajdem:#000716;
   --color-foreground-control-disabled-v6a97u:#0f1b2a;
   --color-shadow-default-3se70f:rgba(0, 7, 22, 1);
+  --color-shadow-layout-panel-trigger-t4yazw:#354150;
   --color-text-accent-s1eqko:#539fe5;
   --color-text-body-default-ajf1h5:#d1d5db;
   --color-text-body-secondary-fdstdf:#d1d5db;
@@ -897,6 +905,8 @@
   --color-text-segment-active-gc2jjl:#000716;
   --color-text-segment-default-bf7rka:#d1d5db;
   --color-text-segment-hover-5pccvg:#539fe5;
+  --color-text-layout-panel-trigger-hover-yw2kb4:#539fe5;
+  --color-text-layout-panel-trigger-active-mt4zu0:#0f1b2a;
   --color-text-small-le1y42:#8d99a8;
   --color-text-status-error-5sesl6:#eb6f6f;
   --color-text-status-inactive-5ei55p:#8d99a8;
@@ -906,6 +916,8 @@
   --color-text-top-navigation-title-oypxe3:#fbfbfb;
   --color-board-placeholder-active-vaxzdf:#5f6b7a;
   --color-board-placeholder-hover-v1s7kq:#0972d3;
+  --color-drag-placeholder-active-fkpj7i:#5f6b7a;
+  --color-drag-placeholder-hover-3ohnz1:#0972d3;
   --shadow-container-fx563k:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
   --shadow-container-stacked-jfo2nn:0px 9px 8px -7px rgb(0 7 22 / 60%), 8px 0px 8px -7px rgb(0 7 22 / 60%), -8px 0px 8px -7px rgb(0 7 22 / 60%);
   --shadow-container-active-l4kuxc:0px 1px 1px 1px #192534, 0px 6px 36px #000716;
@@ -1029,6 +1041,7 @@
   --color-background-layout-main-sfhm4y:#0f1b2a;
   --color-background-layout-panel-content-808qum:#0f1b2a;
   --color-background-layout-panel-hover-0bg3gq:#354150;
+  --color-background-layout-panel-trigger-active-uf4o0r:#89bdee;
   --color-background-layout-toggle-selected-active-9w7pk3:#539fe5;
   --color-background-layout-toggle-selected-default-e1giv3:#539fe5;
   --color-background-layout-toggle-selected-hover-mes33s:#89bdee;
@@ -1090,6 +1103,7 @@
   --color-foreground-control-default-7ajdem:#000716;
   --color-foreground-control-disabled-v6a97u:#0f1b2a;
   --color-shadow-default-3se70f:rgba(0, 7, 22, 1);
+  --color-shadow-layout-panel-trigger-t4yazw:#354150;
   --color-text-accent-s1eqko:#539fe5;
   --color-text-body-default-ajf1h5:#d1d5db;
   --color-text-body-secondary-fdstdf:#d1d5db;
@@ -1157,6 +1171,8 @@
   --color-text-segment-active-gc2jjl:#000716;
   --color-text-segment-default-bf7rka:#d1d5db;
   --color-text-segment-hover-5pccvg:#539fe5;
+  --color-text-layout-panel-trigger-hover-yw2kb4:#539fe5;
+  --color-text-layout-panel-trigger-active-mt4zu0:#0f1b2a;
   --color-text-small-le1y42:#8d99a8;
   --color-text-status-error-5sesl6:#eb6f6f;
   --color-text-status-inactive-5ei55p:#8d99a8;
@@ -1166,6 +1182,8 @@
   --color-text-top-navigation-title-oypxe3:#fbfbfb;
   --color-board-placeholder-active-vaxzdf:#5f6b7a;
   --color-board-placeholder-hover-v1s7kq:#0972d3;
+  --color-drag-placeholder-active-fkpj7i:#5f6b7a;
+  --color-drag-placeholder-hover-3ohnz1:#0972d3;
 }
 
 .awsui-context-content-header:not(#\9) {
@@ -1202,6 +1220,7 @@
   --color-background-layout-main-sfhm4y:#000716;
   --color-background-layout-panel-content-808qum:#0f1b2a;
   --color-background-layout-panel-hover-0bg3gq:#354150;
+  --color-background-layout-panel-trigger-active-uf4o0r:#89bdee;
   --color-background-layout-toggle-selected-active-9w7pk3:#539fe5;
   --color-background-layout-toggle-selected-default-e1giv3:#539fe5;
   --color-background-layout-toggle-selected-hover-mes33s:#89bdee;
@@ -1263,6 +1282,7 @@
   --color-foreground-control-default-7ajdem:#000716;
   --color-foreground-control-disabled-v6a97u:#0f1b2a;
   --color-shadow-default-3se70f:rgba(0, 7, 22, 1);
+  --color-shadow-layout-panel-trigger-t4yazw:#354150;
   --color-text-accent-s1eqko:#539fe5;
   --color-text-body-default-ajf1h5:#d1d5db;
   --color-text-body-secondary-fdstdf:#d1d5db;
@@ -1330,6 +1350,8 @@
   --color-text-segment-active-gc2jjl:#000716;
   --color-text-segment-default-bf7rka:#d1d5db;
   --color-text-segment-hover-5pccvg:#539fe5;
+  --color-text-layout-panel-trigger-hover-yw2kb4:#539fe5;
+  --color-text-layout-panel-trigger-active-mt4zu0:#0f1b2a;
   --color-text-small-le1y42:#8d99a8;
   --color-text-status-error-5sesl6:#eb6f6f;
   --color-text-status-inactive-5ei55p:#8d99a8;
@@ -1339,6 +1361,8 @@
   --color-text-top-navigation-title-oypxe3:#fbfbfb;
   --color-board-placeholder-active-vaxzdf:#5f6b7a;
   --color-board-placeholder-hover-v1s7kq:#0972d3;
+  --color-drag-placeholder-active-fkpj7i:#5f6b7a;
+  --color-drag-placeholder-hover-3ohnz1:#0972d3;
   --shadow-container-fx563k:none;
   --shadow-container-stacked-jfo2nn:0px 9px 8px -7px rgb(0 7 22 / 60%), 8px 0px 8px -7px rgb(0 7 22 / 60%), -8px 0px 8px -7px rgb(0 7 22 / 60%);
   --shadow-container-active-l4kuxc:0px 1px 1px 1px #192534, 0px 6px 36px #000716;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAErF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,0BAA0B;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC1F,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,EACL,WAAW,EACX,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,mBAAmB,eAiErB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAErF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,0BAA0B;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC1F,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,EACL,WAAW,EACX,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,mBAAmB,eA+DrB"}

package/internal/components/abstract-switch/index.js

@@ -4,7 +4,6 @@ import { __rest } from "tslib";
 import React from 'react';
 import clsx from 'clsx';
 import styles from './styles.css.js';
-import useFocusVisible from '../../hooks/focus-visible';
 import { useUniqueId } from '../../hooks/use-unique-id';
 function joinString(values) {
     return values.filter((value) => !!value).join(' ');
@@ -13,7 +12,6 @@ export default function AbstractSwitch(_a) {
     var { controlId, controlClassName, outlineClassName, showOutline, disabled, nativeControl, styledControl, label, description, descriptionBottomPadding, ariaLabel, ariaLabelledby, ariaDescribedby, onClick, __internalRootRef } = _a, rest = __rest(_a, ["controlId", "controlClassName", "outlineClassName", "showOutline", "disabled", "nativeControl", "styledControl", "label", "description", "descriptionBottomPadding", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "onClick", "__internalRootRef"]);
     const uniqueId = useUniqueId();
     const id = controlId || uniqueId;
-    const focusVisible = useFocusVisible();
     const labelId = `${id}-label`;
     const descriptionId = `${id}-description`;
     const ariaLabelledByIds = [];
@@ -34,8 +32,14 @@ export default function AbstractSwitch(_a) {
         React.createElement("span", { className: styles['label-wrapper'], "aria-disabled": disabled ? 'true' : undefined, onClick: disabled ? undefined : onClick },
             React.createElement("span", { className: clsx(styles.control, controlClassName) },
                 styledControl,
-                nativeControl(Object.assign(Object.assign({}, focusVisible), { id,
-                    disabled, className: styles['native-input'], 'aria-describedby': ariaDescriptons.length ? joinString(ariaDescriptons) : undefined, 'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined, 'aria-label': ariaLabel })),
+                nativeControl({
+                    id,
+                    disabled,
+                    className: styles['native-input'],
+                    'aria-describedby': ariaDescriptons.length ? joinString(ariaDescriptons) : undefined,
+                    'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined,
+                    'aria-label': ariaLabel,
+                }),
                 React.createElement("span", { className: clsx(styles.outline, outlineClassName, showOutline && styles['show-outline']) })),
             React.createElement("span", { className: clsx(styles.content, !label && !description && styles['empty-content']) },
                 label && (React.createElement("span", { id: labelId, className: clsx(styles.label, { [styles['label-disabled']]: disabled }) }, label)),

package/internal/components/abstract-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport useFocusVisible from '../../hooks/focus-visible';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component/index.js';\n\nexport interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>, InternalBaseComponentProps {\n  controlId?: string;\n  controlClassName: string;\n  outlineClassName: string;\n  showOutline?: boolean;\n  disabled?: boolean;\n  nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;\n  styledControl: React.ReactElement;\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  descriptionBottomPadding?: boolean;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  onClick: () => void;\n}\n\nfunction joinString(values: (string | undefined)[]) {\n  return values.filter((value): value is string => !!value).join(' ');\n}\n\nexport default function AbstractSwitch({\n  controlId,\n  controlClassName,\n  outlineClassName,\n  showOutline,\n  disabled,\n  nativeControl,\n  styledControl,\n  label,\n  description,\n  descriptionBottomPadding,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  onClick,\n  __internalRootRef,\n  ...rest\n}: AbstractSwitchProps) {\n  const uniqueId = useUniqueId();\n  const id = controlId || uniqueId;\n\n  const focusVisible = useFocusVisible();\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n\n  const ariaLabelledByIds = [];\n  if (label) {\n    ariaLabelledByIds.push(labelId);\n  }\n  if (ariaLabelledby) {\n    ariaLabelledByIds.push(ariaLabelledby);\n  }\n\n  const ariaDescriptons = [];\n  if (ariaDescribedby) {\n    ariaDescriptons.push(ariaDescribedby);\n  }\n  if (description) {\n    ariaDescriptons.push(descriptionId);\n  }\n\n  return (\n    <span {...rest} className={clsx(styles.wrapper, rest.className)} ref={__internalRootRef}>\n      <span\n        className={styles['label-wrapper']}\n        aria-disabled={disabled ? 'true' : undefined}\n        onClick={disabled ? undefined : onClick}\n      >\n        <span className={clsx(styles.control, controlClassName)}>\n          {styledControl}\n          {nativeControl({\n            ...focusVisible,\n            id,\n            disabled,\n            className: styles['native-input'],\n            'aria-describedby': ariaDescriptons.length ? joinString(ariaDescriptons) : undefined,\n            'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined,\n            'aria-label': ariaLabel,\n          })}\n          <span className={clsx(styles.outline, outlineClassName, showOutline && styles['show-outline'])} />\n        </span>\n        <span className={clsx(styles.content, !label && !description && styles['empty-content'])}>\n          {label && (\n            <span id={labelId} className={clsx(styles.label, { [styles['label-disabled']]: disabled })}>\n              {label}\n            </span>\n          )}\n          {description && (\n            <span\n              id={descriptionId}\n              className={clsx(styles.description, {\n                [styles['description-disabled']]: disabled,\n                [styles['description-bottom-padding']]: descriptionBottomPadding,\n              })}\n            >\n              {description}\n            </span>\n          )}\n        </span>\n      </span>\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component/index.js';\n\nexport interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>, InternalBaseComponentProps {\n  controlId?: string;\n  controlClassName: string;\n  outlineClassName: string;\n  showOutline?: boolean;\n  disabled?: boolean;\n  nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;\n  styledControl: React.ReactElement;\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  descriptionBottomPadding?: boolean;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  onClick: () => void;\n}\n\nfunction joinString(values: (string | undefined)[]) {\n  return values.filter((value): value is string => !!value).join(' ');\n}\n\nexport default function AbstractSwitch({\n  controlId,\n  controlClassName,\n  outlineClassName,\n  showOutline,\n  disabled,\n  nativeControl,\n  styledControl,\n  label,\n  description,\n  descriptionBottomPadding,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  onClick,\n  __internalRootRef,\n  ...rest\n}: AbstractSwitchProps) {\n  const uniqueId = useUniqueId();\n  const id = controlId || uniqueId;\n\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n\n  const ariaLabelledByIds = [];\n  if (label) {\n    ariaLabelledByIds.push(labelId);\n  }\n  if (ariaLabelledby) {\n    ariaLabelledByIds.push(ariaLabelledby);\n  }\n\n  const ariaDescriptons = [];\n  if (ariaDescribedby) {\n    ariaDescriptons.push(ariaDescribedby);\n  }\n  if (description) {\n    ariaDescriptons.push(descriptionId);\n  }\n\n  return (\n    <span {...rest} className={clsx(styles.wrapper, rest.className)} ref={__internalRootRef}>\n      <span\n        className={styles['label-wrapper']}\n        aria-disabled={disabled ? 'true' : undefined}\n        onClick={disabled ? undefined : onClick}\n      >\n        <span className={clsx(styles.control, controlClassName)}>\n          {styledControl}\n          {nativeControl({\n            id,\n            disabled,\n            className: styles['native-input'],\n            'aria-describedby': ariaDescriptons.length ? joinString(ariaDescriptons) : undefined,\n            'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined,\n            'aria-label': ariaLabel,\n          })}\n          <span className={clsx(styles.outline, outlineClassName, showOutline && styles['show-outline'])} />\n        </span>\n        <span className={clsx(styles.content, !label && !description && styles['empty-content'])}>\n          {label && (\n            <span id={labelId} className={clsx(styles.label, { [styles['label-disabled']]: disabled })}>\n              {label}\n            </span>\n          )}\n          {description && (\n            <span\n              id={descriptionId}\n              className={clsx(styles.description, {\n                [styles['description-disabled']]: disabled,\n                [styles['description-bottom-padding']]: descriptionBottomPadding,\n              })}\n            >\n              {description}\n            </span>\n          )}\n        </span>\n      </span>\n    </span>\n  );\n}\n"]}

package/internal/components/abstract-switch/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_1wepg_w9dfp_93",
-  "description": "awsui_description_1wepg_w9dfp_94",
-  "label": "awsui_label_1wepg_w9dfp_95",
-  "outline": "awsui_outline_1wepg_w9dfp_99",
-  "show-outline": "awsui_show-outline_1wepg_w9dfp_102",
-  "native-input": "awsui_native-input_1wepg_w9dfp_106",
-  "wrapper": "awsui_wrapper_1wepg_w9dfp_110",
-  "label-wrapper": "awsui_label-wrapper_1wepg_w9dfp_117",
-  "empty-content": "awsui_empty-content_1wepg_w9dfp_129",
-  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_w9dfp_139",
-  "label-disabled": "awsui_label-disabled_1wepg_w9dfp_147",
-  "description-disabled": "awsui_description-disabled_1wepg_w9dfp_148",
-  "control": "awsui_control_1wepg_w9dfp_153"
+  "content": "awsui_content_1wepg_1v8rp_93",
+  "description": "awsui_description_1wepg_1v8rp_94",
+  "label": "awsui_label_1wepg_1v8rp_95",
+  "outline": "awsui_outline_1wepg_1v8rp_99",
+  "show-outline": "awsui_show-outline_1wepg_1v8rp_102",
+  "native-input": "awsui_native-input_1wepg_1v8rp_106",
+  "wrapper": "awsui_wrapper_1wepg_1v8rp_110",
+  "label-wrapper": "awsui_label-wrapper_1wepg_1v8rp_117",
+  "empty-content": "awsui_empty-content_1wepg_1v8rp_129",
+  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_1v8rp_139",
+  "label-disabled": "awsui_label-disabled_1wepg_1v8rp_147",
+  "description-disabled": "awsui_description-disabled_1wepg_1v8rp_148",
+  "control": "awsui_control_1wepg_1v8rp_153"
 };
   

package/internal/components/abstract-switch/styles.scoped.css

@@ -90,77 +90,77 @@ 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_content_1wepg_w9dfp_93:not(#\9),
-.awsui_description_1wepg_w9dfp_94:not(#\9),
-.awsui_label_1wepg_w9dfp_95:not(#\9) {
+.awsui_content_1wepg_1v8rp_93:not(#\9),
+.awsui_description_1wepg_1v8rp_94:not(#\9),
+.awsui_label_1wepg_1v8rp_95:not(#\9) {
   display: block;
 }
 
-.awsui_outline_1wepg_w9dfp_99:not(#\9) {
+.awsui_outline_1wepg_1v8rp_99:not(#\9) {
   display: none;
 }
-.awsui_outline_1wepg_w9dfp_99.awsui_show-outline_1wepg_w9dfp_102:not(#\9) {
+.awsui_outline_1wepg_1v8rp_99.awsui_show-outline_1wepg_1v8rp_102:not(#\9) {
   display: block;
 }
 
-.awsui_native-input_1wepg_w9dfp_106[data-awsui-focus-visible=true]:not(#\9):focus + .awsui_outline_1wepg_w9dfp_99 {
+body[data-awsui-focus-visible=true] .awsui_native-input_1wepg_1v8rp_106:not(#\9):focus + .awsui_outline_1wepg_1v8rp_99 {
   display: block;
 }
 
-.awsui_wrapper_1wepg_w9dfp_110:not(#\9) {
+.awsui_wrapper_1wepg_1v8rp_110:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   display: flex;
 }
 
-.awsui_label-wrapper_1wepg_w9dfp_117:not(#\9) {
+.awsui_label-wrapper_1wepg_1v8rp_117:not(#\9) {
   position: relative;
   display: flex;
   cursor: default;
 }
 
-.awsui_content_1wepg_w9dfp_93:not(#\9) {
+.awsui_content_1wepg_1v8rp_93:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
 
-.awsui_empty-content_1wepg_w9dfp_129:not(#\9) {
+.awsui_empty-content_1wepg_1v8rp_129:not(#\9) {
   width: 0px;
 }
 
-.awsui_description_1wepg_w9dfp_94:not(#\9) {
+.awsui_description_1wepg_1v8rp_94:not(#\9) {
   color: var(--color-text-form-secondary-ih9x7l, #5f6b7a);
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
 }
-.awsui_description-bottom-padding_1wepg_w9dfp_139:not(#\9) {
+.awsui_description-bottom-padding_1wepg_1v8rp_139:not(#\9) {
   padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
 }
 
-.awsui_label_1wepg_w9dfp_95:not(#\9),
-.awsui_description_1wepg_w9dfp_94:not(#\9) {
+.awsui_label_1wepg_1v8rp_95:not(#\9),
+.awsui_description_1wepg_1v8rp_94:not(#\9) {
   padding-left: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_label-disabled_1wepg_w9dfp_147:not(#\9),
-.awsui_description-disabled_1wepg_w9dfp_148:not(#\9) {
+.awsui_label-disabled_1wepg_1v8rp_147:not(#\9),
+.awsui_description-disabled_1wepg_1v8rp_148:not(#\9) {
   color: var(--color-text-control-disabled-3z3eul, #9ba7b6);
 }
 
 /* stylelint-disable selector-max-type */
-.awsui_control_1wepg_w9dfp_153:not(#\9) {
+.awsui_control_1wepg_1v8rp_153:not(#\9) {
   position: relative;
 }
-.awsui_control_1wepg_w9dfp_153 > input:not(#\9), .awsui_control_1wepg_w9dfp_153 > svg:not(#\9), .awsui_control_1wepg_w9dfp_153 > .awsui_outline_1wepg_w9dfp_99:not(#\9) {
+.awsui_control_1wepg_1v8rp_153 > input:not(#\9), .awsui_control_1wepg_1v8rp_153 > svg:not(#\9), .awsui_control_1wepg_1v8rp_153 > .awsui_outline_1wepg_1v8rp_99:not(#\9) {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
 }
-.awsui_control_1wepg_w9dfp_153 > input:not(#\9) {
+.awsui_control_1wepg_1v8rp_153 > input:not(#\9) {
   opacity: 0;
   z-index: 1;
   -webkit-user-select: none;

package/internal/components/abstract-switch/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_1wepg_w9dfp_93",
-  "description": "awsui_description_1wepg_w9dfp_94",
-  "label": "awsui_label_1wepg_w9dfp_95",
-  "outline": "awsui_outline_1wepg_w9dfp_99",
-  "show-outline": "awsui_show-outline_1wepg_w9dfp_102",
-  "native-input": "awsui_native-input_1wepg_w9dfp_106",
-  "wrapper": "awsui_wrapper_1wepg_w9dfp_110",
-  "label-wrapper": "awsui_label-wrapper_1wepg_w9dfp_117",
-  "empty-content": "awsui_empty-content_1wepg_w9dfp_129",
-  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_w9dfp_139",
-  "label-disabled": "awsui_label-disabled_1wepg_w9dfp_147",
-  "description-disabled": "awsui_description-disabled_1wepg_w9dfp_148",
-  "control": "awsui_control_1wepg_w9dfp_153"
+  "content": "awsui_content_1wepg_1v8rp_93",
+  "description": "awsui_description_1wepg_1v8rp_94",
+  "label": "awsui_label_1wepg_1v8rp_95",
+  "outline": "awsui_outline_1wepg_1v8rp_99",
+  "show-outline": "awsui_show-outline_1wepg_1v8rp_102",
+  "native-input": "awsui_native-input_1wepg_1v8rp_106",
+  "wrapper": "awsui_wrapper_1wepg_1v8rp_110",
+  "label-wrapper": "awsui_label-wrapper_1wepg_1v8rp_117",
+  "empty-content": "awsui_empty-content_1wepg_1v8rp_129",
+  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_1v8rp_139",
+  "label-disabled": "awsui_label-disabled_1wepg_1v8rp_147",
+  "description-disabled": "awsui_description-disabled_1wepg_1v8rp_148",
+  "control": "awsui_control_1wepg_1v8rp_153"
 };
   

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7G,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,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA0ED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7G,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,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAuED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}

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

@@ -7,12 +7,10 @@ import { getBaseProps } from '../../base-component';
 import InternalIcon from '../../../icon/internal';
 import styles from './styles.css.js';
 import { fireKeyboardEvent, fireCancelableEvent } from '../../events';
-import useFocusVisible from '../../hooks/focus-visible';
 const ButtonTrigger = (_a, ref) => {
     var { children, pressed = false, hideCaret = false, disabled = false, readOnly = false, invalid = false, inFilteringToken, ariaHasPopup, ariaLabel, ariaLabelledby, ariaDescribedby, onKeyDown, onKeyUp, onMouseDown, onClick, onFocus, onBlur, autoFocus } = _a, restProps = __rest(_a, ["children", "pressed", "hideCaret", "disabled", "readOnly", "invalid", "inFilteringToken", "ariaHasPopup", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "onKeyDown", "onKeyUp", "onMouseDown", "onClick", "onFocus", "onBlur", "autoFocus"]);
     const baseProps = getBaseProps(restProps);
-    const focusVisible = useFocusVisible();
-    const attributes = Object.assign(Object.assign(Object.assign({}, focusVisible), baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)), onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)), onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)), onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)), onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)), onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)), autoFocus });
+    const attributes = Object.assign(Object.assign({}, baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)), onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)), onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)), onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)), onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)), onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)), autoFocus });
     if (invalid) {
         attributes['aria-invalid'] = invalid;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["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';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport InternalIcon from '../../../icon/internal';\nimport styles from './styles.css.js';\nimport { fireKeyboardEvent, fireCancelableEvent, CancelableEventHandler, BaseKeyDetail } from '../../events';\nimport useFocusVisible from '../../hooks/focus-visible';\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  inFilteringToken?: boolean;\n  ariaHasPopup?: 'true' | 'listbox';\n  ariaLabel?: 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  autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n  {\n    children,\n    pressed = false,\n    hideCaret = false,\n    disabled = false,\n    readOnly = false,\n    invalid = false,\n    inFilteringToken,\n    ariaHasPopup,\n    ariaLabel,\n    ariaLabelledby,\n    ariaDescribedby,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onClick,\n    onFocus,\n    onBlur,\n    autoFocus,\n    ...restProps\n  }: ButtonTriggerProps,\n  ref: React.Ref<HTMLButtonElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  const focusVisible = useFocusVisible();\n\n  const attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n    ...focusVisible,\n    ...baseProps,\n    type: 'button',\n    className: clsx(\n      styles['button-trigger'],\n      baseProps.className,\n      pressed && styles.pressed,\n      disabled && styles.disabled,\n      invalid && styles.invalid,\n      !hideCaret && styles['has-caret'],\n      readOnly && styles['read-only'],\n      inFilteringToken && styles['in-filtering-token']\n    ),\n    disabled: disabled || readOnly,\n    'aria-expanded': pressed,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    'aria-haspopup': ariaHasPopup ?? 'listbox',\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    autoFocus,\n  };\n\n  if (invalid) {\n    attributes['aria-invalid'] = invalid;\n  }\n\n  return (\n    <button ref={ref} {...attributes}>\n      {children}\n      {!hideCaret && (\n        <span className={styles.arrow}>\n          <InternalIcon name=\"caret-down-filled\" variant={disabled ? '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":"lib/default/","sources":["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';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport InternalIcon from '../../../icon/internal';\nimport styles from './styles.css.js';\nimport { fireKeyboardEvent, fireCancelableEvent, CancelableEventHandler, BaseKeyDetail } from '../../events';\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  inFilteringToken?: boolean;\n  ariaHasPopup?: 'true' | 'listbox';\n  ariaLabel?: 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  autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n  {\n    children,\n    pressed = false,\n    hideCaret = false,\n    disabled = false,\n    readOnly = false,\n    invalid = false,\n    inFilteringToken,\n    ariaHasPopup,\n    ariaLabel,\n    ariaLabelledby,\n    ariaDescribedby,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onClick,\n    onFocus,\n    onBlur,\n    autoFocus,\n    ...restProps\n  }: ButtonTriggerProps,\n  ref: React.Ref<HTMLButtonElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  const attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n    ...baseProps,\n    type: 'button',\n    className: clsx(\n      styles['button-trigger'],\n      baseProps.className,\n      pressed && styles.pressed,\n      disabled && styles.disabled,\n      invalid && styles.invalid,\n      !hideCaret && styles['has-caret'],\n      readOnly && styles['read-only'],\n      inFilteringToken && styles['in-filtering-token']\n    ),\n    disabled: disabled || readOnly,\n    'aria-expanded': pressed,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    'aria-haspopup': ariaHasPopup ?? 'listbox',\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    autoFocus,\n  };\n\n  if (invalid) {\n    attributes['aria-invalid'] = invalid;\n  }\n\n  return (\n    <button ref={ref} {...attributes}>\n      {children}\n      {!hideCaret && (\n        <span className={styles.arrow}>\n          <InternalIcon name=\"caret-down-filled\" variant={disabled ? '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"]}

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

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "button-trigger": "awsui_button-trigger_18eso_9ggzo_97",
-  "arrow": "awsui_arrow_18eso_9ggzo_97",
-  "has-caret": "awsui_has-caret_18eso_9ggzo_137",
-  "placeholder": "awsui_placeholder_18eso_9ggzo_140",
-  "pressed": "awsui_pressed_18eso_9ggzo_153",
-  "disabled": "awsui_disabled_18eso_9ggzo_156",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_9ggzo_165",
-  "read-only": "awsui_read-only_18eso_9ggzo_171",
-  "invalid": "awsui_invalid_18eso_9ggzo_188"
+  "button-trigger": "awsui_button-trigger_18eso_1n888_97",
+  "arrow": "awsui_arrow_18eso_1n888_97",
+  "has-caret": "awsui_has-caret_18eso_1n888_137",
+  "placeholder": "awsui_placeholder_18eso_1n888_140",
+  "pressed": "awsui_pressed_18eso_1n888_153",
+  "disabled": "awsui_disabled_18eso_1n888_156",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_1n888_165",
+  "read-only": "awsui_read-only_18eso_1n888_171",
+  "invalid": "awsui_invalid_18eso_1n888_188"
 };