@cloudscape-design/components 3.0.630 → 3.0.632

package/form-field/styles.css.js

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_kp9ld_103",
-  "warning-icon-shake-wrapper": "awsui_warning-icon-shake-wrapper_14mhv_kp9ld_104",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_kp9ld_1",
-  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_kp9ld_134",
-  "warning-icon-scale-wrapper": "awsui_warning-icon-scale-wrapper_14mhv_kp9ld_135",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_kp9ld_1",
-  "warning": "awsui_warning_14mhv_kp9ld_104",
-  "error": "awsui_error_14mhv_kp9ld_103",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_kp9ld_1",
-  "root": "awsui_root_14mhv_kp9ld_186",
-  "label": "awsui_label_14mhv_kp9ld_222",
-  "info": "awsui_info_14mhv_kp9ld_236",
-  "description": "awsui_description_14mhv_kp9ld_241",
-  "constraint": "awsui_constraint_14mhv_kp9ld_242",
-  "hints": "awsui_hints_14mhv_kp9ld_249",
-  "constraint-has-validation-text": "awsui_constraint-has-validation-text_14mhv_kp9ld_250",
-  "secondary-control": "awsui_secondary-control_14mhv_kp9ld_254",
-  "controls": "awsui_controls_14mhv_kp9ld_258",
-  "label-hidden": "awsui_label-hidden_14mhv_kp9ld_258",
-  "control": "awsui_control_14mhv_kp9ld_258",
-  "error__message": "awsui_error__message_14mhv_kp9ld_285",
-  "warning__message": "awsui_warning__message_14mhv_kp9ld_286",
-  "visually-hidden": "awsui_visually-hidden_14mhv_kp9ld_290"
+  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_3golc_103",
+  "warning-icon-shake-wrapper": "awsui_warning-icon-shake-wrapper_14mhv_3golc_104",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_3golc_1",
+  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_3golc_134",
+  "warning-icon-scale-wrapper": "awsui_warning-icon-scale-wrapper_14mhv_3golc_135",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_3golc_1",
+  "warning": "awsui_warning_14mhv_3golc_104",
+  "error": "awsui_error_14mhv_3golc_103",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_3golc_1",
+  "root": "awsui_root_14mhv_3golc_186",
+  "label": "awsui_label_14mhv_3golc_222",
+  "info": "awsui_info_14mhv_3golc_236",
+  "description": "awsui_description_14mhv_3golc_242",
+  "constraint": "awsui_constraint_14mhv_3golc_243",
+  "hints": "awsui_hints_14mhv_3golc_250",
+  "constraint-has-validation-text": "awsui_constraint-has-validation-text_14mhv_3golc_251",
+  "secondary-control": "awsui_secondary-control_14mhv_3golc_255",
+  "controls": "awsui_controls_14mhv_3golc_259",
+  "label-hidden": "awsui_label-hidden_14mhv_3golc_259",
+  "control": "awsui_control_14mhv_3golc_259",
+  "error__message": "awsui_error__message_14mhv_3golc_286",
+  "warning__message": "awsui_warning__message_14mhv_3golc_287",
+  "visually-hidden": "awsui_visually-hidden_14mhv_3golc_291"
 };
   

package/form-field/styles.scoped.css

