@cloudscape-design/components 3.0.88 → 3.0.90

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/calendar/grid/index.d.ts +2 -1
  2. package/calendar/grid/index.d.ts.map +1 -1
  3. package/calendar/grid/index.js +2 -2
  4. package/calendar/grid/index.js.map +1 -1
  5. package/calendar/header/index.d.ts +2 -1
  6. package/calendar/header/index.d.ts.map +1 -1
  7. package/calendar/header/index.js +2 -2
  8. package/calendar/header/index.js.map +1 -1
  9. package/calendar/internal.d.ts.map +1 -1
  10. package/calendar/internal.js +4 -2
  11. package/calendar/internal.js.map +1 -1
  12. package/calendar/styles.css.js +18 -18
  13. package/calendar/styles.scoped.css +39 -38
  14. package/calendar/styles.selectors.js +18 -18
  15. package/header/styles.css.js +40 -40
  16. package/header/styles.scoped.css +45 -43
  17. package/header/styles.selectors.js +40 -40
  18. package/internal/environment.js +1 -1
  19. package/package.json +1 -1
package/calendar/grid/index.d.ts CHANGED
@@ -26,6 +26,7 @@ export interface GridProps {
26
26
  startOfWeek: DayIndex;
27
27
  todayAriaLabel: string;
28
28
  selectedDate: Date | null;
29
+ ariaLabelledby: string;
29
30
  }
30
- export default function Grid({ locale, baseDate, isDateEnabled, focusedDate, focusableDate, onSelectDate, onFocusDate, onChangeMonth, startOfWeek, todayAriaLabel, selectedDate, }: GridProps): JSX.Element;
31
+ export default function Grid({ locale, baseDate, isDateEnabled, focusedDate, focusableDate, onSelectDate, onFocusDate, onChangeMonth, startOfWeek, todayAriaLabel, selectedDate, ariaLabelledby, }: GridProps): JSX.Element;
31
32
  //# sourceMappingURL=index.d.ts.map
