npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.251 → 3.0.253 - Mend

@cloudscape-design/components-themeable 3.0.251 → 3.0.253

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (356) hide show

package/lib/internal/template/flashbar/styles.selectors.js CHANGED Viewed

@@ -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_187uc_93",
-  "enter": "awsui_enter_1q84n_187uc_93",
-  "flash-body": "awsui_flash-body_1q84n_187uc_107",
-  "flash-message": "awsui_flash-message_1q84n_187uc_107",
-  "flash-header": "awsui_flash-header_1q84n_187uc_107",
-  "flash-content": "awsui_flash-content_1q84n_187uc_108",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_187uc_109",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_187uc_110",
-  "flash-icon": "awsui_flash-icon_1q84n_187uc_133",
-  "entering": "awsui_entering_1q84n_187uc_146",
-  "entered": "awsui_entered_1q84n_187uc_167",
-  "exiting": "awsui_exiting_1q84n_187uc_272",
-  "stack": "awsui_stack_1q84n_187uc_294",
-  "animation-running": "awsui_animation-running_1q84n_187uc_294",
-  "item": "awsui_item_1q84n_187uc_294",
-  "flash-list-item": "awsui_flash-list-item_1q84n_187uc_295",
-  "notification-bar": "awsui_notification-bar_1q84n_187uc_296",
-  "collapsed": "awsui_collapsed_1q84n_187uc_316",
-  "animation-ready": "awsui_animation-ready_1q84n_187uc_316",
-  "expanded-only": "awsui_expanded-only_1q84n_187uc_316",
-  "expanded": "awsui_expanded_1q84n_187uc_316",
-  "flash": "awsui_flash_1q84n_187uc_93",
-  "collapsible": "awsui_collapsible_1q84n_187uc_380",
-  "short-list": "awsui_short-list_1q84n_187uc_386",
-  "visual-refresh": "awsui_visual-refresh_1q84n_187uc_386",
-  "status": "awsui_status_1q84n_187uc_603",
-  "header": "awsui_header_1q84n_187uc_603",
-  "item-count": "awsui_item-count_1q84n_187uc_604",
-  "button": "awsui_button_1q84n_187uc_605",
-  "type-count": "awsui_type-count_1q84n_187uc_640",
-  "count-number": "awsui_count-number_1q84n_187uc_640",
-  "icon": "awsui_icon_1q84n_187uc_674",
-  "floating": "awsui_floating_1q84n_187uc_712",
-  "flashbar": "awsui_flashbar_1q84n_187uc_720",
-  "flash-refresh": "awsui_flash-refresh_1q84n_187uc_766",
-  "flash-list": "awsui_flash-list_1q84n_187uc_295",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_187uc_785",
-  "flash-text": "awsui_flash-text_1q84n_187uc_812",
-  "dismiss-button": "awsui_dismiss-button_1q84n_187uc_110",
-  "breakpoint-default": "awsui_breakpoint-default_1q84n_187uc_853",
-  "action-button": "awsui_action-button_1q84n_187uc_109",
-  "flash-type-success": "awsui_flash-type-success_1q84n_187uc_866",
-  "flash-type-error": "awsui_flash-type-error_1q84n_187uc_870",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_187uc_874",
-  "flash-type-info": "awsui_flash-type-info_1q84n_187uc_878"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_1hcnc_93",
+  "enter": "awsui_enter_1q84n_1hcnc_93",
+  "flash-body": "awsui_flash-body_1q84n_1hcnc_107",
+  "flash-message": "awsui_flash-message_1q84n_1hcnc_107",
+  "flash-header": "awsui_flash-header_1q84n_1hcnc_107",
+  "flash-content": "awsui_flash-content_1q84n_1hcnc_108",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1hcnc_109",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1hcnc_110",
+  "flash-icon": "awsui_flash-icon_1q84n_1hcnc_133",
+  "entering": "awsui_entering_1q84n_1hcnc_146",
+  "entered": "awsui_entered_1q84n_1hcnc_167",
+  "exiting": "awsui_exiting_1q84n_1hcnc_272",
+  "stack": "awsui_stack_1q84n_1hcnc_294",
+  "animation-running": "awsui_animation-running_1q84n_1hcnc_294",
+  "item": "awsui_item_1q84n_1hcnc_294",
+  "flash-list-item": "awsui_flash-list-item_1q84n_1hcnc_295",
+  "notification-bar": "awsui_notification-bar_1q84n_1hcnc_296",
+  "collapsed": "awsui_collapsed_1q84n_1hcnc_316",
+  "animation-ready": "awsui_animation-ready_1q84n_1hcnc_316",
+  "expanded-only": "awsui_expanded-only_1q84n_1hcnc_316",
+  "expanded": "awsui_expanded_1q84n_1hcnc_316",
+  "flash": "awsui_flash_1q84n_1hcnc_93",
+  "collapsible": "awsui_collapsible_1q84n_1hcnc_380",
+  "short-list": "awsui_short-list_1q84n_1hcnc_386",
+  "visual-refresh": "awsui_visual-refresh_1q84n_1hcnc_386",
+  "status": "awsui_status_1q84n_1hcnc_603",
+  "header": "awsui_header_1q84n_1hcnc_603",
+  "item-count": "awsui_item-count_1q84n_1hcnc_604",
+  "button": "awsui_button_1q84n_1hcnc_605",
+  "type-count": "awsui_type-count_1q84n_1hcnc_640",
+  "count-number": "awsui_count-number_1q84n_1hcnc_640",
+  "icon": "awsui_icon_1q84n_1hcnc_674",
+  "floating": "awsui_floating_1q84n_1hcnc_712",
+  "flashbar": "awsui_flashbar_1q84n_1hcnc_720",
+  "flash-refresh": "awsui_flash-refresh_1q84n_1hcnc_766",
+  "flash-list": "awsui_flash-list_1q84n_1hcnc_295",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_1hcnc_785",
+  "flash-text": "awsui_flash-text_1q84n_1hcnc_812",
+  "dismiss-button": "awsui_dismiss-button_1q84n_1hcnc_110",
+  "breakpoint-default": "awsui_breakpoint-default_1q84n_1hcnc_853",
+  "action-button": "awsui_action-button_1q84n_1hcnc_109",
+  "flash-type-success": "awsui_flash-type-success_1q84n_1hcnc_866",
+  "flash-type-error": "awsui_flash-type-error_1q84n_1hcnc_870",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_1hcnc_874",
+  "flash-type-info": "awsui_flash-type-info_1q84n_1hcnc_878"
 };

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

