@cloudscape-design/components 3.0.98 → 3.0.100

package/calendar/header/header-button.d.ts

@@ -0,0 +1,9 @@
+interface HeaderButtonProps {
+    ariaLabel: string;
+    baseDate: Date;
+    onChangeMonth: (date: Date) => void;
+}
+export declare function PrevMonthButton({ ariaLabel, baseDate, onChangeMonth }: HeaderButtonProps): JSX.Element;
+export declare function NextMonthButton({ ariaLabel, baseDate, onChangeMonth }: HeaderButtonProps): JSX.Element;
+export {};
+//# sourceMappingURL=header-button.d.ts.map

package/calendar/header/header-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-button.d.ts","sourceRoot":"","sources":["../../../../src/calendar/header/header-button.tsx"],"names":[],"mappings":"AAQA,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,IAAI,CAAC;IACf,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,iBAAiB,eAWxF;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,iBAAiB,eAWxF"}

package/calendar/header/header-button.js

@@ -0,0 +1,15 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import { InternalButton } from '../../button/internal';
+import styles from '../styles.css.js';
+import { addMonths } from 'date-fns';
+export function PrevMonthButton(_a) {
+    var ariaLabel = _a.ariaLabel, baseDate = _a.baseDate, onChangeMonth = _a.onChangeMonth;
+    return (React.createElement(InternalButton, { iconName: "angle-left", ariaLabel: ariaLabel, variant: "icon", onClick: function () { return onChangeMonth(addMonths(baseDate, -1)); }, formAction: "none", className: styles['calendar-prev-month-btn'] }));
+}
+export function NextMonthButton(_a) {
+    var ariaLabel = _a.ariaLabel, baseDate = _a.baseDate, onChangeMonth = _a.onChangeMonth;
+    return (React.createElement(InternalButton, { iconName: "angle-right", ariaLabel: ariaLabel, variant: "icon", onClick: function () { return onChangeMonth(addMonths(baseDate, 1)); }, formAction: "none", className: styles['calendar-next-month-btn'] }));
+}
+//# sourceMappingURL=header-button.js.map

package/calendar/header/header-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-button.js","sourceRoot":"","sources":["../../../../src/calendar/header/header-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAQrC,MAAM,UAAU,eAAe,CAAC,EAAyD;QAAvD,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,aAAa,mBAAA;IAClE,OAAO,CACL,oBAAC,cAAc,IACb,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,EAAtC,CAAsC,EACrD,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,MAAM,CAAC,yBAAyB,CAAC,GAC5C,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAyD;QAAvD,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,aAAa,mBAAA;IAClE,OAAO,CACL,oBAAC,cAAc,IACb,QAAQ,EAAC,aAAa,EACtB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAArC,CAAqC,EACpD,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,MAAM,CAAC,yBAAyB,CAAC,GAC5C,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport { InternalButton } from '../../button/internal';\nimport styles from '../styles.css.js';\nimport { addMonths } from 'date-fns';\n\ninterface HeaderButtonProps {\n  ariaLabel: string;\n  baseDate: Date;\n  onChangeMonth: (date: Date) => void;\n}\n\nexport function PrevMonthButton({ ariaLabel, baseDate, onChangeMonth }: HeaderButtonProps) {\n  return (\n    <InternalButton\n      iconName=\"angle-left\"\n      ariaLabel={ariaLabel}\n      variant=\"icon\"\n      onClick={() => onChangeMonth(addMonths(baseDate, -1))}\n      formAction=\"none\"\n      className={styles['calendar-prev-month-btn']}\n    />\n  );\n}\n\nexport function NextMonthButton({ ariaLabel, baseDate, onChangeMonth }: HeaderButtonProps) {\n  return (\n    <InternalButton\n      iconName=\"angle-right\"\n      ariaLabel={ariaLabel}\n      variant=\"icon\"\n      onClick={() => onChangeMonth(addMonths(baseDate, 1))}\n      formAction=\"none\"\n      className={styles['calendar-next-month-btn']}\n    />\n  );\n}\n"]}

package/calendar/header/index.d.ts

@@ -1,7 +1,7 @@
 interface CalendarHeaderProps {
     baseDate: Date;
     locale: string;
-    onChangeMonth: (prev?: boolean) => void;
+    onChangeMonth: (date: Date) => void;
     previousMonthLabel: string;
     nextMonthLabel: string;
     headingId: string;

package/calendar/header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/header/index.tsx"],"names":[],"mappings":"AAOA,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,IAAI,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,cAAc,wFAOjB,mBAAmB,gBAUrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/header/index.tsx"],"names":[],"mappings":"AAOA,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,IAAI,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,cAAc,wFAOjB,mBAAmB,gBAUrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/calendar/header/index.js

@@ -3,13 +3,13 @@
 import React from 'react';
 import styles from '../styles.css.js';
 import { renderMonthAndYear } from '../utils/intl';
-import HeaderButton from './button';
+import { PrevMonthButton, NextMonthButton } from './header-button';
 var CalendarHeader = function (_a) {
     var baseDate = _a.baseDate, locale = _a.locale, onChangeMonth = _a.onChangeMonth, previousMonthLabel = _a.previousMonthLabel, nextMonthLabel = _a.nextMonthLabel, headingId = _a.headingId;
     return (React.createElement("div", { className: styles['calendar-header'] },
-        React.createElement(HeaderButton, { ariaLabel: previousMonthLabel, isPrevious: true, onChangeMonth: onChangeMonth }),
+        React.createElement(PrevMonthButton, { ariaLabel: previousMonthLabel, baseDate: baseDate, onChangeMonth: onChangeMonth }),
         React.createElement("h2", { className: styles['calendar-header-month'], id: headingId }, renderMonthAndYear(locale, baseDate)),
-        React.createElement(HeaderButton, { ariaLabel: nextMonthLabel, isPrevious: false, onChangeMonth: onChangeMonth })));
+        React.createElement(NextMonthButton, { ariaLabel: nextMonthLabel, baseDate: baseDate, onChangeMonth: onChangeMonth })));
 };
 export default CalendarHeader;
 //# sourceMappingURL=index.js.map

package/calendar/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/calendar/header/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,YAAY,MAAM,UAAU,CAAC;AAWpC,IAAM,cAAc,GAAG,UAAC,EAOF;QANpB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACd,SAAS,eAAA;IAET,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC;QACvC,oBAAC,YAAY,IAAC,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,GAAI;QAC/F,4BAAI,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,EAAE,EAAE,EAAE,SAAS,IAC1D,kBAAkB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAClC;QACL,oBAAC,YAAY,IAAC,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,CACxF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,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 styles from '../styles.css.js';\nimport { renderMonthAndYear } from '../utils/intl';\nimport HeaderButton from './button';\n\ninterface CalendarHeaderProps {\n  baseDate: Date;\n  locale: string;\n  onChangeMonth: (prev?: boolean) => void;\n  previousMonthLabel: string;\n  nextMonthLabel: string;\n  headingId: string;\n}\n\nconst CalendarHeader = ({\n  baseDate,\n  locale,\n  onChangeMonth,\n  previousMonthLabel,\n  nextMonthLabel,\n  headingId,\n}: CalendarHeaderProps) => {\n  return (\n    <div className={styles['calendar-header']}>\n      <HeaderButton ariaLabel={previousMonthLabel} isPrevious={true} onChangeMonth={onChangeMonth} />\n      <h2 className={styles['calendar-header-month']} id={headingId}>\n        {renderMonthAndYear(locale, baseDate)}\n      </h2>\n      <HeaderButton ariaLabel={nextMonthLabel} isPrevious={false} onChangeMonth={onChangeMonth} />\n    </div>\n  );\n};\n\nexport default CalendarHeader;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/calendar/header/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAWnE,IAAM,cAAc,GAAG,UAAC,EAOF;QANpB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACd,SAAS,eAAA;IAET,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC;QACvC,oBAAC,eAAe,IAAC,SAAS,EAAE,kBAAkB,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,GAAI;QACpG,4BAAI,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,EAAE,EAAE,EAAE,SAAS,IAC1D,kBAAkB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAClC;QACL,oBAAC,eAAe,IAAC,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,GAAI,CAC5F,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,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 styles from '../styles.css.js';\nimport { renderMonthAndYear } from '../utils/intl';\nimport { PrevMonthButton, NextMonthButton } from './header-button';\n\ninterface CalendarHeaderProps {\n  baseDate: Date;\n  locale: string;\n  onChangeMonth: (date: Date) => void;\n  previousMonthLabel: string;\n  nextMonthLabel: string;\n  headingId: string;\n}\n\nconst CalendarHeader = ({\n  baseDate,\n  locale,\n  onChangeMonth,\n  previousMonthLabel,\n  nextMonthLabel,\n  headingId,\n}: CalendarHeaderProps) => {\n  return (\n    <div className={styles['calendar-header']}>\n      <PrevMonthButton ariaLabel={previousMonthLabel} baseDate={baseDate} onChangeMonth={onChangeMonth} />\n      <h2 className={styles['calendar-header-month']} id={headingId}>\n        {renderMonthAndYear(locale, baseDate)}\n      </h2>\n      <NextMonthButton ariaLabel={nextMonthLabel} baseDate={baseDate} onChangeMonth={onChangeMonth} />\n    </div>\n  );\n};\n\nexport default CalendarHeader;\n"]}

package/calendar/internal.js

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import { __assign, __rest } from "tslib";
 import React, { useEffect, useRef, useState } from 'react';