@@ -100,11 +100,11 @@ 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_error-icon-shake-wrapper_14mhv_kp9ld_103:not(#\9),
-.awsui_warning-icon-shake-wrapper_14mhv_kp9ld_104:not(#\9) {
-  animation: awsui_awsui-motion-shake-horizontally_14mhv_kp9ld_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms);
+.awsui_error-icon-shake-wrapper_14mhv_3golc_103:not(#\9),
+.awsui_warning-icon-shake-wrapper_14mhv_3golc_104:not(#\9) {
+  animation: awsui_awsui-motion-shake-horizontally_14mhv_3golc_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
-@keyframes awsui_awsui-motion-shake-horizontally_14mhv_kp9ld_1 {
+@keyframes awsui_awsui-motion-shake-horizontally_14mhv_3golc_1 {
   0% {
     transform: translateX(-5px);
     animation-timing-function: linear;
@@ -118,22 +118,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_error-icon-shake-wrapper_14mhv_kp9ld_103:not(#\9),
-  .awsui_warning-icon-shake-wrapper_14mhv_kp9ld_104:not(#\9) {
+  .awsui_error-icon-shake-wrapper_14mhv_3golc_103:not(#\9),
+  .awsui_warning-icon-shake-wrapper_14mhv_3golc_104:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error-icon-shake-wrapper_14mhv_kp9ld_103:not(#\9), .awsui-mode-entering .awsui_error-icon-shake-wrapper_14mhv_kp9ld_103:not(#\9), .awsui-motion-disabled .awsui_warning-icon-shake-wrapper_14mhv_kp9ld_104:not(#\9), .awsui-mode-entering .awsui_warning-icon-shake-wrapper_14mhv_kp9ld_104:not(#\9) {
+.awsui-motion-disabled .awsui_error-icon-shake-wrapper_14mhv_3golc_103:not(#\9), .awsui-mode-entering .awsui_error-icon-shake-wrapper_14mhv_3golc_103:not(#\9), .awsui-motion-disabled .awsui_warning-icon-shake-wrapper_14mhv_3golc_104:not(#\9), .awsui-mode-entering .awsui_warning-icon-shake-wrapper_14mhv_3golc_104:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_error-icon-scale-wrapper_14mhv_kp9ld_134:not(#\9),
-.awsui_warning-icon-scale-wrapper_14mhv_kp9ld_135:not(#\9) {
-  animation: awsui_awsui-motion-scale-popup_14mhv_kp9ld_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
+.awsui_error-icon-scale-wrapper_14mhv_3golc_134:not(#\9),
+.awsui_warning-icon-scale-wrapper_14mhv_3golc_135:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_14mhv_3golc_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-scale-popup_14mhv_kp9ld_1 {
+@keyframes awsui_awsui-motion-scale-popup_14mhv_3golc_1 {
   0% {
     transform: scale(0.95);
   }
@@ -142,22 +142,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_error-icon-scale-wrapper_14mhv_kp9ld_134:not(#\9),
-  .awsui_warning-icon-scale-wrapper_14mhv_kp9ld_135:not(#\9) {
+  .awsui_error-icon-scale-wrapper_14mhv_3golc_134:not(#\9),
+  .awsui_warning-icon-scale-wrapper_14mhv_3golc_135:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error-icon-scale-wrapper_14mhv_kp9ld_134:not(#\9), .awsui-mode-entering .awsui_error-icon-scale-wrapper_14mhv_kp9ld_134:not(#\9), .awsui-motion-disabled .awsui_warning-icon-scale-wrapper_14mhv_kp9ld_135:not(#\9), .awsui-mode-entering .awsui_warning-icon-scale-wrapper_14mhv_kp9ld_135:not(#\9) {
+.awsui-motion-disabled .awsui_error-icon-scale-wrapper_14mhv_3golc_134:not(#\9), .awsui-mode-entering .awsui_error-icon-scale-wrapper_14mhv_3golc_134:not(#\9), .awsui-motion-disabled .awsui_warning-icon-scale-wrapper_14mhv_3golc_135:not(#\9), .awsui-mode-entering .awsui_warning-icon-scale-wrapper_14mhv_3golc_135:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_warning_14mhv_kp9ld_104:not(#\9),
-.awsui_error_14mhv_kp9ld_103:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_14mhv_kp9ld_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
+.awsui_warning_14mhv_3golc_104:not(#\9),
+.awsui_error_14mhv_3golc_103:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_14mhv_3golc_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in-0_14mhv_kp9ld_1 {
+@keyframes awsui_awsui-motion-fade-in-0_14mhv_3golc_1 {
   from {
     opacity: 0;
   }
@@ -166,18 +166,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_warning_14mhv_kp9ld_104:not(#\9),
-  .awsui_error_14mhv_kp9ld_103:not(#\9) {
+  .awsui_warning_14mhv_3golc_104:not(#\9),
+  .awsui_error_14mhv_3golc_103:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_warning_14mhv_kp9ld_104:not(#\9), .awsui-mode-entering .awsui_warning_14mhv_kp9ld_104:not(#\9), .awsui-motion-disabled .awsui_error_14mhv_kp9ld_103:not(#\9), .awsui-mode-entering .awsui_error_14mhv_kp9ld_103:not(#\9) {
+.awsui-motion-disabled .awsui_warning_14mhv_3golc_104:not(#\9), .awsui-mode-entering .awsui_warning_14mhv_3golc_104:not(#\9), .awsui-motion-disabled .awsui_error_14mhv_3golc_103:not(#\9), .awsui-mode-entering .awsui_error_14mhv_3golc_103:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_14mhv_kp9ld_186:not(#\9) {
+.awsui_root_14mhv_3golc_186:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -214,7 +214,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
 }
 
-.awsui_label_14mhv_kp9ld_222:not(#\9) {
+.awsui_label_14mhv_3golc_222:not(#\9) {
   box-sizing: border-box;
   color: var(--color-text-form-label-ktbzsd, #000716);
   display: inline;
@@ -223,43 +223,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: var(--font-display-label-weight-815ja9, 700);
   margin-inline-end: var(--space-xs-zb16t3, 8px);
 }
-.awsui_label_14mhv_kp9ld_222:not(#\9):only-child {
+.awsui_label_14mhv_3golc_222:not(#\9):only-child {
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_info_14mhv_kp9ld_236:not(#\9) {
+.awsui_info_14mhv_3golc_236:not(#\9) {
+  display: inline-flex;
   padding-inline-start: var(--space-xs-zb16t3, 8px);
   border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
 }
 
-.awsui_description_14mhv_kp9ld_241:not(#\9),
-.awsui_constraint_14mhv_kp9ld_242:not(#\9) {
+.awsui_description_14mhv_3golc_242:not(#\9),
+.awsui_constraint_14mhv_3golc_243:not(#\9) {
   color: var(--color-text-form-secondary-dxc248, #5f6b7a);
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
 }
 
-.awsui_hints_14mhv_kp9ld_249:not(#\9),
-.awsui_constraint-has-validation-text_14mhv_kp9ld_250:not(#\9) {
+.awsui_hints_14mhv_3golc_250:not(#\9),
+.awsui_constraint-has-validation-text_14mhv_3golc_251:not(#\9) {
   padding-block-start: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_secondary-control_14mhv_kp9ld_254:not(#\9) {
+.awsui_secondary-control_14mhv_3golc_255:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_controls_14mhv_kp9ld_258:not(#\9):not(.awsui_label-hidden_14mhv_kp9ld_258) {
+.awsui_controls_14mhv_3golc_259:not(#\9):not(.awsui_label-hidden_14mhv_3golc_259) {
   padding-block-start: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_control_14mhv_kp9ld_258:not(#\9) {
+.awsui_control_14mhv_3golc_259:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_error_14mhv_kp9ld_103:not(#\9) {
+.awsui_error_14mhv_3golc_103:not(#\9) {
   color: var(--color-text-status-error-wdvepn, #d91515);
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
@@ -268,7 +269,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: flex-start;
 }
 
-.awsui_warning_14mhv_kp9ld_104:not(#\9) {
+.awsui_warning_14mhv_3golc_104:not(#\9) {
   color: var(--color-text-status-warning-yik8vi, #8d6605);
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
@@ -277,12 +278,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: flex-start;
 }
 
-.awsui_error__message_14mhv_kp9ld_285:not(#\9),
-.awsui_warning__message_14mhv_kp9ld_286:not(#\9) {
+.awsui_error__message_14mhv_3golc_286:not(#\9),
+.awsui_warning__message_14mhv_3golc_287:not(#\9) {
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_visually-hidden_14mhv_kp9ld_290:not(#\9) {
+.awsui_visually-hidden_14mhv_3golc_291:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;

package/form-field/styles.selectors.js

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_kp9ld_103",
-  "warning-icon-shake-wrapper": "awsui_warning-icon-shake-wrapper_14mhv_kp9ld_104",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_kp9ld_1",
-  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_kp9ld_134",
-  "warning-icon-scale-wrapper": "awsui_warning-icon-scale-wrapper_14mhv_kp9ld_135",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_kp9ld_1",
-  "warning": "awsui_warning_14mhv_kp9ld_104",
-  "error": "awsui_error_14mhv_kp9ld_103",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_kp9ld_1",
-  "root": "awsui_root_14mhv_kp9ld_186",
-  "label": "awsui_label_14mhv_kp9ld_222",
-  "info": "awsui_info_14mhv_kp9ld_236",
-  "description": "awsui_description_14mhv_kp9ld_241",
-  "constraint": "awsui_constraint_14mhv_kp9ld_242",
-  "hints": "awsui_hints_14mhv_kp9ld_249",
-  "constraint-has-validation-text": "awsui_constraint-has-validation-text_14mhv_kp9ld_250",
-  "secondary-control": "awsui_secondary-control_14mhv_kp9ld_254",
-  "controls": "awsui_controls_14mhv_kp9ld_258",
-  "label-hidden": "awsui_label-hidden_14mhv_kp9ld_258",
-  "control": "awsui_control_14mhv_kp9ld_258",
-  "error__message": "awsui_error__message_14mhv_kp9ld_285",
-  "warning__message": "awsui_warning__message_14mhv_kp9ld_286",
-  "visually-hidden": "awsui_visually-hidden_14mhv_kp9ld_290"
+  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_3golc_103",
+  "warning-icon-shake-wrapper": "awsui_warning-icon-shake-wrapper_14mhv_3golc_104",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_3golc_1",
+  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_3golc_134",
+  "warning-icon-scale-wrapper": "awsui_warning-icon-scale-wrapper_14mhv_3golc_135",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_3golc_1",
+  "warning": "awsui_warning_14mhv_3golc_104",
+  "error": "awsui_error_14mhv_3golc_103",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_3golc_1",
+  "root": "awsui_root_14mhv_3golc_186",
+  "label": "awsui_label_14mhv_3golc_222",
+  "info": "awsui_info_14mhv_3golc_236",
+  "description": "awsui_description_14mhv_3golc_242",
+  "constraint": "awsui_constraint_14mhv_3golc_243",
+  "hints": "awsui_hints_14mhv_3golc_250",
+  "constraint-has-validation-text": "awsui_constraint-has-validation-text_14mhv_3golc_251",
+  "secondary-control": "awsui_secondary-control_14mhv_3golc_255",
+  "controls": "awsui_controls_14mhv_3golc_259",
+  "label-hidden": "awsui_label-hidden_14mhv_3golc_259",
+  "control": "awsui_control_14mhv_3golc_259",
+  "error__message": "awsui_error__message_14mhv_3golc_286",
+  "warning__message": "awsui_warning__message_14mhv_3golc_287",
+  "visually-hidden": "awsui_visually-hidden_14mhv_3golc_291"
 };
   

package/help-panel/implementation.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { HelpPanelProps } from './interfaces';
+export type HelpPanelInternalProps = HelpPanelProps & InternalBaseComponentProps;
+export declare function HelpPanelImplementation({ header, footer, children, loading, loadingText, __internalRootRef, ...restProps }: HelpPanelInternalProps): JSX.Element;
+export declare const createWidgetizedHelpPanel: (Loader?: typeof HelpPanelImplementation | undefined) => typeof HelpPanelImplementation;
+//# sourceMappingURL=implementation.d.ts.map

package/help-panel/implementation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/help-panel/implementation.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAM9C,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG,0BAA0B,CAAC;AAEjF,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,sBAAsB,eAsBxB;AAED,eAAO,MAAM,yBAAyB,yFAAqD,CAAC"}

package/help-panel/implementation.js

@@ -0,0 +1,27 @@
+import { __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+import React from 'react';
+import { getBaseProps } from '../internal/base-component';
+import InternalStatusIndicator from '../status-indicator/internal';
+import styles from './styles.css.js';
+import LiveRegion from '../internal/components/live-region';
+import { useInternalI18n } from '../i18n/context';
+import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
+import { createWidgetizedComponent } from '../internal/widgets';
+export function HelpPanelImplementation(_a) {
+    var { header, footer, children, loading, loadingText, __internalRootRef } = _a, restProps = __rest(_a, ["header", "footer", "children", "loading", "loadingText", "__internalRootRef"]);
+    const baseProps = getBaseProps(restProps);
+    const i18n = useInternalI18n('help-panel');
+    const containerProps = Object.assign(Object.assign({}, baseProps), { className: clsx(baseProps.className, styles['help-panel']) });
+    return loading ? (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
+        React.createElement(InternalStatusIndicator, { type: "loading" },
+            React.createElement(LiveRegion, { visible: true }, i18n('loadingText', loadingText))))) : (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
+        header && React.createElement("div", { className: clsx(styles.header) }, header),
+        React.createElement(LinkDefaultVariantContext.Provider, { value: { defaultVariant: 'primary' } },
+            React.createElement("div", { className: clsx(styles.content) }, children)),
+        footer && React.createElement("div", { className: styles.footer }, footer)));
+}
+export const createWidgetizedHelpPanel = createWidgetizedComponent(HelpPanelImplementation);
+//# sourceMappingURL=implementation.js.map

package/help-panel/implementation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/help-panel/implementation.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAIhE,MAAM,UAAU,uBAAuB,CAAC,EAQf;QARe,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,OAEM,EADpB,SAAS,cAP0B,+EAQvC,CADa;IAEZ,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,cAAc,mCACf,SAAS,KACZ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,GAC3D,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC7C,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;YACrC,oBAAC,UAAU,IAAC,OAAO,EAAE,IAAI,IAAG,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAAc,CAClD,CACtB,CACP,CAAC,CAAC,CAAC,CACF,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC5C,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAG,MAAM,CAAO;QAC9D,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE;YACtE,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAG,QAAQ,CAAO,CACnB;QACpC,MAAM,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CACpD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,yBAAyB,CAAC,uBAAuB,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport styles from './styles.css.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { HelpPanelProps } from './interfaces';\nimport LiveRegion from '../internal/components/live-region';\nimport { useInternalI18n } from '../i18n/context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { createWidgetizedComponent } from '../internal/widgets';\n\nexport type HelpPanelInternalProps = HelpPanelProps & InternalBaseComponentProps;\n\nexport function HelpPanelImplementation({\n  header,\n  footer,\n  children,\n  loading,\n  loadingText,\n  __internalRootRef,\n  ...restProps\n}: HelpPanelInternalProps) {\n  const baseProps = getBaseProps(restProps);\n  const i18n = useInternalI18n('help-panel');\n  const containerProps = {\n    ...baseProps,\n    className: clsx(baseProps.className, styles['help-panel']),\n  };\n  return loading ? (\n    <div {...containerProps} ref={__internalRootRef}>\n      <InternalStatusIndicator type=\"loading\">\n        <LiveRegion visible={true}>{i18n('loadingText', loadingText)}</LiveRegion>\n      </InternalStatusIndicator>\n    </div>\n  ) : (\n    <div {...containerProps} ref={__internalRootRef}>\n      {header && <div className={clsx(styles.header)}>{header}</div>}\n      <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n        <div className={clsx(styles.content)}>{children}</div>\n      </LinkDefaultVariantContext.Provider>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  );\n}\n\nexport const createWidgetizedHelpPanel = createWidgetizedComponent(HelpPanelImplementation);\n"]}

package/help-panel/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { HelpPanelProps } from './interfaces';
 export { HelpPanelProps };
-export default function HelpPanel({ header, footer, children, loading, loadingText, ...restProps }: HelpPanelProps): JSX.Element;
+export default function HelpPanel(props: HelpPanelProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/help-panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/help-panel/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,EAAE,cAAc,eAuBjH"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/help-panel/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,eAGtD"}

package/help-panel/index.js

@@ -1,29 +1,12 @@
-import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import clsx from 'clsx';
 import React from 'react';
-import { getBaseProps } from '../internal/base-component';
-import InternalStatusIndicator from '../status-indicator/internal';
-import styles from './styles.css.js';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import useBaseComponent from '../internal/hooks/use-base-component';
-import LiveRegion from '../internal/components/live-region';
-import { useInternalI18n } from '../i18n/context';
-import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
-export default function HelpPanel(_a) {
-    var { header, footer, children, loading, loadingText } = _a, restProps = __rest(_a, ["header", "footer", "children", "loading", "loadingText"]);
-    const { __internalRootRef } = useBaseComponent('HelpPanel');
-    const baseProps = getBaseProps(restProps);
-    const i18n = useInternalI18n('help-panel');
-    const containerProps = Object.assign(Object.assign({}, baseProps), { className: clsx(baseProps.className, styles['help-panel']) });
-    return loading ? (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
-        React.createElement(InternalStatusIndicator, { type: "loading" },
-            React.createElement(LiveRegion, { visible: true }, i18n('loadingText', loadingText))))) : (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
-        header && React.createElement("div", { className: clsx(styles.header) }, header),
-        React.createElement(LinkDefaultVariantContext.Provider, { value: { defaultVariant: 'primary' } },
-            React.createElement("div", { className: clsx(styles.content) }, children)),
-        footer && React.createElement("div", { className: styles.footer }, footer)));
+import { InternalHelpPanel } from './internal';
+export default function HelpPanel(props) {
+    const internalProps = useBaseComponent('HelpPanel');
+    return React.createElement(InternalHelpPanel, Object.assign({}, props, internalProps));
 }
 applyDisplayName(HelpPanel, 'HelpPanel');
 //# sourceMappingURL=index.js.map

package/help-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/help-panel/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAEpE,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAI7F,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAgF;QAAhF,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,OAAgC,EAA3B,SAAS,cAA9D,0DAAgE,CAAF;IAC9F,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,cAAc,mCACf,SAAS,KACZ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,GAC3D,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC7C,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;YACrC,oBAAC,UAAU,IAAC,OAAO,EAAE,IAAI,IAAG,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAAc,CAClD,CACtB,CACP,CAAC,CAAC,CAAC,CACF,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC5C,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAG,MAAM,CAAO;QAC9D,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE;YACtE,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAG,QAAQ,CAAO,CACnB;QACpC,MAAM,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CACpD,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport styles from './styles.css.js';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { HelpPanelProps } from './interfaces';\nimport LiveRegion from '../internal/components/live-region';\nimport { useInternalI18n } from '../i18n/context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\n\nexport { HelpPanelProps };\n\nexport default function HelpPanel({ header, footer, children, loading, loadingText, ...restProps }: HelpPanelProps) {\n  const { __internalRootRef } = useBaseComponent('HelpPanel');\n  const baseProps = getBaseProps(restProps);\n  const i18n = useInternalI18n('help-panel');\n  const containerProps = {\n    ...baseProps,\n    className: clsx(baseProps.className, styles['help-panel']),\n  };\n  return loading ? (\n    <div {...containerProps} ref={__internalRootRef}>\n      <InternalStatusIndicator type=\"loading\">\n        <LiveRegion visible={true}>{i18n('loadingText', loadingText)}</LiveRegion>\n      </InternalStatusIndicator>\n    </div>\n  ) : (\n    <div {...containerProps} ref={__internalRootRef}>\n      {header && <div className={clsx(styles.header)}>{header}</div>}\n      <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n        <div className={clsx(styles.content)}>{children}</div>\n      </LinkDefaultVariantContext.Provider>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  );\n}\n\napplyDisplayName(HelpPanel, 'HelpPanel');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/help-panel/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAI/C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAqB;IACrD,MAAM,aAAa,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACpD,OAAO,oBAAC,iBAAiB,oBAAK,KAAK,EAAM,aAAa,EAAI,CAAC;AAC7D,CAAC;AAED,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { HelpPanelProps } from './interfaces';\nimport { InternalHelpPanel } from './internal';\n\nexport { HelpPanelProps };\n\nexport default function HelpPanel(props: HelpPanelProps) {\n  const internalProps = useBaseComponent('HelpPanel');\n  return <InternalHelpPanel {...props} {...internalProps} />;\n}\n\napplyDisplayName(HelpPanel, 'HelpPanel');\n"]}

package/help-panel/internal.d.ts

@@ -0,0 +1,2 @@
+export declare const InternalHelpPanel: typeof import("./implementation").HelpPanelImplementation;
+//# sourceMappingURL=internal.d.ts.map

package/help-panel/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/help-panel/internal.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,2DAA8B,CAAC"}

package/help-panel/internal.js

@@ -0,0 +1,5 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { createWidgetizedHelpPanel } from './implementation';
+export const InternalHelpPanel = createWidgetizedHelpPanel();
+//# sourceMappingURL=internal.js.map

package/help-panel/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/help-panel/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,EAAE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { createWidgetizedHelpPanel } from './implementation';\n\nexport const InternalHelpPanel = createWidgetizedHelpPanel();\n"]}

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

@@ -220,6 +220,7 @@
   --color-background-slider-track-3m68rn:#7d8998;
   --color-background-slider-handle-ring-31445h:#ffffff;
   --color-background-slider-error-pressed-g7oqnt:#7c2718;
+  --color-background-slider-warning-pressed-9xuhwf:#8d6605;
   --color-background-status-error-pbprvn:#fff7f7;
   --color-background-status-info-mvnbre:#f2f8fd;
   --color-background-status-success-jp14wa:#f2fcf3;
@@ -825,6 +826,7 @@
     --color-background-slider-track-3m68rn:#5f6b7a;
     --color-background-slider-handle-ring-31445h:#0f1b2a;
     --color-background-slider-error-pressed-g7oqnt:#eb6f6f;
+    --color-background-slider-warning-pressed-9xuhwf:#e0ca57;
     --color-background-status-error-pbprvn:#1a0000;
     --color-background-status-info-mvnbre:#00142b;
     --color-background-status-success-jp14wa:#001a02;
@@ -1117,6 +1119,7 @@
   --color-background-slider-track-3m68rn:#5f6b7a;
   --color-background-slider-handle-ring-31445h:#0f1b2a;
   --color-background-slider-error-pressed-g7oqnt:#eb6f6f;
+  --color-background-slider-warning-pressed-9xuhwf:#e0ca57;
   --color-background-status-error-pbprvn:#1a0000;
   --color-background-status-info-mvnbre:#00142b;
   --color-background-status-success-jp14wa:#001a02;
@@ -1311,6 +1314,7 @@
   --color-background-slider-track-3m68rn:#5f6b7a;
   --color-background-slider-handle-ring-31445h:#0f1b2a;
   --color-background-slider-error-pressed-g7oqnt:#eb6f6f;
+  --color-background-slider-warning-pressed-9xuhwf:#e0ca57;
   --color-background-status-error-pbprvn:#1a0000;
   --color-background-status-info-mvnbre:#00142b;
   --color-background-status-success-jp14wa:#001a02;
@@ -1603,6 +1607,7 @@
   --color-background-slider-track-3m68rn:#5f6b7a;
   --color-background-slider-handle-ring-31445h:#0f1b2a;
   --color-background-slider-error-pressed-g7oqnt:#eb6f6f;
+  --color-background-slider-warning-pressed-9xuhwf:#e0ca57;
   --color-background-status-error-pbprvn:#1a0000;
   --color-background-status-info-mvnbre:#00142b;
   --color-background-status-success-jp14wa:#001a02;

package/internal/components/options-list/utils/use-keyboard.d.ts

@@ -1,7 +1,8 @@
 import { BaseKeyDetail, CancelableEventHandler } from '../../../events';
 interface UseMenuKeyboard {
     (inputProps: {
-        moveHighlight: (direction: -1 | 1, startIndex?: number) => void;
+        goUp: () => void;
+        goDown: () => void;
         selectOption: () => void;
         goHome: () => void;
         goEnd: () => void;

package/internal/components/options-list/utils/use-keyboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-keyboard.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-keyboard.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAKxE,UAAU,eAAe;IACvB,CAAC,UAAU,EAAE;QACX,aAAa,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;QAChE,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,KAAK,EAAE,MAAM,IAAI,CAAC;QAClB,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;KAC9B,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,EAAE,eA0C7B,CAAC;AAEF,UAAU,kBAAkB;IAC1B,CAAC,UAAU,EAAE;QAAE,YAAY,EAAE,MAAM,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;CACvG;AAED,eAAO,MAAM,kBAAkB,EAAE,kBAmBhC,CAAC"}
+{"version":3,"file":"use-keyboard.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-keyboard.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAKxE,UAAU,eAAe;IACvB,CAAC,UAAU,EAAE;QACX,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,KAAK,EAAE,MAAM,IAAI,CAAC;QAClB,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;KAC9B,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,EAAE,eA2C7B,CAAC;AAEF,UAAU,kBAAkB;IAC1B,CAAC,UAAU,EAAE;QAAE,YAAY,EAAE,MAAM,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;CACvG;AAED,eAAO,MAAM,kBAAkB,EAAE,kBAmBhC,CAAC"}

package/internal/components/options-list/utils/use-keyboard.js

@@ -4,16 +4,16 @@ import { useCallback } from 'react';
 import { KeyCode } from '../../../keycode';
 const HOME = 36;
 const END = 35;
-export const useMenuKeyboard = ({ moveHighlight, selectOption, goHome, goEnd, closeDropdown, preventNativeSpace = false, }) => {
+export const useMenuKeyboard = ({ goUp, goDown, selectOption, goHome, goEnd, closeDropdown, preventNativeSpace = false, }) => {
     return useCallback((e) => {
         switch (e.detail.keyCode) {
             case KeyCode.up:
                 e.preventDefault();
-                moveHighlight(-1);
+                goUp();
                 break;
             case KeyCode.down:
                 e.preventDefault();
-                moveHighlight(1);
+                goDown();
                 break;
             case HOME:
                 goHome();
@@ -35,7 +35,7 @@ export const useMenuKeyboard = ({ moveHighlight, selectOption, goHome, goEnd, cl
                     selectOption();
                 }
         }
-    }, [moveHighlight, selectOption, goHome, goEnd, closeDropdown, preventNativeSpace]);
+    }, [selectOption, goHome, goEnd, closeDropdown, preventNativeSpace, goUp, goDown]);
 };
 export const useTriggerKeyboard = ({ openDropdown, goHome }) => {
     return useCallback((e) => {

package/internal/components/options-list/utils/use-keyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-keyboard.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-keyboard.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,MAAM,IAAI,GAAG,EAAE,CAAC;AAChB,MAAM,GAAG,GAAG,EAAE,CAAC;AAaf,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,EAC/C,aAAa,EACb,YAAY,EACZ,MAAM,EACN,KAAK,EACL,aAAa,EACb,kBAAkB,GAAG,KAAK,GAC3B,EAAE,EAAE;IACH,OAAO,WAAW,CAChB,CAAC,CAA6B,EAAE,EAAE;QAChC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClB,MAAM;YACR,KAAK,OAAO,CAAC,IAAI;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,CAAC,CAAC,CAAC;gBACjB,MAAM;YACR,KAAK,IAAI;gBACP,MAAM,EAAE,CAAC;gBACT,MAAM;YACR,KAAK,GAAG;gBACN,KAAK,EAAE,CAAC;gBACR,MAAM;YACR,KAAK,OAAO,CAAC,MAAM;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,aAAa,EAAE,CAAC;gBAChB,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,IAAI,kBAAkB,EAAE;oBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,YAAY,EAAE,CAAC;iBAChB;SACJ;IACH,CAAC,EACD,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAChF,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,kBAAkB,GAAuB,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE;IACjF,OAAO,WAAW,CAChB,CAAC,CAA6B,EAAE,EAAE;QAChC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,EAAE,CAAC;YAChB,KAAK,OAAO,CAAC,IAAI;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK,CAAC;YACnB,KAAK,OAAO,CAAC,KAAK;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,MAAM;SACT;IACH,CAAC,EACD,CAAC,YAAY,EAAE,MAAM,CAAC,CACvB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback } from 'react';\nimport { KeyCode } from '../../../keycode';\nimport { BaseKeyDetail, CancelableEventHandler } from '../../../events';\n\nconst HOME = 36;\nconst END = 35;\n\ninterface UseMenuKeyboard {\n  (inputProps: {\n    moveHighlight: (direction: -1 | 1, startIndex?: number) => void;\n    selectOption: () => void;\n    goHome: () => void;\n    goEnd: () => void;\n    closeDropdown: () => void;\n    preventNativeSpace?: boolean;\n  }): CancelableEventHandler<BaseKeyDetail>;\n}\n\nexport const useMenuKeyboard: UseMenuKeyboard = ({\n  moveHighlight,\n  selectOption,\n  goHome,\n  goEnd,\n  closeDropdown,\n  preventNativeSpace = false,\n}) => {\n  return useCallback(\n    (e: CustomEvent<BaseKeyDetail>) => {\n      switch (e.detail.keyCode) {\n        case KeyCode.up:\n          e.preventDefault();\n          moveHighlight(-1);\n          break;\n        case KeyCode.down:\n          e.preventDefault();\n          moveHighlight(1);\n          break;\n        case HOME:\n          goHome();\n          break;\n        case END:\n          goEnd();\n          break;\n        case KeyCode.escape:\n          e.stopPropagation();\n          closeDropdown();\n          break;\n        case KeyCode.enter:\n          e.preventDefault();\n          selectOption();\n          break;\n        case KeyCode.space:\n          if (preventNativeSpace) {\n            e.preventDefault();\n            selectOption();\n          }\n      }\n    },\n    [moveHighlight, selectOption, goHome, goEnd, closeDropdown, preventNativeSpace]\n  );\n};\n\ninterface UseTriggerKeyboard {\n  (inputProps: { openDropdown: () => void; goHome: () => void }): CancelableEventHandler<BaseKeyDetail>;\n}\n\nexport const useTriggerKeyboard: UseTriggerKeyboard = ({ openDropdown, goHome }) => {\n  return useCallback(\n    (e: CustomEvent<BaseKeyDetail>) => {\n      switch (e.detail.keyCode) {\n        case KeyCode.up:\n        case KeyCode.down:\n          e.preventDefault();\n          goHome();\n          openDropdown();\n          break;\n        case KeyCode.space:\n        case KeyCode.enter:\n          e.preventDefault();\n          openDropdown();\n          break;\n      }\n    },\n    [openDropdown, goHome]\n  );\n};\n"]}
+{"version":3,"file":"use-keyboard.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-keyboard.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,MAAM,IAAI,GAAG,EAAE,CAAC;AAChB,MAAM,GAAG,GAAG,EAAE,CAAC;AAcf,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,EAC/C,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,MAAM,EACN,KAAK,EACL,aAAa,EACb,kBAAkB,GAAG,KAAK,GAC3B,EAAE,EAAE;IACH,OAAO,WAAW,CAChB,CAAC,CAA6B,EAAE,EAAE;QAChC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,EAAE,CAAC;gBACP,MAAM;YACR,KAAK,OAAO,CAAC,IAAI;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,EAAE,CAAC;gBACT,MAAM;YACR,KAAK,IAAI;gBACP,MAAM,EAAE,CAAC;gBACT,MAAM;YACR,KAAK,GAAG;gBACN,KAAK,EAAE,CAAC;gBACR,MAAM;YACR,KAAK,OAAO,CAAC,MAAM;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,aAAa,EAAE,CAAC;gBAChB,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,IAAI,kBAAkB,EAAE;oBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,YAAY,EAAE,CAAC;iBAChB;SACJ;IACH,CAAC,EACD,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,IAAI,EAAE,MAAM,CAAC,CAC/E,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,kBAAkB,GAAuB,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE;IACjF,OAAO,WAAW,CAChB,CAAC,CAA6B,EAAE,EAAE;QAChC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,EAAE,CAAC;YAChB,KAAK,OAAO,CAAC,IAAI;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK,CAAC;YACnB,KAAK,OAAO,CAAC,KAAK;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,MAAM;SACT;IACH,CAAC,EACD,CAAC,YAAY,EAAE,MAAM,CAAC,CACvB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback } from 'react';\nimport { KeyCode } from '../../../keycode';\nimport { BaseKeyDetail, CancelableEventHandler } from '../../../events';\n\nconst HOME = 36;\nconst END = 35;\n\ninterface UseMenuKeyboard {\n  (inputProps: {\n    goUp: () => void;\n    goDown: () => void;\n    selectOption: () => void;\n    goHome: () => void;\n    goEnd: () => void;\n    closeDropdown: () => void;\n    preventNativeSpace?: boolean;\n  }): CancelableEventHandler<BaseKeyDetail>;\n}\n\nexport const useMenuKeyboard: UseMenuKeyboard = ({\n  goUp,\n  goDown,\n  selectOption,\n  goHome,\n  goEnd,\n  closeDropdown,\n  preventNativeSpace = false,\n}) => {\n  return useCallback(\n    (e: CustomEvent<BaseKeyDetail>) => {\n      switch (e.detail.keyCode) {\n        case KeyCode.up:\n          e.preventDefault();\n          goUp();\n          break;\n        case KeyCode.down:\n          e.preventDefault();\n          goDown();\n          break;\n        case HOME:\n          goHome();\n          break;\n        case END:\n          goEnd();\n          break;\n        case KeyCode.escape:\n          e.stopPropagation();\n          closeDropdown();\n          break;\n        case KeyCode.enter:\n          e.preventDefault();\n          selectOption();\n          break;\n        case KeyCode.space:\n          if (preventNativeSpace) {\n            e.preventDefault();\n            selectOption();\n          }\n      }\n    },\n    [selectOption, goHome, goEnd, closeDropdown, preventNativeSpace, goUp, goDown]\n  );\n};\n\ninterface UseTriggerKeyboard {\n  (inputProps: { openDropdown: () => void; goHome: () => void }): CancelableEventHandler<BaseKeyDetail>;\n}\n\nexport const useTriggerKeyboard: UseTriggerKeyboard = ({ openDropdown, goHome }) => {\n  return useCallback(\n    (e: CustomEvent<BaseKeyDetail>) => {\n      switch (e.detail.keyCode) {\n        case KeyCode.up:\n        case KeyCode.down:\n          e.preventDefault();\n          goHome();\n          openDropdown();\n          break;\n        case KeyCode.space:\n        case KeyCode.enter:\n          e.preventDefault();\n          openDropdown();\n          break;\n      }\n    },\n    [openDropdown, goHome]\n  );\n};\n"]}

package/internal/environment.js

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

package/internal/environment.json

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

package/internal/generated/styles/tokens.d.ts

@@ -281,6 +281,7 @@ export const colorBackgroundSliderHandleActive: string;
 export const colorBackgroundSliderTrack: string;
 export const colorBackgroundSliderHandleRing: string;
 export const colorBackgroundSliderErrorPressed: string;
+export const colorBackgroundSliderWarningPressed: string;
 export const colorBackgroundStatusError: string;
 export const colorBackgroundStatusInfo: string;
 export const colorBackgroundStatusSuccess: string;

package/internal/generated/styles/tokens.js

@@ -281,6 +281,7 @@ export var colorBackgroundSliderHandleActive = "var(--color-background-slider-ha
 export var colorBackgroundSliderTrack = "var(--color-background-slider-track-3m68rn, #7d8998)";
 export var colorBackgroundSliderHandleRing = "var(--color-background-slider-handle-ring-31445h, #ffffff)";
 export var colorBackgroundSliderErrorPressed = "var(--color-background-slider-error-pressed-g7oqnt, #7c2718)";
+export var colorBackgroundSliderWarningPressed = "var(--color-background-slider-warning-pressed-9xuhwf, #8d6605)";
 export var colorBackgroundStatusError = "var(--color-background-status-error-pbprvn, #fff7f7)";
 export var colorBackgroundStatusInfo = "var(--color-background-status-info-mvnbre, #f2f8fd)";
 export var colorBackgroundStatusSuccess = "var(--color-background-status-success-jp14wa, #f2fcf3)";