@@ -190,6 +190,7 @@
   --color-background-layout-mobile-panel-7ihqdn:#ffffff;
   --color-background-layout-panel-content-r9pdjh:#ffffff;
   --color-background-layout-panel-hover-thdv3z:#eaeded;
+  --color-background-layout-panel-trigger-active-opo2jh:#0073bb;
   --color-background-layout-toggle-active-d3zrnd:#2a2e33;
   --color-background-layout-toggle-default-o9dqpo:#2a2e33;
   --color-background-layout-toggle-hover-5rvtea:#545b64;
@@ -268,6 +269,7 @@
   --color-foreground-control-default-i2wjwi:#ffffff;
   --color-foreground-control-disabled-84rf4t:#ffffff;
   --color-shadow-default-94w2kz:rgba(0, 28, 36, 0.5);
+  --color-shadow-layout-panel-trigger-lceo1i:#d5dbdb;
   --color-text-accent-s0earc:#0073bb;
   --color-text-body-default-7m2b3r:#16191f;
   --color-text-body-secondary-u912t7:#545b64;
@@ -344,6 +346,8 @@
   --color-text-segment-active-p9yawx:#ffffff;
   --color-text-segment-default-9k644f:#545b64;
   --color-text-segment-hover-1lgt1u:#0073bb;
+  --color-text-layout-panel-trigger-hover-5qaiq9:#0073bb;
+  --color-text-layout-panel-trigger-active-km1y5a:#ffffff;
   --color-text-small-5a9rs1:#687078;
   --color-text-status-error-jer77f:#d13212;
   --color-text-status-inactive-2o9czw:#687078;
@@ -353,6 +357,8 @@
   --color-text-top-navigation-title-2nrlq4:#16191f;
   --color-board-placeholder-active-03p6jc:#d5dbdb;
   --color-board-placeholder-hover-82yrwq:#99cbe4;
+  --color-drag-placeholder-active-465bif:#d5dbdb;
+  --color-drag-placeholder-hover-brp0p3:#99cbe4;
   --font-body-m-line-height-i7xxvv:22px;
   --font-body-m-size-sregvd:14px;
   --font-body-s-letter-spacing-p88gax:normal;
@@ -770,6 +776,7 @@
   --color-background-layout-mobile-panel-7ihqdn:#2a2e33;
   --color-background-layout-panel-content-r9pdjh:#2a2e33;
   --color-background-layout-panel-hover-thdv3z:#414750;
+  --color-background-layout-panel-trigger-active-opo2jh:#44b9d6;
   --color-background-layout-toggle-selected-active-3ftljk:#00a1c9;
   --color-background-layout-toggle-selected-default-eduv1i:#00a1c9;
   --color-background-layout-toggle-selected-hover-vtsm2f:#44b9d6;