-import { addMonths, isSameMonth } from 'date-fns';
+import { isSameMonth } from 'date-fns';
 import styles from './styles.css.js';
 import CalendarHeader from './header';
 import Grid from './grid';
@@ -50,8 +50,8 @@ export default function Calendar(_a) {
     };
     var baseDate = getBaseDate(displayedDate, isDateEnabled);
     var focusableDate = focusedDate || selectFocusedDate(memoizedValue, baseDate);
-    var onHeaderChangeMonthHandler = function (isPreviousButtonClick) {
-        setDisplayedDate(addMonths(baseDate, isPreviousButtonClick ? -1 : 1));
+    var onHeaderChangeMonthHandler = function (date) {
+        setDisplayedDate(date);
         setFocusedDate(null);
     };
     var onGridChangeMonthHandler = function (newMonth) {

package/calendar/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/calendar/internal.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\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport { addMonths, isSameMonth } from 'date-fns';\nimport styles from './styles.css.js';\nimport CalendarHeader from './header';\nimport Grid from './grid';\nimport { normalizeLocale, normalizeStartOfWeek } from '../internal/utils/locale';\nimport { formatDate, parseDate } from '../internal/utils/date-time';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport checkControlled from '../internal/hooks/check-controlled/index.js';\nimport clsx from 'clsx';\nimport { CalendarProps } from './interfaces.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { getBaseDate } from './utils/navigation';\nimport { useDateCache } from '../internal/hooks/use-date-cache/index.js';\nimport { useUniqueId } from '../internal/hooks/use-unique-id/index.js';\n\nexport type DayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\nexport default function Calendar({\n  value,\n  locale = '',\n  startOfWeek,\n  isDateEnabled = () => true,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  todayAriaLabel,\n  nextMonthAriaLabel,\n  previousMonthAriaLabel,\n  onChange,\n  __internalRootRef,\n  ...rest\n}: CalendarProps & InternalBaseComponentProps) {\n  checkControlled('Calendar', 'value', value, 'onChange', onChange);\n\n  const baseProps = getBaseProps(rest);\n  const normalizedLocale = normalizeLocale('Calendar', locale);\n  const normalizedStartOfWeek = normalizeStartOfWeek(startOfWeek, normalizedLocale);\n  const gridWrapperRef = useRef<HTMLDivElement>(null);\n  const [focusedDate, setFocusedDate] = useState<Date | null>(null);\n\n  const valueDateCache = useDateCache();\n  const focusedDateCache = useDateCache();\n\n  // Set displayed date to value if defined or to current date otherwise.\n  const parsedValue = value && value.length >= 4 ? parseDate(value) : null;\n  const memoizedValue = parsedValue ? valueDateCache(parsedValue) : null;\n  const defaultDisplayedDate = memoizedValue ?? new Date();\n  const [displayedDate, setDisplayedDate] = useState(defaultDisplayedDate);\n\n  const headingId = useUniqueId('calendar-heading');\n\n  // Update displayed date if value changes.\n  useEffect(() => {\n    memoizedValue && setDisplayedDate(prev => (prev.getTime() !== memoizedValue.getTime() ? memoizedValue : prev));\n  }, [memoizedValue]);\n\n  const selectFocusedDate = (selected: Date | null, baseDate: Date): Date | null => {\n    if (selected && isDateEnabled(selected) && isSameMonth(selected, baseDate)) {\n      return selected;\n    }\n    const today = new Date();\n    if (isDateEnabled(today) && isSameMonth(today, baseDate)) {\n      return today;\n    }\n    if (isDateEnabled(baseDate)) {\n      return baseDate;\n    }\n    return null;\n  };\n\n  const baseDate = getBaseDate(displayedDate, isDateEnabled);\n  const focusableDate = focusedDate || selectFocusedDate(memoizedValue, baseDate);\n\n  const onHeaderChangeMonthHandler = (isPreviousButtonClick?: boolean) => {\n    setDisplayedDate(addMonths(baseDate, isPreviousButtonClick ? -1 : 1));\n    setFocusedDate(null);\n  };\n\n  const onGridChangeMonthHandler = (newMonth: Date) => {\n    setDisplayedDate(newMonth);\n    setFocusedDate(null);\n  };\n\n  const onGridFocusDateHandler = (date: null | Date) => {\n    if (date) {\n      setFocusedDate(date ? focusedDateCache(date) : null);\n    }\n  };\n\n  const onGridSelectDateHandler = (date: Date) => {\n    fireNonCancelableEvent(onChange, { value: formatDate(date) });\n    setFocusedDate(null);\n  };\n\n  const onGridBlur = (event: React.FocusEvent) => {\n    const newFocusTargetIsInGrid = event.relatedTarget && gridWrapperRef.current?.contains(event.relatedTarget as Node);\n    if (!newFocusTargetIsInGrid) {\n      setFocusedDate(null);\n    }\n  };\n\n  return (\n    <div\n      ref={__internalRootRef}\n      {...baseProps}\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      aria-describedby={ariaDescribedby}\n      className={clsx(styles.root, styles.calendar, baseProps.className)}\n    >\n      <div className={styles['calendar-inner']}>\n        <CalendarHeader\n          baseDate={baseDate}\n          locale={normalizedLocale}\n          onChangeMonth={onHeaderChangeMonthHandler}\n          previousMonthLabel={previousMonthAriaLabel}\n          nextMonthLabel={nextMonthAriaLabel}\n          headingId={headingId}\n        />\n        <div onBlur={onGridBlur} ref={gridWrapperRef}>\n          <Grid\n            locale={normalizedLocale}\n            baseDate={baseDate}\n            isDateEnabled={isDateEnabled}\n            focusedDate={focusedDate}\n            focusableDate={focusableDate}\n            onSelectDate={onGridSelectDateHandler}\n            onFocusDate={onGridFocusDateHandler}\n            onChangeMonth={onGridChangeMonthHandler}\n            startOfWeek={normalizedStartOfWeek}\n            todayAriaLabel={todayAriaLabel}\n            selectedDate={memoizedValue}\n            ariaLabelledby={headingId}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/calendar/internal.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\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport { isSameMonth } from 'date-fns';\nimport styles from './styles.css.js';\nimport CalendarHeader from './header';\nimport Grid from './grid';\nimport { normalizeLocale, normalizeStartOfWeek } from '../internal/utils/locale';\nimport { formatDate, parseDate } from '../internal/utils/date-time';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport checkControlled from '../internal/hooks/check-controlled/index.js';\nimport clsx from 'clsx';\nimport { CalendarProps } from './interfaces.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { getBaseDate } from './utils/navigation';\nimport { useDateCache } from '../internal/hooks/use-date-cache/index.js';\nimport { useUniqueId } from '../internal/hooks/use-unique-id/index.js';\n\nexport type DayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\nexport default function Calendar({\n  value,\n  locale = '',\n  startOfWeek,\n  isDateEnabled = () => true,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  todayAriaLabel,\n  nextMonthAriaLabel,\n  previousMonthAriaLabel,\n  onChange,\n  __internalRootRef,\n  ...rest\n}: CalendarProps & InternalBaseComponentProps) {\n  checkControlled('Calendar', 'value', value, 'onChange', onChange);\n\n  const baseProps = getBaseProps(rest);\n  const normalizedLocale = normalizeLocale('Calendar', locale);\n  const normalizedStartOfWeek = normalizeStartOfWeek(startOfWeek, normalizedLocale);\n  const gridWrapperRef = useRef<HTMLDivElement>(null);\n  const [focusedDate, setFocusedDate] = useState<Date | null>(null);\n\n  const valueDateCache = useDateCache();\n  const focusedDateCache = useDateCache();\n\n  // Set displayed date to value if defined or to current date otherwise.\n  const parsedValue = value && value.length >= 4 ? parseDate(value) : null;\n  const memoizedValue = parsedValue ? valueDateCache(parsedValue) : null;\n  const defaultDisplayedDate = memoizedValue ?? new Date();\n  const [displayedDate, setDisplayedDate] = useState(defaultDisplayedDate);\n\n  const headingId = useUniqueId('calendar-heading');\n\n  // Update displayed date if value changes.\n  useEffect(() => {\n    memoizedValue && setDisplayedDate(prev => (prev.getTime() !== memoizedValue.getTime() ? memoizedValue : prev));\n  }, [memoizedValue]);\n\n  const selectFocusedDate = (selected: Date | null, baseDate: Date): Date | null => {\n    if (selected && isDateEnabled(selected) && isSameMonth(selected, baseDate)) {\n      return selected;\n    }\n    const today = new Date();\n    if (isDateEnabled(today) && isSameMonth(today, baseDate)) {\n      return today;\n    }\n    if (isDateEnabled(baseDate)) {\n      return baseDate;\n    }\n    return null;\n  };\n\n  const baseDate = getBaseDate(displayedDate, isDateEnabled);\n  const focusableDate = focusedDate || selectFocusedDate(memoizedValue, baseDate);\n\n  const onHeaderChangeMonthHandler = (date: Date) => {\n    setDisplayedDate(date);\n    setFocusedDate(null);\n  };\n\n  const onGridChangeMonthHandler = (newMonth: Date) => {\n    setDisplayedDate(newMonth);\n    setFocusedDate(null);\n  };\n\n  const onGridFocusDateHandler = (date: null | Date) => {\n    if (date) {\n      setFocusedDate(date ? focusedDateCache(date) : null);\n    }\n  };\n\n  const onGridSelectDateHandler = (date: Date) => {\n    fireNonCancelableEvent(onChange, { value: formatDate(date) });\n    setFocusedDate(null);\n  };\n\n  const onGridBlur = (event: React.FocusEvent) => {\n    const newFocusTargetIsInGrid = event.relatedTarget && gridWrapperRef.current?.contains(event.relatedTarget as Node);\n    if (!newFocusTargetIsInGrid) {\n      setFocusedDate(null);\n    }\n  };\n\n  return (\n    <div\n      ref={__internalRootRef}\n      {...baseProps}\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      aria-describedby={ariaDescribedby}\n      className={clsx(styles.root, styles.calendar, baseProps.className)}\n    >\n      <div className={styles['calendar-inner']}>\n        <CalendarHeader\n          baseDate={baseDate}\n          locale={normalizedLocale}\n          onChangeMonth={onHeaderChangeMonthHandler}\n          previousMonthLabel={previousMonthAriaLabel}\n          nextMonthLabel={nextMonthAriaLabel}\n          headingId={headingId}\n        />\n        <div onBlur={onGridBlur} ref={gridWrapperRef}>\n          <Grid\n            locale={normalizedLocale}\n            baseDate={baseDate}\n            isDateEnabled={isDateEnabled}\n            focusedDate={focusedDate}\n            focusableDate={focusableDate}\n            onSelectDate={onGridSelectDateHandler}\n            onFocusDate={onGridFocusDateHandler}\n            onChangeMonth={onGridChangeMonthHandler}\n            startOfWeek={normalizedStartOfWeek}\n            todayAriaLabel={todayAriaLabel}\n            selectedDate={memoizedValue}\n            ariaLabelledby={headingId}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/internal/components/chart-legend/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/chart-legend/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAKtD,OAAqB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAG7E,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,qBAAqB,CAAC;IAC5B,KAAK,EAAE,CAAC,CAAC;CACV;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,MAAM,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1C,iBAAiB,EAAE,CAAC,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACnD,iBAAiB,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;CAC/C;;AAED,wBAAuD;AAEvD,iBAAS,WAAW,CAAC,CAAC,EAAE,EACtB,MAAM,EACN,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,gBAAgB,GACjB,EAAE,gBAAgB,CAAC,CAAC,CAAC,eAiHrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/chart-legend/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAK5C,OAAqB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAG7E,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,qBAAqB,CAAC;IAC5B,KAAK,EAAE,CAAC,CAAC;CACV;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,MAAM,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1C,iBAAiB,EAAE,CAAC,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACnD,iBAAiB,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;CAC/C;;AAED,wBAAuD;AAEvD,iBAAS,WAAW,CAAC,CAAC,EAAE,EACtB,MAAM,EACN,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,gBAAgB,GACjB,EAAE,gBAAgB,CAAC,CAAC,CAAC,eAwHrB"}

package/internal/components/chart-legend/index.js

@@ -1,8 +1,9 @@
+import { __assign } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import clsx from 'clsx';
-import React, { useRef, memo, useState } from 'react';
-import LiveRegion from '../live-region';
+import React, { useRef, memo } from 'react';
+import useFocusVisible from '../../hooks/focus-visible';
 import InternalBox from '../../../box/internal';
 import { KeyCode } from '../../keycode';
 import SeriesMarker from '../chart-series-marker';
@@ -10,17 +11,21 @@ import styles from './styles.css.js';
 export default memo(ChartLegend);
 function ChartLegend(_a) {
     var series = _a.series, onHighlightChange = _a.onHighlightChange, highlightedSeries = _a.highlightedSeries, legendTitle = _a.legendTitle, ariaLabel = _a.ariaLabel, plotContainerRef = _a.plotContainerRef;
-    var _b = useState(false), isFocused = _b[0], setIsFocused = _b[1];
+    var focusVisible = useFocusVisible();
     var containerRef = useRef(null);
+    var segmentsRef = useRef([]);
+    var highlightedSeriesIndex = findSeriesIndex(series, highlightedSeries);
     var highlightLeft = function () {
-        var currentIndex = findSeriesIndex(series, highlightedSeries) || 0;
+        var _a;
+        var currentIndex = highlightedSeriesIndex !== null && highlightedSeriesIndex !== void 0 ? highlightedSeriesIndex : 0;
         var nextIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : series.length - 1;
-        onHighlightChange(series[nextIndex].datum);
+        (_a = segmentsRef.current[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
     };
     var highlightRight = function () {
-        var currentIndex = findSeriesIndex(series, highlightedSeries) || 0;
+        var _a;
+        var currentIndex = highlightedSeriesIndex !== null && highlightedSeriesIndex !== void 0 ? highlightedSeriesIndex : 0;
         var nextIndex = currentIndex + 1 < series.length ? currentIndex + 1 : 0;
-        onHighlightChange(series[nextIndex].datum);
+        (_a = segmentsRef.current[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
     };
     var handleKeyPress = function (event) {
         if (event.keyCode === KeyCode.right || event.keyCode === KeyCode.left) {
@@ -36,18 +41,17 @@ function ChartLegend(_a) {
             }
         }
     };
-    var handleFocus = function () {
-        setIsFocused(true);
-        onHighlightChange(highlightedSeries || series[0].datum);
+    var handleSelection = function (index) {
+        if (series[index].datum !== highlightedSeries) {
+            onHighlightChange(series[index].datum);
+        }
     };
     var handleBlur = function (event) {
         var _a;
-        setIsFocused(false);
         // We need to check if the next element to be focused inside the plot container or not
         // so we don't clear the selected legend in case we are still focusing elements ( legend elements )
         // inside the plot container
         if (event.relatedTarget === null ||
-            !(event.relatedTarget instanceof Element) ||
             (containerRef.current &&
                 !containerRef.current.contains(event.relatedTarget) &&
                 !((_a = plotContainerRef === null || plotContainerRef === void 0 ? void 0 : plotContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)))) {
@@ -62,25 +66,29 @@ function ChartLegend(_a) {
     var handleMouseLeave = function () {
         onHighlightChange(null);
     };
-    var highlightedSeriesLabel = findSeriesLabel(series, highlightedSeries);
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { tabIndex: 0, className: styles.root, ref: containerRef, role: "application", "aria-label": legendTitle || ariaLabel, onKeyDown: handleKeyPress, onFocus: handleFocus, onBlur: handleBlur },
+        React.createElement("div", { ref: containerRef, role: "toolbar", "aria-label": legendTitle || ariaLabel, className: styles.root, onKeyDown: handleKeyPress, onBlur: handleBlur },
             legendTitle && (React.createElement(InternalBox, { fontWeight: "bold", className: styles.title }, legendTitle)),
-            React.createElement("ul", { className: styles.list }, series.map(function (s, index) {
+            React.createElement("div", { className: styles.list }, series.map(function (s, index) {
                 var _a;
                 var someHighlighted = highlightedSeries !== null;
                 var isHighlighted = highlightedSeries === s.datum;
                 var isDimmed = someHighlighted && !isHighlighted;
-                return (React.createElement("li", { key: index, onMouseOver: handleMouseOver.bind(null, s.datum), onMouseLeave: handleMouseLeave, className: clsx(styles.marker, (_a = {},
+                return (React.createElement("div", __assign({}, focusVisible, { role: "button", key: index, className: clsx(styles.marker, (_a = {},
                         _a[styles['marker--dimmed']] = isDimmed,
                         _a[styles['marker--highlighted']] = isHighlighted,
-                        _a[styles['marker--focused']] = isHighlighted && isFocused,
-                        _a)), "aria-disabled": isDimmed ? true : undefined },
+                        _a)), ref: function (elem) {
+                        if (elem) {
+                            segmentsRef.current[index] = elem;
+                        }
+                        else {
+                            delete segmentsRef.current[index];
+                        }
+                    }, tabIndex: index === highlightedSeriesIndex || (highlightedSeriesIndex === undefined && index === 0) ? 0 : -1, onFocus: function () { return handleSelection(index); }, onClick: function () { return handleSelection(index); }, onMouseOver: function () { return handleMouseOver(s.datum); }, onMouseLeave: handleMouseLeave }),
                     React.createElement(SeriesMarker, { color: s.color, type: s.type }),
                     " ",
                     s.label));
-            }))),
-        React.createElement(LiveRegion, null, isFocused ? highlightedSeriesLabel : null)));
+            })))));
 }
 function findSeriesIndex(series, targetSeries) {
     for (var index = 0; index < series.length; index++) {
@@ -90,13 +98,4 @@ function findSeriesIndex(series, targetSeries) {
     }
     return undefined;
 }
-function findSeriesLabel(series, targetSeries) {
-    for (var _i = 0, series_1 = series; _i < series_1.length; _i++) {
-        var s = series_1[_i];
-        if (s.datum === targetSeries) {
-            return s.label;
-        }
-    }
-    return null;
-}
 //# sourceMappingURL=index.js.map

package/internal/components/chart-legend/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-legend/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 clsx from 'clsx';\nimport React, { useRef, memo, useState } from 'react';\n\nimport LiveRegion from '../live-region';\nimport InternalBox from '../../../box/internal';\nimport { KeyCode } from '../../keycode';\nimport SeriesMarker, { ChartSeriesMarkerType } from '../chart-series-marker';\nimport styles from './styles.css.js';\n\nexport interface ChartLegendItem<T> {\n  label: string;\n  color: string;\n  type: ChartSeriesMarkerType;\n  datum: T;\n}\n\nexport interface ChartLegendProps<T> {\n  series: ReadonlyArray<ChartLegendItem<T>>;\n  highlightedSeries: T | null;\n  legendTitle?: string;\n  ariaLabel?: string;\n  plotContainerRef?: React.RefObject<HTMLDivElement>;\n  onHighlightChange: (series: T | null) => void;\n}\n\nexport default memo(ChartLegend) as typeof ChartLegend;\n\nfunction ChartLegend<T>({\n  series,\n  onHighlightChange,\n  highlightedSeries,\n  legendTitle,\n  ariaLabel,\n  plotContainerRef,\n}: ChartLegendProps<T>) {\n  const [isFocused, setIsFocused] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const highlightLeft = () => {\n    const currentIndex = findSeriesIndex(series, highlightedSeries) || 0;\n    const nextIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : series.length - 1;\n    onHighlightChange(series[nextIndex].datum);\n  };\n\n  const highlightRight = () => {\n    const currentIndex = findSeriesIndex(series, highlightedSeries) || 0;\n    const nextIndex = currentIndex + 1 < series.length ? currentIndex + 1 : 0;\n    onHighlightChange(series[nextIndex].datum);\n  };\n\n  const handleKeyPress = (event: React.KeyboardEvent) => {\n    if (event.keyCode === KeyCode.right || event.keyCode === KeyCode.left) {\n      // Preventing default fixes an issue in Safari+VO when VO additionally interprets arrow keys as its commands.\n      event.preventDefault();\n\n      switch (event.keyCode) {\n        case KeyCode.left:\n          return highlightLeft();\n\n        case KeyCode.right:\n          return highlightRight();\n\n        default:\n          return;\n      }\n    }\n  };\n\n  const handleFocus = () => {\n    setIsFocused(true);\n    onHighlightChange(highlightedSeries || series[0].datum);\n  };\n\n  const handleBlur = (event: React.FocusEvent<Element>) => {\n    setIsFocused(false);\n\n    // We need to check if the next element to be focused inside the plot container or not\n    // so we don't clear the selected legend in case we are still focusing elements ( legend elements )\n    // inside the plot container\n    if (\n      event.relatedTarget === null ||\n      !(event.relatedTarget instanceof Element) ||\n      (containerRef.current &&\n        !containerRef.current.contains(event.relatedTarget) &&\n        !plotContainerRef?.current?.contains(event.relatedTarget))\n    ) {\n      onHighlightChange(null);\n    }\n  };\n\n  const handleMouseOver = (s: T) => {\n    if (s !== highlightedSeries) {\n      onHighlightChange(s);\n    }\n  };\n\n  const handleMouseLeave = () => {\n    onHighlightChange(null);\n  };\n\n  const highlightedSeriesLabel = findSeriesLabel(series, highlightedSeries);\n\n  return (\n    <>\n      <div\n        tabIndex={0}\n        className={styles.root}\n        ref={containerRef}\n        role=\"application\"\n        aria-label={legendTitle || ariaLabel}\n        onKeyDown={handleKeyPress}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      >\n        {legendTitle && (\n          <InternalBox fontWeight=\"bold\" className={styles.title}>\n            {legendTitle}\n          </InternalBox>\n        )}\n\n        <ul className={styles.list}>\n          {series.map((s, index) => {\n            const someHighlighted = highlightedSeries !== null;\n            const isHighlighted = highlightedSeries === s.datum;\n            const isDimmed = someHighlighted && !isHighlighted;\n            return (\n              <li\n                key={index}\n                onMouseOver={handleMouseOver.bind(null, s.datum)}\n                onMouseLeave={handleMouseLeave}\n                className={clsx(styles.marker, {\n                  [styles['marker--dimmed']]: isDimmed,\n                  [styles['marker--highlighted']]: isHighlighted,\n                  [styles['marker--focused']]: isHighlighted && isFocused,\n                })}\n                aria-disabled={isDimmed ? true : undefined}\n              >\n                <SeriesMarker color={s.color} type={s.type} /> {s.label}\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n\n      <LiveRegion>{isFocused ? highlightedSeriesLabel : null}</LiveRegion>\n    </>\n  );\n}\n\nfunction findSeriesIndex<T>(series: ReadonlyArray<ChartLegendItem<T>>, targetSeries: null | T): undefined | number {\n  for (let index = 0; index < series.length; index++) {\n    if (series[index].datum === targetSeries) {\n      return index;\n    }\n  }\n  return undefined;\n}\n\nfunction findSeriesLabel<T>(series: ReadonlyArray<ChartLegendItem<T>>, targetSeries: null | T): null | string {\n  for (const s of series) {\n    if (s.datum === targetSeries) {\n      return s.label;\n    }\n  }\n  return null;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-legend/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,eAAe,MAAM,2BAA2B,CAAC;AACxD,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,YAAuC,MAAM,wBAAwB,CAAC;AAC7E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAkBrC,eAAe,IAAI,CAAC,WAAW,CAAuB,CAAC;AAEvD,SAAS,WAAW,CAAI,EAOF;QANpB,MAAM,YAAA,EACN,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EACjB,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,gBAAgB,sBAAA;IAEhB,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,IAAM,WAAW,GAAG,MAAM,CAA8B,EAAE,CAAC,CAAC;IAE5D,IAAM,sBAAsB,GAAG,eAAe,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IAE1E,IAAM,aAAa,GAAG;;QACpB,IAAM,YAAY,GAAG,sBAAsB,aAAtB,sBAAsB,cAAtB,sBAAsB,GAAI,CAAC,CAAC;QACjD,IAAM,SAAS,GAAG,YAAY,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QAC/E,MAAA,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,0CAAE,KAAK,EAAE,CAAC;IAC1C,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG;;QACrB,IAAM,YAAY,GAAG,sBAAsB,aAAtB,sBAAsB,cAAtB,sBAAsB,GAAI,CAAC,CAAC;QACjD,IAAM,SAAS,GAAG,YAAY,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1E,MAAA,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,0CAAE,KAAK,EAAE,CAAC;IAC1C,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,KAA0B;QAChD,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,IAAI,EAAE;YACrE,6GAA6G;YAC7G,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,QAAQ,KAAK,CAAC,OAAO,EAAE;gBACrB,KAAK,OAAO,CAAC,IAAI;oBACf,OAAO,aAAa,EAAE,CAAC;gBAEzB,KAAK,OAAO,CAAC,KAAK;oBAChB,OAAO,cAAc,EAAE,CAAC;gBAE1B;oBACE,OAAO;aACV;SACF;IACH,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,KAAa;QACpC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,iBAAiB,EAAE;YAC7C,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;SACxC;IACH,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,KAAgC;;QAClD,sFAAsF;QACtF,mGAAmG;QACnG,4BAA4B;QAC5B,IACE,KAAK,CAAC,aAAa,KAAK,IAAI;YAC5B,CAAC,YAAY,CAAC,OAAO;gBACnB,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC;gBACnD,CAAC,CAAA,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA,CAAC,EAC5D;YACA,iBAAiB,CAAC,IAAI,CAAC,CAAC;SACzB;IACH,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,CAAI;QAC3B,IAAI,CAAC,KAAK,iBAAiB,EAAE;YAC3B,iBAAiB,CAAC,CAAC,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACvB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL;QACE,6BACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,SAAS,gBACF,WAAW,IAAI,SAAS,EACpC,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,SAAS,EAAE,cAAc,EACzB,MAAM,EAAE,UAAU;YAEjB,WAAW,IAAI,CACd,oBAAC,WAAW,IAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,IACnD,WAAW,CACA,CACf;YAED,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,IACxB,MAAM,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK;;gBACnB,IAAM,eAAe,GAAG,iBAAiB,KAAK,IAAI,CAAC;gBACnD,IAAM,aAAa,GAAG,iBAAiB,KAAK,CAAC,CAAC,KAAK,CAAC;gBACpD,IAAM,QAAQ,GAAG,eAAe,IAAI,CAAC,aAAa,CAAC;gBACnD,OAAO,CACL,wCACM,YAAY,IAChB,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM;wBAC3B,GAAC,MAAM,CAAC,gBAAgB,CAAC,IAAG,QAAQ;wBACpC,GAAC,MAAM,CAAC,qBAAqB,CAAC,IAAG,aAAa;4BAC9C,EACF,GAAG,EAAE,UAAA,IAAI;wBACP,IAAI,IAAI,EAAE;4BACR,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;yBACnC;6BAAM;4BACL,OAAO,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;yBACnC;oBACH,CAAC,EACD,QAAQ,EACN,KAAK,KAAK,sBAAsB,IAAI,CAAC,sBAAsB,KAAK,SAAS,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAEpG,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB,EACrC,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB,EACrC,WAAW,EAAE,cAAM,OAAA,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,EAAxB,CAAwB,EAC3C,YAAY,EAAE,gBAAgB;oBAE9B,oBAAC,YAAY,IAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,GAAI;;oBAAE,CAAC,CAAC,KAAK,CACnD,CACP,CAAC;YACJ,CAAC,CAAC,CACE,CACF,CACL,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAI,MAAyC,EAAE,YAAsB;IAC3F,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAClD,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,YAAY,EAAE;YACxC,OAAO,KAAK,CAAC;SACd;KACF;IACD,OAAO,SAAS,CAAC;AACnB,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, { useRef, memo } from 'react';\n\nimport useFocusVisible from '../../hooks/focus-visible';\nimport InternalBox from '../../../box/internal';\nimport { KeyCode } from '../../keycode';\nimport SeriesMarker, { ChartSeriesMarkerType } from '../chart-series-marker';\nimport styles from './styles.css.js';\n\nexport interface ChartLegendItem<T> {\n  label: string;\n  color: string;\n  type: ChartSeriesMarkerType;\n  datum: T;\n}\n\nexport interface ChartLegendProps<T> {\n  series: ReadonlyArray<ChartLegendItem<T>>;\n  highlightedSeries: T | null;\n  legendTitle?: string;\n  ariaLabel?: string;\n  plotContainerRef?: React.RefObject<HTMLDivElement>;\n  onHighlightChange: (series: T | null) => void;\n}\n\nexport default memo(ChartLegend) as typeof ChartLegend;\n\nfunction ChartLegend<T>({\n  series,\n  onHighlightChange,\n  highlightedSeries,\n  legendTitle,\n  ariaLabel,\n  plotContainerRef,\n}: ChartLegendProps<T>) {\n  const focusVisible = useFocusVisible();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const segmentsRef = useRef<Record<number, HTMLElement>>([]);\n\n  const highlightedSeriesIndex = findSeriesIndex(series, highlightedSeries);\n\n  const highlightLeft = () => {\n    const currentIndex = highlightedSeriesIndex ?? 0;\n    const nextIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : series.length - 1;\n    segmentsRef.current[nextIndex]?.focus();\n  };\n\n  const highlightRight = () => {\n    const currentIndex = highlightedSeriesIndex ?? 0;\n    const nextIndex = currentIndex + 1 < series.length ? currentIndex + 1 : 0;\n    segmentsRef.current[nextIndex]?.focus();\n  };\n\n  const handleKeyPress = (event: React.KeyboardEvent) => {\n    if (event.keyCode === KeyCode.right || event.keyCode === KeyCode.left) {\n      // Preventing default fixes an issue in Safari+VO when VO additionally interprets arrow keys as its commands.\n      event.preventDefault();\n\n      switch (event.keyCode) {\n        case KeyCode.left:\n          return highlightLeft();\n\n        case KeyCode.right:\n          return highlightRight();\n\n        default:\n          return;\n      }\n    }\n  };\n\n  const handleSelection = (index: number) => {\n    if (series[index].datum !== highlightedSeries) {\n      onHighlightChange(series[index].datum);\n    }\n  };\n\n  const handleBlur = (event: React.FocusEvent<Element>) => {\n    // We need to check if the next element to be focused inside the plot container or not\n    // so we don't clear the selected legend in case we are still focusing elements ( legend elements )\n    // inside the plot container\n    if (\n      event.relatedTarget === null ||\n      (containerRef.current &&\n        !containerRef.current.contains(event.relatedTarget) &&\n        !plotContainerRef?.current?.contains(event.relatedTarget))\n    ) {\n      onHighlightChange(null);\n    }\n  };\n\n  const handleMouseOver = (s: T) => {\n    if (s !== highlightedSeries) {\n      onHighlightChange(s);\n    }\n  };\n\n  const handleMouseLeave = () => {\n    onHighlightChange(null);\n  };\n\n  return (\n    <>\n      <div\n        ref={containerRef}\n        role=\"toolbar\"\n        aria-label={legendTitle || ariaLabel}\n        className={styles.root}\n        onKeyDown={handleKeyPress}\n        onBlur={handleBlur}\n      >\n        {legendTitle && (\n          <InternalBox fontWeight=\"bold\" className={styles.title}>\n            {legendTitle}\n          </InternalBox>\n        )}\n\n        <div className={styles.list}>\n          {series.map((s, index) => {\n            const someHighlighted = highlightedSeries !== null;\n            const isHighlighted = highlightedSeries === s.datum;\n            const isDimmed = someHighlighted && !isHighlighted;\n            return (\n              <div\n                {...focusVisible}\n                role=\"button\"\n                key={index}\n                className={clsx(styles.marker, {\n                  [styles['marker--dimmed']]: isDimmed,\n                  [styles['marker--highlighted']]: isHighlighted,\n                })}\n                ref={elem => {\n                  if (elem) {\n                    segmentsRef.current[index] = elem;\n                  } else {\n                    delete segmentsRef.current[index];\n                  }\n                }}\n                tabIndex={\n                  index === highlightedSeriesIndex || (highlightedSeriesIndex === undefined && index === 0) ? 0 : -1\n                }\n                onFocus={() => handleSelection(index)}\n                onClick={() => handleSelection(index)}\n                onMouseOver={() => handleMouseOver(s.datum)}\n                onMouseLeave={handleMouseLeave}\n              >\n                <SeriesMarker color={s.color} type={s.type} /> {s.label}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </>\n  );\n}\n\nfunction findSeriesIndex<T>(series: ReadonlyArray<ChartLegendItem<T>>, targetSeries: null | T): undefined | number {\n  for (let index = 0; index < series.length; index++) {\n    if (series[index].datum === targetSeries) {\n      return index;\n    }\n  }\n  return undefined;\n}\n"]}

package/internal/components/chart-legend/styles.css.js

@@ -1,12 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "marker": "awsui_marker_1kjc7_10w04_93",
-  "root": "awsui_root_1kjc7_10w04_111",
-  "title": "awsui_title_1kjc7_10w04_125",
-  "list": "awsui_list_1kjc7_10w04_129",
-  "marker--dimmed": "awsui_marker--dimmed_1kjc7_10w04_151",
-  "marker--highlighted": "awsui_marker--highlighted_1kjc7_10w04_154",
-  "marker--focused": "awsui_marker--focused_1kjc7_10w04_157"
+  "marker": "awsui_marker_1kjc7_so3yk_93",
+  "root": "awsui_root_1kjc7_so3yk_111",
+  "title": "awsui_title_1kjc7_so3yk_125",
+  "list": "awsui_list_1kjc7_so3yk_129",
+  "marker--dimmed": "awsui_marker--dimmed_1kjc7_so3yk_171",
+  "marker--highlighted": "awsui_marker--highlighted_1kjc7_so3yk_174"
 };
   

package/internal/components/chart-legend/styles.scoped.css

@@ -90,16 +90,16 @@ 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_marker_1kjc7_10w04_93:not(#\9) {
+.awsui_marker_1kjc7_so3yk_93:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_marker_1kjc7_10w04_93:not(#\9) {
+  .awsui_marker_1kjc7_so3yk_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_marker_1kjc7_10w04_93:not(#\9), .awsui-mode-entering .awsui_marker_1kjc7_10w04_93:not(#\9) {
+.awsui-motion-disabled .awsui_marker_1kjc7_so3yk_93:not(#\9), .awsui-mode-entering .awsui_marker_1kjc7_so3yk_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -108,7 +108,7 @@ 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_root_1kjc7_10w04_111:not(#\9) {
+.awsui_root_1kjc7_so3yk_111:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -144,15 +144,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 400;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
-.awsui_root_1kjc7_10w04_111:not(#\9):focus {
+.awsui_root_1kjc7_so3yk_111:not(#\9):focus {
   outline: none;
 }
 
-.awsui_title_1kjc7_10w04_125:not(#\9) {
+.awsui_title_1kjc7_so3yk_125:not(#\9) {
   /* used in test utils */
 }
 
-.awsui_list_1kjc7_10w04_129:not(#\9) {
+.awsui_list_1kjc7_so3yk_129:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   list-style: none;
@@ -160,34 +160,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 0;
 }
 
-.awsui_marker_1kjc7_10w04_93:not(#\9) {
+.awsui_marker_1kjc7_so3yk_93:not(#\9) {
   display: inline-flex;
   align-items: flex-start;
   margin-right: var(--space-m-17eucw, 16px);
   padding: 0;
+  border: 0;
+  background-color: transparent;
   cursor: pointer;
   opacity: 1;
 }
-.awsui_marker_1kjc7_10w04_93:not(#\9):focus {
+.awsui_marker_1kjc7_so3yk_93:not(#\9):focus {
   outline: none;
 }
-.awsui_marker_1kjc7_10w04_93:not(#\9):last-child {
-  margin-right: 0;
-}
-.awsui_marker_1kjc7_10w04_93.awsui_marker--dimmed_1kjc7_10w04_151:not(#\9) {
-  opacity: 0.35;
-}
-.awsui_marker_1kjc7_10w04_93.awsui_marker--highlighted_1kjc7_10w04_154:not(#\9) {
-  /* used in test utils */
-}
-.awsui_marker_1kjc7_10w04_93.awsui_marker--focused_1kjc7_10w04_157:not(#\9) {
+.awsui_marker_1kjc7_so3yk_93[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_marker_1kjc7_10w04_93.awsui_marker--focused_1kjc7_10w04_157:not(#\9) {
+.awsui_marker_1kjc7_so3yk_93[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_marker_1kjc7_10w04_93.awsui_marker--focused_1kjc7_10w04_157:not(#\9)::before {
+.awsui_marker_1kjc7_so3yk_93[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -197,4 +190,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: calc(100% + 2 * 2px);
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
+}
+.awsui_marker_1kjc7_so3yk_93:not(#\9):last-child {
+  margin-right: 0;
+}
+.awsui_marker_1kjc7_so3yk_93.awsui_marker--dimmed_1kjc7_so3yk_171:not(#\9) {
+  opacity: 0.35;
+}
+.awsui_marker_1kjc7_so3yk_93.awsui_marker--highlighted_1kjc7_so3yk_174:not(#\9) {
+  /* used in test utils */
 }

package/internal/components/chart-legend/styles.selectors.js

@@ -2,12 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "marker": "awsui_marker_1kjc7_10w04_93",
-  "root": "awsui_root_1kjc7_10w04_111",
-  "title": "awsui_title_1kjc7_10w04_125",
-  "list": "awsui_list_1kjc7_10w04_129",
-  "marker--dimmed": "awsui_marker--dimmed_1kjc7_10w04_151",
-  "marker--highlighted": "awsui_marker--highlighted_1kjc7_10w04_154",
-  "marker--focused": "awsui_marker--focused_1kjc7_10w04_157"
+  "marker": "awsui_marker_1kjc7_so3yk_93",
+  "root": "awsui_root_1kjc7_so3yk_111",
+  "title": "awsui_title_1kjc7_so3yk_125",
+  "list": "awsui_list_1kjc7_so3yk_129",
+  "marker--dimmed": "awsui_marker--dimmed_1kjc7_so3yk_171",
+  "marker--highlighted": "awsui_marker--highlighted_1kjc7_so3yk_174"
 };
   

package/internal/environment.js

@@ -1,5 +1,5 @@
 
-    export var PACKAGE_VERSION = '3.0.0 (0ec1556)';
+    export var PACKAGE_VERSION = '3.0.0 (e1f5f5e)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;
     

package/package.json

@@ -112,6 +112,6 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.98",
+  "version": "3.0.100",
   "license": "Apache-2.0"
 }

package/wizard/styles.css.js

@@ -1,36 +1,36 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1xupv_1ouog_94",
-  "wizard": "awsui_wizard_1xupv_1ouog_105",
-  "refresh": "awsui_refresh_1xupv_1ouog_105",
-  "small-container": "awsui_small-container_1xupv_1ouog_112",
-  "navigation": "awsui_navigation_1xupv_1ouog_120",
-  "number": "awsui_number_1xupv_1ouog_148",
-  "circle": "awsui_circle_1xupv_1ouog_164",
-  "title": "awsui_title_1xupv_1ouog_172",
-  "active": "awsui_active_1xupv_1ouog_201",
-  "disabled": "awsui_disabled_1xupv_1ouog_212",
-  "enabled": "awsui_enabled_1xupv_1ouog_222",
-  "form": "awsui_form_1xupv_1ouog_261",
-  "form-header": "awsui_form-header_1xupv_1ouog_267",
-  "background": "awsui_background_1xupv_1ouog_278",
-  "form-header-content": "awsui_form-header-content_1xupv_1ouog_288",
-  "form-component": "awsui_form-component_1xupv_1ouog_292",
-  "hidden": "awsui_hidden_1xupv_1ouog_306",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_1ouog_310",
-  "collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_1ouog_315",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1ouog_318",
-  "form-header-component": "awsui_form-header-component_1xupv_1ouog_322",
-  "navigation-link": "awsui_navigation-link_1xupv_1ouog_323",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_1ouog_324",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_1ouog_325",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_1ouog_329",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1ouog_334",
-  "cancel-button": "awsui_cancel-button_1xupv_1ouog_338",
-  "previous-button": "awsui_previous-button_1xupv_1ouog_339",
-  "primary-button": "awsui_primary-button_1xupv_1ouog_340",
-  "skip-to-button": "awsui_skip-to-button_1xupv_1ouog_341",
-  "action-buttons": "awsui_action-buttons_1xupv_1ouog_345"
+  "root": "awsui_root_1xupv_egy7r_94",
+  "wizard": "awsui_wizard_1xupv_egy7r_105",
+  "refresh": "awsui_refresh_1xupv_egy7r_105",
+  "small-container": "awsui_small-container_1xupv_egy7r_112",
+  "navigation": "awsui_navigation_1xupv_egy7r_120",
+  "number": "awsui_number_1xupv_egy7r_148",
+  "circle": "awsui_circle_1xupv_egy7r_164",
+  "title": "awsui_title_1xupv_egy7r_172",
+  "active": "awsui_active_1xupv_egy7r_201",
+  "disabled": "awsui_disabled_1xupv_egy7r_212",
+  "enabled": "awsui_enabled_1xupv_egy7r_222",
+  "form": "awsui_form_1xupv_egy7r_261",
+  "form-header": "awsui_form-header_1xupv_egy7r_267",
+  "background": "awsui_background_1xupv_egy7r_278",
+  "form-header-content": "awsui_form-header-content_1xupv_egy7r_288",
+  "form-component": "awsui_form-component_1xupv_egy7r_292",
+  "hidden": "awsui_hidden_1xupv_egy7r_306",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_egy7r_310",
+  "collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_egy7r_315",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_egy7r_318",
+  "form-header-component": "awsui_form-header-component_1xupv_egy7r_322",
+  "navigation-link": "awsui_navigation-link_1xupv_egy7r_323",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_egy7r_324",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_egy7r_325",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_egy7r_329",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_egy7r_334",
+  "cancel-button": "awsui_cancel-button_1xupv_egy7r_338",
+  "previous-button": "awsui_previous-button_1xupv_egy7r_339",
+  "primary-button": "awsui_primary-button_1xupv_egy7r_340",
+  "skip-to-button": "awsui_skip-to-button_1xupv_egy7r_341",
+  "action-buttons": "awsui_action-buttons_1xupv_egy7r_345"
 };
   

package/wizard/styles.scoped.css

@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable selector-max-universal, selector-max-type */
-.awsui_root_1xupv_1ouog_94:not(#\9) {
+.awsui_root_1xupv_egy7r_94:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -128,28 +128,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
 
-.awsui_wizard_1xupv_1ouog_105.awsui_refresh_1xupv_1ouog_105:not(#\9) {
+.awsui_wizard_1xupv_egy7r_105.awsui_refresh_1xupv_egy7r_105:not(#\9) {
   column-gap: var(--space-xl-a39hup, 24px);
   display: grid;
   grid-template-columns: auto 1fr;
   grid-template-rows: auto 1fr;
   row-gap: var(--space-scaled-xl-w2t504, 24px);
 }
-.awsui_wizard_1xupv_1ouog_105.awsui_refresh_1xupv_1ouog_105.awsui_small-container_1xupv_1ouog_112:not(#\9) {
+.awsui_wizard_1xupv_egy7r_105.awsui_refresh_1xupv_egy7r_105.awsui_small-container_1xupv_egy7r_112:not(#\9) {
   row-gap: var(--space-scaled-l-t03y3z, 20px);
 }
 
-.awsui_wizard_1xupv_1ouog_105:not(#\9):not(.awsui_refresh_1xupv_1ouog_105) {
+.awsui_wizard_1xupv_egy7r_105:not(#\9):not(.awsui_refresh_1xupv_egy7r_105) {
   display: flex;
 }
 
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105:not(#\9) {
   grid-column: 1;
   grid-row: 1/span 2;
   padding-top: var(--space-scaled-xxs-95dhkm, 4px);
   z-index: 1;
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul:not(#\9) {
   background: var(--color-background-container-content-i8i4a0, #ffffff);
   border-radius: var(--border-radius-container-gh9ysk, 16px);
   box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
@@ -158,26 +158,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 280px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li:not(#\9) {
   display: grid;
   column-gap: var(--space-s-hv8c1d, 12px);
   grid-template-columns: var(--space-l-4vl6xu, 20px) 1fr;
   grid-template-rows: repeat(2, auto);
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li > hr:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li > hr:not(#\9) {
   background-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
   border: 0;
   grid-column: 1;
   height: 100%;
   width: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li > .awsui_number_1xupv_1ouog_148:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li > .awsui_number_1xupv_egy7r_148:not(#\9) {
   color: var(--color-text-small-le1y42, #5f6b7a);
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li > a:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li > a:not(#\9) {
   align-items: start;
   column-gap: var(--space-s-hv8c1d, 12px);
   cursor: pointer;
@@ -187,7 +187,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-row: 2;
   grid-template-columns: var(--space-l-4vl6xu, 20px) 1fr;
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li > a > .awsui_circle_1xupv_1ouog_164:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li > a > .awsui_circle_1xupv_egy7r_164:not(#\9) {
   border-radius: 100%;
   grid-column: 1;
   height: 10px;
@@ -195,13 +195,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-top: 6px;
   width: 10px;
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li > a > .awsui_title_1xupv_1ouog_172:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li > a > .awsui_title_1xupv_egy7r_172:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   grid-column: 2;
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li > a[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li > a[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-k2wccv, 0);
   outline-offset: 2px;
@@ -209,58 +209,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1ouog_148 {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_egy7r_148 {
   margin-top: var(--space-scaled-xl-w2t504, 24px);
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li.awsui_active_1xupv_1ouog_201 > a:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li.awsui_active_1xupv_egy7r_201 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li.awsui_active_1xupv_1ouog_201 > a > .awsui_circle_1xupv_1ouog_164:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li.awsui_active_1xupv_egy7r_201 > a > .awsui_circle_1xupv_egy7r_164:not(#\9) {
   background-color: var(--color-background-control-checked-9admlu, #0972d3);
   box-shadow: 0 0 0 3px var(--color-background-container-content-i8i4a0, #ffffff), 0 0 0 5px var(--color-background-control-checked-9admlu, #0972d3), 0 0 0 7px var(--color-background-container-content-i8i4a0, #ffffff);
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li.awsui_active_1xupv_1ouog_201 > a > .awsui_title_1xupv_1ouog_172:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li.awsui_active_1xupv_egy7r_201 > a > .awsui_title_1xupv_egy7r_172:not(#\9) {
   color: var(--color-background-control-checked-9admlu, #0972d3);
   font-weight: 700;
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li.awsui_disabled_1xupv_1ouog_212 > a:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li.awsui_disabled_1xupv_egy7r_212 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li.awsui_disabled_1xupv_1ouog_212 > a > .awsui_circle_1xupv_1ouog_164:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li.awsui_disabled_1xupv_egy7r_212 > a > .awsui_circle_1xupv_egy7r_164:not(#\9) {
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
   box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-3pbb07, #9ba7b6), 0 0 0 4px var(--color-background-container-content-i8i4a0, #ffffff);
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li.awsui_disabled_1xupv_1ouog_212 > a > .awsui_title_1xupv_1ouog_172:not(#\9) {
-  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li.awsui_disabled_1xupv_egy7r_212 > a > .awsui_title_1xupv_egy7r_172:not(#\9) {
+  color: var(--color-text-status-inactive-5ei55p, #5f6b7a);
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li.awsui_enabled_1xupv_1ouog_222 > a > .awsui_circle_1xupv_1ouog_164:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li.awsui_enabled_1xupv_egy7r_222 > a > .awsui_circle_1xupv_egy7r_164:not(#\9) {
   background-color: var(--color-text-interactive-default-eg5fsa, #414d5c);
   box-shadow: 0 0 0 2px var(--color-text-interactive-default-eg5fsa, #414d5c), 0 0 0 4px var(--color-background-container-content-i8i4a0, #ffffff);
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li.awsui_enabled_1xupv_1ouog_222 > a > .awsui_title_1xupv_1ouog_172:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li.awsui_enabled_1xupv_egy7r_222 > a > .awsui_title_1xupv_egy7r_172:not(#\9) {
   color: var(--color-text-interactive-default-eg5fsa, #414d5c);
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li.awsui_enabled_1xupv_1ouog_222 > a:not(#\9):hover > .awsui_circle_1xupv_1ouog_164 {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li.awsui_enabled_1xupv_egy7r_222 > a:not(#\9):hover > .awsui_circle_1xupv_egy7r_164 {
   background-color: var(--color-background-control-checked-9admlu, #0972d3);
   box-shadow: 0 0 0 2px var(--color-background-control-checked-9admlu, #0972d3), 0 0 0 4px var(--color-background-container-content-i8i4a0, #ffffff);
 }
-.awsui_navigation_1xupv_1ouog_120.awsui_refresh_1xupv_1ouog_105 > ul > li.awsui_enabled_1xupv_1ouog_222 > a:not(#\9):hover > .awsui_title_1xupv_1ouog_172 {
+.awsui_navigation_1xupv_egy7r_120.awsui_refresh_1xupv_egy7r_105 > ul > li.awsui_enabled_1xupv_egy7r_222 > a:not(#\9):hover > .awsui_title_1xupv_egy7r_172 {
   color: var(--color-background-control-checked-9admlu, #0972d3);
 }
 
-.awsui_navigation_1xupv_1ouog_120:not(#\9):not(.awsui_refresh_1xupv_1ouog_105) {
+.awsui_navigation_1xupv_egy7r_120:not(#\9):not(.awsui_refresh_1xupv_egy7r_105) {
   color: var(--color-text-disabled-a2nkh4, #9ba7b6);
   display: inline-block;
   margin-right: calc(2 * var(--space-xxxl-bo9z7f, 40px));
@@ -268,107 +268,107 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-top: var(--space-xxs-ynfts5, 4px);
   width: 200px;
 }
-.awsui_navigation_1xupv_1ouog_120:not(#\9):not(.awsui_refresh_1xupv_1ouog_105) > ul {
+.awsui_navigation_1xupv_egy7r_120:not(#\9):not(.awsui_refresh_1xupv_egy7r_105) > ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.awsui_navigation_1xupv_1ouog_120:not(#\9):not(.awsui_refresh_1xupv_1ouog_105) > ul > li {
+.awsui_navigation_1xupv_egy7r_120:not(#\9):not(.awsui_refresh_1xupv_egy7r_105) > ul > li {
   padding-bottom: var(--space-scaled-m-pv0fmt, 16px);
   padding-top: 0;
 }
-.awsui_navigation_1xupv_1ouog_120:not(#\9):not(.awsui_refresh_1xupv_1ouog_105) > ul > li:not(:first-child) {
+.awsui_navigation_1xupv_egy7r_120:not(#\9):not(.awsui_refresh_1xupv_egy7r_105) > ul > li:not(:first-child) {
   margin-top: var(--space-scaled-m-pv0fmt, 16px);
 }
-.awsui_navigation_1xupv_1ouog_120:not(#\9):not(.awsui_refresh_1xupv_1ouog_105) > ul > li:not(:last-child) {
+.awsui_navigation_1xupv_egy7r_120:not(#\9):not(.awsui_refresh_1xupv_egy7r_105) > ul > li:not(:last-child) {
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-layout-wf5alz, #d1d5db);
 }
 
-.awsui_form_1xupv_1ouog_261:not(#\9):not(.awsui_refresh_1xupv_1ouog_105) {
+.awsui_form_1xupv_egy7r_261:not(#\9):not(.awsui_refresh_1xupv_egy7r_105) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   width: 100%;
 }
-.awsui_form_1xupv_1ouog_261:not(#\9):not(.awsui_refresh_1xupv_1ouog_105) > .awsui_form-header_1xupv_1ouog_267 {
+.awsui_form_1xupv_egy7r_261:not(#\9):not(.awsui_refresh_1xupv_egy7r_105) > .awsui_form-header_1xupv_egy7r_267 {
   position: relative;
   margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
 }
 
-.awsui_form_1xupv_1ouog_261.awsui_refresh_1xupv_1ouog_105:not(#\9) {
+.awsui_form_1xupv_egy7r_261.awsui_refresh_1xupv_egy7r_105:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_1ouog_261.awsui_refresh_1xupv_1ouog_105 > .awsui_background_1xupv_1ouog_278:not(#\9) {
+.awsui_form_1xupv_egy7r_261.awsui_refresh_1xupv_egy7r_105 > .awsui_background_1xupv_egy7r_278:not(#\9) {
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   grid-column: 1/span 2;
   grid-row: 1;
 }
-.awsui_form_1xupv_1ouog_261.awsui_refresh_1xupv_1ouog_105 > .awsui_form-header_1xupv_1ouog_267:not(#\9) {
+.awsui_form_1xupv_egy7r_261.awsui_refresh_1xupv_egy7r_105 > .awsui_form-header_1xupv_egy7r_267:not(#\9) {
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_form_1xupv_1ouog_261.awsui_refresh_1xupv_1ouog_105 > .awsui_form-header_1xupv_1ouog_267 > .awsui_form-header-content_1xupv_1ouog_288:not(#\9) {
+.awsui_form_1xupv_egy7r_261.awsui_refresh_1xupv_egy7r_105 > .awsui_form-header_1xupv_egy7r_267 > .awsui_form-header-content_1xupv_egy7r_288:not(#\9) {
   padding-top: var(--space-scaled-xl-w2t504, 24px);
   padding-bottom: var(--space-scaled-xl-w2t504, 24px);
 }
-.awsui_form_1xupv_1ouog_261.awsui_refresh_1xupv_1ouog_105 > .awsui_form-component_1xupv_1ouog_292:not(#\9) {
+.awsui_form_1xupv_egy7r_261.awsui_refresh_1xupv_egy7r_105 > .awsui_form-component_1xupv_egy7r_292:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_1ouog_261.awsui_refresh_1xupv_1ouog_105.awsui_small-container_1xupv_1ouog_112 > .awsui_form-header_1xupv_1ouog_267:not(#\9) {
+.awsui_form_1xupv_egy7r_261.awsui_refresh_1xupv_egy7r_105.awsui_small-container_1xupv_egy7r_112 > .awsui_form-header_1xupv_egy7r_267:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_form_1xupv_1ouog_261.awsui_refresh_1xupv_1ouog_105.awsui_small-container_1xupv_1ouog_112 > .awsui_form-header_1xupv_1ouog_267 > .awsui_form-header-content_1xupv_1ouog_288:not(#\9) {
+.awsui_form_1xupv_egy7r_261.awsui_refresh_1xupv_egy7r_105.awsui_small-container_1xupv_egy7r_112 > .awsui_form-header_1xupv_egy7r_267 > .awsui_form-header-content_1xupv_egy7r_288:not(#\9) {
   padding-top: 0;
 }
-.awsui_form_1xupv_1ouog_261.awsui_refresh_1xupv_1ouog_105.awsui_small-container_1xupv_1ouog_112 > .awsui_form-component_1xupv_1ouog_292:not(#\9) {
+.awsui_form_1xupv_egy7r_261.awsui_refresh_1xupv_egy7r_105.awsui_small-container_1xupv_egy7r_112 > .awsui_form-component_1xupv_egy7r_292:not(#\9) {
   grid-column: 1/span 2;
 }
 
-.awsui_navigation_1xupv_1ouog_120.awsui_hidden_1xupv_1ouog_306:not(#\9) {
+.awsui_navigation_1xupv_egy7r_120.awsui_hidden_1xupv_egy7r_306:not(#\9) {
   display: none;
 }
 
-.awsui_collapsed-steps_1xupv_1ouog_310:not(#\9) {
+.awsui_collapsed-steps_1xupv_egy7r_310:not(#\9) {
   color: var(--color-text-heading-secondary-corkaj, #414d5c);
   font-weight: 700;
   padding-top: var(--space-scaled-xxs-95dhkm, 4px);
 }
-.awsui_collapsed-steps-extra-padding_1xupv_1ouog_315:not(#\9) {
+.awsui_collapsed-steps-extra-padding_1xupv_egy7r_315:not(#\9) {
   padding-top: var(--space-scaled-l-t03y3z, 20px);
 }
-.awsui_collapsed-steps-hidden_1xupv_1ouog_318:not(#\9) {
+.awsui_collapsed-steps-hidden_1xupv_egy7r_318:not(#\9) {
   display: none;
 }
 
-.awsui_form-header-component_1xupv_1ouog_322:not(#\9),
-.awsui_navigation-link_1xupv_1ouog_323:not(#\9),
-.awsui_navigation-link-item_1xupv_1ouog_324:not(#\9),
-.awsui_navigation-link-label_1xupv_1ouog_325:not(#\9) {
+.awsui_form-header-component_1xupv_egy7r_322:not(#\9),
+.awsui_navigation-link_1xupv_egy7r_323:not(#\9),
+.awsui_navigation-link-item_1xupv_egy7r_324:not(#\9),
+.awsui_navigation-link-label_1xupv_egy7r_325:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_navigation-link-active_1xupv_1ouog_329:not(#\9) {
+.awsui_navigation-link-active_1xupv_egy7r_329:not(#\9) {
   font-weight: 700;
   color: var(--color-text-body-default-ajf1h5, #000716);
 }
 
-.awsui_navigation-link-disabled_1xupv_1ouog_334:not(#\9) {
+.awsui_navigation-link-disabled_1xupv_egy7r_334:not(#\9) {
   color: var(--color-text-control-disabled-3z3eul, #9ba7b6);
 }
 
-.awsui_cancel-button_1xupv_1ouog_338:not(#\9),
-.awsui_previous-button_1xupv_1ouog_339:not(#\9),
-.awsui_primary-button_1xupv_1ouog_340:not(#\9),
-.awsui_skip-to-button_1xupv_1ouog_341:not(#\9) {
+.awsui_cancel-button_1xupv_egy7r_338:not(#\9),
+.awsui_previous-button_1xupv_egy7r_339:not(#\9),
+.awsui_primary-button_1xupv_egy7r_340:not(#\9),
+.awsui_skip-to-button_1xupv_egy7r_341:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_action-buttons_1xupv_1ouog_345:not(#\9) {
+.awsui_action-buttons_1xupv_egy7r_345:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

package/wizard/styles.selectors.js

@@ -2,36 +2,36 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1xupv_1ouog_94",
-  "wizard": "awsui_wizard_1xupv_1ouog_105",
-  "refresh": "awsui_refresh_1xupv_1ouog_105",
-  "small-container": "awsui_small-container_1xupv_1ouog_112",
-  "navigation": "awsui_navigation_1xupv_1ouog_120",
-  "number": "awsui_number_1xupv_1ouog_148",
-  "circle": "awsui_circle_1xupv_1ouog_164",
-  "title": "awsui_title_1xupv_1ouog_172",
-  "active": "awsui_active_1xupv_1ouog_201",
-  "disabled": "awsui_disabled_1xupv_1ouog_212",
-  "enabled": "awsui_enabled_1xupv_1ouog_222",
-  "form": "awsui_form_1xupv_1ouog_261",
-  "form-header": "awsui_form-header_1xupv_1ouog_267",
-  "background": "awsui_background_1xupv_1ouog_278",
-  "form-header-content": "awsui_form-header-content_1xupv_1ouog_288",
-  "form-component": "awsui_form-component_1xupv_1ouog_292",
-  "hidden": "awsui_hidden_1xupv_1ouog_306",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_1ouog_310",
-  "collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_1ouog_315",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1ouog_318",
-  "form-header-component": "awsui_form-header-component_1xupv_1ouog_322",
-  "navigation-link": "awsui_navigation-link_1xupv_1ouog_323",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_1ouog_324",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_1ouog_325",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_1ouog_329",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1ouog_334",
-  "cancel-button": "awsui_cancel-button_1xupv_1ouog_338",
-  "previous-button": "awsui_previous-button_1xupv_1ouog_339",
-  "primary-button": "awsui_primary-button_1xupv_1ouog_340",
-  "skip-to-button": "awsui_skip-to-button_1xupv_1ouog_341",
-  "action-buttons": "awsui_action-buttons_1xupv_1ouog_345"
+  "root": "awsui_root_1xupv_egy7r_94",
+  "wizard": "awsui_wizard_1xupv_egy7r_105",
+  "refresh": "awsui_refresh_1xupv_egy7r_105",
+  "small-container": "awsui_small-container_1xupv_egy7r_112",
+  "navigation": "awsui_navigation_1xupv_egy7r_120",
+  "number": "awsui_number_1xupv_egy7r_148",
+  "circle": "awsui_circle_1xupv_egy7r_164",
+  "title": "awsui_title_1xupv_egy7r_172",
+  "active": "awsui_active_1xupv_egy7r_201",
+  "disabled": "awsui_disabled_1xupv_egy7r_212",
+  "enabled": "awsui_enabled_1xupv_egy7r_222",
+  "form": "awsui_form_1xupv_egy7r_261",
+  "form-header": "awsui_form-header_1xupv_egy7r_267",
+  "background": "awsui_background_1xupv_egy7r_278",
+  "form-header-content": "awsui_form-header-content_1xupv_egy7r_288",
+  "form-component": "awsui_form-component_1xupv_egy7r_292",
+  "hidden": "awsui_hidden_1xupv_egy7r_306",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_egy7r_310",
+  "collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_egy7r_315",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_egy7r_318",
+  "form-header-component": "awsui_form-header-component_1xupv_egy7r_322",
+  "navigation-link": "awsui_navigation-link_1xupv_egy7r_323",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_egy7r_324",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_egy7r_325",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_egy7r_329",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_egy7r_334",
+  "cancel-button": "awsui_cancel-button_1xupv_egy7r_338",
+  "previous-button": "awsui_previous-button_1xupv_egy7r_339",
+  "primary-button": "awsui_primary-button_1xupv_egy7r_340",
+  "skip-to-button": "awsui_skip-to-button_1xupv_egy7r_341",
+  "action-buttons": "awsui_action-buttons_1xupv_egy7r_345"
 };
   

package/calendar/header/button/index.d.ts

@@ -1,8 +0,0 @@
-interface HeaderButtonProps {
-    ariaLabel: string;
-    isPrevious: boolean;
-    onChangeMonth: (isPrevious: boolean) => void;
-}
-declare const HeaderButton: ({ ariaLabel, isPrevious, onChangeMonth }: HeaderButtonProps) => JSX.Element;
-export default HeaderButton;
-//# sourceMappingURL=index.d.ts.map

package/calendar/header/button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/calendar/header/button/index.tsx"],"names":[],"mappings":"AAQA,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,QAAA,MAAM,YAAY,6CAA8C,iBAAiB,gBAoBhF,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/calendar/header/button/index.js

@@ -1,20 +0,0 @@
-import { __assign } from "tslib";
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import React from 'react';
-import { InternalButton } from '../../../button/internal';
-import styles from '../../styles.css.js';
-var HeaderButton = function (_a) {
-    var ariaLabel = _a.ariaLabel, isPrevious = _a.isPrevious, onChangeMonth = _a.onChangeMonth;
-    var iconName = isPrevious ? 'angle-left' : 'angle-right';
-    var additionalAttributes = {
-        className: isPrevious ? styles['calendar-prev-month-btn'] : styles['calendar-next-month-btn']
-    };
-    var onClick = function (e) {
-        e.preventDefault();
-        onChangeMonth(isPrevious);
-    };
-    return (React.createElement(InternalButton, __assign({}, additionalAttributes, { iconName: iconName, ariaLabel: ariaLabel, variant: 'icon', onClick: onClick })));
-};
-export default HeaderButton;
-//# sourceMappingURL=index.js.map

package/calendar/header/button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/calendar/header/button/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAQzC,IAAM,YAAY,GAAG,UAAC,EAA2D;QAAzD,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,aAAa,mBAAA;IAC1D,IAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC;IAC3D,IAAM,oBAAoB,GAA4C;QACpE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,yBAAyB,CAAC;KAC9F,CAAC;IAEF,IAAM,OAAO,GAAoD,UAAA,CAAC;QAChE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,UAAU,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,eACT,oBAAoB,IACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,IAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { CancelableEventHandler } from '../../../internal/events';\nimport { ButtonProps } from '../../../button/interfaces';\nimport { InternalButton } from '../../../button/internal';\nimport styles from '../../styles.css.js';\n\ninterface HeaderButtonProps {\n  ariaLabel: string;\n  isPrevious: boolean;\n  onChangeMonth: (isPrevious: boolean) => void;\n}\n\nconst HeaderButton = ({ ariaLabel, isPrevious, onChangeMonth }: HeaderButtonProps) => {\n  const iconName = isPrevious ? 'angle-left' : 'angle-right';\n  const additionalAttributes: React.HTMLAttributes<HTMLButtonElement> = {\n    className: isPrevious ? styles['calendar-prev-month-btn'] : styles['calendar-next-month-btn'],\n  };\n\n  const onClick: CancelableEventHandler<ButtonProps.ClickDetail> = e => {\n    e.preventDefault();\n    onChangeMonth(isPrevious);\n  };\n\n  return (\n    <InternalButton\n      {...additionalAttributes}\n      iconName={iconName}\n      ariaLabel={ariaLabel}\n      variant={'icon'}\n      onClick={onClick}\n    />\n  );\n};\n\nexport default HeaderButton;\n"]}