npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1192 → 3.0.1194 - Mend

@cloudscape-design/components-themeable 3.0.1192 → 3.0.1194

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 (90) hide show

package/lib/internal/template/button-group/menu-dropdown-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu-dropdown-item.js","sourceRoot":"","sources":["../../../src/button-group/menu-dropdown-item.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,~~OAAO~~,MAAM,~~gCAAgC~~,CAAC;~~AACrD~~,OAAO,~~EAA0B~~,~~mBAAmB,EAAE,~~MAAM,~~oBAAoB~~,CAAC;~~AAGjF~~,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAW1D,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,QAAQ,EAAyB,EACvG,GAAuC,EACvC,EAAE;IACF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,CAAC,KAAwD,EAAE,EAAE;QAClF,mBAAmB,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,CAAC;IAClG,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,cAAc,EAC3B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAI,CAAC,IAAI,EACpB,SAAS,EAAE,cAAc,CAAC,mBAAmB,CAAC,EAC9C,QAAQ,EAAE,QAAQ,iBACL,IAAI,CAAC,EAAE,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,oBAAoB,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAClG,6BAAK,GAAG,EAAE,YAAY,KAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;YACvG,CAAC,MAAM,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAC5D,oBAAC,OAAO,IACN,~~QAAQ~~,EAAE,~~YAAY~~,~~EACtB~~,~~QAAQ~~,~~EAAE~~,~~IAAI~~,~~CAAC~~,EAAE,~~EACjB~~,~~KAAK,~~EAAE,~~IAAI,~~CAAC,~~IAAI~~,~~EAChB,SAAS,EAAE,IAAI,~~CAAC,~~cAAc~~,~~CAAC~~,OAAO,EAAE,~~cAAc~~,CAAC,~~sBAAsB~~,~~CAAC~~,~~CAAC~~,~~EAC/E,SAAS,~~EAAE,gBAAgB,~~GAC3B~~,CACH;YACD,oBAAC,cAAc,IACb,GAAG,EAAE,UAAU,EACf,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,SAAS,iBACP,IAAI,CAAC,EAAE,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,EACpD,QAAQ,EAAC,UAAU,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,EAAE,GACV,CACE,CACP,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalButton from '../button/internal';\nimport { ButtonDropdownProps } from '../button-dropdown/interfaces';\nimport ButtonDropdown from '../button-dropdown/internal';\nimport ~~Tooltip~~ from '../internal/~~components/tooltip~~';\nimport { ~~CancelableEventHandler, fireCancelableEvent }~~ from '../internal~~/events~~';\nimport { ButtonGroupProps } from './interfaces';\n\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface MenuDropdownItemProps {\n item: ButtonGroupProps.MenuDropdown;\n showTooltip: boolean;\n onTooltipDismiss: () => void;\n onItemClick?: CancelableEventHandler<ButtonGroupProps.ItemClickDetails>;\n expandToViewport?: boolean;\n position: string;\n}\n\nconst MenuDropdownItem = React.forwardRef(\n (\n { item, showTooltip, onItemClick, onTooltipDismiss, expandToViewport, position }: MenuDropdownItemProps,\n ref: React.Ref<ButtonDropdownProps.Ref>\n ) => {\n const containerRef = React.useRef<HTMLDivElement>(null);\n const onClickHandler = (event: CustomEvent<ButtonDropdownProps.ItemClickDetails>) => {\n fireCancelableEvent(onItemClick, { id: event.detail.id, checked: event.detail.checked }, event);\n };\n\n return (\n <ButtonDropdown\n ref={ref}\n variant=\"icon\"\n items={item.items}\n onItemClick={onClickHandler}\n expandToViewport={expandToViewport}\n ariaLabel={item.text}\n className={testUtilStyles['button-group-item']}\n position={position}\n data-testid={item.id}\n disabled={item.disabled}\n customTriggerBuilder={({ onClick, isOpen, triggerRef, ariaLabel, ariaExpanded, testUtilsClass }) => (\n <div ref={containerRef} {...(item.disabled ? {} : getAnalyticsMetadataAttribute({ detail: { position } }))}>\n {!isOpen && showTooltip && !item.disabled && !item.loading && (\n <Tooltip\n ~~trackRef~~={~~containerRef~~}\n ~~trackKey~~={~~item~~.id}\n ~~value~~={item.text}\n ~~className~~={~~clsx(testUtilStyles.tooltip, testUtilStyles['button-group-tooltip'])}\n onDismiss={~~onTooltipDismiss}\n />\n )}\n <InternalButton\n ref={triggerRef}\n variant=\"icon\"\n ariaLabel={ariaLabel}\n data-itemid={item.id}\n ariaExpanded={ariaExpanded}\n className={clsx(testUtilStyles.item, testUtilsClass)}\n iconName=\"ellipsis\"\n loading={item.loading}\n loadingText={item.loadingText}\n disabled={item.disabled}\n disabledReason={item.disabledReason}\n onClick={onClick}\n __title=\"\"\n />\n </div>\n )}\n />\n );\n }\n);\n\nexport default MenuDropdownItem;\n"]}
1	+ {"version":3,"file":"menu-dropdown-item.js","sourceRoot":"","sources":["../../../src/button-group/menu-dropdown-item.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAA0B,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAG7C,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAW1D,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,QAAQ,EAAyB,EACvG,GAAuC,EACvC,EAAE;IACF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,CAAC,KAAwD,EAAE,EAAE;QAClF,mBAAmB,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,CAAC;IAClG,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,cAAc,EAC3B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAI,CAAC,IAAI,EACpB,SAAS,EAAE,cAAc,CAAC,mBAAmB,CAAC,EAC9C,QAAQ,EAAE,QAAQ,iBACL,IAAI,CAAC,EAAE,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,oBAAoB,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAClG,6BAAK,GAAG,EAAE,YAAY,KAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;YACvG,CAAC,MAAM,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAC5D,oBAAC,OAAO,IACN,SAAS,EAAE,cAAc,CAAC,sBAAsB,CAAC,EACjD,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,EACpC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,QAAQ,EAAE,gBAAgB,GAC1B,CACH;YACD,oBAAC,cAAc,IACb,GAAG,EAAE,UAAU,EACf,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,SAAS,iBACP,IAAI,CAAC,EAAE,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,EACpD,QAAQ,EAAC,UAAU,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,EAAE,GACV,CACE,CACP,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalButton from '../button/internal';\nimport { ButtonDropdownProps } from '../button-dropdown/interfaces';\nimport ButtonDropdown from '../button-dropdown/internal';\nimport { CancelableEventHandler, fireCancelableEvent } from '../internal/events';\nimport Tooltip from '../tooltip/internal.js';\nimport { ButtonGroupProps } from './interfaces';\n\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface MenuDropdownItemProps {\n item: ButtonGroupProps.MenuDropdown;\n showTooltip: boolean;\n onTooltipDismiss: () => void;\n onItemClick?: CancelableEventHandler<ButtonGroupProps.ItemClickDetails>;\n expandToViewport?: boolean;\n position: string;\n}\n\nconst MenuDropdownItem = React.forwardRef(\n (\n { item, showTooltip, onItemClick, onTooltipDismiss, expandToViewport, position }: MenuDropdownItemProps,\n ref: React.Ref<ButtonDropdownProps.Ref>\n ) => {\n const containerRef = React.useRef<HTMLDivElement>(null);\n const onClickHandler = (event: CustomEvent<ButtonDropdownProps.ItemClickDetails>) => {\n fireCancelableEvent(onItemClick, { id: event.detail.id, checked: event.detail.checked }, event);\n };\n\n return (\n <ButtonDropdown\n ref={ref}\n variant=\"icon\"\n items={item.items}\n onItemClick={onClickHandler}\n expandToViewport={expandToViewport}\n ariaLabel={item.text}\n className={testUtilStyles['button-group-item']}\n position={position}\n data-testid={item.id}\n disabled={item.disabled}\n customTriggerBuilder={({ onClick, isOpen, triggerRef, ariaLabel, ariaExpanded, testUtilsClass }) => (\n <div ref={containerRef} {...(item.disabled ? {} : getAnalyticsMetadataAttribute({ detail: { position } }))}>\n {!isOpen && showTooltip && !item.disabled && !item.loading && (\n <Tooltip\n className={testUtilStyles['button-group-tooltip']}\n getTrack={() => containerRef.current}\n content={item.text}\n onEscape={onTooltipDismiss}\n />\n )}\n <InternalButton\n ref={triggerRef}\n variant=\"icon\"\n ariaLabel={ariaLabel}\n data-itemid={item.id}\n ariaExpanded={ariaExpanded}\n className={clsx(testUtilStyles.item, testUtilsClass)}\n iconName=\"ellipsis\"\n loading={item.loading}\n loadingText={item.loadingText}\n disabled={item.disabled}\n disabledReason={item.disabledReason}\n onClick={onClick}\n __title=\"\"\n />\n </div>\n )}\n />\n );\n }\n);\n\nexport default MenuDropdownItem;\n"]}

package/lib/internal/template/calendar/grid/index.js CHANGED Viewed

@@ -4,10 +4,10 @@ import React, { forwardRef, useRef, useState } from 'react';
 import clsx from 'clsx';
 import { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';
 import ScreenreaderOnly from '../../internal/components/screenreader-only/index.js';
-import Tooltip from '../../internal/components/tooltip';
 import { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update';
 import useHiddenDescription from '../../internal/hooks/use-hidden-description';
 import { applyDisplayName } from '../../internal/utils/apply-display-name';
+import Tooltip from '../../tooltip/internal.js';
 import styles from '../styles.css.js';
 const GridCell = forwardRef((props, focusedDateRef) => {
     const { disabledReason, ...rest } = props;
@@ -19,7 +19,7 @@ const GridCell = forwardRef((props, focusedDateRef) => {
         props.children,
         isDisabledWithReason && (React.createElement(React.Fragment, null,
             descriptionEl,
-            showTooltip && (React.createElement(Tooltip, { className: styles['disabled-reason-tooltip'], trackRef: ref, value: disabledReason, onDismiss: () => setShowTooltip(false) }))))));
+            showTooltip && (React.createElement(Tooltip, { className: styles['disabled-reason-tooltip'], getTrack: () => ref.current, content: disabledReason, onEscape: () => setShowTooltip(false) }))))));
 });
 applyDisplayName(GridCell, 'GridCell');
 export default function Grid({ isDateEnabled, dateDisabledReason, focusedDate, focusableDate, onSelectDate, selectedDate, ariaLabelledby, header, rows, isCurrentPage, renderDate, renderDateAnnouncement, isSameDate, onGridKeyDownHandler, }) {

package/lib/internal/template/calendar/grid/index.js.map CHANGED Viewed

	@@ -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, { forwardRef, TdHTMLAttributes, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\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';\nimport useHiddenDescription from '../../internal/hooks/use-hidden-description';\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\n className={styles['disabled-reason-tooltip']}\n trackRef={ref}\n value={disabledReason!}\n onDismiss={() => setShowTooltip(false)}\n />\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"]}
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 { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport { DatePickerProps } from '../../date-picker/interfaces';\nimport ScreenreaderOnly from '../../internal/components/screenreader-only/index.js';\nimport { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update';\nimport useHiddenDescription from '../../internal/hooks/use-hidden-description';\nimport { applyDisplayName } from '../../internal/utils/apply-display-name';\nimport Tooltip from '../../tooltip/internal.js';\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\n className={styles['disabled-reason-tooltip']}\n getTrack={() => ref.current}\n content={disabledReason!}\n onEscape={() => setShowTooltip(false)}\n />\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/lib/internal/template/cards/styles.css.js CHANGED Viewed

@@ -1,44 +1,44 @@
     import './styles.scoped.css';
     export default {
-  "card-inner": "awsui_card-inner_p8a6i_1hyts_161",
-  "root": "awsui_root_p8a6i_1hyts_193",
-  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1hyts_232",
-  "header-refresh": "awsui_header-refresh_p8a6i_1hyts_232",
-  "list": "awsui_list_p8a6i_1hyts_239",
-  "list-grid-1": "awsui_list-grid-1_p8a6i_1hyts_250",
-  "card": "awsui_card_p8a6i_1hyts_161",
-  "list-grid-2": "awsui_list-grid-2_p8a6i_1hyts_253",
-  "list-grid-3": "awsui_list-grid-3_p8a6i_1hyts_256",
-  "list-grid-4": "awsui_list-grid-4_p8a6i_1hyts_259",
-  "list-grid-5": "awsui_list-grid-5_p8a6i_1hyts_262",
-  "list-grid-6": "awsui_list-grid-6_p8a6i_1hyts_265",
-  "list-grid-7": "awsui_list-grid-7_p8a6i_1hyts_268",
-  "list-grid-8": "awsui_list-grid-8_p8a6i_1hyts_271",
-  "list-grid-9": "awsui_list-grid-9_p8a6i_1hyts_274",
-  "list-grid-10": "awsui_list-grid-10_p8a6i_1hyts_277",
-  "list-grid-11": "awsui_list-grid-11_p8a6i_1hyts_280",
-  "list-grid-12": "awsui_list-grid-12_p8a6i_1hyts_283",
-  "list-grid-13": "awsui_list-grid-13_p8a6i_1hyts_286",
-  "list-grid-14": "awsui_list-grid-14_p8a6i_1hyts_289",
-  "list-grid-15": "awsui_list-grid-15_p8a6i_1hyts_292",
-  "list-grid-16": "awsui_list-grid-16_p8a6i_1hyts_295",
-  "list-grid-17": "awsui_list-grid-17_p8a6i_1hyts_298",
-  "list-grid-18": "awsui_list-grid-18_p8a6i_1hyts_301",
-  "list-grid-19": "awsui_list-grid-19_p8a6i_1hyts_304",
-  "list-grid-20": "awsui_list-grid-20_p8a6i_1hyts_307",
-  "selection-control": "awsui_selection-control_p8a6i_1hyts_311",
-  "loading": "awsui_loading_p8a6i_1hyts_321",
-  "empty": "awsui_empty_p8a6i_1hyts_322",
-  "has-header": "awsui_has-header_p8a6i_1hyts_329",
-  "refresh": "awsui_refresh_p8a6i_1hyts_332",
-  "card-header": "awsui_card-header_p8a6i_1hyts_403",
-  "card-header-inner": "awsui_card-header-inner_p8a6i_1hyts_411",
-  "card-selectable": "awsui_card-selectable_p8a6i_1hyts_415",
-  "card-selected": "awsui_card-selected_p8a6i_1hyts_418",
-  "section": "awsui_section_p8a6i_1hyts_426",
-  "section-header": "awsui_section-header_p8a6i_1hyts_434",
-  "section-content": "awsui_section-content_p8a6i_1hyts_440",
-  "footer-pagination": "awsui_footer-pagination_p8a6i_1hyts_450"
+  "card-inner": "awsui_card-inner_p8a6i_169tu_161",
+  "root": "awsui_root_p8a6i_169tu_193",
+  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_169tu_232",
+  "header-refresh": "awsui_header-refresh_p8a6i_169tu_232",
+  "list": "awsui_list_p8a6i_169tu_239",
+  "list-grid-1": "awsui_list-grid-1_p8a6i_169tu_250",
+  "card": "awsui_card_p8a6i_169tu_161",
+  "list-grid-2": "awsui_list-grid-2_p8a6i_169tu_253",
+  "list-grid-3": "awsui_list-grid-3_p8a6i_169tu_256",
+  "list-grid-4": "awsui_list-grid-4_p8a6i_169tu_259",
+  "list-grid-5": "awsui_list-grid-5_p8a6i_169tu_262",
+  "list-grid-6": "awsui_list-grid-6_p8a6i_169tu_265",
+  "list-grid-7": "awsui_list-grid-7_p8a6i_169tu_268",
+  "list-grid-8": "awsui_list-grid-8_p8a6i_169tu_271",
+  "list-grid-9": "awsui_list-grid-9_p8a6i_169tu_274",
+  "list-grid-10": "awsui_list-grid-10_p8a6i_169tu_277",
+  "list-grid-11": "awsui_list-grid-11_p8a6i_169tu_280",
+  "list-grid-12": "awsui_list-grid-12_p8a6i_169tu_283",
+  "list-grid-13": "awsui_list-grid-13_p8a6i_169tu_286",
+  "list-grid-14": "awsui_list-grid-14_p8a6i_169tu_289",
+  "list-grid-15": "awsui_list-grid-15_p8a6i_169tu_292",
+  "list-grid-16": "awsui_list-grid-16_p8a6i_169tu_295",
+  "list-grid-17": "awsui_list-grid-17_p8a6i_169tu_298",
+  "list-grid-18": "awsui_list-grid-18_p8a6i_169tu_301",
+  "list-grid-19": "awsui_list-grid-19_p8a6i_169tu_304",
+  "list-grid-20": "awsui_list-grid-20_p8a6i_169tu_307",
+  "selection-control": "awsui_selection-control_p8a6i_169tu_311",
+  "loading": "awsui_loading_p8a6i_169tu_321",
+  "empty": "awsui_empty_p8a6i_169tu_322",
+  "has-header": "awsui_has-header_p8a6i_169tu_329",
+  "refresh": "awsui_refresh_p8a6i_169tu_332",
+  "card-header": "awsui_card-header_p8a6i_169tu_404",
+  "card-header-inner": "awsui_card-header-inner_p8a6i_169tu_412",
+  "card-selectable": "awsui_card-selectable_p8a6i_169tu_416",
+  "card-selected": "awsui_card-selected_p8a6i_169tu_419",
+  "section": "awsui_section_p8a6i_169tu_427",
+  "section-header": "awsui_section-header_p8a6i_169tu_435",
+  "section-content": "awsui_section-content_p8a6i_169tu_441",
+  "footer-pagination": "awsui_footer-pagination_p8a6i_169tu_451"
 };

package/lib/internal/template/cards/styles.scoped.css CHANGED Viewed

@@ -158,39 +158,39 @@ 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_card-inner_p8a6i_1hyts_161:not(#\9) {
+.awsui_card-inner_p8a6i_169tu_161:not(#\9) {
   transition-property: background-color;
   transition-duration: var(--motion-duration-transition-show-paced-0w35xp, 180ms);
   transition-timing-function: var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_card-inner_p8a6i_1hyts_161:not(#\9) {
+  .awsui_card-inner_p8a6i_169tu_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_card-inner_p8a6i_1hyts_161:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_1hyts_161:not(#\9) {
+.awsui-motion-disabled .awsui_card-inner_p8a6i_169tu_161:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_169tu_161:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_card-inner_p8a6i_1hyts_161:not(#\9)::before {
+.awsui_card-inner_p8a6i_169tu_161:not(#\9)::before {
   transition-property: border-top-color, border-right-color, border-bottom-color, border-left-color;
   transition-duration: var(--motion-duration-transition-show-paced-0w35xp, 180ms);
   transition-timing-function: var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_card-inner_p8a6i_1hyts_161:not(#\9)::before {
+  .awsui_card-inner_p8a6i_169tu_161:not(#\9)::before {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_card-inner_p8a6i_1hyts_161:not(#\9)::before, .awsui-mode-entering .awsui_card-inner_p8a6i_1hyts_161:not(#\9)::before {
+.awsui-motion-disabled .awsui_card-inner_p8a6i_169tu_161:not(#\9)::before, .awsui-mode-entering .awsui_card-inner_p8a6i_169tu_161:not(#\9)::before {
   animation: none;
   transition: none;
 }
-.awsui_root_p8a6i_1hyts_193:not(#\9) {
+.awsui_root_p8a6i_169tu_193:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -229,14 +229,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_header-variant-full-page_p8a6i_1hyts_232.awsui_header-refresh_p8a6i_1hyts_232:not(#\9) {
+.awsui_header-variant-full-page_p8a6i_169tu_232.awsui_header-refresh_p8a6i_169tu_232:not(#\9) {
   padding-block-start: 0;
   padding-inline-start: 0;
   padding-inline-end: 0;
   padding-block-end: calc(var(--space-container-header-bottom-rbnprk, 12px) + var(--space-table-header-tools-full-page-bottom-1o73je, 4px));
 }
-.awsui_list_p8a6i_1hyts_239:not(#\9) {
+.awsui_list_p8a6i_169tu_239:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
@@ -247,68 +247,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: calc(var(--space-grid-gutter-nm7ylt, 20px) * -1);
   margin-inline-end: 0;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-1_p8a6i_1hyts_250 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-1_p8a6i_169tu_250 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 100%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-2_p8a6i_1hyts_253 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-2_p8a6i_169tu_253 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 50%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-3_p8a6i_1hyts_256 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-3_p8a6i_169tu_256 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 33.3333333333%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-4_p8a6i_1hyts_259 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-4_p8a6i_169tu_259 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 25%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-5_p8a6i_1hyts_262 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-5_p8a6i_169tu_262 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 20%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-6_p8a6i_1hyts_265 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-6_p8a6i_169tu_265 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 16.6666666667%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-7_p8a6i_1hyts_268 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-7_p8a6i_169tu_268 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 14.2857142857%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-8_p8a6i_1hyts_271 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-8_p8a6i_169tu_271 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 12.5%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-9_p8a6i_1hyts_274 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-9_p8a6i_169tu_274 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 11.1111111111%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-10_p8a6i_1hyts_277 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-10_p8a6i_169tu_277 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 10%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-11_p8a6i_1hyts_280 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-11_p8a6i_169tu_280 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 9.0909090909%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-12_p8a6i_1hyts_283 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-12_p8a6i_169tu_283 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 8.3333333333%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-13_p8a6i_1hyts_286 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-13_p8a6i_169tu_286 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 7.6923076923%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-14_p8a6i_1hyts_289 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-14_p8a6i_169tu_289 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 7.1428571429%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-15_p8a6i_1hyts_292 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-15_p8a6i_169tu_292 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 6.6666666667%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-16_p8a6i_1hyts_295 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-16_p8a6i_169tu_295 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 6.25%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-17_p8a6i_1hyts_298 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-17_p8a6i_169tu_298 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 5.8823529412%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-18_p8a6i_1hyts_301 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-18_p8a6i_169tu_301 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 5.5555555556%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-19_p8a6i_1hyts_304 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-19_p8a6i_169tu_304 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 5.2631578947%;
 }
-.awsui_list_p8a6i_1hyts_239.awsui_list-grid-20_p8a6i_1hyts_307 > .awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_list_p8a6i_169tu_239.awsui_list-grid-20_p8a6i_169tu_307 > .awsui_card_p8a6i_169tu_161:not(#\9) {
   inline-size: 5%;
 }
-.awsui_selection-control_p8a6i_1hyts_311:not(#\9) {
+.awsui_selection-control_p8a6i_169tu_311:not(#\9) {
   position: absolute;
   box-sizing: border-box;
   inline-size: calc(var(--size-control-lkpwjy, 14px) + 2 * var(--space-card-horizontal-0tbxbt, 20px));
@@ -318,38 +318,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-card-horizontal-0tbxbt, 20px);
 }
-.awsui_loading_p8a6i_1hyts_321:not(#\9),
-.awsui_empty_p8a6i_1hyts_322:not(#\9) {
+.awsui_loading_p8a6i_169tu_321:not(#\9),
+.awsui_empty_p8a6i_169tu_322:not(#\9) {
   overflow: hidden;
   text-align: center;
   color: var(--color-text-empty-vtt4l2, #687078);
   margin-block-end: var(--space-scaled-l-66n9sr, 20px);
 }
-.awsui_has-header_p8a6i_1hyts_329:not(#\9) {
+.awsui_has-header_p8a6i_169tu_329:not(#\9) {
   margin-block-start: var(--space-grid-gutter-nm7ylt, 20px);
 }
-.awsui_has-header_p8a6i_1hyts_329.awsui_refresh_p8a6i_1hyts_332.awsui_header-variant-full-page_p8a6i_1hyts_232:not(#\9) {
+.awsui_has-header_p8a6i_169tu_329.awsui_refresh_p8a6i_169tu_332.awsui_header-variant-full-page_p8a6i_169tu_232:not(#\9) {
   margin-block-start: var(--space-scaled-s-gjhvjd, 12px);
 }
-.awsui_card_p8a6i_1hyts_161:not(#\9) {
+.awsui_card_p8a6i_169tu_161:not(#\9) {
   display: flex;
   overflow-wrap: break-word;
   word-wrap: break-word;
+  box-sizing: border-box;
   margin-block: 0;
   margin-inline: 0;
-  padding-block: 0;
-  padding-inline: 0;
+  padding-block-start: 0;
+  padding-block-end: var(--space-grid-gutter-nm7ylt, 20px);
+  padding-inline-start: var(--space-grid-gutter-nm7ylt, 20px);
+  padding-inline-end: 0;
   list-style: none;
 }
-.awsui_card-inner_p8a6i_1hyts_161:not(#\9) {
+.awsui_card-inner_p8a6i_169tu_161:not(#\9) {
   position: relative;
   background-color: var(--color-background-container-content-aemn43, #ffffff);
-  margin-block-start: 0;
-  margin-block-end: var(--space-grid-gutter-nm7ylt, 20px);
-  margin-inline-start: var(--space-grid-gutter-nm7ylt, 20px);
-  margin-inline-end: 0;
+  margin-block: 0;
+  margin-inline: 0;
   padding-block: var(--space-card-vertical-nzlc5t, 20px);
   padding-inline: var(--space-card-horizontal-0tbxbt, 20px);
   inline-size: 100%;
@@ -360,7 +361,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
   box-sizing: border-box;
 }
-.awsui_card-inner_p8a6i_1hyts_161:not(#\9)::before {
+.awsui_card-inner_p8a6i_169tu_161:not(#\9)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -378,7 +379,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
   z-index: 1;
 }
-.awsui_card-inner_p8a6i_1hyts_161:not(#\9)::after {
+.awsui_card-inner_p8a6i_169tu_161:not(#\9)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -393,14 +394,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
   border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
 }
-.awsui_card-inner_p8a6i_1hyts_161:not(#\9):not(.awsui_refresh_p8a6i_1hyts_332)::after {
+.awsui_card-inner_p8a6i_169tu_161:not(#\9):not(.awsui_refresh_p8a6i_169tu_332)::after {
   box-shadow: var(--shadow-container-3fh0j3, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_card-inner_p8a6i_1hyts_161.awsui_refresh_p8a6i_1hyts_332:not(#\9)::after {
+.awsui_card-inner_p8a6i_169tu_161.awsui_refresh_p8a6i_169tu_332:not(#\9)::after {
   border-block: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
   border-inline: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_card-header_p8a6i_1hyts_403:not(#\9) {
+.awsui_card-header_p8a6i_169tu_404:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
@@ -408,22 +409,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_card-header-inner_p8a6i_1hyts_411:not(#\9) {
+.awsui_card-header-inner_p8a6i_169tu_412:not(#\9) {
   inline-size: 100%;
   display: inline-block;
 }
-.awsui_card-selectable_p8a6i_1hyts_415 > .awsui_card-inner_p8a6i_1hyts_161 > .awsui_card-header_p8a6i_1hyts_403:not(#\9) {
+.awsui_card-selectable_p8a6i_169tu_416 > .awsui_card-inner_p8a6i_169tu_161 > .awsui_card-header_p8a6i_169tu_404:not(#\9) {
   inline-size: 90%;
 }
-.awsui_card-selected_p8a6i_1hyts_418 > .awsui_card-inner_p8a6i_1hyts_161:not(#\9) {
+.awsui_card-selected_p8a6i_169tu_419 > .awsui_card-inner_p8a6i_169tu_161:not(#\9) {
   background-color: var(--color-background-item-selected-v20q4r, #f1faff);
 }
-.awsui_card-selected_p8a6i_1hyts_418 > .awsui_card-inner_p8a6i_1hyts_161:not(#\9)::before {
+.awsui_card-selected_p8a6i_169tu_419 > .awsui_card-inner_p8a6i_169tu_161:not(#\9)::before {
   border-block: var(--border-item-width-acvlhx, 1px) solid var(--color-border-item-selected-vq6ddf, #0073bb);
   border-inline: var(--border-item-width-acvlhx, 1px) solid var(--color-border-item-selected-vq6ddf, #0073bb);
 }
-.awsui_section_p8a6i_1hyts_426:not(#\9) {
+.awsui_section_p8a6i_169tu_427:not(#\9) {
   display: inline-block;
   box-sizing: border-box;
   padding-block-start: var(--space-xs-kw7k3v, 8px);
@@ -431,23 +432,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: 0;
   vertical-align: top;
 }
-.awsui_section-header_p8a6i_1hyts_434:not(#\9) {
+.awsui_section-header_p8a6i_169tu_435:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   font-weight: var(--font-display-label-weight-ise9n2, 400);
   color: var(--color-text-label-482ybi, #545b64);
 }
-.awsui_section-content_p8a6i_1hyts_440:not(#\9) {
+.awsui_section-content_p8a6i_169tu_441:not(#\9) {
   /* used in test-utils */
 }
-.awsui_section_p8a6i_1hyts_426:not(#\9):last-child {
+.awsui_section_p8a6i_169tu_427:not(#\9):last-child {
   padding-block-start: var(--space-xs-kw7k3v, 8px);
   padding-block-end: 0;
   padding-inline: 0;
 }
-.awsui_footer-pagination_p8a6i_1hyts_450:not(#\9) {
+.awsui_footer-pagination_p8a6i_169tu_451:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

package/lib/internal/template/cards/styles.selectors.js CHANGED Viewed

@@ -2,44 +2,44 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "card-inner": "awsui_card-inner_p8a6i_1hyts_161",
-  "root": "awsui_root_p8a6i_1hyts_193",
-  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1hyts_232",
-  "header-refresh": "awsui_header-refresh_p8a6i_1hyts_232",
-  "list": "awsui_list_p8a6i_1hyts_239",
-  "list-grid-1": "awsui_list-grid-1_p8a6i_1hyts_250",
-  "card": "awsui_card_p8a6i_1hyts_161",
-  "list-grid-2": "awsui_list-grid-2_p8a6i_1hyts_253",
-  "list-grid-3": "awsui_list-grid-3_p8a6i_1hyts_256",
-  "list-grid-4": "awsui_list-grid-4_p8a6i_1hyts_259",
-  "list-grid-5": "awsui_list-grid-5_p8a6i_1hyts_262",
-  "list-grid-6": "awsui_list-grid-6_p8a6i_1hyts_265",
-  "list-grid-7": "awsui_list-grid-7_p8a6i_1hyts_268",
-  "list-grid-8": "awsui_list-grid-8_p8a6i_1hyts_271",
-  "list-grid-9": "awsui_list-grid-9_p8a6i_1hyts_274",
-  "list-grid-10": "awsui_list-grid-10_p8a6i_1hyts_277",
-  "list-grid-11": "awsui_list-grid-11_p8a6i_1hyts_280",
-  "list-grid-12": "awsui_list-grid-12_p8a6i_1hyts_283",
-  "list-grid-13": "awsui_list-grid-13_p8a6i_1hyts_286",
-  "list-grid-14": "awsui_list-grid-14_p8a6i_1hyts_289",
-  "list-grid-15": "awsui_list-grid-15_p8a6i_1hyts_292",
-  "list-grid-16": "awsui_list-grid-16_p8a6i_1hyts_295",
-  "list-grid-17": "awsui_list-grid-17_p8a6i_1hyts_298",
-  "list-grid-18": "awsui_list-grid-18_p8a6i_1hyts_301",
-  "list-grid-19": "awsui_list-grid-19_p8a6i_1hyts_304",
-  "list-grid-20": "awsui_list-grid-20_p8a6i_1hyts_307",
-  "selection-control": "awsui_selection-control_p8a6i_1hyts_311",
-  "loading": "awsui_loading_p8a6i_1hyts_321",
-  "empty": "awsui_empty_p8a6i_1hyts_322",
-  "has-header": "awsui_has-header_p8a6i_1hyts_329",
-  "refresh": "awsui_refresh_p8a6i_1hyts_332",
-  "card-header": "awsui_card-header_p8a6i_1hyts_403",
-  "card-header-inner": "awsui_card-header-inner_p8a6i_1hyts_411",
-  "card-selectable": "awsui_card-selectable_p8a6i_1hyts_415",
-  "card-selected": "awsui_card-selected_p8a6i_1hyts_418",
-  "section": "awsui_section_p8a6i_1hyts_426",
-  "section-header": "awsui_section-header_p8a6i_1hyts_434",
-  "section-content": "awsui_section-content_p8a6i_1hyts_440",
-  "footer-pagination": "awsui_footer-pagination_p8a6i_1hyts_450"
+  "card-inner": "awsui_card-inner_p8a6i_169tu_161",
+  "root": "awsui_root_p8a6i_169tu_193",
+  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_169tu_232",
+  "header-refresh": "awsui_header-refresh_p8a6i_169tu_232",
+  "list": "awsui_list_p8a6i_169tu_239",
+  "list-grid-1": "awsui_list-grid-1_p8a6i_169tu_250",
+  "card": "awsui_card_p8a6i_169tu_161",
+  "list-grid-2": "awsui_list-grid-2_p8a6i_169tu_253",
+  "list-grid-3": "awsui_list-grid-3_p8a6i_169tu_256",
+  "list-grid-4": "awsui_list-grid-4_p8a6i_169tu_259",
+  "list-grid-5": "awsui_list-grid-5_p8a6i_169tu_262",
+  "list-grid-6": "awsui_list-grid-6_p8a6i_169tu_265",
+  "list-grid-7": "awsui_list-grid-7_p8a6i_169tu_268",
+  "list-grid-8": "awsui_list-grid-8_p8a6i_169tu_271",
+  "list-grid-9": "awsui_list-grid-9_p8a6i_169tu_274",
+  "list-grid-10": "awsui_list-grid-10_p8a6i_169tu_277",
+  "list-grid-11": "awsui_list-grid-11_p8a6i_169tu_280",
+  "list-grid-12": "awsui_list-grid-12_p8a6i_169tu_283",
+  "list-grid-13": "awsui_list-grid-13_p8a6i_169tu_286",
+  "list-grid-14": "awsui_list-grid-14_p8a6i_169tu_289",
+  "list-grid-15": "awsui_list-grid-15_p8a6i_169tu_292",
+  "list-grid-16": "awsui_list-grid-16_p8a6i_169tu_295",
+  "list-grid-17": "awsui_list-grid-17_p8a6i_169tu_298",
+  "list-grid-18": "awsui_list-grid-18_p8a6i_169tu_301",
+  "list-grid-19": "awsui_list-grid-19_p8a6i_169tu_304",
+  "list-grid-20": "awsui_list-grid-20_p8a6i_169tu_307",
+  "selection-control": "awsui_selection-control_p8a6i_169tu_311",
+  "loading": "awsui_loading_p8a6i_169tu_321",
+  "empty": "awsui_empty_p8a6i_169tu_322",
+  "has-header": "awsui_has-header_p8a6i_169tu_329",
+  "refresh": "awsui_refresh_p8a6i_169tu_332",
+  "card-header": "awsui_card-header_p8a6i_169tu_404",
+  "card-header-inner": "awsui_card-header-inner_p8a6i_169tu_412",
+  "card-selectable": "awsui_card-selectable_p8a6i_169tu_416",
+  "card-selected": "awsui_card-selected_p8a6i_169tu_419",
+  "section": "awsui_section_p8a6i_169tu_427",
+  "section-header": "awsui_section-header_p8a6i_169tu_435",
+  "section-content": "awsui_section-content_p8a6i_169tu_441",
+  "footer-pagination": "awsui_footer-pagination_p8a6i_169tu_451"
 };

package/lib/internal/template/date-range-picker/calendar/grids/grid-cell.js CHANGED Viewed

@@ -2,9 +2,9 @@
 // SPDX-License-Identifier: Apache-2.0
 import React, { forwardRef, useRef, useState } from 'react';
 import { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';
-import Tooltip from '../../../internal/components/tooltip';
 import useHiddenDescription from '../../../internal/hooks/use-hidden-description';
 import { applyDisplayName } from '../../../internal/utils/apply-display-name';
+import Tooltip from '../../../tooltip/internal.js';
 import testutilStyles from '../../test-classes/styles.css.js';
 export const GridCell = forwardRef((props, focusedDateRef) => {
     const { disabledReason, ...rest } = props;
@@ -44,7 +44,7 @@ export const GridCell = forwardRef((props, focusedDateRef) => {
         props.children,
         isDisabledWithReason && (React.createElement(React.Fragment, null,
             descriptionEl,
-            showTooltip && (React.createElement(Tooltip, { className: testutilStyles['disabled-reason-tooltip'], trackRef: ref, value: disabledReason, onDismiss: () => setShowTooltip(false) }))))));
+            showTooltip && (React.createElement(Tooltip, { className: testutilStyles['disabled-reason-tooltip'], getTrack: () => ref.current, content: disabledReason, onEscape: () => setShowTooltip(false) }))))));
 });
 applyDisplayName(GridCell, 'GridCell');
 //# sourceMappingURL=grid-cell.js.map