@@ -826,6 +833,7 @@
   --color-border-tutorial-9eqwas:#879596;
   --color-foreground-control-disabled-84rf4t:#687078;
   --color-shadow-default-94w2kz:rgba(0, 0, 0, 0.5);
+  --color-shadow-layout-panel-trigger-lceo1i:#414750;
   --color-text-accent-s0earc:#44b9d6;
   --color-text-body-default-7m2b3r:#d5dbdb;
   --color-text-body-secondary-u912t7:#d5dbdb;
@@ -892,6 +900,8 @@
   --color-text-segment-active-p9yawx:#1a2029;
   --color-text-segment-default-9k644f:#d5dbdb;
   --color-text-segment-hover-1lgt1u:#00a1c9;
+  --color-text-layout-panel-trigger-hover-5qaiq9:#00a1c9;
+  --color-text-layout-panel-trigger-active-km1y5a:#1a2029;
   --color-text-small-5a9rs1:#95a5a6;
   --color-text-status-error-jer77f:#ff5d64;
   --color-text-status-inactive-2o9czw:#95a5a6;
@@ -901,6 +911,8 @@
   --color-text-top-navigation-title-2nrlq4:#fafafa;
   --color-board-placeholder-active-03p6jc:#687078;
   --color-board-placeholder-hover-82yrwq:#0073bb;
+  --color-drag-placeholder-active-465bif:#687078;
+  --color-drag-placeholder-hover-brp0p3:#0073bb;
   --shadow-container-0bkp96:0 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
   --shadow-container-stacked-j8j87i:0 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
   --shadow-dropdown-lzmmvx:0 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
@@ -1030,6 +1042,7 @@
   --color-background-layout-mobile-panel-7ihqdn:#232f3e;
   --color-background-layout-panel-content-r9pdjh:#232f3e;
   --color-background-layout-panel-hover-thdv3z:#414750;
+  --color-background-layout-panel-trigger-active-opo2jh:#44b9d6;
   --color-background-layout-toggle-selected-active-3ftljk:#00a1c9;
   --color-background-layout-toggle-selected-default-eduv1i:#00a1c9;
   --color-background-layout-toggle-selected-hover-vtsm2f:#44b9d6;
@@ -1086,6 +1099,7 @@
   --color-border-tutorial-9eqwas:#879596;
   --color-foreground-control-disabled-84rf4t:#687078;
   --color-shadow-default-94w2kz:rgba(0, 0, 0, 0.5);
+  --color-shadow-layout-panel-trigger-lceo1i:#414750;
   --color-text-accent-s0earc:#44b9d6;
   --color-text-body-default-7m2b3r:#d5dbdb;
   --color-text-body-secondary-u912t7:#d5dbdb;
@@ -1152,6 +1166,8 @@
   --color-text-segment-active-p9yawx:#1a2029;
   --color-text-segment-default-9k644f:#d5dbdb;
   --color-text-segment-hover-1lgt1u:#00a1c9;
+  --color-text-layout-panel-trigger-hover-5qaiq9:#00a1c9;
+  --color-text-layout-panel-trigger-active-km1y5a:#1a2029;
   --color-text-small-5a9rs1:#95a5a6;
   --color-text-status-error-jer77f:#ff5d64;
   --color-text-status-inactive-2o9czw:#95a5a6;
@@ -1161,6 +1177,8 @@
   --color-text-top-navigation-title-2nrlq4:#fafafa;
   --color-board-placeholder-active-03p6jc:#687078;
   --color-board-placeholder-hover-82yrwq:#0073bb;
