@cloudscape-design/components 3.0.839 → 3.0.841

package/calendar/grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/calendar/grid/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, { forwardRef, TdHTMLAttributes, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { DatePickerProps } from '../../date-picker/interfaces';\nimport ScreenreaderOnly from '../../internal/components/screenreader-only/index.js';\nimport Tooltip from '../../internal/components/tooltip';\nimport { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update.js';\nimport useHiddenDescription from '../../internal/hooks/use-hidden-description';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport { applyDisplayName } from '../../internal/utils/apply-display-name';\nimport { CalendarProps } from '../interfaces';\n\nimport styles from '../styles.css.js';\n\n/**\n * Calendar grid supports two mechanisms of keyboard navigation:\n * - Native screen-reader table navigation (semantic table markup);\n * - Keyboard arrow-keys navigation (a custom key-down handler).\n *\n * The implementation largely follows the w3 example (https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/datepicker-dialog) and shares the following issues:\n * - (table navigation) Chrome+VO - weekday is announced twice when navigating to the calendar's header;\n * - (table navigation) Safari+VO - \"dimmed\" state is announced twice;\n * - (table navigation) Firefox/Chrome+NVDA - cannot use table navigation if any cell has a focus;\n * - (keyboard navigation) Firefox+NVDA - every date is announced as \"not selected\";\n * - (keyboard navigation) Safari/Chrome+VO - weekdays are not announced;\n * - (keyboard navigation) Safari/Chrome+VO - dates are not announced as interactive (clickable or selectable);\n * - (keyboard navigation) Safari/Chrome+VO - date announcements are not interruptive and can be missed if navigating fast.\n */\n\nexport interface GridProps {\n  isDateEnabled: DatePickerProps.IsDateEnabledFunction;\n  dateDisabledReason: CalendarProps.DateDisabledReasonFunction;\n  focusedDate: Date | null;\n  focusableDate: Date | null;\n  onSelectDate: (date: Date) => void;\n  onFocusDate: (date: null | Date) => void;\n  onChangePage: (date: Date) => void;\n  selectedDate: Date | null;\n  ariaLabelledby: string;\n  header?: React.ReactNode;\n  rows: ReadonlyArray<ReadonlyArray<Date>>;\n  isCurrentPage: (date: Date) => boolean;\n  renderDate: (date: Date) => string;\n  renderDateAnnouncement: (date: Date, isOnCurrentDate: boolean) => string;\n  isSameDate: (date: Date, baseDate: Date) => boolean;\n  onGridKeyDownHandler: (event: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ninterface GridCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\n  disabledReason?: string;\n}\n\nconst GridCell = forwardRef((props: GridCellProps, focusedDateRef: React.Ref<HTMLTableCellElement>) => {\n  const { disabledReason, ...rest } = props;\n  const isDisabledWithReason = !!disabledReason;\n  const { targetProps, descriptionEl } = useHiddenDescription(disabledReason);\n  const ref = useRef<HTMLTableCellElement>(null);\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  return (\n    <td\n      ref={useMergeRefs(focusedDateRef, ref)}\n      {...(isDisabledWithReason ? targetProps : {})}\n      {...rest}\n      onFocus={() => (isDisabledWithReason ? setShowTooltip(true) : undefined)}\n      onBlur={() => (isDisabledWithReason ? setShowTooltip(false) : undefined)}\n      onMouseEnter={() => (isDisabledWithReason ? setShowTooltip(true) : undefined)}\n      onMouseLeave={() => (isDisabledWithReason ? setShowTooltip(false) : undefined)}\n    >\n      {props.children}\n      {isDisabledWithReason && (\n        <>\n          {descriptionEl}\n          {showTooltip && (\n            <Tooltip className={styles['disabled-reason-tooltip']} trackRef={ref} value={disabledReason!} />\n          )}\n        </>\n      )}\n    </td>\n  );\n});\n\napplyDisplayName(GridCell, 'GridCell');\n\nexport default function Grid({\n  isDateEnabled,\n  dateDisabledReason,\n  focusedDate,\n  focusableDate,\n  onSelectDate,\n  selectedDate,\n  ariaLabelledby,\n  header,\n  rows,\n  isCurrentPage,\n  renderDate,\n  renderDateAnnouncement,\n  isSameDate,\n  onGridKeyDownHandler,\n}: GridProps) {\n  const focusedDateRef = useRef<HTMLTableCellElement>(null);\n\n  // The focused date changes as a feedback to keyboard navigation in the grid.\n  // Once changed, the corresponding date button needs to receive the actual focus.\n  useEffectOnUpdate(() => {\n    if (focusedDate && focusedDateRef.current) {\n      (focusedDateRef.current as HTMLDivElement).focus();\n    }\n  }, [focusedDate]);\n\n  const rowLength = rows[0].length;\n\n  const denseGrid = rowLength > 3;\n\n  return (\n    <table\n      role=\"grid\"\n      className={clsx(styles['calendar-grid'], denseGrid && styles['calendar-grid-dense'])}\n      aria-labelledby={ariaLabelledby}\n    >\n      {header}\n      <tbody onKeyDown={onGridKeyDownHandler}>\n        {rows.map((row, rowIndex) => (\n          <tr key={rowIndex} className={styles['calendar-row']}>\n            {row.map((date, dateIndex) => {\n              const isFocusable = !!focusableDate && isSameDate(date, focusableDate);\n              const isSelected = !!selectedDate && isSameDate(date, selectedDate);\n              const isEnabled = !isDateEnabled || isDateEnabled(date);\n              const disabledReason = dateDisabledReason(date);\n              const isDisabledWithReason = !isEnabled && !!disabledReason;\n              const isCurrentDate = isSameDate(date, new Date());\n\n              // Can't be focused.\n              let tabIndex = undefined;\n              if (isFocusable && (isEnabled || isDisabledWithReason)) {\n                // Next focus target.\n                tabIndex = 0;\n              } else if (isEnabled || isDisabledWithReason) {\n                // Can be focused programmatically.\n                tabIndex = -1;\n              }\n\n              return (\n                <GridCell\n                  key={`${rowIndex}:${dateIndex}`}\n                  ref={tabIndex === 0 ? focusedDateRef : undefined}\n                  tabIndex={tabIndex}\n                  aria-current={isCurrentDate ? 'date' : undefined}\n                  aria-selected={isEnabled ? isSelected : undefined}\n                  aria-disabled={!isEnabled}\n                  // Do not attach click event when the date is disabled, otherwise VO+safari announces clickable\n                  onClick={isEnabled ? () => onSelectDate(date) : undefined}\n                  className={clsx(styles['calendar-grid-cell'], styles['calendar-date'], {\n                    [styles['calendar-date-current-page']]: isCurrentPage(date),\n                    [styles['calendar-date-enabled']]: isEnabled,\n                    [styles['calendar-date-selected']]: isSelected,\n                    [styles['calendar-date-current']]: isCurrentDate,\n                    [styles['calendar-date-dense']]: denseGrid,\n                  })}\n                  disabledReason={isDisabledWithReason ? disabledReason : undefined}\n                >\n                  <span className={styles['date-inner']} aria-hidden=\"true\">\n                    {renderDate(date)}\n                  </span>\n                  {/* Screen-reader announcement for the focused date. */}\n                  <ScreenreaderOnly>{renderDateAnnouncement(date, isCurrentDate)}</ScreenreaderOnly>\n                </GridCell>\n              );\n            })}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/calendar/grid/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAoB,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,gBAAgB,MAAM,sDAAsD,CAAC;AACpF,OAAO,OAAO,MAAM,mCAAmC,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,oBAAoB,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAG3E,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAwCtC,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,KAAoB,EAAE,cAA+C,EAAE,EAAE;IACpG,MAAM,EAAE,cAAc,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAnC,kBAA2B,CAAQ,CAAC;IAC1C,MAAM,oBAAoB,GAAG,CAAC,CAAC,cAAc,CAAC;IAC9C,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;IAC5E,MAAM,GAAG,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,OAAO,CACL,0CACE,GAAG,EAAE,YAAY,CAAC,cAAc,EAAE,GAAG,CAAC,IAClC,CAAC,oBAAoB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EACzC,IAAI,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EACxE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EACxE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAC7E,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAE7E,KAAK,CAAC,QAAQ;QACd,oBAAoB,IAAI,CACvB;YACG,aAAa;YACb,WAAW,IAAI,CACd,oBAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,yBAAyB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,cAAe,GAAI,CACjG,CACA,CACJ,CACE,CACN,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,aAAa,EACb,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,MAAM,EACN,IAAI,EACJ,aAAa,EACb,UAAU,EACV,sBAAsB,EACtB,UAAU,EACV,oBAAoB,GACV;IACV,MAAM,cAAc,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IAE1D,6EAA6E;IAC7E,iFAAiF;IACjF,iBAAiB,CAAC,GAAG,EAAE;QACrB,IAAI,WAAW,IAAI,cAAc,CAAC,OAAO,EAAE;YACxC,cAAc,CAAC,OAA0B,CAAC,KAAK,EAAE,CAAC;SACpD;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEjC,MAAM,SAAS,GAAG,SAAS,GAAG,CAAC,CAAC;IAEhC,OAAO,CACL,+BACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,SAAS,IAAI,MAAM,CAAC,qBAAqB,CAAC,CAAC,qBACnE,cAAc;QAE9B,MAAM;QACP,+BAAO,SAAS,EAAE,oBAAoB,IACnC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC3B,4BAAI,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,IACjD,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;YAC3B,MAAM,WAAW,GAAG,CAAC,CAAC,aAAa,IAAI,UAAU,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;YACvE,MAAM,UAAU,GAAG,CAAC,CAAC,YAAY,IAAI,UAAU,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;YACpE,MAAM,SAAS,GAAG,CAAC,aAAa,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;YACxD,MAAM,cAAc,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;YAChD,MAAM,oBAAoB,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,cAAc,CAAC;YAC5D,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;YAEnD,oBAAoB;YACpB,IAAI,QAAQ,GAAG,SAAS,CAAC;YACzB,IAAI,WAAW,IAAI,CAAC,SAAS,IAAI,oBAAoB,CAAC,EAAE;gBACtD,qBAAqB;gBACrB,QAAQ,GAAG,CAAC,CAAC;aACd;iBAAM,IAAI,SAAS,IAAI,oBAAoB,EAAE;gBAC5C,mCAAmC;gBACnC,QAAQ,GAAG,CAAC,CAAC,CAAC;aACf;YAED,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,GAAG,QAAQ,IAAI,SAAS,EAAE,EAC/B,GAAG,EAAE,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAChD,QAAQ,EAAE,QAAQ,kBACJ,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,mBACjC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,mBAClC,CAAC,SAAS;gBACzB,+FAA+F;gBAC/F,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,EACzD,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE;oBACrE,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC;oBAC3D,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAAE,SAAS;oBAC5C,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAAE,UAAU;oBAC9C,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAAE,aAAa;oBAChD,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,SAAS;iBAC3C,CAAC,EACF,cAAc,EAAE,oBAAoB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;gBAEjE,8BAAM,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,iBAAc,MAAM,IACtD,UAAU,CAAC,IAAI,CAAC,CACZ;gBAEP,oBAAC,gBAAgB,QAAE,sBAAsB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAoB,CACzE,CACZ,CAAC;QACJ,CAAC,CAAC,CACC,CACN,CAAC,CACI,CACF,CACT,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef, TdHTMLAttributes, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { DatePickerProps } from '../../date-picker/interfaces';\nimport ScreenreaderOnly from '../../internal/components/screenreader-only/index.js';\nimport Tooltip from '../../internal/components/tooltip';\nimport { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update.js';\nimport useHiddenDescription from '../../internal/hooks/use-hidden-description';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport { applyDisplayName } from '../../internal/utils/apply-display-name';\nimport { CalendarProps } from '../interfaces';\n\nimport styles from '../styles.css.js';\n\n/**\n * Calendar grid supports two mechanisms of keyboard navigation:\n * - Native screen-reader table navigation (semantic table markup);\n * - Keyboard arrow-keys navigation (a custom key-down handler).\n *\n * The implementation largely follows the w3 example (https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/datepicker-dialog) and shares the following issues:\n * - (table navigation) Chrome+VO - weekday is announced twice when navigating to the calendar's header;\n * - (table navigation) Safari+VO - \"dimmed\" state is announced twice;\n * - (table navigation) Firefox/Chrome+NVDA - cannot use table navigation if any cell has a focus;\n * - (keyboard navigation) Firefox+NVDA - every date is announced as \"not selected\";\n * - (keyboard navigation) Safari/Chrome+VO - weekdays are not announced;\n * - (keyboard navigation) Safari/Chrome+VO - dates are not announced as interactive (clickable or selectable);\n * - (keyboard navigation) Safari/Chrome+VO - date announcements are not interruptive and can be missed if navigating fast.\n */\n\ninterface GridProps {\n  isDateEnabled: DatePickerProps.IsDateEnabledFunction;\n  dateDisabledReason: CalendarProps.DateDisabledReasonFunction;\n  focusedDate: Date | null;\n  focusableDate: Date | null;\n  onSelectDate: (date: Date) => void;\n  onFocusDate: (date: null | Date) => void;\n  onChangePage: (date: Date) => void;\n  selectedDate: Date | null;\n  ariaLabelledby: string;\n  header?: React.ReactNode;\n  rows: ReadonlyArray<ReadonlyArray<Date>>;\n  isCurrentPage: (date: Date) => boolean;\n  renderDate: (date: Date) => string;\n  renderDateAnnouncement: (date: Date, isOnCurrentDate: boolean) => string;\n  isSameDate: (date: Date, baseDate: Date) => boolean;\n  onGridKeyDownHandler: (event: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ninterface GridCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\n  disabledReason?: string;\n}\n\nconst GridCell = forwardRef((props: GridCellProps, focusedDateRef: React.Ref<HTMLTableCellElement>) => {\n  const { disabledReason, ...rest } = props;\n  const isDisabledWithReason = !!disabledReason;\n  const { targetProps, descriptionEl } = useHiddenDescription(disabledReason);\n  const ref = useRef<HTMLTableCellElement>(null);\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  return (\n    <td\n      ref={useMergeRefs(focusedDateRef, ref)}\n      {...(isDisabledWithReason ? targetProps : {})}\n      {...rest}\n      onFocus={() => (isDisabledWithReason ? setShowTooltip(true) : undefined)}\n      onBlur={() => (isDisabledWithReason ? setShowTooltip(false) : undefined)}\n      onMouseEnter={() => (isDisabledWithReason ? setShowTooltip(true) : undefined)}\n      onMouseLeave={() => (isDisabledWithReason ? setShowTooltip(false) : undefined)}\n    >\n      {props.children}\n      {isDisabledWithReason && (\n        <>\n          {descriptionEl}\n          {showTooltip && (\n            <Tooltip className={styles['disabled-reason-tooltip']} trackRef={ref} value={disabledReason!} />\n          )}\n        </>\n      )}\n    </td>\n  );\n});\n\napplyDisplayName(GridCell, 'GridCell');\n\nexport default function Grid({\n  isDateEnabled,\n  dateDisabledReason,\n  focusedDate,\n  focusableDate,\n  onSelectDate,\n  selectedDate,\n  ariaLabelledby,\n  header,\n  rows,\n  isCurrentPage,\n  renderDate,\n  renderDateAnnouncement,\n  isSameDate,\n  onGridKeyDownHandler,\n}: GridProps) {\n  const focusedDateRef = useRef<HTMLTableCellElement>(null);\n\n  // The focused date changes as a feedback to keyboard navigation in the grid.\n  // Once changed, the corresponding date button needs to receive the actual focus.\n  useEffectOnUpdate(() => {\n    if (focusedDate && focusedDateRef.current) {\n      (focusedDateRef.current as HTMLDivElement).focus();\n    }\n  }, [focusedDate]);\n\n  const rowLength = rows[0].length;\n\n  const denseGrid = rowLength > 3;\n\n  return (\n    <table\n      role=\"grid\"\n      className={clsx(styles['calendar-grid'], denseGrid && styles['calendar-grid-dense'])}\n      aria-labelledby={ariaLabelledby}\n    >\n      {header}\n      <tbody onKeyDown={onGridKeyDownHandler}>\n        {rows.map((row, rowIndex) => (\n          <tr key={rowIndex} className={styles['calendar-row']}>\n            {row.map((date, dateIndex) => {\n              const isFocusable = !!focusableDate && isSameDate(date, focusableDate);\n              const isSelected = !!selectedDate && isSameDate(date, selectedDate);\n              const isEnabled = !isDateEnabled || isDateEnabled(date);\n              const disabledReason = dateDisabledReason(date);\n              const isDisabledWithReason = !isEnabled && !!disabledReason;\n              const isCurrentDate = isSameDate(date, new Date());\n\n              // Can't be focused.\n              let tabIndex = undefined;\n              if (isFocusable && (isEnabled || isDisabledWithReason)) {\n                // Next focus target.\n                tabIndex = 0;\n              } else if (isEnabled || isDisabledWithReason) {\n                // Can be focused programmatically.\n                tabIndex = -1;\n              }\n\n              return (\n                <GridCell\n                  key={`${rowIndex}:${dateIndex}`}\n                  ref={tabIndex === 0 ? focusedDateRef : undefined}\n                  tabIndex={tabIndex}\n                  aria-current={isCurrentDate ? 'date' : undefined}\n                  aria-selected={isEnabled ? isSelected : undefined}\n                  aria-disabled={!isEnabled}\n                  // Do not attach click event when the date is disabled, otherwise VO+safari announces clickable\n                  onClick={isEnabled ? () => onSelectDate(date) : undefined}\n                  className={clsx(styles['calendar-grid-cell'], styles['calendar-date'], {\n                    [styles['calendar-date-current-page']]: isCurrentPage(date),\n                    [styles['calendar-date-enabled']]: isEnabled,\n                    [styles['calendar-date-selected']]: isSelected,\n                    [styles['calendar-date-current']]: isCurrentDate,\n                    [styles['calendar-date-dense']]: denseGrid,\n                  })}\n                  disabledReason={isDisabledWithReason ? disabledReason : undefined}\n                >\n                  <span className={styles['date-inner']} aria-hidden=\"true\">\n                    {renderDate(date)}\n                  </span>\n                  {/* Screen-reader announcement for the focused date. */}\n                  <ScreenreaderOnly>{renderDateAnnouncement(date, isCurrentDate)}</ScreenreaderOnly>\n                </GridCell>\n              );\n            })}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\n"]}

