@cloudscape-design/components 3.0.599 → 3.0.601

package/date-range-picker/calendar/grids/index.js

@@ -10,6 +10,7 @@ import { hasValue } from '../../../internal/utils/has-value';
 import { useDateCache } from '../../../internal/hooks/use-date-cache';
 import { moveNextDay, movePrevDay, moveNextWeek, movePrevWeek, getBaseDay } from '../../../calendar/utils/navigation';
 import { findDateToFocus } from '../utils';
+import handleKey from '../../../internal/utils/handle-key';
 function isVisible(date, baseDate, isSingleGrid) {
     if (isSingleGrid) {
         return isSameMonth(date, baseDate);
@@ -33,37 +34,22 @@ export const Grids = ({ baseDate, selectedStartDate, selectedEndDate, focusedDat
             onFocusedDateChange(newFocusedDate);
         }
     }, [baseDate, focusedDate, isSingleGrid, isDateEnabled, onFocusedDateChange]);
-    const onGridKeyDownHandler = (e) => {
+    const onGridKeyDownHandler = (event) => {
         let updatedFocusDate;
-        if (focusedDate === null) {
+        const keys = [KeyCode.up, KeyCode.down, KeyCode.left, KeyCode.right, KeyCode.space, KeyCode.enter];
+        if (focusedDate === null || keys.indexOf(event.keyCode) === -1) {
             return;
         }
-        switch (e.keyCode) {
-            case KeyCode.space:
-            case KeyCode.enter:
-                e.preventDefault();
-                if (focusedDate) {
-                    onSelectDate(focusedDate);
-                }
-                return;
-            case KeyCode.right:
-                e.preventDefault();
-                updatedFocusDate = moveNextDay(focusedDate, isDateEnabled);
-                break;
-            case KeyCode.left:
-                e.preventDefault();
-                updatedFocusDate = movePrevDay(focusedDate, isDateEnabled);
-                break;
-            case KeyCode.up:
-                e.preventDefault();
-                updatedFocusDate = movePrevWeek(focusedDate, isDateEnabled);
-                break;
-            case KeyCode.down:
-                e.preventDefault();
-                updatedFocusDate = moveNextWeek(focusedDate, isDateEnabled);
-                break;
-            default:
-                return;
+        event.preventDefault();
+        handleKey(event, {
+            onActivate: () => focusedDate && onSelectDate(focusedDate),
+            onBlockEnd: () => focusedDate && (updatedFocusDate = moveNextWeek(focusedDate, isDateEnabled)),
+            onBlockStart: () => focusedDate && (updatedFocusDate = movePrevWeek(focusedDate, isDateEnabled)),
+            onInlineEnd: () => focusedDate && (updatedFocusDate = moveNextDay(focusedDate, isDateEnabled)),
+            onInlineStart: () => focusedDate && (updatedFocusDate = movePrevDay(focusedDate, isDateEnabled)),
+        });
+        if (!updatedFocusDate) {
+            return;
         }
         const updatedDateIsVisible = isVisible(updatedFocusDate, baseDate, isSingleGrid);
         if (!updatedDateIsVisible) {

package/date-range-picker/calendar/grids/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState } from 'react';\nimport { KeyCode } from '../../../internal/keycode';\nimport { isSameMonth, isAfter, isBefore, addMonths, min, max } from 'date-fns';\n\nimport { DateRangePickerProps, DayIndex } from '../../interfaces';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport { Grid } from './grid';\nimport styles from '../../styles.css.js';\n\nimport { hasValue } from '../../../internal/utils/has-value';\nimport { useDateCache } from '../../../internal/hooks/use-date-cache';\nimport { moveNextDay, movePrevDay, moveNextWeek, movePrevWeek, getBaseDay } from '../../../calendar/utils/navigation';\nimport { findDateToFocus } from '../utils';\n\nfunction isVisible(date: Date, baseDate: Date, isSingleGrid: boolean) {\n  if (isSingleGrid) {\n    return isSameMonth(date, baseDate);\n  }\n\n  const previousMonth = addMonths(baseDate, -1);\n\n  return isSameMonth(date, previousMonth) || isSameMonth(date, baseDate);\n}\n\nexport interface GridProps {\n  baseDate: Date;\n  selectedStartDate: Date | null;\n  selectedEndDate: Date | null;\n\n  focusedDate: Date | null;\n  onFocusedDateChange: React.Dispatch<React.SetStateAction<Date | null>>;\n\n  isDateEnabled: DateRangePickerProps.IsDateEnabledFunction;\n  isSingleGrid: boolean;\n\n  onSelectDate: (date: Date) => void;\n  onChangeMonth: (date: Date) => void;\n\n  locale: string;\n  startOfWeek: DayIndex;\n  todayAriaLabel?: string;\n  headingIdPrefix: string;\n}\n\nexport const Grids = ({\n  baseDate,\n  selectedStartDate,\n  selectedEndDate,\n\n  focusedDate,\n  onFocusedDateChange,\n\n  isDateEnabled,\n  isSingleGrid,\n\n  onSelectDate,\n  onChangeMonth,\n\n  locale,\n  startOfWeek,\n  todayAriaLabel,\n  headingIdPrefix,\n}: GridProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [gridHasFocus, setGridHasFocus] = useState(false);\n\n  const focusedDateRef = useRef<HTMLTableCellElement>(null);\n\n  const dateCache = useDateCache();\n  baseDate = dateCache(baseDate);\n  focusedDate = focusedDate ? dateCache(focusedDate) : null;\n\n  useEffect(() => {\n    if (focusedDate && !isVisible(focusedDate, baseDate, isSingleGrid)) {\n      const direction = isAfter(focusedDate, baseDate) ? -1 : 1;\n\n      const newMonth = !isSingleGrid && direction === -1 ? addMonths(baseDate, -1) : baseDate;\n      const nearestBaseDate = getBaseDay(newMonth, isDateEnabled);\n\n      const newFocusedDate = findDateToFocus(focusedDate, nearestBaseDate, isDateEnabled);\n\n      onFocusedDateChange(newFocusedDate);\n    }\n  }, [baseDate, focusedDate, isSingleGrid, isDateEnabled, onFocusedDateChange]);\n\n  const onGridKeyDownHandler = (e: React.KeyboardEvent) => {\n    let updatedFocusDate;\n\n    if (focusedDate === null) {\n      return;\n    }\n\n    switch (e.keyCode) {\n      case KeyCode.space:\n      case KeyCode.enter:\n        e.preventDefault();\n        if (focusedDate) {\n          onSelectDate(focusedDate);\n        }\n        return;\n      case KeyCode.right:\n        e.preventDefault();\n        updatedFocusDate = moveNextDay(focusedDate, isDateEnabled);\n        break;\n      case KeyCode.left:\n        e.preventDefault();\n        updatedFocusDate = movePrevDay(focusedDate, isDateEnabled);\n        break;\n      case KeyCode.up:\n        e.preventDefault();\n        updatedFocusDate = movePrevWeek(focusedDate, isDateEnabled);\n        break;\n      case KeyCode.down:\n        e.preventDefault();\n        updatedFocusDate = moveNextWeek(focusedDate, isDateEnabled);\n        break;\n      default:\n        return;\n    }\n\n    const updatedDateIsVisible = isVisible(updatedFocusDate, baseDate, isSingleGrid);\n\n    if (!updatedDateIsVisible) {\n      const newMonthIsOnLeftSide = !isSingleGrid && isBefore(updatedFocusDate, baseDate);\n\n      onChangeMonth(newMonthIsOnLeftSide ? addMonths(updatedFocusDate, 1) : updatedFocusDate);\n    }\n    onFocusedDateChange(updatedFocusDate);\n  };\n\n  useEffect(() => {\n    // focus current date if the focus is already inside the calendar\n    if (focusedDate !== null && gridHasFocus) {\n      if (focusedDateRef.current && focusedDateRef.current !== document.activeElement) {\n        focusedDateRef.current.focus();\n      }\n    }\n  }, [focusedDate, gridHasFocus]);\n\n  const onGridBlur = (event: React.FocusEvent) => {\n    /*\n     IE11 does not support event.relatedTarget, but sets document.activeElement to the newly\n     focused element before the onBlur handler is called.\n\n     However, other browsers do not make any guarantees for the value of document.activeElement\n     during the execution of an onBlur handler. Therefore, we have to use event.relatedTarget\n     instead.\n     */\n    const newFocusTarget = event.relatedTarget || document.activeElement;\n    const newFocusTargetIsInGrid = containerRef.current?.contains(newFocusTarget as Node);\n    if (newFocusTarget && !newFocusTargetIsInGrid && gridHasFocus) {\n      setGridHasFocus(false);\n    }\n  };\n\n  const onGridFocus = () => {\n    if (!gridHasFocus) {\n      setGridHasFocus(true);\n    }\n  };\n\n  const isRangeVisible = (selectedStartDate && selectedEndDate) || gridHasFocus;\n\n  const rangeEnds: Date[] = [selectedStartDate ?? focusedDate, selectedEndDate ?? focusedDate].filter(hasValue);\n\n  const rangeStartDate = min(rangeEnds);\n  const rangeEndDate = max(rangeEnds);\n\n  return (\n    <div ref={containerRef} onFocus={onGridFocus} onBlur={onGridBlur}>\n      <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n        {!isSingleGrid && (\n          <Grid\n            className={styles['first-grid']}\n            baseDate={addMonths(baseDate, -1)}\n            selectedEndDate={selectedEndDate}\n            selectedStartDate={selectedStartDate}\n            rangeStartDate={isRangeVisible ? rangeStartDate : null}\n            rangeEndDate={isRangeVisible ? rangeEndDate : null}\n            focusedDate={focusedDate}\n            focusedDateRef={focusedDateRef}\n            isDateEnabled={isDateEnabled}\n            onSelectDate={onSelectDate}\n            onGridKeyDownHandler={onGridKeyDownHandler}\n            onFocusedDateChange={onFocusedDateChange}\n            locale={locale}\n            startOfWeek={startOfWeek}\n            todayAriaLabel={todayAriaLabel}\n            ariaLabelledby={`${headingIdPrefix}-prevmonth`}\n          />\n        )}\n        <Grid\n          className={styles['second-grid']}\n          baseDate={baseDate}\n          selectedEndDate={selectedEndDate}\n          selectedStartDate={selectedStartDate}\n          rangeStartDate={isRangeVisible ? rangeStartDate : null}\n          rangeEndDate={isRangeVisible ? rangeEndDate : null}\n          focusedDate={focusedDate}\n          focusedDateRef={focusedDateRef}\n          isDateEnabled={isDateEnabled}\n          onSelectDate={onSelectDate}\n          onGridKeyDownHandler={onGridKeyDownHandler}\n          onFocusedDateChange={onFocusedDateChange}\n          locale={locale}\n          startOfWeek={startOfWeek}\n          todayAriaLabel={todayAriaLabel}\n          ariaLabelledby={`${headingIdPrefix}-currentmonth`}\n        />\n      </InternalSpaceBetween>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState } from 'react';\nimport { KeyCode } from '../../../internal/keycode';\nimport { isSameMonth, isAfter, isBefore, addMonths, min, max } from 'date-fns';\n\nimport { DateRangePickerProps, DayIndex } from '../../interfaces';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport { Grid } from './grid';\nimport styles from '../../styles.css.js';\n\nimport { hasValue } from '../../../internal/utils/has-value';\nimport { useDateCache } from '../../../internal/hooks/use-date-cache';\nimport { moveNextDay, movePrevDay, moveNextWeek, movePrevWeek, getBaseDay } from '../../../calendar/utils/navigation';\nimport { findDateToFocus } from '../utils';\nimport handleKey from '../../../internal/utils/handle-key';\n\nfunction isVisible(date: Date, baseDate: Date, isSingleGrid: boolean) {\n  if (isSingleGrid) {\n    return isSameMonth(date, baseDate);\n  }\n\n  const previousMonth = addMonths(baseDate, -1);\n\n  return isSameMonth(date, previousMonth) || isSameMonth(date, baseDate);\n}\n\nexport interface GridProps {\n  baseDate: Date;\n  selectedStartDate: Date | null;\n  selectedEndDate: Date | null;\n\n  focusedDate: Date | null;\n  onFocusedDateChange: React.Dispatch<React.SetStateAction<Date | null>>;\n\n  isDateEnabled: DateRangePickerProps.IsDateEnabledFunction;\n  isSingleGrid: boolean;\n\n  onSelectDate: (date: Date) => void;\n  onChangeMonth: (date: Date) => void;\n\n  locale: string;\n  startOfWeek: DayIndex;\n  todayAriaLabel?: string;\n  headingIdPrefix: string;\n}\n\nexport const Grids = ({\n  baseDate,\n  selectedStartDate,\n  selectedEndDate,\n\n  focusedDate,\n  onFocusedDateChange,\n\n  isDateEnabled,\n  isSingleGrid,\n\n  onSelectDate,\n  onChangeMonth,\n\n  locale,\n  startOfWeek,\n  todayAriaLabel,\n  headingIdPrefix,\n}: GridProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [gridHasFocus, setGridHasFocus] = useState(false);\n\n  const focusedDateRef = useRef<HTMLTableCellElement>(null);\n\n  const dateCache = useDateCache();\n  baseDate = dateCache(baseDate);\n  focusedDate = focusedDate ? dateCache(focusedDate) : null;\n\n  useEffect(() => {\n    if (focusedDate && !isVisible(focusedDate, baseDate, isSingleGrid)) {\n      const direction = isAfter(focusedDate, baseDate) ? -1 : 1;\n\n      const newMonth = !isSingleGrid && direction === -1 ? addMonths(baseDate, -1) : baseDate;\n      const nearestBaseDate = getBaseDay(newMonth, isDateEnabled);\n\n      const newFocusedDate = findDateToFocus(focusedDate, nearestBaseDate, isDateEnabled);\n\n      onFocusedDateChange(newFocusedDate);\n    }\n  }, [baseDate, focusedDate, isSingleGrid, isDateEnabled, onFocusedDateChange]);\n\n  const onGridKeyDownHandler = (event: React.KeyboardEvent<HTMLElement>) => {\n    let updatedFocusDate;\n\n    const keys = [KeyCode.up, KeyCode.down, KeyCode.left, KeyCode.right, KeyCode.space, KeyCode.enter];\n\n    if (focusedDate === null || keys.indexOf(event.keyCode) === -1) {\n      return;\n    }\n\n    event.preventDefault();\n\n    handleKey(event, {\n      onActivate: () => focusedDate && onSelectDate(focusedDate),\n      onBlockEnd: () => focusedDate && (updatedFocusDate = moveNextWeek(focusedDate, isDateEnabled)),\n      onBlockStart: () => focusedDate && (updatedFocusDate = movePrevWeek(focusedDate, isDateEnabled)),\n      onInlineEnd: () => focusedDate && (updatedFocusDate = moveNextDay(focusedDate, isDateEnabled)),\n      onInlineStart: () => focusedDate && (updatedFocusDate = movePrevDay(focusedDate, isDateEnabled)),\n    });\n\n    if (!updatedFocusDate) {\n      return;\n    }\n\n    const updatedDateIsVisible = isVisible(updatedFocusDate, baseDate, isSingleGrid);\n\n    if (!updatedDateIsVisible) {\n      const newMonthIsOnLeftSide = !isSingleGrid && isBefore(updatedFocusDate, baseDate);\n\n      onChangeMonth(newMonthIsOnLeftSide ? addMonths(updatedFocusDate, 1) : updatedFocusDate);\n    }\n    onFocusedDateChange(updatedFocusDate);\n  };\n\n  useEffect(() => {\n    // focus current date if the focus is already inside the calendar\n    if (focusedDate !== null && gridHasFocus) {\n      if (focusedDateRef.current && focusedDateRef.current !== document.activeElement) {\n        focusedDateRef.current.focus();\n      }\n    }\n  }, [focusedDate, gridHasFocus]);\n\n  const onGridBlur = (event: React.FocusEvent) => {\n    /*\n     IE11 does not support event.relatedTarget, but sets document.activeElement to the newly\n     focused element before the onBlur handler is called.\n\n     However, other browsers do not make any guarantees for the value of document.activeElement\n     during the execution of an onBlur handler. Therefore, we have to use event.relatedTarget\n     instead.\n     */\n    const newFocusTarget = event.relatedTarget || document.activeElement;\n    const newFocusTargetIsInGrid = containerRef.current?.contains(newFocusTarget as Node);\n    if (newFocusTarget && !newFocusTargetIsInGrid && gridHasFocus) {\n      setGridHasFocus(false);\n    }\n  };\n\n  const onGridFocus = () => {\n    if (!gridHasFocus) {\n      setGridHasFocus(true);\n    }\n  };\n\n  const isRangeVisible = (selectedStartDate && selectedEndDate) || gridHasFocus;\n\n  const rangeEnds: Date[] = [selectedStartDate ?? focusedDate, selectedEndDate ?? focusedDate].filter(hasValue);\n\n  const rangeStartDate = min(rangeEnds);\n  const rangeEndDate = max(rangeEnds);\n\n  return (\n    <div ref={containerRef} onFocus={onGridFocus} onBlur={onGridBlur}>\n      <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n        {!isSingleGrid && (\n          <Grid\n            className={styles['first-grid']}\n            baseDate={addMonths(baseDate, -1)}\n            selectedEndDate={selectedEndDate}\n            selectedStartDate={selectedStartDate}\n            rangeStartDate={isRangeVisible ? rangeStartDate : null}\n            rangeEndDate={isRangeVisible ? rangeEndDate : null}\n            focusedDate={focusedDate}\n            focusedDateRef={focusedDateRef}\n            isDateEnabled={isDateEnabled}\n            onSelectDate={onSelectDate}\n            onGridKeyDownHandler={onGridKeyDownHandler}\n            onFocusedDateChange={onFocusedDateChange}\n            locale={locale}\n            startOfWeek={startOfWeek}\n            todayAriaLabel={todayAriaLabel}\n            ariaLabelledby={`${headingIdPrefix}-prevmonth`}\n          />\n        )}\n        <Grid\n          className={styles['second-grid']}\n          baseDate={baseDate}\n          selectedEndDate={selectedEndDate}\n          selectedStartDate={selectedStartDate}\n          rangeStartDate={isRangeVisible ? rangeStartDate : null}\n          rangeEndDate={isRangeVisible ? rangeEndDate : null}\n          focusedDate={focusedDate}\n          focusedDateRef={focusedDateRef}\n          isDateEnabled={isDateEnabled}\n          onSelectDate={onSelectDate}\n          onGridKeyDownHandler={onGridKeyDownHandler}\n          onFocusedDateChange={onFocusedDateChange}\n          locale={locale}\n          startOfWeek={startOfWeek}\n          todayAriaLabel={todayAriaLabel}\n          ariaLabelledby={`${headingIdPrefix}-currentmonth`}\n        />\n      </InternalSpaceBetween>\n    </div>\n  );\n};\n"]}

package/date-range-picker/calendar/grids/styles.css.js

@@ -1,30 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "grid": "awsui_grid_1mfbn_h5iwu_103",
-  "grid-cell": "awsui_grid-cell_1mfbn_h5iwu_108",
-  "day-header": "awsui_day-header_1mfbn_h5iwu_115",
-  "week": "awsui_week_1mfbn_h5iwu_125",
-  "day": "awsui_day_1mfbn_h5iwu_115",
-  "day-inner": "awsui_day-inner_1mfbn_h5iwu_172",
-  "in-first-row": "awsui_in-first-row_1mfbn_h5iwu_177",
-  "in-previous-month": "awsui_in-previous-month_1mfbn_h5iwu_177",
-  "last-day-of-month": "awsui_last-day-of-month_1mfbn_h5iwu_181",
-  "in-next-month": "awsui_in-next-month_1mfbn_h5iwu_185",
-  "in-first-column": "awsui_in-first-column_1mfbn_h5iwu_189",
-  "in-current-month": "awsui_in-current-month_1mfbn_h5iwu_192",
-  "enabled": "awsui_enabled_1mfbn_h5iwu_196",
-  "in-range": "awsui_in-range_1mfbn_h5iwu_202",
-  "end-date": "awsui_end-date_1mfbn_h5iwu_202",
-  "start-date": "awsui_start-date_1mfbn_h5iwu_202",
-  "no-range": "awsui_no-range_1mfbn_h5iwu_202",
-  "selected": "awsui_selected_1mfbn_h5iwu_212",
-  "today": "awsui_today_1mfbn_h5iwu_217",
-  "range-start-date": "awsui_range-start-date_1mfbn_h5iwu_262",
-  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_h5iwu_265",
-  "range-end-date": "awsui_range-end-date_1mfbn_h5iwu_268",
-  "in-range-border-top": "awsui_in-range-border-top_1mfbn_h5iwu_271",
-  "in-range-border-right": "awsui_in-range-border-right_1mfbn_h5iwu_287",
-  "in-range-border-left": "awsui_in-range-border-left_1mfbn_h5iwu_293"
+  "grid": "awsui_grid_1mfbn_f3jvf_103",
+  "grid-cell": "awsui_grid-cell_1mfbn_f3jvf_108",
+  "day-header": "awsui_day-header_1mfbn_f3jvf_115",
+  "week": "awsui_week_1mfbn_f3jvf_125",
+  "day": "awsui_day_1mfbn_f3jvf_115",
+  "day-inner": "awsui_day-inner_1mfbn_f3jvf_172",
+  "in-first-row": "awsui_in-first-row_1mfbn_f3jvf_177",
+  "in-previous-month": "awsui_in-previous-month_1mfbn_f3jvf_177",
+  "last-day-of-month": "awsui_last-day-of-month_1mfbn_f3jvf_181",
+  "in-next-month": "awsui_in-next-month_1mfbn_f3jvf_185",
+  "in-first-column": "awsui_in-first-column_1mfbn_f3jvf_189",
+  "in-current-month": "awsui_in-current-month_1mfbn_f3jvf_192",
+  "enabled": "awsui_enabled_1mfbn_f3jvf_196",
+  "in-range": "awsui_in-range_1mfbn_f3jvf_202",
+  "end-date": "awsui_end-date_1mfbn_f3jvf_202",
+  "start-date": "awsui_start-date_1mfbn_f3jvf_202",
+  "no-range": "awsui_no-range_1mfbn_f3jvf_202",
+  "selected": "awsui_selected_1mfbn_f3jvf_212",
+  "today": "awsui_today_1mfbn_f3jvf_217",
+  "range-start-date": "awsui_range-start-date_1mfbn_f3jvf_262",
+  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_f3jvf_265",
+  "range-end-date": "awsui_range-end-date_1mfbn_f3jvf_268",
+  "in-range-border-top": "awsui_in-range-border-top_1mfbn_f3jvf_271",
+  "in-range-border-block-start": "awsui_in-range-border-block-start_1mfbn_f3jvf_284",
+  "in-range-border-inline-end": "awsui_in-range-border-inline-end_1mfbn_f3jvf_287",
+  "in-range-border-block-end": "awsui_in-range-border-block-end_1mfbn_f3jvf_290",
+  "in-range-border-inline-start": "awsui_in-range-border-inline-start_1mfbn_f3jvf_293"
 };
   

package/date-range-picker/calendar/grids/styles.scoped.css

@@ -100,19 +100,19 @@ 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_grid_1mfbn_h5iwu_103:not(#\9) {
+.awsui_grid_1mfbn_f3jvf_103:not(#\9) {
   inline-size: var(--size-calendar-grid-width-lrunz7, 238px);
   border-spacing: 0;
 }
 
-.awsui_grid-cell_1mfbn_h5iwu_108:not(#\9) {
+.awsui_grid-cell_1mfbn_f3jvf_108:not(#\9) {
   inline-size: 14.2857142857%;
   word-break: break-word;
   text-align: center;
   font-weight: unset;
 }
 
-.awsui_day-header_1mfbn_h5iwu_115:not(#\9) {
+.awsui_day-header_1mfbn_f3jvf_115:not(#\9) {
   padding-block-start: var(--space-s-34lx8l, 12px);
   padding-block-end: var(--space-xxs-p8yyaw, 4px);
   padding-inline: 0;
@@ -122,11 +122,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
 }
 
-.awsui_week_1mfbn_h5iwu_125:not(#\9) {
+.awsui_week_1mfbn_f3jvf_125:not(#\9) {
   /* used for identifying element */
 }
 
-.awsui_day_1mfbn_h5iwu_115:not(#\9) {
+.awsui_day_1mfbn_f3jvf_115:not(#\9) {
   border-block-end: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
   border-inline-end: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
   padding-block: var(--space-xxs-p8yyaw, 4px);
@@ -134,10 +134,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
   position: relative;
 }
-.awsui_day_1mfbn_h5iwu_115:not(#\9):focus {
+.awsui_day_1mfbn_f3jvf_115:not(#\9):focus {
   outline: none;
 }
-.awsui_day_1mfbn_h5iwu_115:not(#\9)::after {
+.awsui_day_1mfbn_f3jvf_115:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -147,15 +147,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-end: calc(-1 * var(--border-item-width-yel47s, 2px));
   background-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_day_1mfbn_h5iwu_115:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_day_1mfbn_f3jvf_115:not(#\9):focus {
   z-index: 2;
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_day_1mfbn_h5iwu_115:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_day_1mfbn_f3jvf_115:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-g00bgj, -5px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_day_1mfbn_h5iwu_115:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_day_1mfbn_f3jvf_115:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -169,52 +169,52 @@ body[data-awsui-focus-visible=true] .awsui_day_1mfbn_h5iwu_115:not(#\9):focus::b
   border-end-end-radius: var(--border-radius-calendar-day-focus-ring-545h0w, 3px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_day_1mfbn_h5iwu_115 > .awsui_day-inner_1mfbn_h5iwu_172:not(#\9) {
+.awsui_day_1mfbn_f3jvf_115 > .awsui_day-inner_1mfbn_f3jvf_172:not(#\9) {
   position: relative;
   z-index: 1;
 }
 
-.awsui_in-first-row_1mfbn_h5iwu_177:not(#\9):not(.awsui_in-previous-month_1mfbn_h5iwu_177) {
+.awsui_in-first-row_1mfbn_f3jvf_177:not(#\9):not(.awsui_in-previous-month_1mfbn_f3jvf_177) {
   border-block-start: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
 }
 
-.awsui_in-previous-month_1mfbn_h5iwu_177:not(#\9):not(.awsui_last-day-of-month_1mfbn_h5iwu_181) {
+.awsui_in-previous-month_1mfbn_f3jvf_177:not(#\9):not(.awsui_last-day-of-month_1mfbn_f3jvf_181) {
   border-inline-end-color: transparent;
 }
 
-.awsui_in-next-month_1mfbn_h5iwu_185:not(#\9) {
+.awsui_in-next-month_1mfbn_f3jvf_185:not(#\9) {
   border-color: transparent;
 }
 
-.awsui_in-first-column_1mfbn_h5iwu_189:not(#\9) {
+.awsui_in-first-column_1mfbn_f3jvf_189:not(#\9) {
   border-inline-start: 1px solid transparent;
 }
-.awsui_in-first-column_1mfbn_h5iwu_189.awsui_in-current-month_1mfbn_h5iwu_192:not(#\9) {
+.awsui_in-first-column_1mfbn_f3jvf_189.awsui_in-current-month_1mfbn_f3jvf_192:not(#\9) {
   border-inline-start: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
 }
 
-.awsui_enabled_1mfbn_h5iwu_196:not(#\9) {
+.awsui_enabled_1mfbn_f3jvf_196:not(#\9) {
   cursor: pointer;
 }
-.awsui_enabled_1mfbn_h5iwu_196.awsui_in-current-month_1mfbn_h5iwu_192:not(#\9) {
+.awsui_enabled_1mfbn_f3jvf_196.awsui_in-current-month_1mfbn_f3jvf_192:not(#\9) {
   color: var(--color-text-dropdown-item-default-4o4hes, #000716);
 }
-.awsui_enabled_1mfbn_h5iwu_196.awsui_in-current-month_1mfbn_h5iwu_192:not(#\9):not(.awsui_in-range_1mfbn_h5iwu_202), .awsui_enabled_1mfbn_h5iwu_196.awsui_in-current-month_1mfbn_h5iwu_192:not(#\9):not(.awsui_in-range_1mfbn_h5iwu_202)::after, .awsui_enabled_1mfbn_h5iwu_196.awsui_in-current-month_1mfbn_h5iwu_192.awsui_end-date_1mfbn_h5iwu_202.awsui_start-date_1mfbn_h5iwu_202:not(#\9), .awsui_enabled_1mfbn_h5iwu_196.awsui_in-current-month_1mfbn_h5iwu_192.awsui_end-date_1mfbn_h5iwu_202.awsui_start-date_1mfbn_h5iwu_202:not(#\9)::after, .awsui_enabled_1mfbn_h5iwu_196.awsui_in-current-month_1mfbn_h5iwu_192.awsui_no-range_1mfbn_h5iwu_202:not(#\9), .awsui_enabled_1mfbn_h5iwu_196.awsui_in-current-month_1mfbn_h5iwu_192.awsui_no-range_1mfbn_h5iwu_202:not(#\9)::after {
+.awsui_enabled_1mfbn_f3jvf_196.awsui_in-current-month_1mfbn_f3jvf_192:not(#\9):not(.awsui_in-range_1mfbn_f3jvf_202), .awsui_enabled_1mfbn_f3jvf_196.awsui_in-current-month_1mfbn_f3jvf_192:not(#\9):not(.awsui_in-range_1mfbn_f3jvf_202)::after, .awsui_enabled_1mfbn_f3jvf_196.awsui_in-current-month_1mfbn_f3jvf_192.awsui_end-date_1mfbn_f3jvf_202.awsui_start-date_1mfbn_f3jvf_202:not(#\9), .awsui_enabled_1mfbn_f3jvf_196.awsui_in-current-month_1mfbn_f3jvf_192.awsui_end-date_1mfbn_f3jvf_202.awsui_start-date_1mfbn_f3jvf_202:not(#\9)::after, .awsui_enabled_1mfbn_f3jvf_196.awsui_in-current-month_1mfbn_f3jvf_192.awsui_no-range_1mfbn_f3jvf_202:not(#\9), .awsui_enabled_1mfbn_f3jvf_196.awsui_in-current-month_1mfbn_f3jvf_192.awsui_no-range_1mfbn_f3jvf_202:not(#\9)::after {
   border-start-start-radius: var(--border-radius-item-05df9h, 8px);
   border-start-end-radius: var(--border-radius-item-05df9h, 8px);
   border-end-start-radius: var(--border-radius-item-05df9h, 8px);
   border-end-end-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_enabled_1mfbn_h5iwu_196.awsui_in-current-month_1mfbn_h5iwu_192:not(#\9):hover {
+.awsui_enabled_1mfbn_f3jvf_196.awsui_in-current-month_1mfbn_f3jvf_192:not(#\9):hover {
   color: var(--color-text-calendar-date-hover-llr4as, #000716);
   background-color: var(--color-background-dropdown-item-hover-swsulg, #f4f4f4);
 }
-.awsui_enabled_1mfbn_h5iwu_196.awsui_in-current-month_1mfbn_h5iwu_192:not(#\9):hover:not(.awsui_selected_1mfbn_h5iwu_212)::after {
+.awsui_enabled_1mfbn_f3jvf_196.awsui_in-current-month_1mfbn_f3jvf_192:not(#\9):hover:not(.awsui_selected_1mfbn_f3jvf_212)::after {
   border-block: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-item-hover-461g78, #7d8998);
   border-inline: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-item-hover-461g78, #7d8998);
 }
 
-.awsui_today_1mfbn_h5iwu_217:not(#\9):not(.awsui_in-range_1mfbn_h5iwu_202) {
+.awsui_today_1mfbn_f3jvf_217:not(#\9):not(.awsui_in-range_1mfbn_f3jvf_202) {
   background-color: var(--color-background-calendar-current-date-kmb0ji, #f4f4f4);
   border-start-start-radius: var(--border-radius-item-05df9h, 8px);
   border-start-end-radius: var(--border-radius-item-05df9h, 8px);
@@ -223,20 +223,20 @@ body[data-awsui-focus-visible=true] .awsui_day_1mfbn_h5iwu_115:not(#\9):focus::b
   font-weight: 700;
 }
 
-.awsui_selected_1mfbn_h5iwu_212:not(#\9) {
+.awsui_selected_1mfbn_f3jvf_212:not(#\9) {
   border-color: transparent;
   position: relative;
   z-index: 2;
   font-weight: 700;
 }
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_h5iwu_212:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_f3jvf_212:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_h5iwu_212:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_f3jvf_212:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-selected-focus-outline-gutter-hxbct6, -5px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_h5iwu_212:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_f3jvf_212:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -250,58 +250,58 @@ body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_h5iwu_212:not(#\9):foc
   border-end-end-radius: var(--border-radius-calendar-day-focus-ring-545h0w, 3px);
   box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-thqa8y, #fbfbfb);
 }
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_h5iwu_212:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_f3jvf_212:not(#\9):focus::before {
   z-index: 1;
 }
-.awsui_selected_1mfbn_h5iwu_212:not(#\9)::after {
+.awsui_selected_1mfbn_f3jvf_212:not(#\9)::after {
   background-color: var(--color-background-control-checked-w517i0, #0972d3);
   border-block: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
   border-inline: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
   z-index: 0;
 }
-.awsui_selected_1mfbn_h5iwu_212.awsui_start-date_1mfbn_h5iwu_202:not(#\9), .awsui_selected_1mfbn_h5iwu_212.awsui_start-date_1mfbn_h5iwu_202:not(#\9)::after, .awsui_selected_1mfbn_h5iwu_212.awsui_range-start-date_1mfbn_h5iwu_262:not(#\9), .awsui_selected_1mfbn_h5iwu_212.awsui_range-start-date_1mfbn_h5iwu_262:not(#\9)::after {
-  border-top-left-radius: var(--border-radius-item-05df9h, 8px);
+.awsui_selected_1mfbn_f3jvf_212.awsui_start-date_1mfbn_f3jvf_202:not(#\9), .awsui_selected_1mfbn_f3jvf_212.awsui_start-date_1mfbn_f3jvf_202:not(#\9)::after, .awsui_selected_1mfbn_f3jvf_212.awsui_range-start-date_1mfbn_f3jvf_262:not(#\9), .awsui_selected_1mfbn_f3jvf_212.awsui_range-start-date_1mfbn_f3jvf_262:not(#\9)::after {
+  border-start-start-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_selected_1mfbn_h5iwu_212.awsui_start-date_1mfbn_h5iwu_202.awsui_in-range-border-bottom_1mfbn_h5iwu_265:not(#\9), .awsui_selected_1mfbn_h5iwu_212.awsui_start-date_1mfbn_h5iwu_202.awsui_in-range-border-bottom_1mfbn_h5iwu_265:not(#\9)::after, .awsui_selected_1mfbn_h5iwu_212.awsui_range-start-date_1mfbn_h5iwu_262.awsui_in-range-border-bottom_1mfbn_h5iwu_265:not(#\9), .awsui_selected_1mfbn_h5iwu_212.awsui_range-start-date_1mfbn_h5iwu_262.awsui_in-range-border-bottom_1mfbn_h5iwu_265:not(#\9)::after {
-  border-bottom-left-radius: var(--border-radius-item-05df9h, 8px);
+.awsui_selected_1mfbn_f3jvf_212.awsui_start-date_1mfbn_f3jvf_202.awsui_in-range-border-bottom_1mfbn_f3jvf_265:not(#\9), .awsui_selected_1mfbn_f3jvf_212.awsui_start-date_1mfbn_f3jvf_202.awsui_in-range-border-bottom_1mfbn_f3jvf_265:not(#\9)::after, .awsui_selected_1mfbn_f3jvf_212.awsui_range-start-date_1mfbn_f3jvf_262.awsui_in-range-border-bottom_1mfbn_f3jvf_265:not(#\9), .awsui_selected_1mfbn_f3jvf_212.awsui_range-start-date_1mfbn_f3jvf_262.awsui_in-range-border-bottom_1mfbn_f3jvf_265:not(#\9)::after {
+  border-end-start-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_selected_1mfbn_h5iwu_212.awsui_end-date_1mfbn_h5iwu_202:not(#\9), .awsui_selected_1mfbn_h5iwu_212.awsui_end-date_1mfbn_h5iwu_202:not(#\9)::after, .awsui_selected_1mfbn_h5iwu_212.awsui_range-end-date_1mfbn_h5iwu_268:not(#\9), .awsui_selected_1mfbn_h5iwu_212.awsui_range-end-date_1mfbn_h5iwu_268:not(#\9)::after {
-  border-bottom-right-radius: var(--border-radius-item-05df9h, 8px);
+.awsui_selected_1mfbn_f3jvf_212.awsui_end-date_1mfbn_f3jvf_202:not(#\9), .awsui_selected_1mfbn_f3jvf_212.awsui_end-date_1mfbn_f3jvf_202:not(#\9)::after, .awsui_selected_1mfbn_f3jvf_212.awsui_range-end-date_1mfbn_f3jvf_268:not(#\9), .awsui_selected_1mfbn_f3jvf_212.awsui_range-end-date_1mfbn_f3jvf_268:not(#\9)::after {
+  border-end-end-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_selected_1mfbn_h5iwu_212.awsui_end-date_1mfbn_h5iwu_202.awsui_in-range-border-top_1mfbn_h5iwu_271:not(#\9), .awsui_selected_1mfbn_h5iwu_212.awsui_end-date_1mfbn_h5iwu_202.awsui_in-range-border-top_1mfbn_h5iwu_271:not(#\9)::after, .awsui_selected_1mfbn_h5iwu_212.awsui_range-end-date_1mfbn_h5iwu_268.awsui_in-range-border-top_1mfbn_h5iwu_271:not(#\9), .awsui_selected_1mfbn_h5iwu_212.awsui_range-end-date_1mfbn_h5iwu_268.awsui_in-range-border-top_1mfbn_h5iwu_271:not(#\9)::after {
-  border-top-right-radius: var(--border-radius-item-05df9h, 8px);
+.awsui_selected_1mfbn_f3jvf_212.awsui_end-date_1mfbn_f3jvf_202.awsui_in-range-border-top_1mfbn_f3jvf_271:not(#\9), .awsui_selected_1mfbn_f3jvf_212.awsui_end-date_1mfbn_f3jvf_202.awsui_in-range-border-top_1mfbn_f3jvf_271:not(#\9)::after, .awsui_selected_1mfbn_f3jvf_212.awsui_range-end-date_1mfbn_f3jvf_268.awsui_in-range-border-top_1mfbn_f3jvf_271:not(#\9), .awsui_selected_1mfbn_f3jvf_212.awsui_range-end-date_1mfbn_f3jvf_268.awsui_in-range-border-top_1mfbn_f3jvf_271:not(#\9)::after {
+  border-start-end-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_selected_1mfbn_h5iwu_212 > .awsui_day-inner_1mfbn_h5iwu_172:not(#\9) {
+.awsui_selected_1mfbn_f3jvf_212 > .awsui_day-inner_1mfbn_f3jvf_172:not(#\9) {
   color: var(--color-background-control-default-qzruqy, #ffffff);
   position: relative;
   z-index: 2;
 }
 
-.awsui_in-range_1mfbn_h5iwu_202:not(#\9) {
+.awsui_in-range_1mfbn_f3jvf_202:not(#\9) {
   background-color: var(--color-background-dropdown-item-selected-n136dm, #f2f8fd);
   font-weight: 700;
 }
-.awsui_in-range_1mfbn_h5iwu_202.awsui_in-range-border-top_1mfbn_h5iwu_271:not(#\9)::after {
-  border-top: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
+.awsui_in-range_1mfbn_f3jvf_202.awsui_in-range-border-block-start_1mfbn_f3jvf_284:not(#\9)::after {
+  border-block-start: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
 }
-.awsui_in-range_1mfbn_h5iwu_202.awsui_in-range-border-right_1mfbn_h5iwu_287:not(#\9)::after {
-  border-right: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
+.awsui_in-range_1mfbn_f3jvf_202.awsui_in-range-border-inline-end_1mfbn_f3jvf_287:not(#\9)::after {
+  border-inline-end: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
 }
-.awsui_in-range_1mfbn_h5iwu_202.awsui_in-range-border-bottom_1mfbn_h5iwu_265:not(#\9)::after {
-  border-bottom: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
+.awsui_in-range_1mfbn_f3jvf_202.awsui_in-range-border-block-end_1mfbn_f3jvf_290:not(#\9)::after {
+  border-block-end: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
 }
-.awsui_in-range_1mfbn_h5iwu_202.awsui_in-range-border-left_1mfbn_h5iwu_293:not(#\9)::after {
-  border-left: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
+.awsui_in-range_1mfbn_f3jvf_202.awsui_in-range-border-inline-start_1mfbn_f3jvf_293:not(#\9)::after {
+  border-inline-start: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
 }
-.awsui_in-range_1mfbn_h5iwu_202.awsui_in-range-border-top_1mfbn_h5iwu_271.awsui_in-range-border-right_1mfbn_h5iwu_287:not(#\9), .awsui_in-range_1mfbn_h5iwu_202.awsui_in-range-border-top_1mfbn_h5iwu_271.awsui_in-range-border-right_1mfbn_h5iwu_287:not(#\9)::after {
-  border-top-right-radius: var(--border-radius-item-05df9h, 8px);
+.awsui_in-range_1mfbn_f3jvf_202.awsui_in-range-border-block-start_1mfbn_f3jvf_284.awsui_in-range-border-inline-end_1mfbn_f3jvf_287:not(#\9), .awsui_in-range_1mfbn_f3jvf_202.awsui_in-range-border-block-start_1mfbn_f3jvf_284.awsui_in-range-border-inline-end_1mfbn_f3jvf_287:not(#\9)::after {
+  border-start-end-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_in-range_1mfbn_h5iwu_202.awsui_in-range-border-bottom_1mfbn_h5iwu_265.awsui_in-range-border-right_1mfbn_h5iwu_287:not(#\9), .awsui_in-range_1mfbn_h5iwu_202.awsui_in-range-border-bottom_1mfbn_h5iwu_265.awsui_in-range-border-right_1mfbn_h5iwu_287:not(#\9)::after {
-  border-bottom-right-radius: var(--border-radius-item-05df9h, 8px);
+.awsui_in-range_1mfbn_f3jvf_202.awsui_in-range-border-block-end_1mfbn_f3jvf_290.awsui_in-range-border-inline-end_1mfbn_f3jvf_287:not(#\9), .awsui_in-range_1mfbn_f3jvf_202.awsui_in-range-border-block-end_1mfbn_f3jvf_290.awsui_in-range-border-inline-end_1mfbn_f3jvf_287:not(#\9)::after {
+  border-end-end-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_in-range_1mfbn_h5iwu_202.awsui_in-range-border-bottom_1mfbn_h5iwu_265.awsui_in-range-border-left_1mfbn_h5iwu_293:not(#\9), .awsui_in-range_1mfbn_h5iwu_202.awsui_in-range-border-bottom_1mfbn_h5iwu_265.awsui_in-range-border-left_1mfbn_h5iwu_293:not(#\9)::after {
-  border-bottom-left-radius: var(--border-radius-item-05df9h, 8px);
+.awsui_in-range_1mfbn_f3jvf_202.awsui_in-range-border-block-end_1mfbn_f3jvf_290.awsui_in-range-border-inline-start_1mfbn_f3jvf_293:not(#\9), .awsui_in-range_1mfbn_f3jvf_202.awsui_in-range-border-block-end_1mfbn_f3jvf_290.awsui_in-range-border-inline-start_1mfbn_f3jvf_293:not(#\9)::after {
+  border-end-start-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_in-range_1mfbn_h5iwu_202.awsui_in-range-border-top_1mfbn_h5iwu_271.awsui_in-range-border-left_1mfbn_h5iwu_293:not(#\9), .awsui_in-range_1mfbn_h5iwu_202.awsui_in-range-border-top_1mfbn_h5iwu_271.awsui_in-range-border-left_1mfbn_h5iwu_293:not(#\9)::after {
-  border-top-left-radius: var(--border-radius-item-05df9h, 8px);
+.awsui_in-range_1mfbn_f3jvf_202.awsui_in-range-border-block-start_1mfbn_f3jvf_284.awsui_in-range-border-inline-start_1mfbn_f3jvf_293:not(#\9), .awsui_in-range_1mfbn_f3jvf_202.awsui_in-range-border-block-start_1mfbn_f3jvf_284.awsui_in-range-border-inline-start_1mfbn_f3jvf_293:not(#\9)::after {
+  border-start-start-radius: var(--border-radius-item-05df9h, 8px);
 }

package/date-range-picker/calendar/grids/styles.selectors.js

@@ -2,30 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "grid": "awsui_grid_1mfbn_h5iwu_103",
-  "grid-cell": "awsui_grid-cell_1mfbn_h5iwu_108",
-  "day-header": "awsui_day-header_1mfbn_h5iwu_115",
-  "week": "awsui_week_1mfbn_h5iwu_125",
-  "day": "awsui_day_1mfbn_h5iwu_115",
-  "day-inner": "awsui_day-inner_1mfbn_h5iwu_172",
-  "in-first-row": "awsui_in-first-row_1mfbn_h5iwu_177",
-  "in-previous-month": "awsui_in-previous-month_1mfbn_h5iwu_177",
-  "last-day-of-month": "awsui_last-day-of-month_1mfbn_h5iwu_181",
-  "in-next-month": "awsui_in-next-month_1mfbn_h5iwu_185",
-  "in-first-column": "awsui_in-first-column_1mfbn_h5iwu_189",
-  "in-current-month": "awsui_in-current-month_1mfbn_h5iwu_192",
-  "enabled": "awsui_enabled_1mfbn_h5iwu_196",
-  "in-range": "awsui_in-range_1mfbn_h5iwu_202",
-  "end-date": "awsui_end-date_1mfbn_h5iwu_202",
-  "start-date": "awsui_start-date_1mfbn_h5iwu_202",
-  "no-range": "awsui_no-range_1mfbn_h5iwu_202",
-  "selected": "awsui_selected_1mfbn_h5iwu_212",
-  "today": "awsui_today_1mfbn_h5iwu_217",
-  "range-start-date": "awsui_range-start-date_1mfbn_h5iwu_262",
-  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_h5iwu_265",
-  "range-end-date": "awsui_range-end-date_1mfbn_h5iwu_268",
-  "in-range-border-top": "awsui_in-range-border-top_1mfbn_h5iwu_271",
-  "in-range-border-right": "awsui_in-range-border-right_1mfbn_h5iwu_287",
-  "in-range-border-left": "awsui_in-range-border-left_1mfbn_h5iwu_293"
+  "grid": "awsui_grid_1mfbn_f3jvf_103",
+  "grid-cell": "awsui_grid-cell_1mfbn_f3jvf_108",
+  "day-header": "awsui_day-header_1mfbn_f3jvf_115",
+  "week": "awsui_week_1mfbn_f3jvf_125",
+  "day": "awsui_day_1mfbn_f3jvf_115",
+  "day-inner": "awsui_day-inner_1mfbn_f3jvf_172",
+  "in-first-row": "awsui_in-first-row_1mfbn_f3jvf_177",
+  "in-previous-month": "awsui_in-previous-month_1mfbn_f3jvf_177",
+  "last-day-of-month": "awsui_last-day-of-month_1mfbn_f3jvf_181",
+  "in-next-month": "awsui_in-next-month_1mfbn_f3jvf_185",
+  "in-first-column": "awsui_in-first-column_1mfbn_f3jvf_189",
+  "in-current-month": "awsui_in-current-month_1mfbn_f3jvf_192",
+  "enabled": "awsui_enabled_1mfbn_f3jvf_196",
+  "in-range": "awsui_in-range_1mfbn_f3jvf_202",
+  "end-date": "awsui_end-date_1mfbn_f3jvf_202",
+  "start-date": "awsui_start-date_1mfbn_f3jvf_202",
+  "no-range": "awsui_no-range_1mfbn_f3jvf_202",
+  "selected": "awsui_selected_1mfbn_f3jvf_212",
+  "today": "awsui_today_1mfbn_f3jvf_217",
+  "range-start-date": "awsui_range-start-date_1mfbn_f3jvf_262",
+  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_f3jvf_265",
+  "range-end-date": "awsui_range-end-date_1mfbn_f3jvf_268",
+  "in-range-border-top": "awsui_in-range-border-top_1mfbn_f3jvf_271",
+  "in-range-border-block-start": "awsui_in-range-border-block-start_1mfbn_f3jvf_284",
+  "in-range-border-inline-end": "awsui_in-range-border-inline-end_1mfbn_f3jvf_287",
+  "in-range-border-block-end": "awsui_in-range-border-block-end_1mfbn_f3jvf_290",
+  "in-range-border-inline-start": "awsui_in-range-border-inline-start_1mfbn_f3jvf_293"
 };
   

package/internal/components/portal/index.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
 export interface PortalProps {
     container?: null | Element;
+    getContainer?: () => Promise<HTMLElement>;
+    removeContainer?: (container: HTMLElement) => void;
     children: React.ReactNode;
 }
 /**
  * A safe react portal component that renders to a provided node.
  * If a node isn't provided, it creates one under document.body.
  */
-export default function Portal({ container, children }: PortalProps): React.ReactPortal | null;
+export default function Portal({ container, getContainer, removeContainer, children }: PortalProps): React.ReactPortal | null;
 //# sourceMappingURL=index.d.ts.map

package/internal/components/portal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/portal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,WAAW,4BAkBlE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/portal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAKzD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC,WAAW,CAAC,CAAC;IAC1C,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA+BD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,WAAW,4BAwBjG"}

package/internal/components/portal/index.js

@@ -2,25 +2,52 @@
 // SPDX-License-Identifier: Apache-2.0
 import { useLayoutEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
+import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
+import { isDevelopment } from '../../is-development';
+function manageDefaultContainer(setState) {
+    const newContainer = document.createElement('div');
+    document.body.appendChild(newContainer);
+    setState(newContainer);
+    return () => {
+        document.body.removeChild(newContainer);
+    };
+}
+function manageAsyncContainer(getContainer, removeContainer, setState) {
+    let newContainer;
+    getContainer().then(container => {
+        newContainer = container;
+        setState(container);
+    }, error => {
+        console.warn('[AwsUi] [portal]: failed to load portal root', error);
+    });
+    return () => {
+        removeContainer(newContainer);
+    };
+}
 /**
  * A safe react portal component that renders to a provided node.
  * If a node isn't provided, it creates one under document.body.
  */
-export default function Portal({ container, children }) {
+export default function Portal({ container, getContainer, removeContainer, children }) {
     const [activeContainer, setActiveContainer] = useState(container !== null && container !== void 0 ? container : null);
     useLayoutEffect(() => {
         if (container) {
             setActiveContainer(container);
             return;
         }
-        const newContainer = document.createElement('div');
-        document.body.appendChild(newContainer);
-        setActiveContainer(newContainer);
-        return () => {
-            document.body.removeChild(newContainer);
-            setActiveContainer(null);
-        };
-    }, [container]);
+        if (isDevelopment) {
+            if (getContainer && !removeContainer) {
+                warnOnce('portal', '`removeContainer` is required when `getContainer` is provided');
+            }
+            if (!getContainer && removeContainer) {
+                warnOnce('portal', '`getContainer` is required when `removeContainer` is provided');
+            }
+        }
+        if (getContainer && removeContainer) {
+            return manageAsyncContainer(getContainer, removeContainer, setActiveContainer);
+        }
+        return manageDefaultContainer(setActiveContainer);
+    }, [container, getContainer, removeContainer]);
     return activeContainer && createPortal(children, activeContainer);
 }
 //# sourceMappingURL=index.js.map

package/internal/components/portal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/portal/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAOzC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAe;IACjE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAiB,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,IAAI,CAAC,CAAC;IAE1F,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,EAAE;YACb,kBAAkB,CAAC,SAAS,CAAC,CAAC;YAC9B,OAAO;SACR;QACD,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACnD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACxC,kBAAkB,CAAC,YAAY,CAAC,CAAC;QACjC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YACxC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,eAAe,IAAI,YAAY,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;AACpE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useLayoutEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nexport interface PortalProps {\n  container?: null | Element;\n  children: React.ReactNode;\n}\n\n/**\n * A safe react portal component that renders to a provided node.\n * If a node isn't provided, it creates one under document.body.\n */\nexport default function Portal({ container, children }: PortalProps) {\n  const [activeContainer, setActiveContainer] = useState<Element | null>(container ?? null);\n\n  useLayoutEffect(() => {\n    if (container) {\n      setActiveContainer(container);\n      return;\n    }\n    const newContainer = document.createElement('div');\n    document.body.appendChild(newContainer);\n    setActiveContainer(newContainer);\n    return () => {\n      document.body.removeChild(newContainer);\n      setActiveContainer(null);\n    };\n  }, [container]);\n\n  return activeContainer && createPortal(children, activeContainer);\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/portal/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AASrD,SAAS,sBAAsB,CAAC,QAA8D;IAC5F,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACnD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IACxC,QAAQ,CAAC,YAAY,CAAC,CAAC;IACvB,OAAO,GAAG,EAAE;QACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAC3B,YAAwC,EACxC,eAAiD,EACjD,QAA8D;IAE9D,IAAI,YAAyB,CAAC;IAC9B,YAAY,EAAE,CAAC,IAAI,CACjB,SAAS,CAAC,EAAE;QACV,YAAY,GAAG,SAAS,CAAC;QACzB,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtB,CAAC,EACD,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,IAAI,CAAC,8CAA8C,EAAE,KAAK,CAAC,CAAC;IACtE,CAAC,CACF,CAAC;IACF,OAAO,GAAG,EAAE;QACV,eAAe,CAAC,YAAY,CAAC,CAAC;IAChC,CAAC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,QAAQ,EAAe;IAChG,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAiB,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,IAAI,CAAC,CAAC;IAE1F,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,EAAE;YACb,kBAAkB,CAAC,SAAS,CAAC,CAAC;YAC9B,OAAO;SACR;QACD,IAAI,aAAa,EAAE;YACjB,IAAI,YAAY,IAAI,CAAC,eAAe,EAAE;gBACpC,QAAQ,CAAC,QAAQ,EAAE,+DAA+D,CAAC,CAAC;aACrF;YACD,IAAI,CAAC,YAAY,IAAI,eAAe,EAAE;gBACpC,QAAQ,CAAC,QAAQ,EAAE,+DAA+D,CAAC,CAAC;aACrF;SACF;QAED,IAAI,YAAY,IAAI,eAAe,EAAE;YACnC,OAAO,oBAAoB,CAAC,YAAY,EAAE,eAAe,EAAE,kBAAkB,CAAC,CAAC;SAChF;QACD,OAAO,sBAAsB,CAAC,kBAAkB,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAE/C,OAAO,eAAe,IAAI,YAAY,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;AACpE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useLayoutEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { isDevelopment } from '../../is-development';\n\nexport interface PortalProps {\n  container?: null | Element;\n  getContainer?: () => Promise<HTMLElement>;\n  removeContainer?: (container: HTMLElement) => void;\n  children: React.ReactNode;\n}\n\nfunction manageDefaultContainer(setState: React.Dispatch<React.SetStateAction<Element | null>>) {\n  const newContainer = document.createElement('div');\n  document.body.appendChild(newContainer);\n  setState(newContainer);\n  return () => {\n    document.body.removeChild(newContainer);\n  };\n}\n\nfunction manageAsyncContainer(\n  getContainer: () => Promise<HTMLElement>,\n  removeContainer: (container: HTMLElement) => void,\n  setState: React.Dispatch<React.SetStateAction<Element | null>>\n) {\n  let newContainer: HTMLElement;\n  getContainer().then(\n    container => {\n      newContainer = container;\n      setState(container);\n    },\n    error => {\n      console.warn('[AwsUi] [portal]: failed to load portal root', error);\n    }\n  );\n  return () => {\n    removeContainer(newContainer);\n  };\n}\n\n/**\n * A safe react portal component that renders to a provided node.\n * If a node isn't provided, it creates one under document.body.\n */\nexport default function Portal({ container, getContainer, removeContainer, children }: PortalProps) {\n  const [activeContainer, setActiveContainer] = useState<Element | null>(container ?? null);\n\n  useLayoutEffect(() => {\n    if (container) {\n      setActiveContainer(container);\n      return;\n    }\n    if (isDevelopment) {\n      if (getContainer && !removeContainer) {\n        warnOnce('portal', '`removeContainer` is required when `getContainer` is provided');\n      }\n      if (!getContainer && removeContainer) {\n        warnOnce('portal', '`getContainer` is required when `removeContainer` is provided');\n      }\n    }\n\n    if (getContainer && removeContainer) {\n      return manageAsyncContainer(getContainer, removeContainer, setActiveContainer);\n    }\n    return manageDefaultContainer(setActiveContainer);\n  }, [container, getContainer, removeContainer]);\n\n  return activeContainer && createPortal(children, activeContainer);\n}\n"]}

package/internal/direction.d.ts

@@ -0,0 +1,9 @@
+export declare function isRtl(element: HTMLElement | SVGElement): boolean;
+/**
+ * The scrollLeft value will be a negative number if the direction is RTL and
+ * needs to be converted to a positive value for direction independent scroll
+ * computations. Additionally, the scrollLeft value can be a decimal value on
+ * systems using display scaling requiring the floor and ceiling calls.
+ */
+export declare function getScrollInlineStart(element: HTMLElement): number;
+//# sourceMappingURL=direction.d.ts.map

package/internal/direction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"direction.d.ts","sourceRoot":"","sources":["../../../src/internal/direction.ts"],"names":[],"mappings":"AAGA,wBAAgB,KAAK,CAAC,OAAO,EAAE,WAAW,GAAG,UAAU,WAEtD;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,UAExD"}