+  --color-drag-placeholder-active-465bif:#687078;
+  --color-drag-placeholder-hover-brp0p3:#0073bb;
 }
 .awsui-context-flashbar:not(#\9) {
@@ -1205,6 +1223,7 @@
   --color-background-layout-main-q0tbxx:#ffffff;
   --color-background-layout-mobile-panel-7ihqdn:#000716;
   --color-background-layout-panel-hover-thdv3z:#e9ebed;
+  --color-background-layout-panel-trigger-active-opo2jh:#00142b;
   --color-background-layout-toggle-active-d3zrnd:#354150;
   --color-background-layout-toggle-default-o9dqpo:#192534;
   --color-background-layout-toggle-hover-5rvtea:#354150;
@@ -1275,6 +1294,7 @@
   --color-border-tiles-disabled-l8y8wj:#e9ebed;
   --color-border-tutorial-9eqwas:#d1d5db;
   --color-shadow-default-94w2kz:rgba(0, 7, 22, 0.12);
+  --color-shadow-layout-panel-trigger-lceo1i:#d1d5db;
   --color-text-accent-s0earc:#0972d3;
   --color-text-body-default-7m2b3r:#000716;
   --color-text-body-secondary-u912t7:#414d5c;
@@ -1341,6 +1361,7 @@
   --color-text-pagination-page-number-default-xf8q73:#414d5c;
   --color-text-segment-default-9k644f:#414d5c;
   --color-text-segment-hover-1lgt1u:#0972d3;
+  --color-text-layout-panel-trigger-hover-5qaiq9:#0972d3;
   --color-text-small-5a9rs1:#5f6b7a;
   --color-text-status-error-jer77f:#d91515;
   --color-text-status-inactive-2o9czw:#5f6b7a;
@@ -1350,6 +1371,8 @@
   --color-text-top-navigation-title-2nrlq4:#000716;
   --color-board-placeholder-active-03p6jc:#e9ebed;
   --color-board-placeholder-hover-82yrwq:#d3e7f9;
+  --color-drag-placeholder-active-465bif:#e9ebed;
+  --color-drag-placeholder-hover-brp0p3:#d3e7f9;
   --font-body-s-letter-spacing-p88gax:0.005em;
   --font-button-letter-spacing-9fsbgj:0.005em;
   --font-button-weight-of7qcx:800;
@@ -1538,6 +1561,7 @@
   --color-background-layout-main-q0tbxx:#0f1b2a;
   --color-background-layout-panel-content-r9pdjh:#0f1b2a;
   --color-background-layout-panel-hover-thdv3z:#354150;
+  --color-background-layout-panel-trigger-active-opo2jh:#89bdee;
   --color-background-layout-toggle-selected-active-3ftljk:#539fe5;
   --color-background-layout-toggle-selected-default-eduv1i:#539fe5;
   --color-background-layout-toggle-selected-hover-vtsm2f:#89bdee;
@@ -1599,6 +1623,7 @@
   --color-foreground-control-default-i2wjwi:#000716;
   --color-foreground-control-disabled-84rf4t:#0f1b2a;
   --color-shadow-default-94w2kz:rgba(0, 7, 22, 1);
+  --color-shadow-layout-panel-trigger-lceo1i:#354150;
   --color-text-accent-s0earc:#539fe5;
   --color-text-body-default-7m2b3r:#d1d5db;
   --color-text-body-secondary-u912t7:#d1d5db;
@@ -1667,6 +1692,8 @@
   --color-text-segment-active-p9yawx:#000716;
   --color-text-segment-default-9k644f:#d1d5db;
   --color-text-segment-hover-1lgt1u:#539fe5;
+  --color-text-layout-panel-trigger-hover-5qaiq9:#539fe5;
+  --color-text-layout-panel-trigger-active-km1y5a:#0f1b2a;
   --color-text-small-5a9rs1:#8d99a8;
   --color-text-status-error-jer77f:#eb6f6f;
   --color-text-status-inactive-2o9czw:#8d99a8;
@@ -1676,6 +1703,8 @@
   --color-text-top-navigation-title-2nrlq4:#fbfbfb;
   --color-board-placeholder-active-03p6jc:#5f6b7a;
   --color-board-placeholder-hover-82yrwq:#0972d3;
+  --color-drag-placeholder-active-465bif:#5f6b7a;
+  --color-drag-placeholder-hover-brp0p3:#0972d3;
   --shadow-container-0bkp96:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
   --shadow-container-stacked-j8j87i: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-h4jsj2:0px 1px 1px 1px #192534, 0px 6px 36px #000716;
@@ -1779,6 +1808,7 @@
   --color-background-layout-mobile-panel-7ihqdn:#000716;
   --color-background-layout-panel-content-r9pdjh:#0f1b2a;
   --color-background-layout-panel-hover-thdv3z:#354150;
+  --color-background-layout-panel-trigger-active-opo2jh:#89bdee;
   --color-background-layout-toggle-selected-active-3ftljk:#539fe5;
   --color-background-layout-toggle-selected-default-eduv1i:#539fe5;
   --color-background-layout-toggle-selected-hover-vtsm2f:#89bdee;
@@ -1845,6 +1875,7 @@
   --color-foreground-control-default-i2wjwi:#000716;
   --color-foreground-control-disabled-84rf4t:#0f1b2a;
   --color-shadow-default-94w2kz:rgba(0, 7, 22, 1);
+  --color-shadow-layout-panel-trigger-lceo1i:#354150;
   --color-text-accent-s0earc:#539fe5;
   --color-text-body-default-7m2b3r:#d1d5db;
   --color-text-body-secondary-u912t7:#d1d5db;
@@ -1912,6 +1943,8 @@
   --color-text-segment-active-p9yawx:#000716;
   --color-text-segment-default-9k644f:#d1d5db;
   --color-text-segment-hover-1lgt1u:#539fe5;
+  --color-text-layout-panel-trigger-hover-5qaiq9:#539fe5;
+  --color-text-layout-panel-trigger-active-km1y5a:#0f1b2a;
   --color-text-small-5a9rs1:#8d99a8;
   --color-text-status-error-jer77f:#eb6f6f;
   --color-text-status-inactive-2o9czw:#8d99a8;
@@ -1921,6 +1954,8 @@
   --color-text-top-navigation-title-2nrlq4:#fbfbfb;
   --color-board-placeholder-active-03p6jc:#5f6b7a;
   --color-board-placeholder-hover-82yrwq:#0972d3;
+  --color-drag-placeholder-active-465bif:#5f6b7a;
+  --color-drag-placeholder-hover-brp0p3:#0972d3;
 }
 .awsui-context-top-navigation.awsui-visual-refresh:not(#\9) {
@@ -1957,6 +1992,7 @@
   --color-background-layout-main-q0tbxx:#0f1b2a;
   --color-background-layout-panel-content-r9pdjh:#0f1b2a;
   --color-background-layout-panel-hover-thdv3z:#354150;
+  --color-background-layout-panel-trigger-active-opo2jh:#89bdee;
   --color-background-layout-toggle-selected-active-3ftljk:#539fe5;
   --color-background-layout-toggle-selected-default-eduv1i:#539fe5;
   --color-background-layout-toggle-selected-hover-vtsm2f:#89bdee;
@@ -2018,6 +2054,7 @@
   --color-foreground-control-default-i2wjwi:#000716;
   --color-foreground-control-disabled-84rf4t:#0f1b2a;
   --color-shadow-default-94w2kz:rgba(0, 7, 22, 1);
+  --color-shadow-layout-panel-trigger-lceo1i:#354150;
   --color-text-accent-s0earc:#539fe5;
   --color-text-body-default-7m2b3r:#d1d5db;
   --color-text-body-secondary-u912t7:#d1d5db;
@@ -2086,6 +2123,8 @@
   --color-text-segment-active-p9yawx:#000716;
   --color-text-segment-default-9k644f:#d1d5db;
   --color-text-segment-hover-1lgt1u:#539fe5;
+  --color-text-layout-panel-trigger-hover-5qaiq9:#539fe5;
+  --color-text-layout-panel-trigger-active-km1y5a:#0f1b2a;
   --color-text-small-5a9rs1:#8d99a8;
   --color-text-status-error-jer77f:#eb6f6f;
   --color-text-status-inactive-2o9czw:#8d99a8;
@@ -2095,6 +2134,8 @@
   --color-text-top-navigation-title-2nrlq4:#fbfbfb;
   --color-board-placeholder-active-03p6jc:#5f6b7a;
   --color-board-placeholder-hover-82yrwq:#0972d3;
+  --color-drag-placeholder-active-465bif:#5f6b7a;
+  --color-drag-placeholder-hover-brp0p3:#0972d3;
 }
 .awsui-visual-refresh .awsui-context-content-header:not(#\9) {
@@ -2131,6 +2172,7 @@
   --color-background-layout-main-q0tbxx:#000716;
   --color-background-layout-panel-content-r9pdjh:#0f1b2a;
   --color-background-layout-panel-hover-thdv3z:#354150;
+  --color-background-layout-panel-trigger-active-opo2jh:#89bdee;
   --color-background-layout-toggle-selected-active-3ftljk:#539fe5;
   --color-background-layout-toggle-selected-default-eduv1i:#539fe5;
   --color-background-layout-toggle-selected-hover-vtsm2f:#89bdee;
@@ -2192,6 +2234,7 @@
   --color-foreground-control-default-i2wjwi:#000716;
   --color-foreground-control-disabled-84rf4t:#0f1b2a;
   --color-shadow-default-94w2kz:rgba(0, 7, 22, 1);
+  --color-shadow-layout-panel-trigger-lceo1i:#354150;
   --color-text-accent-s0earc:#539fe5;
   --color-text-body-default-7m2b3r:#d1d5db;
   --color-text-body-secondary-u912t7:#d1d5db;
@@ -2259,6 +2302,8 @@
   --color-text-segment-active-p9yawx:#000716;
   --color-text-segment-default-9k644f:#d1d5db;
   --color-text-segment-hover-1lgt1u:#539fe5;
+  --color-text-layout-panel-trigger-hover-5qaiq9:#539fe5;
+  --color-text-layout-panel-trigger-active-km1y5a:#0f1b2a;
   --color-text-small-5a9rs1:#8d99a8;
   --color-text-status-error-jer77f:#eb6f6f;
   --color-text-status-inactive-2o9czw:#8d99a8;
@@ -2268,6 +2313,8 @@
   --color-text-top-navigation-title-2nrlq4:#fbfbfb;
   --color-board-placeholder-active-03p6jc:#5f6b7a;
   --color-board-placeholder-hover-82yrwq:#0972d3;
+  --color-drag-placeholder-active-465bif:#5f6b7a;
+  --color-drag-placeholder-hover-brp0p3:#0972d3;
   --shadow-container-0bkp96:none;
   --shadow-container-stacked-j8j87i: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-h4jsj2:0px 1px 1px 1px #192534, 0px 6px 36px #000716;
@@ -2315,6 +2362,7 @@
   --color-background-layout-main-q0tbxx:#000716;
   --color-background-layout-panel-content-r9pdjh:#0f1b2a;
   --color-background-layout-panel-hover-thdv3z:#354150;
+  --color-background-layout-panel-trigger-active-opo2jh:#89bdee;
   --color-background-layout-toggle-selected-active-3ftljk:#539fe5;
   --color-background-layout-toggle-selected-default-eduv1i:#539fe5;
   --color-background-layout-toggle-selected-hover-vtsm2f:#89bdee;
@@ -2376,6 +2424,7 @@
   --color-foreground-control-default-i2wjwi:#000716;
   --color-foreground-control-disabled-84rf4t:#0f1b2a;
   --color-shadow-default-94w2kz:rgba(0, 7, 22, 1);
+  --color-shadow-layout-panel-trigger-lceo1i:#354150;
   --color-text-accent-s0earc:#539fe5;
   --color-text-body-default-7m2b3r:#d1d5db;
   --color-text-body-secondary-u912t7:#d1d5db;
@@ -2443,6 +2492,8 @@
   --color-text-segment-active-p9yawx:#000716;
   --color-text-segment-default-9k644f:#d1d5db;
   --color-text-segment-hover-1lgt1u:#539fe5;
+  --color-text-layout-panel-trigger-hover-5qaiq9:#539fe5;
+  --color-text-layout-panel-trigger-active-km1y5a:#0f1b2a;
   --color-text-small-5a9rs1:#8d99a8;
   --color-text-status-error-jer77f:#eb6f6f;
   --color-text-status-inactive-2o9czw:#8d99a8;
@@ -2452,6 +2503,8 @@
   --color-text-top-navigation-title-2nrlq4:#fbfbfb;
   --color-board-placeholder-active-03p6jc:#5f6b7a;
   --color-board-placeholder-hover-82yrwq:#0972d3;
+  --color-drag-placeholder-active-465bif:#5f6b7a;
+  --color-drag-placeholder-hover-brp0p3:#0972d3;
   --shadow-container-0bkp96:none;
   --shadow-container-stacked-j8j87i: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-h4jsj2:0px 1px 1px 1px #192534, 0px 6px 36px #000716;

package/lib/internal/template/internal/components/abstract-switch/index.d.ts.map CHANGED Viewed

	@@ -1 +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~~"}
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;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/lib/internal/template/internal/components/abstract-switch/index.js CHANGED Viewed

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/abstract-switch/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,~~eAAe,MAAM,2BAA2B,CAAC;AACxD,OAAO,~~EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAoBxD,SAAS,UAAU,CAAC,MAA8B;IAChD,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAmB,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACtE,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAiBjB;QAjBiB,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,OAEG,EADjB,IAAI,cAhB8B,wPAiBtC,CADQ;IAEP,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,GAAG,SAAS,IAAI,QAAQ,CAAC;IAEjC,MAAM,~~YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,~~OAAO,GAAG,GAAG,EAAE,QAAQ,CAAC;IAC9B,MAAM,aAAa,GAAG,GAAG,EAAE,cAAc,CAAC;IAE1C,MAAM,iBAAiB,GAAG,EAAE,CAAC;IAC7B,IAAI,KAAK,EAAE;QACT,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACjC;IACD,IAAI,cAAc,EAAE;QAClB,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;KACxC;IAED,MAAM,eAAe,GAAG,EAAE,CAAC;IAC3B,IAAI,eAAe,EAAE;QACnB,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;KACvC;IACD,IAAI,WAAW,EAAE;QACf,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KACrC;IAED,OAAO,CACL,8CAAU,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,iBAAiB;QACrF,8BACE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,mBACnB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;YAEvC,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,gBAAgB,CAAC;gBACpD,aAAa;gBACb,aAAa,~~iCACT~~,~~YAAY,KACf,~~EAAE;oBACF,QAAQ,~~EACR,~~SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,~~EACjC,~~kBAAkB,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,~~EACpF,~~iBAAiB,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,~~EACvF,~~YAAY,EAAE,SAAS,~~IACvB~~;gBACF,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,MAAM,CAAC,cAAc,CAAC,CAAC,GAAI,CAC7F;YACP,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,WAAW,IAAI,MAAM,CAAC,eAAe,CAAC,CAAC;gBACrF,KAAK,IAAI,CACR,8BAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,IACvF,KAAK,CACD,CACR;gBACA,WAAW,IAAI,CACd,8BACE,EAAE,EAAE,aAAa,EACjB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;wBAClC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,QAAQ;wBAC1C,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC,EAAE,wBAAwB;qBACjE,CAAC,IAED,WAAW,CACP,CACR,CACI,CACF,CACF,CACR,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\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"]}
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 { 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/lib/internal/template/internal/components/abstract-switch/styles.css.js CHANGED Viewed

@@ -1,18 +1,18 @@
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_1wepg_1dhyn_93",
-  "description": "awsui_description_1wepg_1dhyn_94",
-  "label": "awsui_label_1wepg_1dhyn_95",
-  "outline": "awsui_outline_1wepg_1dhyn_99",
-  "show-outline": "awsui_show-outline_1wepg_1dhyn_102",
-  "native-input": "awsui_native-input_1wepg_1dhyn_106",
-  "wrapper": "awsui_wrapper_1wepg_1dhyn_110",
-  "label-wrapper": "awsui_label-wrapper_1wepg_1dhyn_117",
-  "empty-content": "awsui_empty-content_1wepg_1dhyn_129",
-  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_1dhyn_139",
-  "label-disabled": "awsui_label-disabled_1wepg_1dhyn_147",
-  "description-disabled": "awsui_description-disabled_1wepg_1dhyn_148",
-  "control": "awsui_control_1wepg_1dhyn_153"
+  "content": "awsui_content_1wepg_14wzx_93",
+  "description": "awsui_description_1wepg_14wzx_94",
+  "label": "awsui_label_1wepg_14wzx_95",
+  "outline": "awsui_outline_1wepg_14wzx_99",
+  "show-outline": "awsui_show-outline_1wepg_14wzx_102",
+  "native-input": "awsui_native-input_1wepg_14wzx_106",
+  "wrapper": "awsui_wrapper_1wepg_14wzx_110",
+  "label-wrapper": "awsui_label-wrapper_1wepg_14wzx_117",
+  "empty-content": "awsui_empty-content_1wepg_14wzx_129",
+  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_14wzx_139",
+  "label-disabled": "awsui_label-disabled_1wepg_14wzx_147",
+  "description-disabled": "awsui_description-disabled_1wepg_14wzx_148",
+  "control": "awsui_control_1wepg_14wzx_153"
 };

package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css CHANGED Viewed

@@ -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_1dhyn_93:not(#\9),
-.awsui_description_1wepg_1dhyn_94:not(#\9),
-.awsui_label_1wepg_1dhyn_95:not(#\9) {
+.awsui_content_1wepg_14wzx_93:not(#\9),
+.awsui_description_1wepg_14wzx_94:not(#\9),
+.awsui_label_1wepg_14wzx_95:not(#\9) {
   display: block;
 }
-.awsui_outline_1wepg_1dhyn_99:not(#\9) {
+.awsui_outline_1wepg_14wzx_99:not(#\9) {
   display: none;
 }
-.awsui_outline_1wepg_1dhyn_99.awsui_show-outline_1wepg_1dhyn_102:not(#\9) {
+.awsui_outline_1wepg_14wzx_99.awsui_show-outline_1wepg_14wzx_102:not(#\9) {
   display: block;
 }
-.awsui_native-input_1wepg_1dhyn_106[data-awsui-focus-visible=true]:not(#\9):focus + .awsui_outline_1wepg_1dhyn_99 {
+body[data-awsui-focus-visible=true] .awsui_native-input_1wepg_14wzx_106:not(#\9):focus + .awsui_outline_1wepg_14wzx_99 {
   display: block;
 }
-.awsui_wrapper_1wepg_1dhyn_110:not(#\9) {
+.awsui_wrapper_1wepg_14wzx_110:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   display: flex;
 }
-.awsui_label-wrapper_1wepg_1dhyn_117:not(#\9) {
+.awsui_label-wrapper_1wepg_14wzx_117:not(#\9) {
   position: relative;
   display: flex;
   cursor: default;
 }
-.awsui_content_1wepg_1dhyn_93:not(#\9) {
+.awsui_content_1wepg_14wzx_93:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
-.awsui_empty-content_1wepg_1dhyn_129:not(#\9) {
+.awsui_empty-content_1wepg_14wzx_129:not(#\9) {
   width: 0px;
 }
-.awsui_description_1wepg_1dhyn_94:not(#\9) {
+.awsui_description_1wepg_14wzx_94:not(#\9) {
   color: var(--color-text-form-secondary-1c3szk, #687078);
   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-p88gax, normal);
 }
-.awsui_description-bottom-padding_1wepg_1dhyn_139:not(#\9) {
+.awsui_description-bottom-padding_1wepg_14wzx_139:not(#\9) {
   padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
 }
-.awsui_label_1wepg_1dhyn_95:not(#\9),
-.awsui_description_1wepg_1dhyn_94:not(#\9) {
+.awsui_label_1wepg_14wzx_95:not(#\9),
+.awsui_description_1wepg_14wzx_94:not(#\9) {
   padding-left: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_label-disabled_1wepg_1dhyn_147:not(#\9),
-.awsui_description-disabled_1wepg_1dhyn_148:not(#\9) {
+.awsui_label-disabled_1wepg_14wzx_147:not(#\9),
+.awsui_description-disabled_1wepg_14wzx_148:not(#\9) {
   color: var(--color-text-control-disabled-l34dfo, #aab7b8);
 }
 /* stylelint-disable selector-max-type */
-.awsui_control_1wepg_1dhyn_153:not(#\9) {
+.awsui_control_1wepg_14wzx_153:not(#\9) {
   position: relative;
 }
-.awsui_control_1wepg_1dhyn_153 > input:not(#\9), .awsui_control_1wepg_1dhyn_153 > svg:not(#\9), .awsui_control_1wepg_1dhyn_153 > .awsui_outline_1wepg_1dhyn_99:not(#\9) {
+.awsui_control_1wepg_14wzx_153 > input:not(#\9), .awsui_control_1wepg_14wzx_153 > svg:not(#\9), .awsui_control_1wepg_14wzx_153 > .awsui_outline_1wepg_14wzx_99:not(#\9) {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
 }
-.awsui_control_1wepg_1dhyn_153 > input:not(#\9) {
+.awsui_control_1wepg_14wzx_153 > input:not(#\9) {
   opacity: 0;
   z-index: 1;
   -webkit-user-select: none;

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

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_1wepg_1dhyn_93",
-  "description": "awsui_description_1wepg_1dhyn_94",
-  "label": "awsui_label_1wepg_1dhyn_95",
-  "outline": "awsui_outline_1wepg_1dhyn_99",
-  "show-outline": "awsui_show-outline_1wepg_1dhyn_102",
-  "native-input": "awsui_native-input_1wepg_1dhyn_106",
-  "wrapper": "awsui_wrapper_1wepg_1dhyn_110",
-  "label-wrapper": "awsui_label-wrapper_1wepg_1dhyn_117",
-  "empty-content": "awsui_empty-content_1wepg_1dhyn_129",
-  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_1dhyn_139",
-  "label-disabled": "awsui_label-disabled_1wepg_1dhyn_147",
-  "description-disabled": "awsui_description-disabled_1wepg_1dhyn_148",
-  "control": "awsui_control_1wepg_1dhyn_153"
+  "content": "awsui_content_1wepg_14wzx_93",
+  "description": "awsui_description_1wepg_14wzx_94",
+  "label": "awsui_label_1wepg_14wzx_95",
+  "outline": "awsui_outline_1wepg_14wzx_99",
+  "show-outline": "awsui_show-outline_1wepg_14wzx_102",
+  "native-input": "awsui_native-input_1wepg_14wzx_106",
+  "wrapper": "awsui_wrapper_1wepg_14wzx_110",
+  "label-wrapper": "awsui_label-wrapper_1wepg_14wzx_117",
+  "empty-content": "awsui_empty-content_1wepg_14wzx_129",
+  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_14wzx_139",
+  "label-disabled": "awsui_label-disabled_1wepg_14wzx_147",
+  "description-disabled": "awsui_description-disabled_1wepg_14wzx_148",
+  "control": "awsui_control_1wepg_14wzx_153"
 };

package/lib/internal/template/internal/components/button-trigger/index.d.ts.map CHANGED Viewed

	@@ -1 +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"}
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;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"}