package/calendar/styles.css.js

@@ -1,26 +1,26 @@
 
     import './styles.scoped.css';
     export default {
-  "calendar": "awsui_calendar_1ykar_12fgq_149",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_12fgq_1",
-  "root": "awsui_root_1ykar_12fgq_176",
-  "calendar-inner": "awsui_calendar-inner_1ykar_12fgq_217",
-  "calendar-header": "awsui_calendar-header_1ykar_12fgq_221",
-  "calendar-header-title": "awsui_calendar-header-title_1ykar_12fgq_226",
-  "calendar-next-btn": "awsui_calendar-next-btn_1ykar_12fgq_234",
-  "calendar-prev-btn": "awsui_calendar-prev-btn_1ykar_12fgq_237",
-  "calendar-grid": "awsui_calendar-grid_1ykar_12fgq_240",
-  "calendar-grid-dense": "awsui_calendar-grid-dense_1ykar_12fgq_244",
-  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_12fgq_252",
-  "calendar-date-header": "awsui_calendar-date-header_1ykar_12fgq_257",
-  "calendar-date": "awsui_calendar-date_1ykar_12fgq_257",
-  "calendar-date-enabled": "awsui_calendar-date-enabled_1ykar_12fgq_277",
-  "calendar-date-current-page": "awsui_calendar-date-current-page_1ykar_12fgq_287",
-  "calendar-date-selected": "awsui_calendar-date-selected_1ykar_12fgq_298",
-  "calendar-date-current": "awsui_calendar-date-current_1ykar_12fgq_287",
-  "calendar-date-dense": "awsui_calendar-date-dense_1ykar_12fgq_319",
-  "date-inner": "awsui_date-inner_1ykar_12fgq_327",
-  "calendar-row": "awsui_calendar-row_1ykar_12fgq_402",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1ykar_12fgq_406"
+  "calendar": "awsui_calendar_1ykar_wovlz_149",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_wovlz_1",
+  "root": "awsui_root_1ykar_wovlz_176",
+  "calendar-inner": "awsui_calendar-inner_1ykar_wovlz_214",
+  "calendar-header": "awsui_calendar-header_1ykar_wovlz_218",
+  "calendar-header-title": "awsui_calendar-header-title_1ykar_wovlz_223",
+  "calendar-next-btn": "awsui_calendar-next-btn_1ykar_wovlz_231",
+  "calendar-prev-btn": "awsui_calendar-prev-btn_1ykar_wovlz_234",
+  "calendar-grid": "awsui_calendar-grid_1ykar_wovlz_237",
+  "calendar-grid-dense": "awsui_calendar-grid-dense_1ykar_wovlz_241",
+  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_wovlz_249",
+  "calendar-date-header": "awsui_calendar-date-header_1ykar_wovlz_254",
+  "calendar-date": "awsui_calendar-date_1ykar_wovlz_254",
+  "calendar-date-enabled": "awsui_calendar-date-enabled_1ykar_wovlz_274",
+  "calendar-date-current-page": "awsui_calendar-date-current-page_1ykar_wovlz_284",
+  "calendar-date-selected": "awsui_calendar-date-selected_1ykar_wovlz_295",
+  "calendar-date-current": "awsui_calendar-date-current_1ykar_wovlz_284",
+  "calendar-date-dense": "awsui_calendar-date-dense_1ykar_wovlz_316",
+  "date-inner": "awsui_date-inner_1ykar_wovlz_324",
+  "calendar-row": "awsui_calendar-row_1ykar_wovlz_399",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1ykar_wovlz_403"
 };
   