package/calendar/grid/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/grid/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAQ/D;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,IAAI,CAAC;IACf,aAAa,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACrD,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,aAAa,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,MAAM,EACN,QAAQ,EACR,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,WAAW,EACX,cAAc,EACd,YAAY,GACb,EAAE,SAAS,eAoIX"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/grid/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAQ/D;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,IAAI,CAAC;IACf,aAAa,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACrD,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,aAAa,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,MAAM,EACN,QAAQ,EACR,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,WAAW,EACX,cAAc,EACd,YAAY,EACZ,cAAc,GACf,EAAE,SAAS,eAoIX"}
package/calendar/grid/index.js CHANGED
@@ -13,7 +13,7 @@ import { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update.js'
13
13
  import ScreenreaderOnly from '../../internal/components/screenreader-only/index.js';
14
14
  import { moveNextDay, movePrevDay, moveNextWeek, movePrevWeek } from '../utils/navigation';
15
15
  export default function Grid(_a) {
16
- var locale = _a.locale, baseDate = _a.baseDate, isDateEnabled = _a.isDateEnabled, focusedDate = _a.focusedDate, focusableDate = _a.focusableDate, onSelectDate = _a.onSelectDate, onFocusDate = _a.onFocusDate, onChangeMonth = _a.onChangeMonth, startOfWeek = _a.startOfWeek, todayAriaLabel = _a.todayAriaLabel, selectedDate = _a.selectedDate;
16
+ var locale = _a.locale, baseDate = _a.baseDate, isDateEnabled = _a.isDateEnabled, focusedDate = _a.focusedDate, focusableDate = _a.focusableDate, onSelectDate = _a.onSelectDate, onFocusDate = _a.onFocusDate, onChangeMonth = _a.onChangeMonth, startOfWeek = _a.startOfWeek, todayAriaLabel = _a.todayAriaLabel, selectedDate = _a.selectedDate, ariaLabelledby = _a.ariaLabelledby;
17
17
  var focusedDateRef = useRef(null);
18
18
  var onGridKeyDownHandler = function (event) {
19
19
  var updatedFocusDate;
@@ -63,7 +63,7 @@ export default function Grid(_a) {
63
63
  var weeks = useMemo(function () { return getCalendarMonth(baseDate, { firstDayOfWeek: startOfWeek }); }, [baseDate, startOfWeek]);
64
64
  var weekdays = weeks[0].map(function (date) { return date.getDay(); });
65
65
  var focusVisible = useFocusVisible();
66
- return (React.createElement("table", { role: "grid", className: styles['calendar-grid'] },
66
+ return (React.createElement("table", { role: "grid", className: styles['calendar-grid'], "aria-labelledby": ariaLabelledby },
67
67
  React.createElement("thead", null,
68
68
  React.createElement("tr", null, weekdays.map(function (dayIndex) { return (React.createElement("th", { key: dayIndex, scope: "col", className: clsx(styles['calendar-grid-cell'], styles['calendar-day-header']) },
69
69
  React.createElement("span", { "aria-hidden": "true" }, renderDayName(locale, dayIndex, 'short')),
package/calendar/grid/index.js.map CHANGED
@@ -1 +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, { useMemo, useRef } from 'react';\nimport styles from '../styles.css.js';\nimport { KeyCode } from '../../internal/keycode';\nimport { isSameDay, isSameMonth } from 'date-fns';\nimport { getCalendarMonth } from 'mnth';\nimport { DayIndex } from '../internal';\nimport { DatePickerProps } from '../../date-picker/interfaces';\nimport { getDateLabel, renderDayName } from '../utils/intl';\nimport useFocusVisible from '../../internal/hooks/focus-visible/index.js';\nimport clsx from 'clsx';\nimport { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update.js';\nimport ScreenreaderOnly from '../../internal/components/screenreader-only/index.js';\nimport { moveNextDay, movePrevDay, moveNextWeek, movePrevWeek } from '../utils/navigation';\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 day is announced as \"not selected\";\n * - (keyboard navigation) Safari/Chrome+VO - weekdays are not announced;\n * - (keyboard navigation) Safari/Chrome+VO - days are not announced as interactive (clickable or selectable);\n * - (keyboard navigation) Safari/Chrome+VO - day announcements are not interruptive and can be missed if navigating fast.\n */\n\nexport interface GridProps {\n locale: string;\n baseDate: Date;\n isDateEnabled: DatePickerProps.IsDateEnabledFunction;\n focusedDate: Date | null;\n focusableDate: Date | null;\n onSelectDate: (date: Date) => void;\n onFocusDate: (date: null | Date) => void;\n onChangeMonth: (date: Date) => void;\n startOfWeek: DayIndex;\n todayAriaLabel: string;\n selectedDate: Date | null;\n}\n\nexport default function Grid({\n locale,\n baseDate,\n isDateEnabled,\n focusedDate,\n focusableDate,\n onSelectDate,\n onFocusDate,\n onChangeMonth,\n startOfWeek,\n todayAriaLabel,\n selectedDate,\n}: GridProps) {\n const focusedDateRef = useRef<HTMLTableCellElement>(null);\n\n const onGridKeyDownHandler = (event: React.KeyboardEvent) => {\n let updatedFocusDate;\n\n if (focusableDate === null) {\n return;\n }\n\n switch (event.keyCode) {\n case KeyCode.space:\n case KeyCode.enter:\n event.preventDefault();\n if (focusableDate) {\n onFocusDate(null);\n onSelectDate(focusableDate);\n }\n return;\n case KeyCode.right:\n event.preventDefault();\n updatedFocusDate = moveNextDay(focusableDate, isDateEnabled);\n break;\n case KeyCode.left:\n event.preventDefault();\n updatedFocusDate = movePrevDay(focusableDate, isDateEnabled);\n break;\n case KeyCode.up:\n event.preventDefault();\n updatedFocusDate = movePrevWeek(focusableDate, isDateEnabled);\n break;\n case KeyCode.down:\n event.preventDefault();\n updatedFocusDate = moveNextWeek(focusableDate, isDateEnabled);\n break;\n default:\n return;\n }\n\n if (!isSameMonth(updatedFocusDate, baseDate)) {\n onChangeMonth(updatedFocusDate);\n }\n onFocusDate(updatedFocusDate);\n };\n\n // The focused date changes as a feedback to keyboard navigation in the grid.\n // Once changed, the corresponding day 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 weeks = useMemo<Date[][]>(\n () => getCalendarMonth(baseDate, { firstDayOfWeek: startOfWeek }),\n [baseDate, startOfWeek]\n );\n const weekdays = weeks[0].map(date => date.getDay());\n\n const focusVisible = useFocusVisible();\n\n return (\n <table role=\"grid\" className={styles['calendar-grid']}>\n <thead>\n <tr>\n {weekdays.map(dayIndex => (\n <th\n key={dayIndex}\n scope=\"col\"\n className={clsx(styles['calendar-grid-cell'], styles['calendar-day-header'])}\n >\n <span aria-hidden=\"true\">{renderDayName(locale, dayIndex, 'short')}</span>\n <ScreenreaderOnly>{renderDayName(locale, dayIndex, 'long')}</ScreenreaderOnly>\n </th>\n ))}\n </tr>\n </thead>\n <tbody onKeyDown={onGridKeyDownHandler}>\n {weeks.map((week, weekIndex) => (\n <tr key={weekIndex} className={styles['calendar-week']}>\n {week.map((date, dateIndex) => {\n const isFocusable = !!focusableDate && isSameDay(date, focusableDate);\n const isSelected = !!selectedDate && isSameDay(date, selectedDate);\n const isEnabled = !isDateEnabled || isDateEnabled(date);\n const isDateOnSameDay = isSameDay(date, new Date());\n\n // Can't be focused.\n let tabIndex = undefined;\n if (isFocusable && isEnabled) {\n // Next focus target.\n tabIndex = 0;\n } else if (isEnabled) {\n // Can be focused programmatically.\n tabIndex = -1;\n }\n\n // Screen-reader announcement for the focused day.\n let dayAnnouncement = getDateLabel(locale, date, 'short');\n if (isDateOnSameDay) {\n dayAnnouncement += '. ' + todayAriaLabel;\n }\n\n return (\n <td\n key={`${weekIndex}:${dateIndex}`}\n ref={tabIndex === 0 ? focusedDateRef : undefined}\n tabIndex={tabIndex}\n aria-current={isDateOnSameDay ? '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-day'], {\n [styles['calendar-day-current-month']]: isSameMonth(date, baseDate),\n [styles['calendar-day-enabled']]: isEnabled,\n [styles['calendar-day-selected']]: isSelected,\n [styles['calendar-day-today']]: isDateOnSameDay,\n })}\n {...focusVisible}\n >\n <span className={styles['day-inner']} aria-hidden=\"true\">\n {date.getDate()}\n </span>\n <ScreenreaderOnly>{dayAnnouncement}</ScreenreaderOnly>\n </td>\n );\n })}\n </tr>\n ))}\n </tbody>\n </table>\n );\n}\n"]}
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, { useMemo, useRef } from 'react';\nimport styles from '../styles.css.js';\nimport { KeyCode } from '../../internal/keycode';\nimport { isSameDay, isSameMonth } from 'date-fns';\nimport { getCalendarMonth } from 'mnth';\nimport { DayIndex } from '../internal';\nimport { DatePickerProps } from '../../date-picker/interfaces';\nimport { getDateLabel, renderDayName } from '../utils/intl';\nimport useFocusVisible from '../../internal/hooks/focus-visible/index.js';\nimport clsx from 'clsx';\nimport { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update.js';\nimport ScreenreaderOnly from '../../internal/components/screenreader-only/index.js';\nimport { moveNextDay, movePrevDay, moveNextWeek, movePrevWeek } from '../utils/navigation';\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 day is announced as \"not selected\";\n * - (keyboard navigation) Safari/Chrome+VO - weekdays are not announced;\n * - (keyboard navigation) Safari/Chrome+VO - days are not announced as interactive (clickable or selectable);\n * - (keyboard navigation) Safari/Chrome+VO - day announcements are not interruptive and can be missed if navigating fast.\n */\n\nexport interface GridProps {\n locale: string;\n baseDate: Date;\n isDateEnabled: DatePickerProps.IsDateEnabledFunction;\n focusedDate: Date | null;\n focusableDate: Date | null;\n onSelectDate: (date: Date) => void;\n onFocusDate: (date: null | Date) => void;\n onChangeMonth: (date: Date) => void;\n startOfWeek: DayIndex;\n todayAriaLabel: string;\n selectedDate: Date | null;\n ariaLabelledby: string;\n}\n\nexport default function Grid({\n locale,\n baseDate,\n isDateEnabled,\n focusedDate,\n focusableDate,\n onSelectDate,\n onFocusDate,\n onChangeMonth,\n startOfWeek,\n todayAriaLabel,\n selectedDate,\n ariaLabelledby,\n}: GridProps) {\n const focusedDateRef = useRef<HTMLTableCellElement>(null);\n\n const onGridKeyDownHandler = (event: React.KeyboardEvent) => {\n let updatedFocusDate;\n\n if (focusableDate === null) {\n return;\n }\n\n switch (event.keyCode) {\n case KeyCode.space:\n case KeyCode.enter:\n event.preventDefault();\n if (focusableDate) {\n onFocusDate(null);\n onSelectDate(focusableDate);\n }\n return;\n case KeyCode.right:\n event.preventDefault();\n updatedFocusDate = moveNextDay(focusableDate, isDateEnabled);\n break;\n case KeyCode.left:\n event.preventDefault();\n updatedFocusDate = movePrevDay(focusableDate, isDateEnabled);\n break;\n case KeyCode.up:\n event.preventDefault();\n updatedFocusDate = movePrevWeek(focusableDate, isDateEnabled);\n break;\n case KeyCode.down:\n event.preventDefault();\n updatedFocusDate = moveNextWeek(focusableDate, isDateEnabled);\n break;\n default:\n return;\n }\n\n if (!isSameMonth(updatedFocusDate, baseDate)) {\n onChangeMonth(updatedFocusDate);\n }\n onFocusDate(updatedFocusDate);\n };\n\n // The focused date changes as a feedback to keyboard navigation in the grid.\n // Once changed, the corresponding day 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 weeks = useMemo<Date[][]>(\n () => getCalendarMonth(baseDate, { firstDayOfWeek: startOfWeek }),\n [baseDate, startOfWeek]\n );\n const weekdays = weeks[0].map(date => date.getDay());\n\n const focusVisible = useFocusVisible();\n\n return (\n <table role=\"grid\" className={styles['calendar-grid']} aria-labelledby={ariaLabelledby}>\n <thead>\n <tr>\n {weekdays.map(dayIndex => (\n <th\n key={dayIndex}\n scope=\"col\"\n className={clsx(styles['calendar-grid-cell'], styles['calendar-day-header'])}\n >\n <span aria-hidden=\"true\">{renderDayName(locale, dayIndex, 'short')}</span>\n <ScreenreaderOnly>{renderDayName(locale, dayIndex, 'long')}</ScreenreaderOnly>\n </th>\n ))}\n </tr>\n </thead>\n <tbody onKeyDown={onGridKeyDownHandler}>\n {weeks.map((week, weekIndex) => (\n <tr key={weekIndex} className={styles['calendar-week']}>\n {week.map((date, dateIndex) => {\n const isFocusable = !!focusableDate && isSameDay(date, focusableDate);\n const isSelected = !!selectedDate && isSameDay(date, selectedDate);\n const isEnabled = !isDateEnabled || isDateEnabled(date);\n const isDateOnSameDay = isSameDay(date, new Date());\n\n // Can't be focused.\n let tabIndex = undefined;\n if (isFocusable && isEnabled) {\n // Next focus target.\n tabIndex = 0;\n } else if (isEnabled) {\n // Can be focused programmatically.\n tabIndex = -1;\n }\n\n // Screen-reader announcement for the focused day.\n let dayAnnouncement = getDateLabel(locale, date, 'short');\n if (isDateOnSameDay) {\n dayAnnouncement += '. ' + todayAriaLabel;\n }\n\n return (\n <td\n key={`${weekIndex}:${dateIndex}`}\n ref={tabIndex === 0 ? focusedDateRef : undefined}\n tabIndex={tabIndex}\n aria-current={isDateOnSameDay ? '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-day'], {\n [styles['calendar-day-current-month']]: isSameMonth(date, baseDate),\n [styles['calendar-day-enabled']]: isEnabled,\n [styles['calendar-day-selected']]: isSelected,\n [styles['calendar-day-today']]: isDateOnSameDay,\n })}\n {...focusVisible}\n >\n <span className={styles['day-inner']} aria-hidden=\"true\">\n {date.getDate()}\n </span>\n <ScreenreaderOnly>{dayAnnouncement}</ScreenreaderOnly>\n </td>\n );\n })}\n </tr>\n ))}\n </tbody>\n </table>\n );\n}\n"]}
package/calendar/header/index.d.ts CHANGED
@@ -4,7 +4,8 @@ interface CalendarHeaderProps {
4
4
  onChangeMonth: (prev?: boolean) => void;
5
5
  previousMonthLabel: string;
6
6
  nextMonthLabel: string;
7
+ headingId: string;
7
8
  }
8
- declare const CalendarHeader: ({ baseDate, locale, onChangeMonth, previousMonthLabel, nextMonthLabel, }: CalendarHeaderProps) => JSX.Element;
9
+ declare const CalendarHeader: ({ baseDate, locale, onChangeMonth, previousMonthLabel, nextMonthLabel, headingId, }: CalendarHeaderProps) => JSX.Element;
9
10
  export default CalendarHeader;
10
11
  //# sourceMappingURL=index.d.ts.map
package/calendar/header/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/header/index.tsx"],"names":[],"mappings":"AAOA,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,IAAI,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,6EAMjB,mBAAmB,gBAQrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/header/index.tsx"],"names":[],"mappings":"AAOA,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,IAAI,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,cAAc,wFAOjB,mBAAmB,gBAUrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
package/calendar/header/index.js CHANGED
@@ -5,10 +5,10 @@ import styles from '../styles.css.js';
5
5
  import { renderMonthAndYear } from '../utils/intl';
6
6
  import HeaderButton from './button';
7
7
  var CalendarHeader = function (_a) {
8
- var baseDate = _a.baseDate, locale = _a.locale, onChangeMonth = _a.onChangeMonth, previousMonthLabel = _a.previousMonthLabel, nextMonthLabel = _a.nextMonthLabel;
8
+ var baseDate = _a.baseDate, locale = _a.locale, onChangeMonth = _a.onChangeMonth, previousMonthLabel = _a.previousMonthLabel, nextMonthLabel = _a.nextMonthLabel, headingId = _a.headingId;
9
9
  return (React.createElement("div", { className: styles['calendar-header'] },
10
10
  React.createElement(HeaderButton, { ariaLabel: previousMonthLabel, isPrevious: true, onChangeMonth: onChangeMonth }),
11
- React.createElement("div", { className: styles['calendar-header-month'] }, renderMonthAndYear(locale, baseDate)),
11
+ React.createElement("h2", { className: styles['calendar-header-month'], id: headingId }, renderMonthAndYear(locale, baseDate)),
12
12
  React.createElement(HeaderButton, { ariaLabel: nextMonthLabel, isPrevious: false, onChangeMonth: onChangeMonth })));
13
13
  };
14
14
  export default CalendarHeader;
package/calendar/header/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/calendar/header/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,YAAY,MAAM,UAAU,CAAC;AAUpC,IAAM,cAAc,GAAG,UAAC,EAMF;QALpB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,cAAc,oBAAA;IAEd,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC;QACvC,oBAAC,YAAY,IAAC,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,GAAI;QAC/F,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,IAAG,kBAAkB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAO;QAC7F,oBAAC,YAAY,IAAC,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,CACxF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../styles.css.js';\nimport { renderMonthAndYear } from '../utils/intl';\nimport HeaderButton from './button';\n\ninterface CalendarHeaderProps {\n baseDate: Date;\n locale: string;\n onChangeMonth: (prev?: boolean) => void;\n previousMonthLabel: string;\n nextMonthLabel: string;\n}\n\nconst CalendarHeader = ({\n baseDate,\n locale,\n onChangeMonth,\n previousMonthLabel,\n nextMonthLabel,\n}: CalendarHeaderProps) => {\n return (\n <div className={styles['calendar-header']}>\n <HeaderButton ariaLabel={previousMonthLabel} isPrevious={true} onChangeMonth={onChangeMonth} />\n <div className={styles['calendar-header-month']}>{renderMonthAndYear(locale, baseDate)}</div>\n <HeaderButton ariaLabel={nextMonthLabel} isPrevious={false} onChangeMonth={onChangeMonth} />\n </div>\n );\n};\n\nexport default CalendarHeader;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/calendar/header/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,YAAY,MAAM,UAAU,CAAC;AAWpC,IAAM,cAAc,GAAG,UAAC,EAOF;QANpB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACd,SAAS,eAAA;IAET,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC;QACvC,oBAAC,YAAY,IAAC,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,GAAI;QAC/F,4BAAI,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,EAAE,EAAE,EAAE,SAAS,IAC1D,kBAAkB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAClC;QACL,oBAAC,YAAY,IAAC,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,CACxF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../styles.css.js';\nimport { renderMonthAndYear } from '../utils/intl';\nimport HeaderButton from './button';\n\ninterface CalendarHeaderProps {\n baseDate: Date;\n locale: string;\n onChangeMonth: (prev?: boolean) => void;\n previousMonthLabel: string;\n nextMonthLabel: string;\n headingId: string;\n}\n\nconst CalendarHeader = ({\n baseDate,\n locale,\n onChangeMonth,\n previousMonthLabel,\n nextMonthLabel,\n headingId,\n}: CalendarHeaderProps) => {\n return (\n <div className={styles['calendar-header']}>\n <HeaderButton ariaLabel={previousMonthLabel} isPrevious={true} onChangeMonth={onChangeMonth} />\n <h2 className={styles['calendar-header-month']} id={headingId}>\n {renderMonthAndYear(locale, baseDate)}\n </h2>\n <HeaderButton ariaLabel={nextMonthLabel} isPrevious={false} onChangeMonth={onChangeMonth} />\n </div>\n );\n};\n\nexport default CalendarHeader;\n"]}
package/calendar/internal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/calendar/internal.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAI3F,oBAAY,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,MAAW,EACX,WAAW,EACX,aAA0B,EAC1B,SAAS,EACT,cAAc,EACd,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,sBAAsB,EACtB,QAAQ,EACR,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,aAAa,GAAG,0BAA0B,eAwG5C"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/calendar/internal.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAK3F,oBAAY,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,MAAW,EACX,WAAW,EACX,aAA0B,EAC1B,SAAS,EACT,cAAc,EACd,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,sBAAsB,EACtB,QAAQ,EACR,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,aAAa,GAAG,0BAA0B,eA4G5C"}
package/calendar/internal.js CHANGED
@@ -14,6 +14,7 @@ import clsx from 'clsx';
14
14
  import { getBaseProps } from '../internal/base-component';
15
15
  import { getBaseDate } from './utils/navigation';
16
16
  import { useDateCache } from '../internal/hooks/use-date-cache/index.js';
17
+ import { useUniqueId } from '../internal/hooks/use-unique-id/index.js';
17
18
  export default function Calendar(_a) {
18
19
  var value = _a.value, _b = _a.locale, locale = _b === void 0 ? '' : _b, startOfWeek = _a.startOfWeek, _c = _a.isDateEnabled, isDateEnabled = _c === void 0 ? function () { return true; } : _c, ariaLabel = _a.ariaLabel, ariaLabelledby = _a.ariaLabelledby, ariaDescribedby = _a.ariaDescribedby, todayAriaLabel = _a.todayAriaLabel, nextMonthAriaLabel = _a.nextMonthAriaLabel, previousMonthAriaLabel = _a.previousMonthAriaLabel, onChange = _a.onChange, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["value", "locale", "startOfWeek", "isDateEnabled", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "todayAriaLabel", "nextMonthAriaLabel", "previousMonthAriaLabel", "onChange", "__internalRootRef"]);
19
20
  checkControlled('Calendar', 'value', value, 'onChange', onChange);
@@ -29,6 +30,7 @@ export default function Calendar(_a) {
29
30
  var memoizedValue = parsedValue ? valueDateCache(parsedValue) : null;
30
31
  var defaultDisplayedDate = memoizedValue !== null && memoizedValue !== void 0 ? memoizedValue : new Date();
31
32
  var _e = useState(defaultDisplayedDate), displayedDate = _e[0], setDisplayedDate = _e[1];
33
+ var headingId = useUniqueId('calendar-heading');
32
34
  // Update displayed date if value changes.
33
35
  useEffect(function () {
34
36
  memoizedValue && setDisplayedDate(function (prev) { return (prev.getTime() !== memoizedValue.getTime() ? memoizedValue : prev); });
@@ -74,8 +76,8 @@ export default function Calendar(_a) {
74
76
  };
75
77
  return (React.createElement("div", __assign({ ref: __internalRootRef }, baseProps, { role: "group", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: clsx(styles.root, styles.calendar, baseProps.className) }),
76
78
  React.createElement("div", { className: styles['calendar-inner'] },
77
- React.createElement(CalendarHeader, { baseDate: baseDate, locale: normalizedLocale, onChangeMonth: onHeaderChangeMonthHandler, previousMonthLabel: previousMonthAriaLabel, nextMonthLabel: nextMonthAriaLabel }),
79
+ React.createElement(CalendarHeader, { baseDate: baseDate, locale: normalizedLocale, onChangeMonth: onHeaderChangeMonthHandler, previousMonthLabel: previousMonthAriaLabel, nextMonthLabel: nextMonthAriaLabel, headingId: headingId }),
78
80
  React.createElement("div", { onBlur: onGridBlur, ref: gridWrapperRef },
79
- React.createElement(Grid, { locale: normalizedLocale, baseDate: baseDate, isDateEnabled: isDateEnabled, focusedDate: focusedDate, focusableDate: focusableDate, onSelectDate: onGridSelectDateHandler, onFocusDate: onGridFocusDateHandler, onChangeMonth: onGridChangeMonthHandler, startOfWeek: normalizedStartOfWeek, todayAriaLabel: todayAriaLabel, selectedDate: memoizedValue })))));
81
+ React.createElement(Grid, { locale: normalizedLocale, baseDate: baseDate, isDateEnabled: isDateEnabled, focusedDate: focusedDate, focusableDate: focusableDate, onSelectDate: onGridSelectDateHandler, onFocusDate: onGridFocusDateHandler, onChangeMonth: onGridChangeMonthHandler, startOfWeek: normalizedStartOfWeek, todayAriaLabel: todayAriaLabel, selectedDate: memoizedValue, ariaLabelledby: headingId })))));
80
82
  }
81
83
  //# sourceMappingURL=internal.js.map
package/calendar/internal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/calendar/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport { addMonths, isSameMonth } from 'date-fns';\nimport styles from './styles.css.js';\nimport CalendarHeader from './header';\nimport Grid from './grid';\nimport { normalizeLocale, normalizeStartOfWeek } from './utils/locales.js';\nimport { formatDate, parseDate } from '../internal/utils/date-time';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport checkControlled from '../internal/hooks/check-controlled/index.js';\nimport clsx from 'clsx';\nimport { CalendarProps } from './interfaces.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { getBaseDate } from './utils/navigation';\nimport { useDateCache } from '../internal/hooks/use-date-cache/index.js';\n\nexport type DayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\nexport default function Calendar({\n value,\n locale = '',\n startOfWeek,\n isDateEnabled = () => true,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n todayAriaLabel,\n nextMonthAriaLabel,\n previousMonthAriaLabel,\n onChange,\n __internalRootRef,\n ...rest\n}: CalendarProps & InternalBaseComponentProps) {\n checkControlled('Calendar', 'value', value, 'onChange', onChange);\n\n const baseProps = getBaseProps(rest);\n const normalizedLocale = normalizeLocale('Calendar', locale);\n const normalizedStartOfWeek = normalizeStartOfWeek(startOfWeek, normalizedLocale);\n const gridWrapperRef = useRef<HTMLDivElement>(null);\n const [focusedDate, setFocusedDate] = useState<Date | null>(null);\n\n const valueDateCache = useDateCache();\n const focusedDateCache = useDateCache();\n\n // Set displayed date to value if defined or to current date otherwise.\n const parsedValue = value && value.length >= 4 ? parseDate(value) : null;\n const memoizedValue = parsedValue ? valueDateCache(parsedValue) : null;\n const defaultDisplayedDate = memoizedValue ?? new Date();\n const [displayedDate, setDisplayedDate] = useState(defaultDisplayedDate);\n\n // Update displayed date if value changes.\n useEffect(() => {\n memoizedValue && setDisplayedDate(prev => (prev.getTime() !== memoizedValue.getTime() ? memoizedValue : prev));\n }, [memoizedValue]);\n\n const selectFocusedDate = (selected: Date | null, baseDate: Date): Date | null => {\n if (selected && isDateEnabled(selected) && isSameMonth(selected, baseDate)) {\n return selected;\n }\n const today = new Date();\n if (isDateEnabled(today) && isSameMonth(today, baseDate)) {\n return today;\n }\n if (isDateEnabled(baseDate)) {\n return baseDate;\n }\n return null;\n };\n\n const baseDate = getBaseDate(displayedDate, isDateEnabled);\n const focusableDate = focusedDate || selectFocusedDate(memoizedValue, baseDate);\n\n const onHeaderChangeMonthHandler = (isPreviousButtonClick?: boolean) => {\n setDisplayedDate(addMonths(baseDate, isPreviousButtonClick ? -1 : 1));\n setFocusedDate(null);\n };\n\n const onGridChangeMonthHandler = (newMonth: Date) => {\n setDisplayedDate(newMonth);\n setFocusedDate(null);\n };\n\n const onGridFocusDateHandler = (date: null | Date) => {\n if (date) {\n setFocusedDate(date ? focusedDateCache(date) : null);\n }\n };\n\n const onGridSelectDateHandler = (date: Date) => {\n fireNonCancelableEvent(onChange, { value: formatDate(date) });\n setFocusedDate(null);\n };\n\n const onGridBlur = (event: React.FocusEvent) => {\n const newFocusTargetIsInGrid = event.relatedTarget && gridWrapperRef.current?.contains(event.relatedTarget as Node);\n if (!newFocusTargetIsInGrid) {\n setFocusedDate(null);\n }\n };\n\n return (\n <div\n ref={__internalRootRef}\n {...baseProps}\n role=\"group\"\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedby}\n className={clsx(styles.root, styles.calendar, baseProps.className)}\n >\n <div className={styles['calendar-inner']}>\n <CalendarHeader\n baseDate={baseDate}\n locale={normalizedLocale}\n onChangeMonth={onHeaderChangeMonthHandler}\n previousMonthLabel={previousMonthAriaLabel}\n nextMonthLabel={nextMonthAriaLabel}\n />\n <div onBlur={onGridBlur} ref={gridWrapperRef}>\n <Grid\n locale={normalizedLocale}\n baseDate={baseDate}\n isDateEnabled={isDateEnabled}\n focusedDate={focusedDate}\n focusableDate={focusableDate}\n onSelectDate={onGridSelectDateHandler}\n onFocusDate={onGridFocusDateHandler}\n onChangeMonth={onGridChangeMonthHandler}\n startOfWeek={normalizedStartOfWeek}\n todayAriaLabel={todayAriaLabel}\n selectedDate={memoizedValue}\n />\n </div>\n </div>\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/calendar/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,UAAU,CAAC;AACtC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,eAAe,MAAM,6CAA6C,CAAC;AAC1E,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAIvE,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAcY;IAb3C,IAAA,KAAK,WAAA,EACL,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,WAAW,iBAAA,EACX,qBAA0B,EAA1B,aAAa,mBAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,KAAA,EAC1B,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,sBAAsB,4BAAA,EACtB,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACd,IAAI,cAbwB,wMAchC,CADQ;IAEP,eAAe,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IAElE,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAC7D,IAAM,qBAAqB,GAAG,oBAAoB,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC;IAClF,IAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,IAAA,KAAgC,QAAQ,CAAc,IAAI,CAAC,EAA1D,WAAW,QAAA,EAAE,cAAc,QAA+B,CAAC;IAElE,IAAM,cAAc,GAAG,YAAY,EAAE,CAAC;IACtC,IAAM,gBAAgB,GAAG,YAAY,EAAE,CAAC;IAExC,uEAAuE;IACvE,IAAM,WAAW,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACzE,IAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACvE,IAAM,oBAAoB,GAAG,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,IAAI,IAAI,EAAE,CAAC;IACnD,IAAA,KAAoC,QAAQ,CAAC,oBAAoB,CAAC,EAAjE,aAAa,QAAA,EAAE,gBAAgB,QAAkC,CAAC;IAEzE,IAAM,SAAS,GAAG,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAElD,0CAA0C;IAC1C,SAAS,CAAC;QACR,aAAa,IAAI,gBAAgB,CAAC,UAAA,IAAI,IAAI,OAAA,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,EAAnE,CAAmE,CAAC,CAAC;IACjH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAM,iBAAiB,GAAG,UAAC,QAAqB,EAAE,QAAc;QAC9D,IAAI,QAAQ,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE;YAC1E,OAAO,QAAQ,CAAC;SACjB;QACD,IAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;QACzB,IAAI,aAAa,CAAC,KAAK,CAAC,IAAI,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE;YACxD,OAAO,KAAK,CAAC;SACd;QACD,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAE;YAC3B,OAAO,QAAQ,CAAC;SACjB;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,WAAW,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAC3D,IAAM,aAAa,GAAG,WAAW,IAAI,iBAAiB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAEhF,IAAM,0BAA0B,GAAG,UAAC,qBAA+B;QACjE,gBAAgB,CAAC,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACtE,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,IAAM,wBAAwB,GAAG,UAAC,QAAc;QAC9C,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC3B,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG,UAAC,IAAiB;QAC/C,IAAI,IAAI,EAAE;YACR,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;SACtD;IACH,CAAC,CAAC;IAEF,IAAM,uBAAuB,GAAG,UAAC,IAAU;QACzC,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC9D,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,KAAuB;;QACzC,IAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,KAAI,MAAA,cAAc,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAqB,CAAC,CAAA,CAAC;QACpH,IAAI,CAAC,sBAAsB,EAAE;YAC3B,cAAc,CAAC,IAAI,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,sCACE,GAAG,EAAE,iBAAiB,IAClB,SAAS,IACb,IAAI,EAAC,OAAO,gBACA,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC;QAElE,6BAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC;YACtC,oBAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,gBAAgB,EACxB,aAAa,EAAE,0BAA0B,EACzC,kBAAkB,EAAE,sBAAsB,EAC1C,cAAc,EAAE,kBAAkB,EAClC,SAAS,EAAE,SAAS,GACpB;YACF,6BAAK,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,cAAc;gBAC1C,oBAAC,IAAI,IACH,MAAM,EAAE,gBAAgB,EACxB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,uBAAuB,EACrC,WAAW,EAAE,sBAAsB,EACnC,aAAa,EAAE,wBAAwB,EACvC,WAAW,EAAE,qBAAqB,EAClC,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,aAAa,EAC3B,cAAc,EAAE,SAAS,GACzB,CACE,CACF,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport { addMonths, isSameMonth } from 'date-fns';\nimport styles from './styles.css.js';\nimport CalendarHeader from './header';\nimport Grid from './grid';\nimport { normalizeLocale, normalizeStartOfWeek } from './utils/locales.js';\nimport { formatDate, parseDate } from '../internal/utils/date-time';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport checkControlled from '../internal/hooks/check-controlled/index.js';\nimport clsx from 'clsx';\nimport { CalendarProps } from './interfaces.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { getBaseDate } from './utils/navigation';\nimport { useDateCache } from '../internal/hooks/use-date-cache/index.js';\nimport { useUniqueId } from '../internal/hooks/use-unique-id/index.js';\n\nexport type DayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\nexport default function Calendar({\n value,\n locale = '',\n startOfWeek,\n isDateEnabled = () => true,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n todayAriaLabel,\n nextMonthAriaLabel,\n previousMonthAriaLabel,\n onChange,\n __internalRootRef,\n ...rest\n}: CalendarProps & InternalBaseComponentProps) {\n checkControlled('Calendar', 'value', value, 'onChange', onChange);\n\n const baseProps = getBaseProps(rest);\n const normalizedLocale = normalizeLocale('Calendar', locale);\n const normalizedStartOfWeek = normalizeStartOfWeek(startOfWeek, normalizedLocale);\n const gridWrapperRef = useRef<HTMLDivElement>(null);\n const [focusedDate, setFocusedDate] = useState<Date | null>(null);\n\n const valueDateCache = useDateCache();\n const focusedDateCache = useDateCache();\n\n // Set displayed date to value if defined or to current date otherwise.\n const parsedValue = value && value.length >= 4 ? parseDate(value) : null;\n const memoizedValue = parsedValue ? valueDateCache(parsedValue) : null;\n const defaultDisplayedDate = memoizedValue ?? new Date();\n const [displayedDate, setDisplayedDate] = useState(defaultDisplayedDate);\n\n const headingId = useUniqueId('calendar-heading');\n\n // Update displayed date if value changes.\n useEffect(() => {\n memoizedValue && setDisplayedDate(prev => (prev.getTime() !== memoizedValue.getTime() ? memoizedValue : prev));\n }, [memoizedValue]);\n\n const selectFocusedDate = (selected: Date | null, baseDate: Date): Date | null => {\n if (selected && isDateEnabled(selected) && isSameMonth(selected, baseDate)) {\n return selected;\n }\n const today = new Date();\n if (isDateEnabled(today) && isSameMonth(today, baseDate)) {\n return today;\n }\n if (isDateEnabled(baseDate)) {\n return baseDate;\n }\n return null;\n };\n\n const baseDate = getBaseDate(displayedDate, isDateEnabled);\n const focusableDate = focusedDate || selectFocusedDate(memoizedValue, baseDate);\n\n const onHeaderChangeMonthHandler = (isPreviousButtonClick?: boolean) => {\n setDisplayedDate(addMonths(baseDate, isPreviousButtonClick ? -1 : 1));\n setFocusedDate(null);\n };\n\n const onGridChangeMonthHandler = (newMonth: Date) => {\n setDisplayedDate(newMonth);\n setFocusedDate(null);\n };\n\n const onGridFocusDateHandler = (date: null | Date) => {\n if (date) {\n setFocusedDate(date ? focusedDateCache(date) : null);\n }\n };\n\n const onGridSelectDateHandler = (date: Date) => {\n fireNonCancelableEvent(onChange, { value: formatDate(date) });\n setFocusedDate(null);\n };\n\n const onGridBlur = (event: React.FocusEvent) => {\n const newFocusTargetIsInGrid = event.relatedTarget && gridWrapperRef.current?.contains(event.relatedTarget as Node);\n if (!newFocusTargetIsInGrid) {\n setFocusedDate(null);\n }\n };\n\n return (\n <div\n ref={__internalRootRef}\n {...baseProps}\n role=\"group\"\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedby}\n className={clsx(styles.root, styles.calendar, baseProps.className)}\n >\n <div className={styles['calendar-inner']}>\n <CalendarHeader\n baseDate={baseDate}\n locale={normalizedLocale}\n onChangeMonth={onHeaderChangeMonthHandler}\n previousMonthLabel={previousMonthAriaLabel}\n nextMonthLabel={nextMonthAriaLabel}\n headingId={headingId}\n />\n <div onBlur={onGridBlur} ref={gridWrapperRef}>\n <Grid\n locale={normalizedLocale}\n baseDate={baseDate}\n isDateEnabled={isDateEnabled}\n focusedDate={focusedDate}\n focusableDate={focusableDate}\n onSelectDate={onGridSelectDateHandler}\n onFocusDate={onGridFocusDateHandler}\n onChangeMonth={onGridChangeMonthHandler}\n startOfWeek={normalizedStartOfWeek}\n todayAriaLabel={todayAriaLabel}\n selectedDate={memoizedValue}\n ariaLabelledby={headingId}\n />\n </div>\n </div>\n </div>\n );\n}\n"]}
package/calendar/styles.css.js CHANGED
@@ -1,23 +1,23 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "calendar": "awsui_calendar_1ykar_15ovb_93",
5
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_15ovb_1",
6
- "root": "awsui_root_1ykar_15ovb_124",
7
- "calendar-inner": "awsui_calendar-inner_1ykar_15ovb_141",
8
- "calendar-header": "awsui_calendar-header_1ykar_15ovb_144",
9
- "calendar-header-month": "awsui_calendar-header-month_1ykar_15ovb_149",
10
- "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_15ovb_155",
11
- "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_15ovb_158",
12
- "calendar-grid": "awsui_calendar-grid_1ykar_15ovb_161",
13
- "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_15ovb_165",
14
- "calendar-day-header": "awsui_calendar-day-header_1ykar_15ovb_171",
15
- "calendar-day": "awsui_calendar-day_1ykar_15ovb_171",
16
- "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_15ovb_188",
17
- "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_15ovb_195",
18
- "calendar-day-selected": "awsui_calendar-day-selected_1ykar_15ovb_202",
19
- "calendar-day-today": "awsui_calendar-day-today_1ykar_15ovb_205",
20
- "day-inner": "awsui_day-inner_1ykar_15ovb_220",
21
- "calendar-week": "awsui_calendar-week_1ykar_15ovb_285"
4
+ "calendar": "awsui_calendar_1ykar_2m5xj_93",
5
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_2m5xj_1",
6
+ "root": "awsui_root_1ykar_2m5xj_124",
7
+ "calendar-inner": "awsui_calendar-inner_1ykar_2m5xj_141",
8
+ "calendar-header": "awsui_calendar-header_1ykar_2m5xj_144",
9
+ "calendar-header-month": "awsui_calendar-header-month_1ykar_2m5xj_149",
10
+ "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_2m5xj_156",
11
+ "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_2m5xj_159",
12
+ "calendar-grid": "awsui_calendar-grid_1ykar_2m5xj_162",
13
+ "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_2m5xj_166",
14
+ "calendar-day-header": "awsui_calendar-day-header_1ykar_2m5xj_172",
15
+ "calendar-day": "awsui_calendar-day_1ykar_2m5xj_172",
16
+ "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_2m5xj_189",
17
+ "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_2m5xj_196",
18
+ "calendar-day-selected": "awsui_calendar-day-selected_1ykar_2m5xj_203",
19
+ "calendar-day-today": "awsui_calendar-day-today_1ykar_2m5xj_206",
20
+ "day-inner": "awsui_day-inner_1ykar_2m5xj_221",
21
+ "calendar-week": "awsui_calendar-week_1ykar_2m5xj_286"
22
22
  };
23
23
 
package/calendar/styles.scoped.css CHANGED
@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_calendar_1ykar_15ovb_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in-0_1ykar_15ovb_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
93
+ .awsui_calendar_1ykar_2m5xj_93:not(#\9) {
94
+ animation: awsui_awsui-motion-fade-in-0_1ykar_2m5xj_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
95
95
  animation-fill-mode: both;
96
96
  }
97
- @keyframes awsui_awsui-motion-fade-in-0_1ykar_15ovb_1 {
97
+ @keyframes awsui_awsui-motion-fade-in-0_1ykar_2m5xj_1 {
98
98
  from {
99
99
  opacity: 0;
100
100
  }
@@ -103,12 +103,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
103
103
  }
104
104
  }
105
105
  @media (prefers-reduced-motion: reduce) {
106
- .awsui_calendar_1ykar_15ovb_93:not(#\9) {
106
+ .awsui_calendar_1ykar_2m5xj_93:not(#\9) {
107
107
  animation: none;
108
108
  transition: none;
109
109
  }
110
110
  }
111
- .awsui-motion-disabled .awsui_calendar_1ykar_15ovb_93:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_15ovb_93:not(#\9) {
111
+ .awsui-motion-disabled .awsui_calendar_1ykar_2m5xj_93:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_2m5xj_93:not(#\9) {
112
112
  animation: none;
113
113
  transition: none;
114
114
  }
@@ -121,11 +121,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
121
121
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
122
122
  SPDX-License-Identifier: Apache-2.0
123
123
  */
124
- .awsui_root_1ykar_15ovb_124:not(#\9) {
124
+ .awsui_root_1ykar_2m5xj_124:not(#\9) {
125
125
  /* used in test-utils */
126
126
  }
127
127
 
128
- .awsui_calendar_1ykar_15ovb_93:not(#\9) {
128
+ .awsui_calendar_1ykar_2m5xj_93:not(#\9) {
129
129
  display: block;
130
130
  width: var(--size-calendar-grid-width-lxsx0p, 238px);
131
131
  overflow: auto;
@@ -164,76 +164,77 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
164
164
  font-weight: 400;
165
165
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
166
166
  }
167
- .awsui_calendar-inner_1ykar_15ovb_141:not(#\9) {
167
+ .awsui_calendar-inner_1ykar_2m5xj_141:not(#\9) {
168
168
  margin: var(--space-xs-rsr2qu, 8px);
169
169
  }
170
- .awsui_calendar-header_1ykar_15ovb_144:not(#\9) {
170
+ .awsui_calendar-header_1ykar_2m5xj_144:not(#\9) {
171
171
  display: flex;
172
172
  justify-content: space-between;
173
173
  align-items: center;
174
174
  }
175
- .awsui_calendar-header-month_1ykar_15ovb_149:not(#\9) {
175
+ .awsui_calendar-header-month_1ykar_2m5xj_149:not(#\9) {
176
176
  font-size: var(--font-body-m-size-sregvd, 14px);
177
177
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
178
178
  font-weight: 700;
179
179
  color: var(--color-text-dropdown-item-default-7tg9p2, #000716);
180
+ margin: 0;
180
181
  }
181
- .awsui_calendar-next-month-btn_1ykar_15ovb_155:not(#\9) {
182
+ .awsui_calendar-next-month-btn_1ykar_2m5xj_156:not(#\9) {
182
183
  /* used for identifying element */
183
184
  }
184
- .awsui_calendar-prev-month-btn_1ykar_15ovb_158:not(#\9) {
185
+ .awsui_calendar-prev-month-btn_1ykar_2m5xj_159:not(#\9) {
185
186
  /* used for identifying element */
186
187
  }
187
- .awsui_calendar-grid_1ykar_15ovb_161:not(#\9) {
188
+ .awsui_calendar-grid_1ykar_2m5xj_162:not(#\9) {
188
189
  width: 100%;
189
190
  border-spacing: 0;
190
191
  }
191
- .awsui_calendar-grid-cell_1ykar_15ovb_165:not(#\9) {
192
+ .awsui_calendar-grid-cell_1ykar_2m5xj_166:not(#\9) {
192
193
  width: 14.2857142857%;
193
194
  word-break: break-word;
194
195
  text-align: center;
195
196
  font-weight: unset;
196
197
  }
197
- .awsui_calendar-day-header_1ykar_15ovb_171:not(#\9) {
198
+ .awsui_calendar-day-header_1ykar_2m5xj_172:not(#\9) {
198
199
  padding: var(--space-s-hv8c1d, 12px) 0 var(--space-xxs-ynfts5, 4px);
199
200
  color: var(--color-text-calendar-month-elf7e9, #5f6b7a);
200
201
  font-size: var(--font-body-s-size-ukw2p9, 12px);
201
202
  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
202
203
  letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
203
204
  }
204
- .awsui_calendar-day_1ykar_15ovb_171:not(#\9) {
205
+ .awsui_calendar-day_1ykar_2m5xj_172:not(#\9) {
205
206
  border-bottom: 1px solid var(--color-border-calendar-grid-sshunw, transparent);
206
207
  border-right: 1px solid var(--color-border-calendar-grid-sshunw, transparent);
207
208
  padding: var(--space-xxs-ynfts5, 4px) 0;
208
209
  color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
209
210
  position: relative;
210
211
  }
211
- .awsui_calendar-day_1ykar_15ovb_171:not(#\9):first-child {
212
+ .awsui_calendar-day_1ykar_2m5xj_172:not(#\9):first-child {
212
213
  border-left: 1px solid var(--color-border-calendar-grid-sshunw, transparent);
213
214
  }
214
- .awsui_calendar-day-enabled_1ykar_15ovb_188:not(#\9) {
215
+ .awsui_calendar-day-enabled_1ykar_2m5xj_189:not(#\9) {
215
216
  cursor: pointer;
216
217
  color: var(--color-text-dropdown-item-secondary-0me7js, #5f6b7a);
217
218
  }
218
- .awsui_calendar-day-enabled_1ykar_15ovb_188:not(#\9)::after {
219
+ .awsui_calendar-day-enabled_1ykar_2m5xj_189:not(#\9)::after {
219
220
  border-radius: var(--border-radius-item-u2ibpi, 8px);
220
221
  }
221
- .awsui_calendar-day-enabled_1ykar_15ovb_188.awsui_calendar-day-current-month_1ykar_15ovb_195:not(#\9) {
222
+ .awsui_calendar-day-enabled_1ykar_2m5xj_189.awsui_calendar-day-current-month_1ykar_2m5xj_196:not(#\9) {
222
223
  color: var(--color-text-dropdown-item-default-7tg9p2, #000716);
223
224
  }
224
- .awsui_calendar-day-enabled_1ykar_15ovb_188.awsui_calendar-day-current-month_1ykar_15ovb_195:not(#\9):hover {
225
+ .awsui_calendar-day-enabled_1ykar_2m5xj_189.awsui_calendar-day-current-month_1ykar_2m5xj_196:not(#\9):hover {
225
226
  color: var(--color-text-calendar-day-hover-graajh, #000716);
226
227
  background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
227
228
  }
228
- .awsui_calendar-day-enabled_1ykar_15ovb_188.awsui_calendar-day-current-month_1ykar_15ovb_195:not(#\9):hover:not(.awsui_calendar-day-selected_1ykar_15ovb_202)::after {
229
+ .awsui_calendar-day-enabled_1ykar_2m5xj_189.awsui_calendar-day-current-month_1ykar_2m5xj_196:not(#\9):hover:not(.awsui_calendar-day-selected_1ykar_2m5xj_203)::after {
229
230
  border: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-dropdown-item-hover-tyzq9m, #7d8998);
230
231
  }
231
- .awsui_calendar-day-today_1ykar_15ovb_205:not(#\9) {
232
+ .awsui_calendar-day-today_1ykar_2m5xj_206:not(#\9) {
232
233
  background-color: var(--color-background-calendar-today-762czq, #f4f4f4);
233
234
  border-radius: var(--border-radius-item-u2ibpi, 8px);
234
235
  font-weight: 700;
235
236
  }
236
- .awsui_calendar-day_1ykar_15ovb_171:not(#\9)::after {
237
+ .awsui_calendar-day_1ykar_2m5xj_172:not(#\9)::after {
237
238
  content: "";
238
239
  position: absolute;
239
240
  z-index: 1;
@@ -243,21 +244,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
243
244
  right: calc(-1 * var(--border-item-width-qbbbsa, 2px));
244
245
  background-color: transparent;
245
246
  }
246
- .awsui_calendar-day_1ykar_15ovb_171 > .awsui_day-inner_1ykar_15ovb_220:not(#\9) {
247
+ .awsui_calendar-day_1ykar_2m5xj_172 > .awsui_day-inner_1ykar_2m5xj_221:not(#\9) {
247
248
  position: relative;
248
249
  z-index: 1;
249
250
  }
250
- .awsui_calendar-day_1ykar_15ovb_171:not(#\9):focus {
251
+ .awsui_calendar-day_1ykar_2m5xj_172:not(#\9):focus {
251
252
  outline: none;
252
253
  }
253
- .awsui_calendar-day_1ykar_15ovb_171:not(#\9):focus[data-awsui-focus-visible=true]:focus {
254
+ .awsui_calendar-day_1ykar_2m5xj_172:not(#\9):focus[data-awsui-focus-visible=true]:focus {
254
255
  position: relative;
255
256
  }
256
- .awsui_calendar-day_1ykar_15ovb_171:not(#\9):focus[data-awsui-focus-visible=true]:focus {
257
+ .awsui_calendar-day_1ykar_2m5xj_172:not(#\9):focus[data-awsui-focus-visible=true]:focus {
257
258
  outline: 2px dotted transparent;
258
259
  outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-v3dwvl, -5px) - 1px);
259
260
  }
260
- .awsui_calendar-day_1ykar_15ovb_171:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
261
+ .awsui_calendar-day_1ykar_2m5xj_172:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
261
262
  content: " ";
262
263
  display: block;
263
264
  position: absolute;
@@ -268,23 +269,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
268
269
  border-radius: var(--border-radius-calendar-day-focus-ring-a8mlqd, 3px);
269
270
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
270
271
  }
271
- .awsui_calendar-day_1ykar_15ovb_171:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
272
+ .awsui_calendar-day_1ykar_2m5xj_172:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
272
273
  z-index: 2;
273
274
  }
274
- .awsui_calendar-day-selected_1ykar_15ovb_202:not(#\9) {
275
+ .awsui_calendar-day-selected_1ykar_2m5xj_203:not(#\9) {
275
276
  border-color: transparent;
276
277
  position: relative;
277
278
  z-index: 2;
278
279
  font-weight: 700;
279
280
  }
280
- .awsui_calendar-day-selected_1ykar_15ovb_202:not(#\9):focus[data-awsui-focus-visible=true]:focus {
281
+ .awsui_calendar-day-selected_1ykar_2m5xj_203:not(#\9):focus[data-awsui-focus-visible=true]:focus {
281
282
  position: relative;
282
283
  }
283
- .awsui_calendar-day-selected_1ykar_15ovb_202:not(#\9):focus[data-awsui-focus-visible=true]:focus {
284
+ .awsui_calendar-day-selected_1ykar_2m5xj_203:not(#\9):focus[data-awsui-focus-visible=true]:focus {
284
285
  outline: 2px dotted transparent;
285
286
  outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-v3dwvl, -5px) - 1px);
286
287
  }
287
- .awsui_calendar-day-selected_1ykar_15ovb_202:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
288
+ .awsui_calendar-day-selected_1ykar_2m5xj_203:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
288
289
  content: " ";
289
290
  display: block;
290
291
  position: absolute;
@@ -295,19 +296,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
295
296
  border-radius: var(--border-radius-calendar-day-focus-ring-a8mlqd, 3px);
296
297
  box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-cxqa0s, #fbfbfb);
297
298
  }
298
- .awsui_calendar-day-selected_1ykar_15ovb_202:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
299
+ .awsui_calendar-day-selected_1ykar_2m5xj_203:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
299
300
  z-index: 2;
300
301
  }
301
- .awsui_calendar-day-selected_1ykar_15ovb_202:not(#\9)::after {
302
+ .awsui_calendar-day-selected_1ykar_2m5xj_203:not(#\9)::after {
302
303
  background-color: var(--color-background-control-checked-9admlu, #0972d3);
303
304
  border: var(--border-item-width-qbbbsa, 2px) solid var(--color-background-control-checked-9admlu, #0972d3);
304
305
  border-radius: var(--border-radius-item-u2ibpi, 8px);
305
306
  }
306
- .awsui_calendar-day-selected_1ykar_15ovb_202 > .awsui_day-inner_1ykar_15ovb_220:not(#\9) {
307
+ .awsui_calendar-day-selected_1ykar_2m5xj_203 > .awsui_day-inner_1ykar_2m5xj_221:not(#\9) {
307
308
  z-index: 2;
308
309
  color: var(--color-background-control-default-4pa05r, #ffffff);
309
310
  position: relative;
310
311
  }
311
- .awsui_calendar-week_1ykar_15ovb_285:not(#\9):first-child > .awsui_calendar-day_1ykar_15ovb_171 {
312
+ .awsui_calendar-week_1ykar_2m5xj_286:not(#\9):first-child > .awsui_calendar-day_1ykar_2m5xj_172 {
312
313
  border-top: 1px solid var(--color-border-calendar-grid-sshunw, transparent);
313
314
  }
package/calendar/styles.selectors.js CHANGED
@@ -2,23 +2,23 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "calendar": "awsui_calendar_1ykar_15ovb_93",
6
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_15ovb_1",
7
- "root": "awsui_root_1ykar_15ovb_124",
8
- "calendar-inner": "awsui_calendar-inner_1ykar_15ovb_141",
9
- "calendar-header": "awsui_calendar-header_1ykar_15ovb_144",
10
- "calendar-header-month": "awsui_calendar-header-month_1ykar_15ovb_149",
11
- "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_15ovb_155",
12
- "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_15ovb_158",
13
- "calendar-grid": "awsui_calendar-grid_1ykar_15ovb_161",
14
- "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_15ovb_165",
15
- "calendar-day-header": "awsui_calendar-day-header_1ykar_15ovb_171",
16
- "calendar-day": "awsui_calendar-day_1ykar_15ovb_171",
17
- "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_15ovb_188",
18
- "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_15ovb_195",
19
- "calendar-day-selected": "awsui_calendar-day-selected_1ykar_15ovb_202",
20
- "calendar-day-today": "awsui_calendar-day-today_1ykar_15ovb_205",
21
- "day-inner": "awsui_day-inner_1ykar_15ovb_220",
22
- "calendar-week": "awsui_calendar-week_1ykar_15ovb_285"
5
+ "calendar": "awsui_calendar_1ykar_2m5xj_93",
6
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_2m5xj_1",
7
+ "root": "awsui_root_1ykar_2m5xj_124",
8
+ "calendar-inner": "awsui_calendar-inner_1ykar_2m5xj_141",
9
+ "calendar-header": "awsui_calendar-header_1ykar_2m5xj_144",
10
+ "calendar-header-month": "awsui_calendar-header-month_1ykar_2m5xj_149",
11
+ "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_2m5xj_156",
12
+ "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_2m5xj_159",
13
+ "calendar-grid": "awsui_calendar-grid_1ykar_2m5xj_162",
14
+ "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_2m5xj_166",
15
+ "calendar-day-header": "awsui_calendar-day-header_1ykar_2m5xj_172",
16
+ "calendar-day": "awsui_calendar-day_1ykar_2m5xj_172",
17
+ "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_2m5xj_189",
18
+ "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_2m5xj_196",
19
+ "calendar-day-selected": "awsui_calendar-day-selected_1ykar_2m5xj_203",
20
+ "calendar-day-today": "awsui_calendar-day-today_1ykar_2m5xj_206",
21
+ "day-inner": "awsui_day-inner_1ykar_2m5xj_221",
22
+ "calendar-week": "awsui_calendar-week_1ykar_2m5xj_286"
23
23
  };
24
24
 
package/header/styles.css.js CHANGED
@@ -1,45 +1,45 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_2qdw9_cj9ra_93",
5
- "root-no-actions": "awsui_root-no-actions_2qdw9_cj9ra_108",
6
- "root-variant-h1": "awsui_root-variant-h1_2qdw9_cj9ra_108",
7
- "root-variant-h1-refresh": "awsui_root-variant-h1-refresh_2qdw9_cj9ra_111",
8
- "root-variant-h2": "awsui_root-variant-h2_2qdw9_cj9ra_114",
9
- "root-has-description": "awsui_root-has-description_2qdw9_cj9ra_114",
10
- "root-variant-h2-refresh": "awsui_root-variant-h2-refresh_2qdw9_cj9ra_117",
11
- "root-variant-h3": "awsui_root-variant-h3_2qdw9_cj9ra_120",
12
- "root-variant-h3-refresh": "awsui_root-variant-h3-refresh_2qdw9_cj9ra_123",
13
- "root-no-wrap": "awsui_root-no-wrap_2qdw9_cj9ra_126",
14
- "main": "awsui_main_2qdw9_cj9ra_130",
15
- "main-variant-h1": "awsui_main-variant-h1_2qdw9_cj9ra_138",
16
- "main-variant-h1-refresh": "awsui_main-variant-h1-refresh_2qdw9_cj9ra_141",
17
- "main-variant-h2": "awsui_main-variant-h2_2qdw9_cj9ra_147",
18
- "main-variant-h3": "awsui_main-variant-h3_2qdw9_cj9ra_147",
19
- "main-variant-h2-refresh": "awsui_main-variant-h2-refresh_2qdw9_cj9ra_153",
20
- "actions": "awsui_actions_2qdw9_cj9ra_160",
21
- "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_cj9ra_164",
22
- "actions-variant-h1-refresh": "awsui_actions-variant-h1-refresh_2qdw9_cj9ra_167",
23
- "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_cj9ra_170",
24
- "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_cj9ra_170",
25
- "actions-variant-h2-refresh": "awsui_actions-variant-h2-refresh_2qdw9_cj9ra_176",
26
- "actions-variant-h3-refresh": "awsui_actions-variant-h3-refresh_2qdw9_cj9ra_179",
27
- "title": "awsui_title_2qdw9_cj9ra_183",
28
- "title-variant-h2": "awsui_title-variant-h2_2qdw9_cj9ra_189",
29
- "title-variant-h3": "awsui_title-variant-h3_2qdw9_cj9ra_189",
30
- "title-variant-h2-refresh": "awsui_title-variant-h2-refresh_2qdw9_cj9ra_198",
31
- "info": "awsui_info_2qdw9_cj9ra_208",
32
- "description": "awsui_description_2qdw9_cj9ra_212",
33
- "description-variant-h1": "awsui_description-variant-h1_2qdw9_cj9ra_217",
34
- "description-variant-h1-refresh": "awsui_description-variant-h1-refresh_2qdw9_cj9ra_222",
35
- "description-variant-h2": "awsui_description-variant-h2_2qdw9_cj9ra_225",
36
- "description-variant-h3": "awsui_description-variant-h3_2qdw9_cj9ra_230",
37
- "description-variant-h3-refresh": "awsui_description-variant-h3-refresh_2qdw9_cj9ra_236",
38
- "heading": "awsui_heading_2qdw9_cj9ra_240",
39
- "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_cj9ra_249",
40
- "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_cj9ra_255",
41
- "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_cj9ra_258",
42
- "heading-text": "awsui_heading-text_2qdw9_cj9ra_262",
43
- "counter": "awsui_counter_2qdw9_cj9ra_266"
4
+ "root": "awsui_root_2qdw9_1s542_93",
5
+ "root-no-actions": "awsui_root-no-actions_2qdw9_1s542_108",
6
+ "root-variant-h1": "awsui_root-variant-h1_2qdw9_1s542_108",
7
+ "root-variant-h1-refresh": "awsui_root-variant-h1-refresh_2qdw9_1s542_111",
8
+ "root-variant-h2": "awsui_root-variant-h2_2qdw9_1s542_114",
9
+ "root-has-description": "awsui_root-has-description_2qdw9_1s542_114",
10
+ "root-variant-h2-refresh": "awsui_root-variant-h2-refresh_2qdw9_1s542_117",
11
+ "root-variant-h3": "awsui_root-variant-h3_2qdw9_1s542_120",
12
+ "root-variant-h3-refresh": "awsui_root-variant-h3-refresh_2qdw9_1s542_123",
13
+ "root-no-wrap": "awsui_root-no-wrap_2qdw9_1s542_126",
14
+ "main": "awsui_main_2qdw9_1s542_130",
15
+ "main-variant-h1": "awsui_main-variant-h1_2qdw9_1s542_138",
16
+ "main-variant-h1-refresh": "awsui_main-variant-h1-refresh_2qdw9_1s542_141",
17
+ "main-variant-h2": "awsui_main-variant-h2_2qdw9_1s542_147",
18
+ "main-variant-h3": "awsui_main-variant-h3_2qdw9_1s542_147",
19
+ "main-variant-h2-refresh": "awsui_main-variant-h2-refresh_2qdw9_1s542_153",
20
+ "actions": "awsui_actions_2qdw9_1s542_160",
21
+ "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1s542_164",
22
+ "actions-variant-h1-refresh": "awsui_actions-variant-h1-refresh_2qdw9_1s542_167",
23
+ "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1s542_170",
24
+ "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1s542_170",
25
+ "actions-variant-h2-refresh": "awsui_actions-variant-h2-refresh_2qdw9_1s542_176",
26
+ "actions-variant-h3-refresh": "awsui_actions-variant-h3-refresh_2qdw9_1s542_179",
27
+ "title": "awsui_title_2qdw9_1s542_183",
28
+ "title-variant-h2": "awsui_title-variant-h2_2qdw9_1s542_189",
29
+ "title-variant-h3": "awsui_title-variant-h3_2qdw9_1s542_189",
30
+ "title-variant-h2-refresh": "awsui_title-variant-h2-refresh_2qdw9_1s542_198",
31
+ "info": "awsui_info_2qdw9_1s542_208",
32
+ "description": "awsui_description_2qdw9_1s542_212",
33
+ "description-variant-h1": "awsui_description-variant-h1_2qdw9_1s542_217",
34
+ "description-variant-h1-refresh": "awsui_description-variant-h1-refresh_2qdw9_1s542_222",
35
+ "description-variant-h2": "awsui_description-variant-h2_2qdw9_1s542_225",
36
+ "description-variant-h3": "awsui_description-variant-h3_2qdw9_1s542_230",
37
+ "description-variant-h3-refresh": "awsui_description-variant-h3-refresh_2qdw9_1s542_236",
38
+ "heading": "awsui_heading_2qdw9_1s542_240",
39
+ "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1s542_249",
40
+ "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1s542_255",
41
+ "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1s542_259",
42
+ "heading-text": "awsui_heading-text_2qdw9_1s542_264",
43
+ "counter": "awsui_counter_2qdw9_1s542_268"
44
44
  };
45
45
 
package/header/styles.scoped.css CHANGED
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_2qdw9_cj9ra_93:not(#\9) {
93
+ .awsui_root_2qdw9_1s542_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -131,165 +131,167 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
131
131
  flex-wrap: wrap;
132
132
  justify-content: space-between;
133
133
  }
134
- .awsui_root-no-actions_2qdw9_cj9ra_108.awsui_root-variant-h1_2qdw9_cj9ra_108:not(#\9) {
134
+ .awsui_root-no-actions_2qdw9_1s542_108.awsui_root-variant-h1_2qdw9_1s542_108:not(#\9) {
135
135
  padding-bottom: 0;
136
136
  }
137
- .awsui_root-no-actions_2qdw9_cj9ra_108.awsui_root-variant-h1-refresh_2qdw9_cj9ra_111:not(#\9) {
137
+ .awsui_root-no-actions_2qdw9_1s542_108.awsui_root-variant-h1-refresh_2qdw9_1s542_111:not(#\9) {
138
138
  padding-bottom: var(--space-xxxs-k2w98v, 2px);
139
139
  }
140
- .awsui_root-no-actions_2qdw9_cj9ra_108.awsui_root-variant-h2_2qdw9_cj9ra_114:not(#\9), .awsui_root-has-description_2qdw9_cj9ra_114.awsui_root-variant-h2_2qdw9_cj9ra_114:not(#\9) {
140
+ .awsui_root-no-actions_2qdw9_1s542_108.awsui_root-variant-h2_2qdw9_1s542_114:not(#\9), .awsui_root-has-description_2qdw9_1s542_114.awsui_root-variant-h2_2qdw9_1s542_114:not(#\9) {
141
141
  padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
142
142
  }
143
- .awsui_root-no-actions_2qdw9_cj9ra_108.awsui_root-variant-h2-refresh_2qdw9_cj9ra_117:not(#\9), .awsui_root-has-description_2qdw9_cj9ra_114.awsui_root-variant-h2-refresh_2qdw9_cj9ra_117:not(#\9) {
143
+ .awsui_root-no-actions_2qdw9_1s542_108.awsui_root-variant-h2-refresh_2qdw9_1s542_117:not(#\9), .awsui_root-has-description_2qdw9_1s542_114.awsui_root-variant-h2-refresh_2qdw9_1s542_117:not(#\9) {
144
144
  padding-bottom: var(--space-xxxs-k2w98v, 2px);
145
145
  }
146
- .awsui_root-no-actions_2qdw9_cj9ra_108.awsui_root-variant-h3_2qdw9_cj9ra_120:not(#\9), .awsui_root-has-description_2qdw9_cj9ra_114.awsui_root-variant-h3_2qdw9_cj9ra_120:not(#\9) {
146
+ .awsui_root-no-actions_2qdw9_1s542_108.awsui_root-variant-h3_2qdw9_1s542_120:not(#\9), .awsui_root-has-description_2qdw9_1s542_114.awsui_root-variant-h3_2qdw9_1s542_120:not(#\9) {
147
147
  padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
148
148
  }
149
- .awsui_root-no-actions_2qdw9_cj9ra_108.awsui_root-variant-h3-refresh_2qdw9_cj9ra_123:not(#\9), .awsui_root-has-description_2qdw9_cj9ra_114.awsui_root-variant-h3-refresh_2qdw9_cj9ra_123:not(#\9) {
149
+ .awsui_root-no-actions_2qdw9_1s542_108.awsui_root-variant-h3-refresh_2qdw9_1s542_123:not(#\9), .awsui_root-has-description_2qdw9_1s542_114.awsui_root-variant-h3-refresh_2qdw9_1s542_123:not(#\9) {
150
150
  padding-bottom: 0;
151
151
  }
152
- .awsui_root-no-wrap_2qdw9_cj9ra_126:not(#\9) {
152
+ .awsui_root-no-wrap_2qdw9_1s542_126:not(#\9) {
153
153
  flex-wrap: nowrap;
154
154
  }
155
155
 
156
- .awsui_main_2qdw9_cj9ra_130:not(#\9) {
156
+ .awsui_main_2qdw9_1s542_130:not(#\9) {
157
157
  word-wrap: break-word;
158
158
  max-width: 100%;
159
159
  overflow: hidden;
160
160
  }
161
- :not(#\9):not(.awsui_root-no-actions_2qdw9_cj9ra_108) > .awsui_main_2qdw9_cj9ra_130 {
161
+ :not(#\9):not(.awsui_root-no-actions_2qdw9_1s542_108) > .awsui_main_2qdw9_1s542_130 {
162
162
  margin-right: var(--space-xs-rsr2qu, 8px);
163
163
  }
164
- .awsui_main-variant-h1_2qdw9_cj9ra_138:not(#\9) {
164
+ .awsui_main-variant-h1_2qdw9_1s542_138:not(#\9) {
165
165
  padding: var(--space-scaled-2x-xxs-t5qzmf, 4px) 0;
166
166
  }
167
- .awsui_main-variant-h1-refresh_2qdw9_cj9ra_141:not(#\9) {
167
+ .awsui_main-variant-h1-refresh_2qdw9_1s542_141:not(#\9) {
168
168
  padding: var(--space-xxs-ynfts5, 4px) 0;
169
169
  }
170
- :not(#\9):not(.awsui_root-no-actions_2qdw9_cj9ra_108) > .awsui_main-variant-h1-refresh_2qdw9_cj9ra_141 {
170
+ :not(#\9):not(.awsui_root-no-actions_2qdw9_1s542_108) > .awsui_main-variant-h1-refresh_2qdw9_1s542_141 {
171
171
  padding-top: var(--space-scaled-xxxs-b6dm8t, 2px);
172
172
  }
173
- .awsui_main-variant-h2_2qdw9_cj9ra_147:not(#\9), .awsui_main-variant-h3_2qdw9_cj9ra_147:not(#\9) {
173
+ .awsui_main-variant-h2_2qdw9_1s542_147:not(#\9), .awsui_main-variant-h3_2qdw9_1s542_147:not(#\9) {
174
174
  padding-top: var(--space-scaled-xxs-95dhkm, 4px);
175
175
  }
176
- :not(#\9):not(.awsui_root-has-description_2qdw9_cj9ra_114) > .awsui_main-variant-h2_2qdw9_cj9ra_147, :not(#\9):not(.awsui_root-has-description_2qdw9_cj9ra_114) > .awsui_main-variant-h3_2qdw9_cj9ra_147 {
176
+ :not(#\9):not(.awsui_root-has-description_2qdw9_1s542_114) > .awsui_main-variant-h2_2qdw9_1s542_147, :not(#\9):not(.awsui_root-has-description_2qdw9_1s542_114) > .awsui_main-variant-h3_2qdw9_1s542_147 {
177
177
  padding-bottom: var(--space-xxxs-k2w98v, 2px);
178
178
  }
179
- .awsui_main-variant-h2-refresh_2qdw9_cj9ra_153:not(#\9) {
179
+ .awsui_main-variant-h2-refresh_2qdw9_1s542_153:not(#\9) {
180
180
  padding-top: 0;
181
181
  }
182
- :not(#\9):not(.awsui_root-has-description_2qdw9_cj9ra_114) > .awsui_main-variant-h2-refresh_2qdw9_cj9ra_153 {
182
+ :not(#\9):not(.awsui_root-has-description_2qdw9_1s542_114) > .awsui_main-variant-h2-refresh_2qdw9_1s542_153 {
183
183
  padding-bottom: 0;
184
184
  }
185
185
 
186
- .awsui_actions_2qdw9_cj9ra_160:not(#\9) {
186
+ .awsui_actions_2qdw9_1s542_160:not(#\9) {
187
187
  display: flex;
188
188
  align-items: flex-start;
189
189
  }
190
- .awsui_actions-variant-h1_2qdw9_cj9ra_164:not(#\9) {
190
+ .awsui_actions-variant-h1_2qdw9_1s542_164:not(#\9) {
191
191
  padding: var(--space-scaled-xs-6859qs, 8px) 0;
192
192
  }
193
- .awsui_actions-variant-h1-refresh_2qdw9_cj9ra_167:not(#\9) {
193
+ .awsui_actions-variant-h1-refresh_2qdw9_1s542_167:not(#\9) {
194
194
  padding: var(--space-xs-rsr2qu, 8px) 0;
195
195
  }
196
- .awsui_actions-variant-h2_2qdw9_cj9ra_170:not(#\9), .awsui_actions-variant-h3_2qdw9_cj9ra_170:not(#\9) {
196
+ .awsui_actions-variant-h2_2qdw9_1s542_170:not(#\9), .awsui_actions-variant-h3_2qdw9_1s542_170:not(#\9) {
197
197
  padding: var(--space-scaled-xxs-95dhkm, 4px) 0;
198
198
  }
199
- .awsui_root-has-description_2qdw9_cj9ra_114 > .awsui_actions-variant-h2_2qdw9_cj9ra_170:not(#\9), .awsui_root-has-description_2qdw9_cj9ra_114 > .awsui_actions-variant-h3_2qdw9_cj9ra_170:not(#\9) {
199
+ .awsui_root-has-description_2qdw9_1s542_114 > .awsui_actions-variant-h2_2qdw9_1s542_170:not(#\9), .awsui_root-has-description_2qdw9_1s542_114 > .awsui_actions-variant-h3_2qdw9_1s542_170:not(#\9) {
200
200
  padding-bottom: 0;
201
201
  }
202
- .awsui_actions-variant-h2-refresh_2qdw9_cj9ra_176:not(#\9) {
202
+ .awsui_actions-variant-h2-refresh_2qdw9_1s542_176:not(#\9) {
203
203
  padding-bottom: var(--space-xxxs-k2w98v, 2px);
204
204
  }
205
- .awsui_actions-variant-h3-refresh_2qdw9_cj9ra_179:not(#\9) {
205
+ .awsui_actions-variant-h3-refresh_2qdw9_1s542_179:not(#\9) {
206
206
  padding-bottom: 0;
207
207
  }
208
208
 
209
- .awsui_title_2qdw9_cj9ra_183:not(#\9) {
209
+ .awsui_title_2qdw9_1s542_183:not(#\9) {
210
210
  min-width: 0;
211
211
  -ms-word-break: break-all;
212
212
  word-break: break-word;
213
213
  color: var(--color-text-heading-default-jopz0f, #000716);
214
214
  }
215
- .awsui_title-variant-h2_2qdw9_cj9ra_189:not(#\9), .awsui_title-variant-h3_2qdw9_cj9ra_189:not(#\9) {
215
+ .awsui_title-variant-h2_2qdw9_1s542_189:not(#\9), .awsui_title-variant-h3_2qdw9_1s542_189:not(#\9) {
216
216
  padding: var(--space-scaled-xxs-95dhkm, 4px) 0;
217
217
  }
218
- .awsui_title-variant-h2_2qdw9_cj9ra_189:not(#\9) {
218
+ .awsui_title-variant-h2_2qdw9_1s542_189:not(#\9) {
219
219
  font-size: var(--font-heading-l-size-otmxys, 24px);
220
220
  line-height: var(--font-heading-l-line-height-gev4n1, 30px);
221
221
  letter-spacing: var(--font-heading-l-letter-spacing-f6wvtk, -0.015em);
222
222
  font-weight: var(--font-heading-l-weight-xm7ks9, 800);
223
223
  }
224
- .awsui_title-variant-h2-refresh_2qdw9_cj9ra_198:not(#\9) {
224
+ .awsui_title-variant-h2-refresh_2qdw9_1s542_198:not(#\9) {
225
225
  padding-top: var(--space-scaled-2x-xxs-t5qzmf, 4px);
226
226
  }
227
- .awsui_title-variant-h3_2qdw9_cj9ra_189:not(#\9) {
227
+ .awsui_title-variant-h3_2qdw9_1s542_189:not(#\9) {
228
228
  font-size: var(--font-heading-m-size-6e3jmg, 20px);
229
229
  line-height: var(--font-heading-m-line-height-u3t54f, 24px);
230
230
  letter-spacing: var(--font-heading-m-letter-spacing-r00pg3, -0.01em);
231
231
  font-weight: var(--font-heading-m-weight-hi5n0j, 800);
232
232
  }
233
233
 
234
- .awsui_info_2qdw9_cj9ra_208:not(#\9) {
234
+ .awsui_info_2qdw9_1s542_208:not(#\9) {
235
235
  padding-right: var(--space-s-hv8c1d, 12px);
236
236
  }
237
237
 
238
- .awsui_description_2qdw9_cj9ra_212:not(#\9) {
238
+ .awsui_description_2qdw9_1s542_212:not(#\9) {
239
239
  margin: 0;
240
240
  padding: 0;
241
241
  color: var(--color-text-heading-secondary-corkaj, #414d5c);
242
242
  }
243
- .awsui_description-variant-h1_2qdw9_cj9ra_217:not(#\9) {
243
+ .awsui_description-variant-h1_2qdw9_1s542_217:not(#\9) {
244
244
  font-size: var(--font-body-m-size-sregvd, 14px);
245
245
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
246
246
  padding-top: var(--space-scaled-xxs-95dhkm, 4px);
247
247
  }
248
- .awsui_description-variant-h1-refresh_2qdw9_cj9ra_222:not(#\9) {
248
+ .awsui_description-variant-h1-refresh_2qdw9_1s542_222:not(#\9) {
249
249
  padding-top: var(--space-scaled-xs-6859qs, 8px);
250
250
  }
251
- .awsui_description-variant-h2_2qdw9_cj9ra_225:not(#\9) {
251
+ .awsui_description-variant-h2_2qdw9_1s542_225:not(#\9) {
252
252
  font-size: var(--font-header-h2-description-size-pqrrui, 14px);
253
253
  line-height: var(--font-header-h2-description-line-height-gjrb86, 22px);
254
254
  padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
255
255
  }
256
- .awsui_description-variant-h3_2qdw9_cj9ra_230:not(#\9) {
256
+ .awsui_description-variant-h3_2qdw9_1s542_230:not(#\9) {
257
257
  font-size: var(--font-body-s-size-ukw2p9, 12px);
258
258
  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
259
259
  letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
260
260
  padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
261
261
  }
262
- .awsui_description-variant-h3-refresh_2qdw9_cj9ra_236:not(#\9) {
262
+ .awsui_description-variant-h3-refresh_2qdw9_1s542_236:not(#\9) {
263
263
  padding-top: var(--space-xxxs-k2w98v, 2px);
264
264
  }
265
265
 
266
- .awsui_heading_2qdw9_cj9ra_240:not(#\9) {
266
+ .awsui_heading_2qdw9_1s542_240:not(#\9) {
267
267
  margin: 0;
268
268
  display: inline;
269
269
  font-size: inherit;
270
270
  margin-right: var(--space-xs-rsr2qu, 8px);
271
271
  }
272
- .awsui_heading_2qdw9_cj9ra_240:not(#\9):only-child {
272
+ .awsui_heading_2qdw9_1s542_240:not(#\9):only-child {
273
273
  margin: 0;
274
274
  }
275
- .awsui_heading-variant-h1_2qdw9_cj9ra_249:not(#\9) {
275
+ .awsui_heading-variant-h1_2qdw9_1s542_249:not(#\9) {
276
276
  font-size: var(--font-heading-xl-size-d0vjbk, 32px);
277
277
  line-height: var(--font-heading-xl-line-height-doxfdj, 40px);
278
278
  letter-spacing: var(--font-heading-xl-letter-spacing-9tcsmy, -0.02em);
279
279
  font-weight: var(--font-heading-xl-weight-772870, 800);
280
280
  }
281
- .awsui_heading-variant-h2_2qdw9_cj9ra_255:not(#\9) {
281
+ .awsui_heading-variant-h2_2qdw9_1s542_255:not(#\9) {
282
282
  font-weight: var(--font-heading-l-weight-xm7ks9, 800);
283
+ line-height: var(--font-heading-l-line-height-gev4n1, 30px);
283
284
  }
284
- .awsui_heading-variant-h3_2qdw9_cj9ra_258:not(#\9) {
285
+ .awsui_heading-variant-h3_2qdw9_1s542_259:not(#\9) {
285
286
  font-weight: var(--font-heading-m-weight-hi5n0j, 800);
287
+ line-height: var(--font-heading-m-line-height-u3t54f, 24px);
286
288
  }
287
289
 
288
- .awsui_heading-text_2qdw9_cj9ra_262:not(#\9) {
290
+ .awsui_heading-text_2qdw9_1s542_264:not(#\9) {
289
291
  /* used in test-utils */
290
292
  }
291
293
 
292
- .awsui_counter_2qdw9_cj9ra_266:not(#\9) {
294
+ .awsui_counter_2qdw9_1s542_268:not(#\9) {
293
295
  color: var(--color-text-counter-jwdegc, #5f6b7a);
294
296
  font-weight: 400;
295
297
  }
package/header/styles.selectors.js CHANGED
@@ -2,45 +2,45 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_2qdw9_cj9ra_93",
6
- "root-no-actions": "awsui_root-no-actions_2qdw9_cj9ra_108",
7
- "root-variant-h1": "awsui_root-variant-h1_2qdw9_cj9ra_108",
8
- "root-variant-h1-refresh": "awsui_root-variant-h1-refresh_2qdw9_cj9ra_111",
9
- "root-variant-h2": "awsui_root-variant-h2_2qdw9_cj9ra_114",
10
- "root-has-description": "awsui_root-has-description_2qdw9_cj9ra_114",
11
- "root-variant-h2-refresh": "awsui_root-variant-h2-refresh_2qdw9_cj9ra_117",
12
- "root-variant-h3": "awsui_root-variant-h3_2qdw9_cj9ra_120",
13
- "root-variant-h3-refresh": "awsui_root-variant-h3-refresh_2qdw9_cj9ra_123",
14
- "root-no-wrap": "awsui_root-no-wrap_2qdw9_cj9ra_126",
15
- "main": "awsui_main_2qdw9_cj9ra_130",
16
- "main-variant-h1": "awsui_main-variant-h1_2qdw9_cj9ra_138",
17
- "main-variant-h1-refresh": "awsui_main-variant-h1-refresh_2qdw9_cj9ra_141",
18
- "main-variant-h2": "awsui_main-variant-h2_2qdw9_cj9ra_147",
19
- "main-variant-h3": "awsui_main-variant-h3_2qdw9_cj9ra_147",
20
- "main-variant-h2-refresh": "awsui_main-variant-h2-refresh_2qdw9_cj9ra_153",
21
- "actions": "awsui_actions_2qdw9_cj9ra_160",
22
- "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_cj9ra_164",
23
- "actions-variant-h1-refresh": "awsui_actions-variant-h1-refresh_2qdw9_cj9ra_167",
24
- "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_cj9ra_170",
25
- "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_cj9ra_170",
26
- "actions-variant-h2-refresh": "awsui_actions-variant-h2-refresh_2qdw9_cj9ra_176",
27
- "actions-variant-h3-refresh": "awsui_actions-variant-h3-refresh_2qdw9_cj9ra_179",
28
- "title": "awsui_title_2qdw9_cj9ra_183",
29
- "title-variant-h2": "awsui_title-variant-h2_2qdw9_cj9ra_189",
30
- "title-variant-h3": "awsui_title-variant-h3_2qdw9_cj9ra_189",
31
- "title-variant-h2-refresh": "awsui_title-variant-h2-refresh_2qdw9_cj9ra_198",
32
- "info": "awsui_info_2qdw9_cj9ra_208",
33
- "description": "awsui_description_2qdw9_cj9ra_212",
34
- "description-variant-h1": "awsui_description-variant-h1_2qdw9_cj9ra_217",
35
- "description-variant-h1-refresh": "awsui_description-variant-h1-refresh_2qdw9_cj9ra_222",
36
- "description-variant-h2": "awsui_description-variant-h2_2qdw9_cj9ra_225",
37
- "description-variant-h3": "awsui_description-variant-h3_2qdw9_cj9ra_230",
38
- "description-variant-h3-refresh": "awsui_description-variant-h3-refresh_2qdw9_cj9ra_236",
39
- "heading": "awsui_heading_2qdw9_cj9ra_240",
40
- "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_cj9ra_249",
41
- "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_cj9ra_255",
42
- "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_cj9ra_258",
43
- "heading-text": "awsui_heading-text_2qdw9_cj9ra_262",
44
- "counter": "awsui_counter_2qdw9_cj9ra_266"
5
+ "root": "awsui_root_2qdw9_1s542_93",
6
+ "root-no-actions": "awsui_root-no-actions_2qdw9_1s542_108",
7
+ "root-variant-h1": "awsui_root-variant-h1_2qdw9_1s542_108",
8
+ "root-variant-h1-refresh": "awsui_root-variant-h1-refresh_2qdw9_1s542_111",
9
+ "root-variant-h2": "awsui_root-variant-h2_2qdw9_1s542_114",
10
+ "root-has-description": "awsui_root-has-description_2qdw9_1s542_114",
11
+ "root-variant-h2-refresh": "awsui_root-variant-h2-refresh_2qdw9_1s542_117",
12
+ "root-variant-h3": "awsui_root-variant-h3_2qdw9_1s542_120",
13
+ "root-variant-h3-refresh": "awsui_root-variant-h3-refresh_2qdw9_1s542_123",
14
+ "root-no-wrap": "awsui_root-no-wrap_2qdw9_1s542_126",
15
+ "main": "awsui_main_2qdw9_1s542_130",
16
+ "main-variant-h1": "awsui_main-variant-h1_2qdw9_1s542_138",
17
+ "main-variant-h1-refresh": "awsui_main-variant-h1-refresh_2qdw9_1s542_141",
18
+ "main-variant-h2": "awsui_main-variant-h2_2qdw9_1s542_147",
19
+ "main-variant-h3": "awsui_main-variant-h3_2qdw9_1s542_147",
20
+ "main-variant-h2-refresh": "awsui_main-variant-h2-refresh_2qdw9_1s542_153",
21
+ "actions": "awsui_actions_2qdw9_1s542_160",
22
+ "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1s542_164",
23
+ "actions-variant-h1-refresh": "awsui_actions-variant-h1-refresh_2qdw9_1s542_167",
24
+ "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1s542_170",
25
+ "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1s542_170",
26
+ "actions-variant-h2-refresh": "awsui_actions-variant-h2-refresh_2qdw9_1s542_176",
27
+ "actions-variant-h3-refresh": "awsui_actions-variant-h3-refresh_2qdw9_1s542_179",
28
+ "title": "awsui_title_2qdw9_1s542_183",
29
+ "title-variant-h2": "awsui_title-variant-h2_2qdw9_1s542_189",
30
+ "title-variant-h3": "awsui_title-variant-h3_2qdw9_1s542_189",
31
+ "title-variant-h2-refresh": "awsui_title-variant-h2-refresh_2qdw9_1s542_198",
32
+ "info": "awsui_info_2qdw9_1s542_208",
33
+ "description": "awsui_description_2qdw9_1s542_212",
34
+ "description-variant-h1": "awsui_description-variant-h1_2qdw9_1s542_217",
35
+ "description-variant-h1-refresh": "awsui_description-variant-h1-refresh_2qdw9_1s542_222",
36
+ "description-variant-h2": "awsui_description-variant-h2_2qdw9_1s542_225",
37
+ "description-variant-h3": "awsui_description-variant-h3_2qdw9_1s542_230",
38
+ "description-variant-h3-refresh": "awsui_description-variant-h3-refresh_2qdw9_1s542_236",
39
+ "heading": "awsui_heading_2qdw9_1s542_240",
40
+ "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1s542_249",
41
+ "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1s542_255",
42
+ "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1s542_259",
43
+ "heading-text": "awsui_heading-text_2qdw9_1s542_264",
44
+ "counter": "awsui_counter_2qdw9_1s542_268"
45
45
  };
46
46
 
package/internal/environment.js CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- export var PACKAGE_VERSION = '3.0.0 (395ce43)';
2
+ export var PACKAGE_VERSION = '3.0.0 (71d1df5)';
3
3
  export var THEME = 'open-source-visual-refresh';
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
5
5
 
package/package.json CHANGED
@@ -113,6 +113,6 @@
113
113
  "./internal/base-component/index.js",
114
114
  "./internal/base-component/styles.css.js"
115
115
  ],
116
- "version": "3.0.88",
116
+ "version": "3.0.90",
117
117
  "license": "Apache-2.0"
118
118
  }