@cloudscape-design/components-themeable 3.0.1005 → 3.0.1007

package/lib/internal/template/internal/components/dropdown/styles.scoped.css

@@ -150,10 +150,10 @@ 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_dropdown-content-wrapper_qwoo0_lha3f_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_lha3f_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
+.awsui_dropdown-content-wrapper_qwoo0_lmmh6_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_lmmh6_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_lha3f_1 {
+@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_lmmh6_1 {
   from {
     opacity: 0.4;
   }
@@ -162,22 +162,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_lha3f_153:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_lmmh6_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_lha3f_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_lha3f_153:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_lmmh6_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_lmmh6_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_lha3f_153.awsui_refresh_qwoo0_lha3f_174:not(#\9) {
+.awsui_dropdown-content-wrapper_qwoo0_lmmh6_153.awsui_refresh_qwoo0_lmmh6_174:not(#\9) {
   transform-origin: top;
-  animation-name: awsui_awsui-motion-fade-in-0_qwoo0_lha3f_1;
+  animation-name: awsui_awsui-motion-fade-in-0_qwoo0_lmmh6_1;
   animation-duration: var(--motion-duration-show-quick-i2gulq, 135ms);
   animation-timing-function: var(--motion-easing-show-quick-xucy9w, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-0_qwoo0_lha3f_1 {
+@keyframes awsui_awsui-motion-fade-in-0_qwoo0_lmmh6_1 {
   from {
     opacity: 0;
   }
@@ -186,17 +186,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_lha3f_153.awsui_refresh_qwoo0_lha3f_174:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_lmmh6_153.awsui_refresh_qwoo0_lmmh6_174:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_lha3f_153.awsui_refresh_qwoo0_lha3f_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_lha3f_153.awsui_refresh_qwoo0_lha3f_174:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_lmmh6_153.awsui_refresh_qwoo0_lmmh6_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_lmmh6_153.awsui_refresh_qwoo0_lmmh6_174:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_qwoo0_lha3f_199:not(#\9) {
+.awsui_root_qwoo0_lmmh6_199:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -230,34 +230,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   white-space: inherit;
 }
-.awsui_root_qwoo0_lha3f_199.awsui_interior_qwoo0_lha3f_232:not(#\9) {
+.awsui_root_qwoo0_lmmh6_199.awsui_interior_qwoo0_lmmh6_232:not(#\9) {
   position: static;
 }
 
-.awsui_dropdown_qwoo0_lha3f_153:not(#\9) {
+.awsui_dropdown_qwoo0_lmmh6_153:not(#\9) {
   position: absolute;
   display: none;
   z-index: 2000;
   transform-origin: top;
 }
-.awsui_dropdown_qwoo0_lha3f_153.awsui_use-portal_qwoo0_lha3f_242:not(#\9) {
+.awsui_dropdown_qwoo0_lmmh6_153.awsui_use-portal_qwoo0_lmmh6_242:not(#\9) {
   z-index: 7000;
 }
-.awsui_dropdown_qwoo0_lha3f_153:not(#\9):not(.awsui_interior_qwoo0_lha3f_232) {
+.awsui_dropdown_qwoo0_lmmh6_153:not(#\9):not(.awsui_interior_qwoo0_lmmh6_232) {
   transform: translateY(0px);
   transition: transform var(--motion-duration-show-quick-i2gulq, 135ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown_qwoo0_lha3f_153:not(#\9):not(.awsui_interior_qwoo0_lha3f_232) {
+  .awsui_dropdown_qwoo0_lmmh6_153:not(#\9):not(.awsui_interior_qwoo0_lmmh6_232) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown_qwoo0_lha3f_153:not(#\9):not(.awsui_interior_qwoo0_lha3f_232), .awsui-mode-entering .awsui_dropdown_qwoo0_lha3f_153:not(#\9):not(.awsui_interior_qwoo0_lha3f_232) {
+.awsui-motion-disabled .awsui_dropdown_qwoo0_lmmh6_153:not(#\9):not(.awsui_interior_qwoo0_lmmh6_232), .awsui-mode-entering .awsui_dropdown_qwoo0_lmmh6_153:not(#\9):not(.awsui_interior_qwoo0_lmmh6_232) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_lha3f_153:not(#\9) {
+.awsui_dropdown-content-wrapper_qwoo0_lmmh6_153:not(#\9) {
   position: relative;
   background-color: var(--color-background-dropdown-item-default-fhmksr, #ffffff);
   outline: none;
@@ -269,7 +269,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
   box-sizing: border-box;
 }
-.awsui_dropdown-content-wrapper_qwoo0_lha3f_153:not(#\9)::after {
+.awsui_dropdown-content-wrapper_qwoo0_lmmh6_153:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -286,65 +286,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
   pointer-events: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_lha3f_153.awsui_is-empty_qwoo0_lha3f_288:not(#\9)::after {
+.awsui_dropdown-content-wrapper_qwoo0_lmmh6_153.awsui_is-empty_qwoo0_lmmh6_288:not(#\9)::after {
   display: none;
 }
-.awsui_dropdown_qwoo0_lha3f_153 > .awsui_dropdown-content-wrapper_qwoo0_lha3f_153:not(#\9) {
+.awsui_dropdown_qwoo0_lmmh6_153 > .awsui_dropdown-content-wrapper_qwoo0_lmmh6_153:not(#\9) {
   border-block-start: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
   border-block-end: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-dropdown-group-dg9zg5, #eaeded);
 }
-.awsui_dropdown-drop-up_qwoo0_lha3f_295 > .awsui_dropdown-content-wrapper_qwoo0_lha3f_153:not(#\9) {
+.awsui_dropdown-drop-up_qwoo0_lmmh6_295 > .awsui_dropdown-content-wrapper_qwoo0_lmmh6_153:not(#\9) {
   transform-origin: bottom;
   box-shadow: var(--shadow-dropup-44quix, 0 -1px 1px 0 rgba(0, 28, 36, 0.3), 1px -1px 1px 0 rgba(0, 28, 36, 0.15), -1px -1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_dropdown-drop-up_qwoo0_lha3f_295.awsui_with-limited-width_qwoo0_lha3f_299 > .awsui_dropdown-content-wrapper_qwoo0_lha3f_153:not(#\9) {
+.awsui_dropdown-drop-up_qwoo0_lmmh6_295.awsui_with-limited-width_qwoo0_lmmh6_299 > .awsui_dropdown-content-wrapper_qwoo0_lmmh6_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown-drop-left_qwoo0_lha3f_302:not(#\9) {
+.awsui_dropdown-drop-left_qwoo0_lmmh6_302:not(#\9) {
   inset-inline-end: 0;
 }
-.awsui_dropdown-drop-right_qwoo0_lha3f_305:not(#\9) {
+.awsui_dropdown-drop-right_qwoo0_lmmh6_305:not(#\9) {
   inset-inline-start: 0;
 }
-.awsui_dropdown_qwoo0_lha3f_153.awsui_occupy-entire-width_qwoo0_lha3f_308:not(#\9) {
+.awsui_dropdown_qwoo0_lmmh6_153.awsui_occupy-entire-width_qwoo0_lmmh6_308:not(#\9) {
   min-inline-size: 100%;
 }
-.awsui_dropdown_qwoo0_lha3f_153.awsui_stretch-beyond-trigger-width_qwoo0_lha3f_311:not(#\9) {
+.awsui_dropdown_qwoo0_lmmh6_153.awsui_stretch-beyond-trigger-width_qwoo0_lmmh6_311:not(#\9) {
   inline-size: max-content;
-  max-inline-size: var(--awsui-dropdown-default-max-width-xgujsu, 100%);
+  max-inline-size: var(--awsui-dropdown-default-max-width-kcc2gu, 100%);
 }
-.awsui_dropdown_qwoo0_lha3f_153.awsui_interior_qwoo0_lha3f_232 > .awsui_dropdown-content-wrapper_qwoo0_lha3f_153:not(#\9) {
+.awsui_dropdown_qwoo0_lmmh6_153.awsui_interior_qwoo0_lmmh6_232 > .awsui_dropdown-content-wrapper_qwoo0_lmmh6_153:not(#\9) {
   margin-block-start: -1px;
 }
-.awsui_dropdown_qwoo0_lha3f_153.awsui_hide-block-border_qwoo0_lha3f_318 > .awsui_dropdown-content-wrapper_qwoo0_lha3f_153:not(#\9) {
+.awsui_dropdown_qwoo0_lmmh6_153.awsui_hide-block-border_qwoo0_lmmh6_318 > .awsui_dropdown-content-wrapper_qwoo0_lmmh6_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown_qwoo0_lha3f_153.awsui_hide-block-border_qwoo0_lha3f_318:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_lha3f_295) > .awsui_dropdown-content-wrapper_qwoo0_lha3f_153 {
+.awsui_dropdown_qwoo0_lmmh6_153.awsui_hide-block-border_qwoo0_lmmh6_318:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_lmmh6_295) > .awsui_dropdown-content-wrapper_qwoo0_lmmh6_153 {
   border-block-end: none;
 }
-.awsui_dropdown_qwoo0_lha3f_153.awsui_hide-block-border_qwoo0_lha3f_318.awsui_refresh_qwoo0_lha3f_174 > .awsui_dropdown-content-wrapper_qwoo0_lha3f_153:not(#\9) {
+.awsui_dropdown_qwoo0_lmmh6_153.awsui_hide-block-border_qwoo0_lmmh6_318.awsui_refresh_qwoo0_lmmh6_174 > .awsui_dropdown-content-wrapper_qwoo0_lmmh6_153:not(#\9) {
   border-block-end: none;
 }
-.awsui_dropdown_qwoo0_lha3f_153.awsui_open_qwoo0_lha3f_327:not(#\9) {
+.awsui_dropdown_qwoo0_lmmh6_153.awsui_open_qwoo0_lmmh6_327:not(#\9) {
   display: block;
 }
-.awsui_dropdown_qwoo0_lha3f_153.awsui_open_qwoo0_lha3f_327:not(#\9):not(.awsui_interior_qwoo0_lha3f_232).awsui_refresh_qwoo0_lha3f_174[data-animating=true] {
+.awsui_dropdown_qwoo0_lmmh6_153.awsui_open_qwoo0_lmmh6_327:not(#\9):not(.awsui_interior_qwoo0_lmmh6_232).awsui_refresh_qwoo0_lmmh6_174[data-animating=true] {
   transform: translateY(4px);
 }
-.awsui_dropdown_qwoo0_lha3f_153.awsui_open_qwoo0_lha3f_327:not(#\9):not(.awsui_interior_qwoo0_lha3f_232).awsui_refresh_qwoo0_lha3f_174[data-animating=true].awsui_dropdown-drop-up_qwoo0_lha3f_295 {
+.awsui_dropdown_qwoo0_lmmh6_153.awsui_open_qwoo0_lmmh6_327:not(#\9):not(.awsui_interior_qwoo0_lmmh6_232).awsui_refresh_qwoo0_lmmh6_174[data-animating=true].awsui_dropdown-drop-up_qwoo0_lmmh6_295 {
   transform: translateY(-4px);
 }
-.awsui_dropdown_qwoo0_lha3f_153.awsui_open_qwoo0_lha3f_327.awsui_nowrap_qwoo0_lha3f_336:not(#\9) {
+.awsui_dropdown_qwoo0_lmmh6_153.awsui_open_qwoo0_lmmh6_327.awsui_nowrap_qwoo0_lmmh6_336:not(#\9) {
   white-space: nowrap;
   overflow: scroll;
 }
 
-.awsui_dropdown-content_qwoo0_lha3f_153:not(#\9) {
+.awsui_dropdown-content_qwoo0_lmmh6_153:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
 
-.awsui_stretch-trigger-height_qwoo0_lha3f_347:not(#\9) {
+.awsui_stretch-trigger-height_qwoo0_lmmh6_347:not(#\9) {
   block-size: 100%;
 }

package/lib/internal/template/internal/components/dropdown/styles.selectors.js

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_lha3f_153",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_lha3f_1",
-  "refresh": "awsui_refresh_qwoo0_lha3f_174",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_lha3f_1",
-  "root": "awsui_root_qwoo0_lha3f_199",
-  "interior": "awsui_interior_qwoo0_lha3f_232",
-  "dropdown": "awsui_dropdown_qwoo0_lha3f_153",
-  "use-portal": "awsui_use-portal_qwoo0_lha3f_242",
-  "is-empty": "awsui_is-empty_qwoo0_lha3f_288",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_lha3f_295",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_lha3f_299",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_lha3f_302",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_lha3f_305",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_lha3f_308",
-  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_lha3f_311",
-  "hide-block-border": "awsui_hide-block-border_qwoo0_lha3f_318",
-  "open": "awsui_open_qwoo0_lha3f_327",
-  "nowrap": "awsui_nowrap_qwoo0_lha3f_336",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_lha3f_153",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_lha3f_347"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_lmmh6_153",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_lmmh6_1",
+  "refresh": "awsui_refresh_qwoo0_lmmh6_174",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_lmmh6_1",
+  "root": "awsui_root_qwoo0_lmmh6_199",
+  "interior": "awsui_interior_qwoo0_lmmh6_232",
+  "dropdown": "awsui_dropdown_qwoo0_lmmh6_153",
+  "use-portal": "awsui_use-portal_qwoo0_lmmh6_242",
+  "is-empty": "awsui_is-empty_qwoo0_lmmh6_288",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_lmmh6_295",
+  "with-limited-width": "awsui_with-limited-width_qwoo0_lmmh6_299",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_lmmh6_302",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_lmmh6_305",
+  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_lmmh6_308",
+  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_lmmh6_311",
+  "hide-block-border": "awsui_hide-block-border_qwoo0_lmmh6_318",
+  "open": "awsui_open_qwoo0_lmmh6_327",
+  "nowrap": "awsui_nowrap_qwoo0_lmmh6_336",
+  "dropdown-content": "awsui_dropdown-content_qwoo0_lmmh6_153",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_lmmh6_347"
 };
   

package/lib/internal/template/internal/components/options-list/utils/use-highlight-option.d.ts

@@ -14,6 +14,7 @@ export interface HighlightedOptionState<OptionType> {
 }
 export interface HighlightedOptionHandlers<OptionType> {
     setHighlightedIndexWithMouse(index: number, moveFocus?: boolean): void;
+    highlightFirstOptionWithMouse(): void;
     moveHighlightWithKeyboard(direction: -1 | 1): void;
     highlightOptionWithKeyboard(option: OptionType): void;
     resetHighlightWithKeyboard(): void;

package/lib/internal/template/internal/components/options-list/utils/use-highlight-option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-highlight-option.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-highlight-option.ts"],"names":[],"mappings":"AAIA,qBAAa,aAAa;IAEf,IAAI,EAAE,UAAU,GAAG,OAAO;IAC1B,SAAS,EAAE,OAAO;gBADlB,IAAI,EAAE,UAAU,GAAG,OAAO,EAC1B,SAAS,GAAE,OAA6B;CAElD;AAED,UAAU,sBAAsB,CAAC,UAAU;IACzC,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,eAAe,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,CAAC;CAClD;AAED,MAAM,WAAW,sBAAsB,CAAC,UAAU;IAChD,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,UAAU,CAAC;CAChC;AAED,MAAM,WAAW,yBAAyB,CAAC,UAAU;IAEnD,4BAA4B,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAEvE,yBAAyB,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACnD,2BAA2B,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IACtD,0BAA0B,IAAI,IAAI,CAAC;IACnC,kBAAkB,IAAI,IAAI,CAAC;IAC3B,iBAAiB,IAAI,IAAI,CAAC;CAC3B;AAED,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,EAC/C,OAAO,EACP,eAAe,GAChB,EAAE,sBAAsB,CAAC,UAAU,CAAC,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC,CA8ClH"}
+{"version":3,"file":"use-highlight-option.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-highlight-option.ts"],"names":[],"mappings":"AAIA,qBAAa,aAAa;IAEf,IAAI,EAAE,UAAU,GAAG,OAAO;IAC1B,SAAS,EAAE,OAAO;gBADlB,IAAI,EAAE,UAAU,GAAG,OAAO,EAC1B,SAAS,GAAE,OAA6B;CAElD;AAED,UAAU,sBAAsB,CAAC,UAAU;IACzC,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,eAAe,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,CAAC;CAClD;AAED,MAAM,WAAW,sBAAsB,CAAC,UAAU;IAChD,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,UAAU,CAAC;CAChC;AAED,MAAM,WAAW,yBAAyB,CAAC,UAAU;IAEnD,4BAA4B,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACvE,6BAA6B,IAAI,IAAI,CAAC;IAEtC,yBAAyB,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACnD,2BAA2B,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IACtD,0BAA0B,IAAI,IAAI,CAAC;IACnC,kBAAkB,IAAI,IAAI,CAAC;IAC3B,iBAAiB,IAAI,IAAI,CAAC;CAC3B;AAED,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,EAC/C,OAAO,EACP,eAAe,GAChB,EAAE,sBAAsB,CAAC,UAAU,CAAC,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC,CA+ClH"}

package/lib/internal/template/internal/components/options-list/utils/use-highlight-option.js

@@ -34,6 +34,7 @@ export function useHighlightedOption({ options, isHighlightable, }) {
         { highlightType, highlightedIndex, highlightedOption },
         {
             setHighlightedIndexWithMouse: (index, moveFocus = false) => setHighlightedIndex(index, new HighlightType('mouse', moveFocus)),
+            highlightFirstOptionWithMouse: () => moveHighlightFrom(1, -1, new HighlightType('mouse', true)),
             moveHighlightWithKeyboard: (direction) => moveHighlight(direction, new HighlightType('keyboard')),
             highlightOptionWithKeyboard: (option) => highlightOption(option, new HighlightType('keyboard')),
             resetHighlightWithKeyboard: () => setHighlightedIndex(-1, new HighlightType('keyboard')),

package/lib/internal/template/internal/components/options-list/utils/use-highlight-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-highlight-option.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-highlight-option.ts"],"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 { useCallback, useState } from 'react';\n\nexport class HighlightType {\n  constructor(\n    public type: 'keyboard' | 'mouse',\n    public moveFocus: boolean = type === 'keyboard'\n  ) {}\n}\n\ninterface HighlightedOptionProps<OptionType> {\n  options: readonly OptionType[];\n  isHighlightable: (option: OptionType) => boolean;\n}\n\nexport interface HighlightedOptionState<OptionType> {\n  highlightType: HighlightType;\n  highlightedIndex: number;\n  highlightedOption?: OptionType;\n}\n\nexport interface HighlightedOptionHandlers<OptionType> {\n  // Mouse handlers\n  setHighlightedIndexWithMouse(index: number, moveFocus?: boolean): void;\n  // Keyboard handlers\n  moveHighlightWithKeyboard(direction: -1 | 1): void;\n  highlightOptionWithKeyboard(option: OptionType): void;\n  resetHighlightWithKeyboard(): void;\n  goHomeWithKeyboard(): void;\n  goEndWithKeyboard(): void;\n}\n\nexport function useHighlightedOption<OptionType>({\n  options,\n  isHighlightable,\n}: HighlightedOptionProps<OptionType>): [HighlightedOptionState<OptionType>, HighlightedOptionHandlers<OptionType>] {\n  const [highlightedIndex, setHighlightedIndexState] = useState(-1);\n  const [highlightType, setHighlightType] = useState<HighlightType>(new HighlightType('keyboard'));\n  const setHighlightedIndex = useCallback((index: number, newHighlightType: HighlightType) => {\n    setHighlightedIndexState(index);\n    setHighlightType(oldHighlight => (oldHighlight.type !== newHighlightType.type ? newHighlightType : oldHighlight));\n  }, []);\n\n  const highlightedOption =\n    options[highlightedIndex] && isHighlightable(options[highlightedIndex]) ? options[highlightedIndex] : undefined;\n\n  const moveHighlightFrom = (direction: -1 | 1, startIndex = highlightedIndex, highlightType: HighlightType) => {\n    const fromBottomEnd = startIndex === -1 && direction === -1;\n    let newIndex = fromBottomEnd ? options.length : startIndex;\n    do {\n      newIndex += direction;\n    } while (options[newIndex] && !isHighlightable(options[newIndex]));\n\n    if (options[newIndex]) {\n      setHighlightedIndex(newIndex, highlightType);\n    }\n  };\n\n  const moveHighlight = (direction: -1 | 1, highlightType: HighlightType) =>\n    moveHighlightFrom(direction, highlightedIndex, highlightType);\n\n  const highlightOption = useCallback(\n    (option: OptionType, highlightType: HighlightType) => {\n      const index = options.indexOf(option);\n      setHighlightedIndex(index, highlightType);\n    },\n    [options, setHighlightedIndex]\n  );\n\n  return [\n    { highlightType, highlightedIndex, highlightedOption },\n    {\n      setHighlightedIndexWithMouse: (index: number, moveFocus = false) =>\n        setHighlightedIndex(index, new HighlightType('mouse', moveFocus)),\n      moveHighlightWithKeyboard: (direction: -1 | 1) => moveHighlight(direction, new HighlightType('keyboard')),\n      highlightOptionWithKeyboard: (option: OptionType) => highlightOption(option, new HighlightType('keyboard')),\n      resetHighlightWithKeyboard: () => setHighlightedIndex(-1, new HighlightType('keyboard')),\n      goHomeWithKeyboard: () => moveHighlightFrom(1, -1, new HighlightType('keyboard')),\n      goEndWithKeyboard: () => moveHighlightFrom(-1, options.length, new HighlightType('keyboard')),\n    },\n  ];\n}\n"]}
+{"version":3,"file":"use-highlight-option.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-highlight-option.ts"],"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 { useCallback, useState } from 'react';\n\nexport class HighlightType {\n  constructor(\n    public type: 'keyboard' | 'mouse',\n    public moveFocus: boolean = type === 'keyboard'\n  ) {}\n}\n\ninterface HighlightedOptionProps<OptionType> {\n  options: readonly OptionType[];\n  isHighlightable: (option: OptionType) => boolean;\n}\n\nexport interface HighlightedOptionState<OptionType> {\n  highlightType: HighlightType;\n  highlightedIndex: number;\n  highlightedOption?: OptionType;\n}\n\nexport interface HighlightedOptionHandlers<OptionType> {\n  // Mouse handlers\n  setHighlightedIndexWithMouse(index: number, moveFocus?: boolean): void;\n  highlightFirstOptionWithMouse(): void;\n  // Keyboard handlers\n  moveHighlightWithKeyboard(direction: -1 | 1): void;\n  highlightOptionWithKeyboard(option: OptionType): void;\n  resetHighlightWithKeyboard(): void;\n  goHomeWithKeyboard(): void;\n  goEndWithKeyboard(): void;\n}\n\nexport function useHighlightedOption<OptionType>({\n  options,\n  isHighlightable,\n}: HighlightedOptionProps<OptionType>): [HighlightedOptionState<OptionType>, HighlightedOptionHandlers<OptionType>] {\n  const [highlightedIndex, setHighlightedIndexState] = useState(-1);\n  const [highlightType, setHighlightType] = useState<HighlightType>(new HighlightType('keyboard'));\n  const setHighlightedIndex = useCallback((index: number, newHighlightType: HighlightType) => {\n    setHighlightedIndexState(index);\n    setHighlightType(oldHighlight => (oldHighlight.type !== newHighlightType.type ? newHighlightType : oldHighlight));\n  }, []);\n\n  const highlightedOption =\n    options[highlightedIndex] && isHighlightable(options[highlightedIndex]) ? options[highlightedIndex] : undefined;\n\n  const moveHighlightFrom = (direction: -1 | 1, startIndex = highlightedIndex, highlightType: HighlightType) => {\n    const fromBottomEnd = startIndex === -1 && direction === -1;\n    let newIndex = fromBottomEnd ? options.length : startIndex;\n    do {\n      newIndex += direction;\n    } while (options[newIndex] && !isHighlightable(options[newIndex]));\n\n    if (options[newIndex]) {\n      setHighlightedIndex(newIndex, highlightType);\n    }\n  };\n\n  const moveHighlight = (direction: -1 | 1, highlightType: HighlightType) =>\n    moveHighlightFrom(direction, highlightedIndex, highlightType);\n\n  const highlightOption = useCallback(\n    (option: OptionType, highlightType: HighlightType) => {\n      const index = options.indexOf(option);\n      setHighlightedIndex(index, highlightType);\n    },\n    [options, setHighlightedIndex]\n  );\n\n  return [\n    { highlightType, highlightedIndex, highlightedOption },\n    {\n      setHighlightedIndexWithMouse: (index: number, moveFocus = false) =>\n        setHighlightedIndex(index, new HighlightType('mouse', moveFocus)),\n      highlightFirstOptionWithMouse: () => moveHighlightFrom(1, -1, new HighlightType('mouse', true)),\n      moveHighlightWithKeyboard: (direction: -1 | 1) => moveHighlight(direction, new HighlightType('keyboard')),\n      highlightOptionWithKeyboard: (option: OptionType) => highlightOption(option, new HighlightType('keyboard')),\n      resetHighlightWithKeyboard: () => setHighlightedIndex(-1, new HighlightType('keyboard')),\n      goHomeWithKeyboard: () => moveHighlightFrom(1, -1, new HighlightType('keyboard')),\n      goEndWithKeyboard: () => moveHighlightFrom(-1, options.length, new HighlightType('keyboard')),\n    },\n  ];\n}\n"]}

package/lib/internal/template/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (c615666e)";
+export var PACKAGE_VERSION = "3.0.0 (d6c04250)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (c615666e)",
+  "PACKAGE_VERSION": "3.0.0 (d6c04250)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts

@@ -1,63 +1,78 @@
 declare const customCSSPropertiesMap: {
-    maxContentWidth: string;
-    minContentWidth: string;
-    breadcrumbsGap: string;
-    contentGapLeft: string;
-    contentGapRight: string;
-    contentHeight: string;
-    contentLayoutDefaultHorizontalPadding: string;
-    contentLayoutMaxContentWidth: string;
-    contentLayoutMainGap: string;
-    defaultMaxContentWidth: string;
-    defaultMinContentWidth: string;
-    drawerSize: string;
-    footerHeight: string;
-    headerGap: string;
-    headerHeight: string;
-    layoutWidth: string;
-    mainGap: string;
-    mainOffsetLeft: string;
-    mainTemplateRows: string;
-    mobileBarHeight: string;
-    notificationsHeight: string;
-    offsetTop: string;
-    overlapHeight: string;
-    navigationWidth: string;
-    splitPanelReportedHeaderSize: string;
-    splitPanelReportedSize: string;
-    splitPanelHeight: string;
-    splitPanelMinWidth: string;
-    splitPanelMaxWidth: string;
-    toolsMaxWidth: string;
-    toolsWidth: string;
-    toolsAnimationStartingOpacity: string;
-    contentScrollMargin: string;
-    flashbarStackDepth: string;
-    flashbarStackIndex: string;
-    flashbarStickyBottomMargin: string;
-    stackedNotificationsBottomMargin: string;
-    stackedNotificationsDefaultBottomMargin: string;
-    dropdownDefaultMaxWidth: string;
-    spinnerRotatorFrom: string;
-    spinnerRotatorTo: string;
-    spinnerLineLeftFrom: string;
-    spinnerLineLeftTo: string;
-    spinnerLineRightFrom: string;
-    spinnerLineRightTo: string;
-    sliderLabelCount: string;
-    sliderTickCount: string;
-    sliderReferenceColumn: string;
-    sliderNextReferenceColumn: string;
-    sliderMaxStart: string;
-    sliderMinEnd: string;
-    sliderRangeInlineSize: string;
-    sliderTooltipPosition: string;
-    togglesLeftWidth: string;
-    togglesRightWidth: string;
-    promptInputMaxRows: string;
-    promptInputScrollHeight: string;
-    dragHandleAnimationInlineOffset: string;
-    dragHandleAnimationBlockOffset: string;
+  maxContentWidth: string;
+  minContentWidth: string;
+  breadcrumbsGap: string;
+  contentGapLeft: string;
+  contentGapRight: string;
+  contentHeight: string;
+  contentLayoutDefaultHorizontalPadding: string;
+  contentLayoutMaxContentWidth: string;
+  contentLayoutMainGap: string;
+  defaultMaxContentWidth: string;
+  defaultMinContentWidth: string;
+  drawerSize: string;
+  footerHeight: string;
+  headerGap: string;
+  headerHeight: string;
+  layoutWidth: string;
+  mainGap: string;
+  mainOffsetLeft: string;
+  mainTemplateRows: string;
+  mobileBarHeight: string;
+  notificationsHeight: string;
+  offsetTop: string;
+  overlapHeight: string;
+  navigationWidth: string;
+  splitPanelReportedHeaderSize: string;
+  splitPanelReportedSize: string;
+  splitPanelHeight: string;
+  splitPanelMinWidth: string;
+  splitPanelMaxWidth: string;
+  toolsMaxWidth: string;
+  toolsWidth: string;
+  toolsAnimationStartingOpacity: string;
+  contentScrollMargin: string;
+  flashbarStackDepth: string;
+  flashbarStackIndex: string;
+  flashbarStickyBottomMargin: string;
+  stackedNotificationsBottomMargin: string;
+  stackedNotificationsDefaultBottomMargin: string;
+  dropdownDefaultMaxWidth: string;
+  spinnerRotatorFrom: string;
+  spinnerRotatorTo: string;
+  spinnerLineLeftFrom: string;
+  spinnerLineLeftTo: string;
+  spinnerLineRightFrom: string;
+  spinnerLineRightTo: string;
+  sliderLabelCount: string;
+  sliderTickCount: string;
+  sliderReferenceColumn: string;
+  sliderNextReferenceColumn: string;
+  sliderMaxStart: string;
+  sliderMinEnd: string;
+  sliderRangeInlineSize: string;
+  sliderTooltipPosition: string;
+  togglesLeftWidth: string;
+  togglesRightWidth: string;
+  promptInputMaxRows: string;
+  promptInputScrollHeight: string;
+  dragHandleAnimationInlineOffset: string;
+  dragHandleAnimationBlockOffset: string;
+  styleBackgroundActive: string;
+  styleBackgroundDefault: string;
+  styleBackgroundDisabled: string;
+  styleBackgroundHover: string;
+  styleBorderColorActive: string;
+  styleBorderColorDefault: string;
+  styleBorderColorDisabled: string;
+  styleBorderColorHover: string;
+  styleColorActive: string;
+  styleColorDefault: string;
+  styleColorDisabled: string;
+  styleColorHover: string;
+  styleFocusRingBorderColor: string;
+  styleFocusRingBorderRadius: string;
+  styleFocusRingBorderWidth: string;
+  styleFocusRingBoxShadow: string;
 };
-export default customCSSPropertiesMap;
-//# sourceMappingURL=index.d.ts.map
+export default customCSSPropertiesMap;

package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4D3B,CAAC;AACF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4E3B,CAAC;AACF,eAAe,sBAAsB,CAAC"}

package/lib/internal/template/internal/generated/custom-css-properties/index.js

@@ -1,63 +1,79 @@
 const customCSSPropertiesMap = {
-    "maxContentWidth": "--awsui-max-content-width-xgujsu",
-    "minContentWidth": "--awsui-min-content-width-xgujsu",
-    "breadcrumbsGap": "--awsui-breadcrumbs-gap-xgujsu",
-    "contentGapLeft": "--awsui-content-gap-left-xgujsu",
-    "contentGapRight": "--awsui-content-gap-right-xgujsu",
-    "contentHeight": "--awsui-content-height-xgujsu",
-    "contentLayoutDefaultHorizontalPadding": "--awsui-content-layout-default-horizontal-padding-xgujsu",
-    "contentLayoutMaxContentWidth": "--awsui-content-layout-max-content-width-xgujsu",
-    "contentLayoutMainGap": "--awsui-content-layout-main-gap-xgujsu",
-    "defaultMaxContentWidth": "--awsui-default-max-content-width-xgujsu",
-    "defaultMinContentWidth": "--awsui-default-min-content-width-xgujsu",
-    "drawerSize": "--awsui-drawer-size-xgujsu",
-    "footerHeight": "--awsui-footer-height-xgujsu",
-    "headerGap": "--awsui-header-gap-xgujsu",
-    "headerHeight": "--awsui-header-height-xgujsu",
-    "layoutWidth": "--awsui-layout-width-xgujsu",
-    "mainGap": "--awsui-main-gap-xgujsu",
-    "mainOffsetLeft": "--awsui-main-offset-left-xgujsu",
-    "mainTemplateRows": "--awsui-main-template-rows-xgujsu",
-    "mobileBarHeight": "--awsui-mobile-bar-height-xgujsu",
-    "notificationsHeight": "--awsui-notifications-height-xgujsu",
-    "offsetTop": "--awsui-offset-top-xgujsu",
-    "overlapHeight": "--awsui-overlap-height-xgujsu",
-    "navigationWidth": "--awsui-navigation-width-xgujsu",
-    "splitPanelReportedHeaderSize": "--awsui-split-panel-reported-header-size-xgujsu",
-    "splitPanelReportedSize": "--awsui-split-panel-reported-size-xgujsu",
-    "splitPanelHeight": "--awsui-split-panel-height-xgujsu",
-    "splitPanelMinWidth": "--awsui-split-panel-min-width-xgujsu",
-    "splitPanelMaxWidth": "--awsui-split-panel-max-width-xgujsu",
-    "toolsMaxWidth": "--awsui-tools-max-width-xgujsu",
-    "toolsWidth": "--awsui-tools-width-xgujsu",
-    "toolsAnimationStartingOpacity": "--awsui-tools-animation-starting-opacity-xgujsu",
-    "contentScrollMargin": "--awsui-content-scroll-margin-xgujsu",
-    "flashbarStackDepth": "--awsui-flashbar-stack-depth-xgujsu",
-    "flashbarStackIndex": "--awsui-flashbar-stack-index-xgujsu",
-    "flashbarStickyBottomMargin": "--awsui-flashbar-sticky-bottom-margin-xgujsu",
-    "stackedNotificationsBottomMargin": "--awsui-stacked-notifications-bottom-margin-xgujsu",
-    "stackedNotificationsDefaultBottomMargin": "--awsui-stacked-notifications-default-bottom-margin-xgujsu",
-    "dropdownDefaultMaxWidth": "--awsui-dropdown-default-max-width-xgujsu",
-    "spinnerRotatorFrom": "--awsui-spinner-rotator-from-xgujsu",
-    "spinnerRotatorTo": "--awsui-spinner-rotator-to-xgujsu",
-    "spinnerLineLeftFrom": "--awsui-spinner-line-left-from-xgujsu",
-    "spinnerLineLeftTo": "--awsui-spinner-line-left-to-xgujsu",
-    "spinnerLineRightFrom": "--awsui-spinner-line-right-from-xgujsu",
-    "spinnerLineRightTo": "--awsui-spinner-line-right-to-xgujsu",
-    "sliderLabelCount": "--awsui-slider-label-count-xgujsu",
-    "sliderTickCount": "--awsui-slider-tick-count-xgujsu",
-    "sliderReferenceColumn": "--awsui-slider-reference-column-xgujsu",
-    "sliderNextReferenceColumn": "--awsui-slider-next-reference-column-xgujsu",
-    "sliderMaxStart": "--awsui-slider-max-start-xgujsu",
-    "sliderMinEnd": "--awsui-slider-min-end-xgujsu",
-    "sliderRangeInlineSize": "--awsui-slider-range-inline-size-xgujsu",
-    "sliderTooltipPosition": "--awsui-slider-tooltip-position-xgujsu",
-    "togglesLeftWidth": "--awsui-toggles-left-width-xgujsu",
-    "togglesRightWidth": "--awsui-toggles-right-width-xgujsu",
-    "promptInputMaxRows": "--awsui-prompt-input-max-rows-xgujsu",
-    "promptInputScrollHeight": "--awsui-prompt-input-scroll-height-xgujsu",
-    "dragHandleAnimationInlineOffset": "--awsui-drag-handle-animation-inline-offset-xgujsu",
-    "dragHandleAnimationBlockOffset": "--awsui-drag-handle-animation-block-offset-xgujsu",
+    "maxContentWidth": "--awsui-max-content-width-kcc2gu",
+    "minContentWidth": "--awsui-min-content-width-kcc2gu",
+    "breadcrumbsGap": "--awsui-breadcrumbs-gap-kcc2gu",
+    "contentGapLeft": "--awsui-content-gap-left-kcc2gu",
+    "contentGapRight": "--awsui-content-gap-right-kcc2gu",
+    "contentHeight": "--awsui-content-height-kcc2gu",
+    "contentLayoutDefaultHorizontalPadding": "--awsui-content-layout-default-horizontal-padding-kcc2gu",
+    "contentLayoutMaxContentWidth": "--awsui-content-layout-max-content-width-kcc2gu",
+    "contentLayoutMainGap": "--awsui-content-layout-main-gap-kcc2gu",
+    "defaultMaxContentWidth": "--awsui-default-max-content-width-kcc2gu",
+    "defaultMinContentWidth": "--awsui-default-min-content-width-kcc2gu",
+    "drawerSize": "--awsui-drawer-size-kcc2gu",
+    "footerHeight": "--awsui-footer-height-kcc2gu",
+    "headerGap": "--awsui-header-gap-kcc2gu",
+    "headerHeight": "--awsui-header-height-kcc2gu",
+    "layoutWidth": "--awsui-layout-width-kcc2gu",
+    "mainGap": "--awsui-main-gap-kcc2gu",
+    "mainOffsetLeft": "--awsui-main-offset-left-kcc2gu",
+    "mainTemplateRows": "--awsui-main-template-rows-kcc2gu",
+    "mobileBarHeight": "--awsui-mobile-bar-height-kcc2gu",
+    "notificationsHeight": "--awsui-notifications-height-kcc2gu",
+    "offsetTop": "--awsui-offset-top-kcc2gu",
+    "overlapHeight": "--awsui-overlap-height-kcc2gu",
+    "navigationWidth": "--awsui-navigation-width-kcc2gu",
+    "splitPanelReportedHeaderSize": "--awsui-split-panel-reported-header-size-kcc2gu",
+    "splitPanelReportedSize": "--awsui-split-panel-reported-size-kcc2gu",
+    "splitPanelHeight": "--awsui-split-panel-height-kcc2gu",
+    "splitPanelMinWidth": "--awsui-split-panel-min-width-kcc2gu",
+    "splitPanelMaxWidth": "--awsui-split-panel-max-width-kcc2gu",
+    "toolsMaxWidth": "--awsui-tools-max-width-kcc2gu",
+    "toolsWidth": "--awsui-tools-width-kcc2gu",
+    "toolsAnimationStartingOpacity": "--awsui-tools-animation-starting-opacity-kcc2gu",
+    "contentScrollMargin": "--awsui-content-scroll-margin-kcc2gu",
+    "flashbarStackDepth": "--awsui-flashbar-stack-depth-kcc2gu",
+    "flashbarStackIndex": "--awsui-flashbar-stack-index-kcc2gu",
+    "flashbarStickyBottomMargin": "--awsui-flashbar-sticky-bottom-margin-kcc2gu",
+    "stackedNotificationsBottomMargin": "--awsui-stacked-notifications-bottom-margin-kcc2gu",
+    "stackedNotificationsDefaultBottomMargin": "--awsui-stacked-notifications-default-bottom-margin-kcc2gu",
+    "dropdownDefaultMaxWidth": "--awsui-dropdown-default-max-width-kcc2gu",
+    "spinnerRotatorFrom": "--awsui-spinner-rotator-from-kcc2gu",
+    "spinnerRotatorTo": "--awsui-spinner-rotator-to-kcc2gu",
+    "spinnerLineLeftFrom": "--awsui-spinner-line-left-from-kcc2gu",
+    "spinnerLineLeftTo": "--awsui-spinner-line-left-to-kcc2gu",
+    "spinnerLineRightFrom": "--awsui-spinner-line-right-from-kcc2gu",
+    "spinnerLineRightTo": "--awsui-spinner-line-right-to-kcc2gu",
+    "sliderLabelCount": "--awsui-slider-label-count-kcc2gu",
+    "sliderTickCount": "--awsui-slider-tick-count-kcc2gu",
+    "sliderReferenceColumn": "--awsui-slider-reference-column-kcc2gu",
+    "sliderNextReferenceColumn": "--awsui-slider-next-reference-column-kcc2gu",
+    "sliderMaxStart": "--awsui-slider-max-start-kcc2gu",
+    "sliderMinEnd": "--awsui-slider-min-end-kcc2gu",
+    "sliderRangeInlineSize": "--awsui-slider-range-inline-size-kcc2gu",
+    "sliderTooltipPosition": "--awsui-slider-tooltip-position-kcc2gu",
+    "togglesLeftWidth": "--awsui-toggles-left-width-kcc2gu",
+    "togglesRightWidth": "--awsui-toggles-right-width-kcc2gu",
+    "promptInputMaxRows": "--awsui-prompt-input-max-rows-kcc2gu",
+    "promptInputScrollHeight": "--awsui-prompt-input-scroll-height-kcc2gu",
+    "dragHandleAnimationInlineOffset": "--awsui-drag-handle-animation-inline-offset-kcc2gu",
+    "dragHandleAnimationBlockOffset": "--awsui-drag-handle-animation-block-offset-kcc2gu",
+    "styleBackgroundActive": "--awsui-style-background-active-kcc2gu",
+    "styleBackgroundDefault": "--awsui-style-background-default-kcc2gu",
+    "styleBackgroundDisabled": "--awsui-style-background-disabled-kcc2gu",
+    "styleBackgroundHover": "--awsui-style-background-hover-kcc2gu",
+    "styleBorderColorActive": "--awsui-style-border-color-active-kcc2gu",
+    "styleBorderColorDefault": "--awsui-style-border-color-default-kcc2gu",
+    "styleBorderColorDisabled": "--awsui-style-border-color-disabled-kcc2gu",
+    "styleBorderColorHover": "--awsui-style-border-color-hover-kcc2gu",
+    "styleColorActive": "--awsui-style-color-active-kcc2gu",
+    "styleColorDefault": "--awsui-style-color-default-kcc2gu",
+    "styleColorDisabled": "--awsui-style-color-disabled-kcc2gu",
+    "styleColorHover": "--awsui-style-color-hover-kcc2gu",
+    "styleFocusRingBorderColor": "--awsui-style-focus-ring-border-color-kcc2gu",
+    "styleFocusRingBorderRadius": "--awsui-style-focus-ring-border-radius-kcc2gu",
+    "styleFocusRingBorderWidth": "--awsui-style-focus-ring-border-width-kcc2gu",
+    "styleFocusRingBoxShadow": "--awsui-style-focus-ring-box-shadow-kcc2gu",
 };
 export default customCSSPropertiesMap;
 //# sourceMappingURL=index.js.map