package/calendar/styles.scoped.css

@@ -146,11 +146,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_calendar_1ykar_12fgq_149:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_1ykar_12fgq_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
+.awsui_calendar_1ykar_wovlz_149:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1ykar_wovlz_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1ykar_12fgq_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1ykar_wovlz_1 {
   from {
     opacity: 0;
   }
@@ -159,12 +159,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_calendar_1ykar_12fgq_149:not(#\9) {
+  .awsui_calendar_1ykar_wovlz_149:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_1ykar_12fgq_149:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_12fgq_149:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_1ykar_wovlz_149:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_wovlz_149:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -173,11 +173,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_1ykar_12fgq_176:not(#\9) {
+.awsui_root_1ykar_wovlz_176:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_calendar_1ykar_12fgq_149:not(#\9) {
+.awsui_calendar_1ykar_wovlz_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -186,12 +186,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -215,16 +212,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-calendar-grid-width-lrunz7, 238px);
   overflow: auto;
 }
-.awsui_calendar-inner_1ykar_12fgq_217:not(#\9) {
+.awsui_calendar-inner_1ykar_wovlz_214:not(#\9) {
   margin-block: var(--space-xs-zb16t3, 8px);
   margin-inline: var(--space-xs-zb16t3, 8px);
 }
-.awsui_calendar-header_1ykar_12fgq_221:not(#\9) {
+.awsui_calendar-header_1ykar_wovlz_218:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.awsui_calendar-header-title_1ykar_12fgq_226:not(#\9) {
+.awsui_calendar-header-title_1ykar_wovlz_223:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   font-weight: 700;
@@ -232,30 +229,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_calendar-next-btn_1ykar_12fgq_234:not(#\9) {
+.awsui_calendar-next-btn_1ykar_wovlz_231:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-prev-btn_1ykar_12fgq_237:not(#\9) {
+.awsui_calendar-prev-btn_1ykar_wovlz_234:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-grid_1ykar_12fgq_240:not(#\9) {
+.awsui_calendar-grid_1ykar_wovlz_237:not(#\9) {
   inline-size: 100%;
   table-layout: fixed;
 }
-.awsui_calendar-grid_1ykar_12fgq_240:not(#\9):not(.awsui_calendar-grid-dense_1ykar_12fgq_244) {
+.awsui_calendar-grid_1ykar_wovlz_237:not(#\9):not(.awsui_calendar-grid-dense_1ykar_wovlz_241) {
   border-spacing: var(--space-calendar-grid-gutter-2jsrps, 6px);
   padding-block: var(--space-xs-zb16t3, 8px);
   padding-inline: var(--space-xs-zb16t3, 8px);
 }
-.awsui_calendar-grid-dense_1ykar_12fgq_244:not(#\9) {
+.awsui_calendar-grid-dense_1ykar_wovlz_241:not(#\9) {
   border-spacing: 0;
 }
-.awsui_calendar-grid-cell_1ykar_12fgq_252:not(#\9) {
+.awsui_calendar-grid-cell_1ykar_wovlz_249:not(#\9) {
   word-break: break-word;
   text-align: center;
   font-weight: unset;
 }
-.awsui_calendar-date-header_1ykar_12fgq_257:not(#\9) {
+.awsui_calendar-date-header_1ykar_wovlz_254:not(#\9) {
   padding-block-start: var(--space-s-34lx8l, 12px);
   padding-block-end: var(--space-xxs-p8yyaw, 4px);
   padding-inline: 0;
@@ -264,7 +261,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-s-7zv1j5, 16px);
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
 }
-.awsui_calendar-date_1ykar_12fgq_257:not(#\9) {
+.awsui_calendar-date_1ykar_wovlz_254: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);
@@ -272,23 +269,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-dropdown-item-disabled-7fg5u8, #b4b4bb);
   position: relative;
 }
-.awsui_calendar-date_1ykar_12fgq_257:not(#\9):first-child {
+.awsui_calendar-date_1ykar_wovlz_254:not(#\9):first-child {
   border-inline-start: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
 }
-.awsui_calendar-date-enabled_1ykar_12fgq_277:not(#\9) {
+.awsui_calendar-date-enabled_1ykar_wovlz_274:not(#\9) {
   cursor: pointer;
   color: var(--color-text-dropdown-item-secondary-xvh5zo, #656871);
 }
-.awsui_calendar-date-enabled_1ykar_12fgq_277:not(#\9)::after {
+.awsui_calendar-date-enabled_1ykar_wovlz_274: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_calendar-date-enabled_1ykar_12fgq_277.awsui_calendar-date-current-page_1ykar_12fgq_287:not(#\9) {
+.awsui_calendar-date-enabled_1ykar_wovlz_274.awsui_calendar-date-current-page_1ykar_wovlz_284:not(#\9) {
   color: var(--color-text-dropdown-item-default-wpxsrk, #0f141a);
 }
-.awsui_calendar-date-enabled_1ykar_12fgq_277.awsui_calendar-date-current-page_1ykar_12fgq_287:not(#\9):hover {
+.awsui_calendar-date-enabled_1ykar_wovlz_274.awsui_calendar-date-current-page_1ykar_wovlz_284:not(#\9):hover {
   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);
@@ -296,11 +293,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-calendar-date-hover-qiity9, #0f141a);
   background-color: var(--color-background-dropdown-item-hover-zhzc84, #f3f3f7);
 }
-.awsui_calendar-date-enabled_1ykar_12fgq_277.awsui_calendar-date-current-page_1ykar_12fgq_287:not(#\9):hover:not(.awsui_calendar-date-selected_1ykar_12fgq_298)::after {
+.awsui_calendar-date-enabled_1ykar_wovlz_274.awsui_calendar-date-current-page_1ykar_wovlz_284:not(#\9):hover:not(.awsui_calendar-date-selected_1ykar_wovlz_295)::after {
   border-block: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-item-hover-4p0gsi, #8c8c94);
   border-inline: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-item-hover-4p0gsi, #8c8c94);
 }
-.awsui_calendar-date-current_1ykar_12fgq_287:not(#\9) {
+.awsui_calendar-date-current_1ykar_wovlz_284:not(#\9) {
   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);
@@ -308,7 +305,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-calendar-current-date-a6ucrp, #f3f3f7);
   font-weight: 700;
 }
-.awsui_calendar-date_1ykar_12fgq_257:not(#\9)::after {
+.awsui_calendar-date_1ykar_wovlz_254:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -317,29 +314,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: calc(-1 * var(--border-item-width-yel47s, 2px));
   inset-inline-end: calc(-1 * var(--border-item-width-yel47s, 2px));
 }
-.awsui_calendar-date_1ykar_12fgq_257:not(#\9):not(.awsui_calendar-date-dense_1ykar_12fgq_319)::after {
+.awsui_calendar-date_1ykar_wovlz_254:not(#\9):not(.awsui_calendar-date-dense_1ykar_wovlz_316)::after {
   inset-block-end: calc(-1 * var(--border-item-width-yel47s, 2px));
   inset-inline-start: calc(-1 * var(--border-item-width-yel47s, 2px));
 }
-.awsui_calendar-date-dense_1ykar_12fgq_319:not(#\9)::after {
+.awsui_calendar-date-dense_1ykar_wovlz_316:not(#\9)::after {
   inset-block-end: -1px;
   inset-inline-start: -1px;
 }
-.awsui_calendar-date_1ykar_12fgq_257 > .awsui_date-inner_1ykar_12fgq_327:not(#\9) {
+.awsui_calendar-date_1ykar_wovlz_254 > .awsui_date-inner_1ykar_wovlz_324:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_calendar-date_1ykar_12fgq_257:not(#\9):focus {
+.awsui_calendar-date_1ykar_wovlz_254:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_12fgq_257:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_wovlz_254:not(#\9):focus:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_12fgq_257:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_wovlz_254:not(#\9):focus: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_calendar-date_1ykar_12fgq_257:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_wovlz_254:not(#\9):focus:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -353,23 +350,23 @@ body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_12fgq_257:not(#\9
   border-end-end-radius: var(--border-radius-calendar-day-focus-ring-545h0w, 3px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_12fgq_257:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_wovlz_254:not(#\9):focus:focus::before {
   z-index: 2;
 }
-.awsui_calendar-date-selected_1ykar_12fgq_298:not(#\9) {
+.awsui_calendar-date-selected_1ykar_wovlz_295:not(#\9) {
   border-color: transparent;
   position: relative;
   z-index: 2;
   font-weight: 700;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_12fgq_298:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_wovlz_295:not(#\9):focus:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_12fgq_298:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_wovlz_295:not(#\9):focus: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_calendar-date-selected_1ykar_12fgq_298:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_wovlz_295:not(#\9):focus:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -383,10 +380,10 @@ body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_12fgq_29
   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-w7gc9h, #f9f9fa);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_12fgq_298:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_wovlz_295:not(#\9):focus:focus::before {
   z-index: 2;
 }
-.awsui_calendar-date-selected_1ykar_12fgq_298:not(#\9)::after {
+.awsui_calendar-date-selected_1ykar_wovlz_295: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);
@@ -395,15 +392,15 @@ body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_12fgq_29
   border-block: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-hz4k40, #006ce0);
   border-inline: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-hz4k40, #006ce0);
 }
-.awsui_calendar-date-selected_1ykar_12fgq_298 > .awsui_date-inner_1ykar_12fgq_327:not(#\9) {
+.awsui_calendar-date-selected_1ykar_wovlz_295 > .awsui_date-inner_1ykar_wovlz_324:not(#\9) {
   z-index: 2;
   color: var(--color-background-control-default-5ol8rv, #ffffff);
   position: relative;
 }
-.awsui_calendar-row_1ykar_12fgq_402:not(#\9):first-child > .awsui_calendar-date_1ykar_12fgq_257 {
+.awsui_calendar-row_1ykar_wovlz_399:not(#\9):first-child > .awsui_calendar-date_1ykar_wovlz_254 {
   border-block-start: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
 }
 
-.awsui_disabled-reason-tooltip_1ykar_12fgq_406:not(#\9) {
+.awsui_disabled-reason-tooltip_1ykar_wovlz_403:not(#\9) {
   /* used in test-utils or tests */
 }

package/calendar/styles.selectors.js

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_1ykar_12fgq_149",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_12fgq_1",
-  "root": "awsui_root_1ykar_12fgq_176",
-  "calendar-inner": "awsui_calendar-inner_1ykar_12fgq_217",
-  "calendar-header": "awsui_calendar-header_1ykar_12fgq_221",
-  "calendar-header-title": "awsui_calendar-header-title_1ykar_12fgq_226",
-  "calendar-next-btn": "awsui_calendar-next-btn_1ykar_12fgq_234",
-  "calendar-prev-btn": "awsui_calendar-prev-btn_1ykar_12fgq_237",
-  "calendar-grid": "awsui_calendar-grid_1ykar_12fgq_240",
-  "calendar-grid-dense": "awsui_calendar-grid-dense_1ykar_12fgq_244",
-  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_12fgq_252",
-  "calendar-date-header": "awsui_calendar-date-header_1ykar_12fgq_257",
-  "calendar-date": "awsui_calendar-date_1ykar_12fgq_257",
-  "calendar-date-enabled": "awsui_calendar-date-enabled_1ykar_12fgq_277",
-  "calendar-date-current-page": "awsui_calendar-date-current-page_1ykar_12fgq_287",
-  "calendar-date-selected": "awsui_calendar-date-selected_1ykar_12fgq_298",
-  "calendar-date-current": "awsui_calendar-date-current_1ykar_12fgq_287",
-  "calendar-date-dense": "awsui_calendar-date-dense_1ykar_12fgq_319",
-  "date-inner": "awsui_date-inner_1ykar_12fgq_327",
-  "calendar-row": "awsui_calendar-row_1ykar_12fgq_402",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1ykar_12fgq_406"
+  "calendar": "awsui_calendar_1ykar_wovlz_149",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_wovlz_1",
+  "root": "awsui_root_1ykar_wovlz_176",
+  "calendar-inner": "awsui_calendar-inner_1ykar_wovlz_214",
+  "calendar-header": "awsui_calendar-header_1ykar_wovlz_218",
+  "calendar-header-title": "awsui_calendar-header-title_1ykar_wovlz_223",
+  "calendar-next-btn": "awsui_calendar-next-btn_1ykar_wovlz_231",
+  "calendar-prev-btn": "awsui_calendar-prev-btn_1ykar_wovlz_234",
+  "calendar-grid": "awsui_calendar-grid_1ykar_wovlz_237",
+  "calendar-grid-dense": "awsui_calendar-grid-dense_1ykar_wovlz_241",
+  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_wovlz_249",
+  "calendar-date-header": "awsui_calendar-date-header_1ykar_wovlz_254",
+  "calendar-date": "awsui_calendar-date_1ykar_wovlz_254",
+  "calendar-date-enabled": "awsui_calendar-date-enabled_1ykar_wovlz_274",
+  "calendar-date-current-page": "awsui_calendar-date-current-page_1ykar_wovlz_284",
+  "calendar-date-selected": "awsui_calendar-date-selected_1ykar_wovlz_295",
+  "calendar-date-current": "awsui_calendar-date-current_1ykar_wovlz_284",
+  "calendar-date-dense": "awsui_calendar-date-dense_1ykar_wovlz_316",
+  "date-inner": "awsui_date-inner_1ykar_wovlz_324",
+  "calendar-row": "awsui_calendar-row_1ykar_wovlz_399",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1ykar_wovlz_403"
 };
   

package/cards/styles.css.js

@@ -1,44 +1,44 @@
 
     import './styles.scoped.css';
     export default {
-  "card-inner": "awsui_card-inner_p8a6i_1trdm_157",
-  "root": "awsui_root_p8a6i_1trdm_189",
-  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1trdm_231",
-  "header-refresh": "awsui_header-refresh_p8a6i_1trdm_231",
-  "list": "awsui_list_p8a6i_1trdm_238",
-  "list-grid-1": "awsui_list-grid-1_p8a6i_1trdm_249",
-  "card": "awsui_card_p8a6i_1trdm_157",
-  "list-grid-2": "awsui_list-grid-2_p8a6i_1trdm_252",
-  "list-grid-3": "awsui_list-grid-3_p8a6i_1trdm_255",
-  "list-grid-4": "awsui_list-grid-4_p8a6i_1trdm_258",
-  "list-grid-5": "awsui_list-grid-5_p8a6i_1trdm_261",
-  "list-grid-6": "awsui_list-grid-6_p8a6i_1trdm_264",
-  "list-grid-7": "awsui_list-grid-7_p8a6i_1trdm_267",
-  "list-grid-8": "awsui_list-grid-8_p8a6i_1trdm_270",
-  "list-grid-9": "awsui_list-grid-9_p8a6i_1trdm_273",
-  "list-grid-10": "awsui_list-grid-10_p8a6i_1trdm_276",
-  "list-grid-11": "awsui_list-grid-11_p8a6i_1trdm_279",
-  "list-grid-12": "awsui_list-grid-12_p8a6i_1trdm_282",
-  "list-grid-13": "awsui_list-grid-13_p8a6i_1trdm_285",
-  "list-grid-14": "awsui_list-grid-14_p8a6i_1trdm_288",
-  "list-grid-15": "awsui_list-grid-15_p8a6i_1trdm_291",
-  "list-grid-16": "awsui_list-grid-16_p8a6i_1trdm_294",
-  "list-grid-17": "awsui_list-grid-17_p8a6i_1trdm_297",
-  "list-grid-18": "awsui_list-grid-18_p8a6i_1trdm_300",
-  "list-grid-19": "awsui_list-grid-19_p8a6i_1trdm_303",
-  "list-grid-20": "awsui_list-grid-20_p8a6i_1trdm_306",
-  "selection-control": "awsui_selection-control_p8a6i_1trdm_310",
-  "loading": "awsui_loading_p8a6i_1trdm_320",
-  "empty": "awsui_empty_p8a6i_1trdm_321",
-  "has-header": "awsui_has-header_p8a6i_1trdm_328",
-  "refresh": "awsui_refresh_p8a6i_1trdm_331",
-  "card-header": "awsui_card-header_p8a6i_1trdm_402",
-  "card-header-inner": "awsui_card-header-inner_p8a6i_1trdm_410",
-  "card-selectable": "awsui_card-selectable_p8a6i_1trdm_414",
-  "card-selected": "awsui_card-selected_p8a6i_1trdm_417",
-  "section": "awsui_section_p8a6i_1trdm_425",
-  "section-header": "awsui_section-header_p8a6i_1trdm_433",
-  "section-content": "awsui_section-content_p8a6i_1trdm_439",
-  "footer-pagination": "awsui_footer-pagination_p8a6i_1trdm_449"
+  "card-inner": "awsui_card-inner_p8a6i_2gugy_157",
+  "root": "awsui_root_p8a6i_2gugy_189",
+  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_2gugy_228",
+  "header-refresh": "awsui_header-refresh_p8a6i_2gugy_228",
+  "list": "awsui_list_p8a6i_2gugy_235",
+  "list-grid-1": "awsui_list-grid-1_p8a6i_2gugy_246",
+  "card": "awsui_card_p8a6i_2gugy_157",
+  "list-grid-2": "awsui_list-grid-2_p8a6i_2gugy_249",
+  "list-grid-3": "awsui_list-grid-3_p8a6i_2gugy_252",
+  "list-grid-4": "awsui_list-grid-4_p8a6i_2gugy_255",
+  "list-grid-5": "awsui_list-grid-5_p8a6i_2gugy_258",
+  "list-grid-6": "awsui_list-grid-6_p8a6i_2gugy_261",
+  "list-grid-7": "awsui_list-grid-7_p8a6i_2gugy_264",
+  "list-grid-8": "awsui_list-grid-8_p8a6i_2gugy_267",
+  "list-grid-9": "awsui_list-grid-9_p8a6i_2gugy_270",
+  "list-grid-10": "awsui_list-grid-10_p8a6i_2gugy_273",
+  "list-grid-11": "awsui_list-grid-11_p8a6i_2gugy_276",
+  "list-grid-12": "awsui_list-grid-12_p8a6i_2gugy_279",
+  "list-grid-13": "awsui_list-grid-13_p8a6i_2gugy_282",
+  "list-grid-14": "awsui_list-grid-14_p8a6i_2gugy_285",
+  "list-grid-15": "awsui_list-grid-15_p8a6i_2gugy_288",
+  "list-grid-16": "awsui_list-grid-16_p8a6i_2gugy_291",
+  "list-grid-17": "awsui_list-grid-17_p8a6i_2gugy_294",
+  "list-grid-18": "awsui_list-grid-18_p8a6i_2gugy_297",
+  "list-grid-19": "awsui_list-grid-19_p8a6i_2gugy_300",
+  "list-grid-20": "awsui_list-grid-20_p8a6i_2gugy_303",
+  "selection-control": "awsui_selection-control_p8a6i_2gugy_307",
+  "loading": "awsui_loading_p8a6i_2gugy_317",
+  "empty": "awsui_empty_p8a6i_2gugy_318",
+  "has-header": "awsui_has-header_p8a6i_2gugy_325",
+  "refresh": "awsui_refresh_p8a6i_2gugy_328",
+  "card-header": "awsui_card-header_p8a6i_2gugy_399",
+  "card-header-inner": "awsui_card-header-inner_p8a6i_2gugy_407",
+  "card-selectable": "awsui_card-selectable_p8a6i_2gugy_411",
+  "card-selected": "awsui_card-selected_p8a6i_2gugy_414",
+  "section": "awsui_section_p8a6i_2gugy_422",
+  "section-header": "awsui_section-header_p8a6i_2gugy_430",
+  "section-content": "awsui_section-content_p8a6i_2gugy_436",
+  "footer-pagination": "awsui_footer-pagination_p8a6i_2gugy_446"
 };