@cloudscape-design/components 3.0.296 → 3.0.298

package/autosuggest/plain-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"plain-list.js","sourceRoot":"lib/default/","sources":["autosuggest/plain-list.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\n\nimport OptionsList, { OptionsListProps } from '../internal/components/options-list';\nimport { scrollElementIntoView } from '../internal/utils/scrollable-containers';\nimport { getBaseProps } from '../internal/base-component';\n\nimport AutosuggestOption from './autosuggest-option';\nimport { AutosuggestProps, AutosuggestItem } from './interfaces';\nimport styles from './styles.css.js';\nimport { AutosuggestItemsState } from './options-controller';\n\nexport interface ListProps {\n  autosuggestItemsState: AutosuggestItemsState;\n  menuProps: Omit<OptionsListProps, 'children'>;\n  handleLoadMore: () => void;\n  enteredTextLabel: AutosuggestProps.EnteredTextLabel;\n  highlightedA11yProps: Record<string, string | number | boolean>;\n  hasDropdownStatus?: boolean;\n  highlightText: string;\n  listBottom?: React.ReactNode;\n  screenReaderContent?: string;\n}\n\nexport const getOptionProps = (\n  index: number,\n  item: AutosuggestItem,\n  filteredItems: readonly AutosuggestItem[],\n  highlightedA11yProps: ListProps['highlightedA11yProps'],\n  highlightedOption?: AutosuggestItem,\n  hasDropdownStatus?: boolean\n) => {\n  const nativeAttributes = item === highlightedOption ? highlightedA11yProps : {};\n  const baseOptionProps = getBaseProps(nativeAttributes);\n  const isLastItem = index === filteredItems.length - 1;\n  const isNotEnteredTextItem = filteredItems.length > 1;\n  const padBottom = !hasDropdownStatus && isNotEnteredTextItem && isLastItem;\n\n  return { nativeAttributes, padBottom, ...baseOptionProps };\n};\n\nconst PlainList = ({\n  autosuggestItemsState,\n  handleLoadMore,\n  menuProps,\n  enteredTextLabel,\n  highlightedA11yProps,\n  hasDropdownStatus,\n  highlightText,\n  listBottom,\n  screenReaderContent,\n}: ListProps) => {\n  const listRef = useRef<HTMLUListElement>(null);\n  useEffect(() => {\n    const item = listRef.current?.querySelector<HTMLElement>(\n      `[data-mouse-target=\"${autosuggestItemsState.highlightedIndex}\"]`\n    );\n    if (autosuggestItemsState.highlightType === 'keyboard' && item) {\n      scrollElementIntoView(item);\n    }\n  }, [autosuggestItemsState.highlightType, autosuggestItemsState.highlightedIndex]);\n\n  return (\n    <OptionsList\n      {...menuProps}\n      onLoadMore={handleLoadMore}\n      open={true}\n      ref={listRef}\n      // to prevent closing the list when clicking the scrollbar on IE11\n      nativeAttributes={{ unselectable: 'on' }}\n    >\n      {autosuggestItemsState.items.map((item, index) => {\n        const optionProps = getOptionProps(\n          index,\n          item,\n          autosuggestItemsState.items,\n          highlightedA11yProps,\n          autosuggestItemsState.highlightedOption,\n          hasDropdownStatus\n        );\n\n        return (\n          <AutosuggestOption\n            highlightText={highlightText}\n            option={item}\n            highlighted={item === autosuggestItemsState.highlightedOption}\n            current={item.value === highlightText}\n            key={index}\n            data-mouse-target={index}\n            enteredTextLabel={enteredTextLabel}\n            screenReaderContent={screenReaderContent}\n            highlightType={autosuggestItemsState.highlightType}\n            {...optionProps}\n          />\n        );\n      })}\n      {listBottom ? (\n        <li role=\"option\" className={styles['list-bottom']}>\n          {listBottom}\n        </li>\n      ) : null}\n    </OptionsList>\n  );\n};\n\nexport default PlainList;\n"]}
+{"version":3,"file":"plain-list.js","sourceRoot":"lib/default/","sources":["autosuggest/plain-list.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\n\nimport OptionsList, { OptionsListProps } from '../internal/components/options-list';\nimport { scrollElementIntoView } from '../internal/utils/scrollable-containers';\nimport { getBaseProps } from '../internal/base-component';\n\nimport AutosuggestOption from './autosuggest-option';\nimport { AutosuggestProps, AutosuggestItem } from './interfaces';\nimport styles from './styles.css.js';\nimport { AutosuggestItemsState } from './options-controller';\n\nexport interface ListProps {\n  autosuggestItemsState: AutosuggestItemsState;\n  menuProps: Omit<OptionsListProps, 'children'>;\n  handleLoadMore: () => void;\n  enteredTextLabel?: AutosuggestProps.EnteredTextLabel;\n  highlightedA11yProps: Record<string, string | number | boolean>;\n  hasDropdownStatus?: boolean;\n  highlightText: string;\n  listBottom?: React.ReactNode;\n  screenReaderContent?: string;\n}\n\nexport const getOptionProps = (\n  index: number,\n  item: AutosuggestItem,\n  filteredItems: readonly AutosuggestItem[],\n  highlightedA11yProps: ListProps['highlightedA11yProps'],\n  highlightedOption?: AutosuggestItem,\n  hasDropdownStatus?: boolean\n) => {\n  const nativeAttributes = item === highlightedOption ? highlightedA11yProps : {};\n  const baseOptionProps = getBaseProps(nativeAttributes);\n  const isLastItem = index === filteredItems.length - 1;\n  const isNotEnteredTextItem = filteredItems.length > 1;\n  const padBottom = !hasDropdownStatus && isNotEnteredTextItem && isLastItem;\n\n  return { nativeAttributes, padBottom, ...baseOptionProps };\n};\n\nconst PlainList = ({\n  autosuggestItemsState,\n  handleLoadMore,\n  menuProps,\n  enteredTextLabel,\n  highlightedA11yProps,\n  hasDropdownStatus,\n  highlightText,\n  listBottom,\n  screenReaderContent,\n}: ListProps) => {\n  const listRef = useRef<HTMLUListElement>(null);\n  useEffect(() => {\n    const item = listRef.current?.querySelector<HTMLElement>(\n      `[data-mouse-target=\"${autosuggestItemsState.highlightedIndex}\"]`\n    );\n    if (autosuggestItemsState.highlightType === 'keyboard' && item) {\n      scrollElementIntoView(item);\n    }\n  }, [autosuggestItemsState.highlightType, autosuggestItemsState.highlightedIndex]);\n\n  return (\n    <OptionsList\n      {...menuProps}\n      onLoadMore={handleLoadMore}\n      open={true}\n      ref={listRef}\n      // to prevent closing the list when clicking the scrollbar on IE11\n      nativeAttributes={{ unselectable: 'on' }}\n    >\n      {autosuggestItemsState.items.map((item, index) => {\n        const optionProps = getOptionProps(\n          index,\n          item,\n          autosuggestItemsState.items,\n          highlightedA11yProps,\n          autosuggestItemsState.highlightedOption,\n          hasDropdownStatus\n        );\n\n        return (\n          <AutosuggestOption\n            highlightText={highlightText}\n            option={item}\n            highlighted={item === autosuggestItemsState.highlightedOption}\n            current={item.value === highlightText}\n            key={index}\n            data-mouse-target={index}\n            enteredTextLabel={enteredTextLabel}\n            screenReaderContent={screenReaderContent}\n            highlightType={autosuggestItemsState.highlightType}\n            {...optionProps}\n          />\n        );\n      })}\n      {listBottom ? (\n        <li role=\"option\" className={styles['list-bottom']}>\n          {listBottom}\n        </li>\n      ) : null}\n    </OptionsList>\n  );\n};\n\nexport default PlainList;\n"]}

package/breadcrumb-group/interfaces.d.ts

@@ -21,6 +21,7 @@ export interface BreadcrumbGroupProps<T extends BreadcrumbGroupProps.Item = Brea
     ariaLabel?: string;
     /**
      * Provides an `aria-label` to the ellipsis button that screen readers can read (for accessibility).
+     * @i18n
      */
     expandAriaLabel?: string;
     /**

package/breadcrumb-group/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["breadcrumb-group/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,CACnG,SAAQ,kBAAkB;IAC1B;;;;;;;;;;;OAWG;IACH,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE;;;OAGG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;CACxE;AAED,yBAAiB,oBAAoB,CAAC;IACpC,UAAiB,IAAI;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd;IAED,UAAiB,WAAW,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,CAC1F,SAAQ,oBAAoB;QAC5B,IAAI,EAAE,CAAC,CAAC;QACR,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd;CACF;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI;IACtE,IAAI,EAAE,CAAC,CAAC;IACR,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,QAAQ,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;CACxE;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACpD,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,mBAAmB,EAAE,sBAAsB,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IACzE,oBAAoB,EAAE,sBAAsB,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;CAC3E"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["breadcrumb-group/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,CACnG,SAAQ,kBAAkB;IAC1B;;;;;;;;;;;OAWG;IACH,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE;;;OAGG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;CACxE;AAED,yBAAiB,oBAAoB,CAAC;IACpC,UAAiB,IAAI;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd;IAED,UAAiB,WAAW,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,CAC1F,SAAQ,oBAAoB;QAC5B,IAAI,EAAE,CAAC,CAAC;QACR,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd;CACF;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI;IACtE,IAAI,EAAE,CAAC,CAAC;IACR,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,QAAQ,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;CACxE;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACpD,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,mBAAmB,EAAE,sBAAsB,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IACzE,oBAAoB,EAAE,sBAAsB,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;CAC3E"}

package/breadcrumb-group/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["breadcrumb-group/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseNavigationDetail, CancelableEventHandler } from '../internal/events';\nimport { LinkItem } from '../button-dropdown/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface BreadcrumbGroupProps<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item>\n  extends BaseComponentProps {\n  /**\n   * An array of breadcrumb items that describes the link hierarchy for this navigation.\n   * Each option has the following properties:\n\n   * * `text` (string) - Specifies the title text of the breadcrumb item.\n   * * `href` (string) - Specifies the URL for the link in the breadcrumb item.\n   * You should specify the link even if you have a click handler for a breadcrumb item\n   * to ensure that valid markup is generated.\n\n   * Note: The last breadcrumb item is automatically considered the current item, and it's\n   * attributed with the proper `aria-current` value and rendered as inactive.\n   */\n  items: ReadonlyArray<T>;\n  /**\n   * Provides an `aria-label` to the breadcrumb group that screen readers can read (for accessibility).\n   */\n  ariaLabel?: string;\n\n  /**\n   * Provides an `aria-label` to the ellipsis button that screen readers can read (for accessibility).\n   */\n  expandAriaLabel?: string;\n  /**\n   * Called when the user clicks on a breadcrumb item.\n   */\n  onClick?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n  /**\n   * Called when the user clicks on a breadcrumb item with the left mouse button\n   * without pressing modifier keys (that is, CTRL, ALT, SHIFT, META).\n   */\n  onFollow?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n}\n\nexport namespace BreadcrumbGroupProps {\n  export interface Item {\n    text: string;\n    href: string;\n  }\n\n  export interface ClickDetail<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item>\n    extends BaseNavigationDetail {\n    item: T;\n    text: string;\n    href: string;\n  }\n}\n\nexport interface BreadcrumbItemProps<T extends BreadcrumbGroupProps.Item> {\n  item: T;\n  isDisplayed: boolean;\n  isLast?: boolean;\n  isCompressed?: boolean;\n  onClick?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n  onFollow?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n}\n\nexport interface EllipsisDropdownProps {\n  ariaLabel?: BreadcrumbGroupProps['expandAriaLabel'];\n  dropdownItems: ReadonlyArray<LinkItem>;\n  onDropdownItemClick: CancelableEventHandler<{ id: string; event?: any }>;\n  onDropdownItemFollow: CancelableEventHandler<{ id: string; event?: any }>;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["breadcrumb-group/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseNavigationDetail, CancelableEventHandler } from '../internal/events';\nimport { LinkItem } from '../button-dropdown/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface BreadcrumbGroupProps<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item>\n  extends BaseComponentProps {\n  /**\n   * An array of breadcrumb items that describes the link hierarchy for this navigation.\n   * Each option has the following properties:\n\n   * * `text` (string) - Specifies the title text of the breadcrumb item.\n   * * `href` (string) - Specifies the URL for the link in the breadcrumb item.\n   * You should specify the link even if you have a click handler for a breadcrumb item\n   * to ensure that valid markup is generated.\n\n   * Note: The last breadcrumb item is automatically considered the current item, and it's\n   * attributed with the proper `aria-current` value and rendered as inactive.\n   */\n  items: ReadonlyArray<T>;\n  /**\n   * Provides an `aria-label` to the breadcrumb group that screen readers can read (for accessibility).\n   */\n  ariaLabel?: string;\n\n  /**\n   * Provides an `aria-label` to the ellipsis button that screen readers can read (for accessibility).\n   * @i18n\n   */\n  expandAriaLabel?: string;\n  /**\n   * Called when the user clicks on a breadcrumb item.\n   */\n  onClick?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n  /**\n   * Called when the user clicks on a breadcrumb item with the left mouse button\n   * without pressing modifier keys (that is, CTRL, ALT, SHIFT, META).\n   */\n  onFollow?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n}\n\nexport namespace BreadcrumbGroupProps {\n  export interface Item {\n    text: string;\n    href: string;\n  }\n\n  export interface ClickDetail<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item>\n    extends BaseNavigationDetail {\n    item: T;\n    text: string;\n    href: string;\n  }\n}\n\nexport interface BreadcrumbItemProps<T extends BreadcrumbGroupProps.Item> {\n  item: T;\n  isDisplayed: boolean;\n  isLast?: boolean;\n  isCompressed?: boolean;\n  onClick?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n  onFollow?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n}\n\nexport interface EllipsisDropdownProps {\n  ariaLabel?: BreadcrumbGroupProps['expandAriaLabel'];\n  dropdownItems: ReadonlyArray<LinkItem>;\n  onDropdownItemClick: CancelableEventHandler<{ id: string; event?: any }>;\n  onDropdownItemFollow: CancelableEventHandler<{ id: string; event?: any }>;\n}\n"]}

package/calendar/interfaces.d.ts

@@ -39,14 +39,17 @@ export interface CalendarProps extends BaseComponentProps {
     ariaDescribedby?: string;
     /**
      * Used as part of the `aria-label` for today's date in the calendar.
+     * @i18n
      */
     todayAriaLabel?: string;
     /**
      * Specifies an `aria-label` for the 'next month' button.
+     * @i18n
      */
     nextMonthAriaLabel?: string;
     /**
      * Specifies an `aria-label` for the 'previous month' button.
+     * @i18n
      */
     previousMonthAriaLabel?: string;
     /**

package/calendar/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["calendar/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC;IAEpD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;CAClE;AAED,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,YAAY;QAC3B;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,qBAAqB;QACpC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;KACvB;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["calendar/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC;IAEpD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;CAClE;AAED,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,YAAY;QAC3B;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,qBAAqB;QACpC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;KACvB;CACF"}

package/calendar/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["calendar/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface CalendarProps extends BaseComponentProps {\n  /**\n   * The current input value, in YYYY-MM-DD format.\n   */\n  value: string;\n\n  /**\n   * Defines whether a particular date is enabled in the calendar or not.\n   * If you disable a date in the calendar, users can still enter this date using a keyboard.\n   * We recommend that you also validate these constraints on the client-side and server-side\n   * as you would for other form elements.\n   * @param date\n   */\n  isDateEnabled?: CalendarProps.IsDateEnabledFunction;\n\n  /**\n   * Specifies the locale to use to render month names and determine the starting day of the week.\n   * If you don't provide this, the locale is determined by the page and browser locales.\n   * Supported values and formats are listed in the\n   * [JavaScript Intl API specification](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_identification_and_negotiation).\n   */\n  locale?: string;\n\n  /**\n   * Determines the starting day of the week. The values 0-6 map to Sunday-Saturday.\n   * By default the starting day of the week is defined by the locale, but you can use this property to override it.\n   */\n  startOfWeek?: number;\n\n  /**\n   * Adds an `aria-label` to the calendar.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds `aria-labelledby` to the calendar.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * Adds `aria-describedby` to the calendar.\n   */\n  ariaDescribedby?: string;\n\n  /**\n   * Used as part of the `aria-label` for today's date in the calendar.\n   */\n  todayAriaLabel?: string;\n\n  /**\n   * Specifies an `aria-label` for the 'next month' button.\n   */\n  nextMonthAriaLabel?: string;\n\n  /**\n   * Specifies an `aria-label` for the 'previous month' button.\n   */\n  previousMonthAriaLabel?: string;\n\n  /**\n   * Called whenever a user changes the input value (by typing, pasting, or selecting a value).\n   * The event `detail` contains the current value of the field.\n   */\n  onChange?: NonCancelableEventHandler<CalendarProps.ChangeDetail>;\n}\n\nexport namespace CalendarProps {\n  export interface ChangeDetail {\n    /**\n     * The new value of this component.\n     */\n    value: string;\n  }\n\n  export interface IsDateEnabledFunction {\n    (date: Date): boolean;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["calendar/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface CalendarProps extends BaseComponentProps {\n  /**\n   * The current input value, in YYYY-MM-DD format.\n   */\n  value: string;\n\n  /**\n   * Defines whether a particular date is enabled in the calendar or not.\n   * If you disable a date in the calendar, users can still enter this date using a keyboard.\n   * We recommend that you also validate these constraints on the client-side and server-side\n   * as you would for other form elements.\n   * @param date\n   */\n  isDateEnabled?: CalendarProps.IsDateEnabledFunction;\n\n  /**\n   * Specifies the locale to use to render month names and determine the starting day of the week.\n   * If you don't provide this, the locale is determined by the page and browser locales.\n   * Supported values and formats are listed in the\n   * [JavaScript Intl API specification](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_identification_and_negotiation).\n   */\n  locale?: string;\n\n  /**\n   * Determines the starting day of the week. The values 0-6 map to Sunday-Saturday.\n   * By default the starting day of the week is defined by the locale, but you can use this property to override it.\n   */\n  startOfWeek?: number;\n\n  /**\n   * Adds an `aria-label` to the calendar.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds `aria-labelledby` to the calendar.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * Adds `aria-describedby` to the calendar.\n   */\n  ariaDescribedby?: string;\n\n  /**\n   * Used as part of the `aria-label` for today's date in the calendar.\n   * @i18n\n   */\n  todayAriaLabel?: string;\n\n  /**\n   * Specifies an `aria-label` for the 'next month' button.\n   * @i18n\n   */\n  nextMonthAriaLabel?: string;\n\n  /**\n   * Specifies an `aria-label` for the 'previous month' button.\n   * @i18n\n   */\n  previousMonthAriaLabel?: string;\n\n  /**\n   * Called whenever a user changes the input value (by typing, pasting, or selecting a value).\n   * The event `detail` contains the current value of the field.\n   */\n  onChange?: NonCancelableEventHandler<CalendarProps.ChangeDetail>;\n}\n\nexport namespace CalendarProps {\n  export interface ChangeDetail {\n    /**\n     * The new value of this component.\n     */\n    value: string;\n  }\n\n  export interface IsDateEnabledFunction {\n    (date: Date): boolean;\n  }\n}\n"]}

package/cards/interfaces.d.ts

@@ -137,6 +137,7 @@ export interface CardsProps<T = any> extends BaseComponentProps {
      * state of the component (for example, the `selectedItems` list). The label function for individual
      * items also receives the corresponding  `Item` object. You can use the group label to
      * add a meaningful description to the whole selection.
+     * @i18n
      */
     ariaLabels?: CardsProps.AriaLabels<T>;
     /**

package/cards/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["cards/interfaces.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAY/D,MAAM,WAAW,mBAAmB;IAClC,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;KAAE,GAAG,GAAG,CAAC,OAAO,CAAC;CAC9E;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,kBAAkB;IAC7D;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;;;OAIG;IACH,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;;;;;;;;;OAcG;IACH,cAAc,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA+CG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IACpD;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC;IACzC;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAC9C;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACtC;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACxC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC;IACnF;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAEpC;;;wFAGoF;IACpF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;gFAG4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,gBAAgB,KAAK,MAAM,CAAC;IAE/D;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,CAAC;CACrC;AAED,yBAAiB,UAAU,CAAC;IAC1B,UAAiB,cAAc,CAAC,CAAC;QAC/B,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;QAClC,QAAQ,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;KAChD;IAED,UAAiB,iBAAiB,CAAC,CAAC;QAClC,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;QACnC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;IAED,UAAiB,WAAW;QAC1B,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB;IAED,KAAY,OAAO,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;IAExD,KAAY,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAC;IAE/C,UAAiB,cAAc,CAAC,CAAC;QAC/B,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;KACjC;IAED,UAAiB,qBAAqB,CAAC,CAAC;QACtC,aAAa,EAAE,CAAC,EAAE,CAAC;KACpB;IAED,KAAY,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAErD,UAAiB,UAAU,CAAC,CAAC;QAC3B,kBAAkB,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;QAC3E,mBAAmB,EAAE,MAAM,CAAC;QAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB;IAED,UAAiB,gBAAgB;QAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;KACnB;IAED,UAAiB,GAAG;QAClB;;;WAGG;QACH,WAAW,IAAI,IAAI,CAAC;KACrB;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["cards/interfaces.tsx"],"names":[],"mappings":"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"}

package/cards/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["cards/interfaces.tsx"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\n/*\n * HACK: Cast the component to a named parametrized interface.\n *\n * This lets us use React.forwardRef and still let the component have type\n * parameters, and the naming convention lets the documenter know that this is\n * a forwardRef-wrapped component.\n *\n * We don't need to expose this type to customers because it's just a simple\n * function type.\n */\nexport interface CardsForwardRefType {\n  <T>(props: CardsProps<T> & { ref?: React.Ref<CardsProps.Ref> }): JSX.Element;\n}\n\nexport interface CardsProps<T = any> extends BaseComponentProps {\n  /**\n   * Displayed only when the list of items is empty.\n   */\n  empty?: React.ReactNode;\n\n  /**\n   * Heading element of the table container. Use the [header component](/components/header/).\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Use this slot to add filtering controls to the component.\n   */\n  filter?: React.ReactNode;\n\n  /**\n   * Use this slot to add the [pagination component](/components/pagination/) to the component.\n   */\n  pagination?: React.ReactNode;\n\n  /**\n   * Use this slot to add [collection preferences](/components/collection-preferences/) to the component.\n   */\n  preferences?: React.ReactNode;\n\n  /**\n   * Specifies the items that serve as data source for a card.\n   *\n   * The `cardDefinition` property handles the display of this data.\n   */\n  items: ReadonlyArray<T>;\n\n  /**\n   * Renders the cards in a loading state. We recommend that you also set a `loadingText`.\n   */\n  loading?: boolean;\n\n  /**\n   * Specifies the text to display when in loading state.\n   */\n  loadingText?: string;\n\n  /**\n   *  Defines what to display in each card. It has the following properties:\n   *  * `header` ((item) => ReactNode) - Responsible for displaying the card header. You receive the current item as an argument.\n   *      Use `fontSize=\"heading-m\"` on [link](/components/link/) components inside card header.\n   *  * `sections` (array) - Responsible for displaying the card content. Cards can have many sections in their\n   *    body. Each entry in the array is responsible for displaying a section. An entry has the following properties:\n   *    * `id`: (string) - A unique identifier for the section. The property is used as a [keys](https://reactjs.org/docs/lists-and-keys.html#keys)\n   *   source for React rendering, and to match entries in the `visibleSections` property (if it's defined).\n   *    * `header`: (ReactNode) - Responsible for displaying the section header.\n   *    * `content`: ((item) => ReactNode) - Responsible for displaying the section content. You receive the current item as an argument.\n   *    * `width`: (number) - Specifies the width of the card section in percent. Use this to display multiple sections in\n   *    the same row. The default value is 100%.\n   *\n   *  All of the above properties are optional.\n   */\n  cardDefinition: CardsProps.CardDefinition<T>;\n  /**\n   * Determines the number of cards per row for any interval of container width.\n   * It's an array whose entries are objects containing the following:\n   * - `cards` (number) - Specifies the number of cards per row.\n   * - `minWidth` (number) - Specifies the minimum container width (in pixels) for which this configuration object should apply.\n   *\n   * For example, with this configuration:\n   * ```\n   * [{\n   *   cards: 1\n   * }, {\n   *   minWidth: 500,\n   *   cards: 2\n   * }, {\n   *   minWidth: 800,\n   *   cards: 3\n   * }]\n   * ```\n   *\n   * the cards component displays:\n   * * 1 card per row when the container width is below 500px.\n   * * 2 cards per row when the container width is between 500px and 799px.\n   * * 3 cards per row when the container width is 800px or wider.\n   *\n   * The number of cards per row can't be greater than 20.\n   *\n   * Default value:\n   * ```\n   * [{\n   *   cards: 1\n   * }, {\n   *   minWidth: 768,\n   *   cards: 2\n   * }, {\n   *   minWidth: 992,\n   *   cards: 3\n   * }, {\n   *   minWidth: 1200,\n   *   cards: 4\n   * }, {\n   *   minWidth: 1400,\n   *   cards: 5\n   * }, {\n   *   minWidth: 1920,\n   *   cards: 6\n   * }]\n   * ```\n   */\n  cardsPerRow?: ReadonlyArray<CardsProps.CardsLayout>;\n  /**\n   * Specifies the property inside items that uniquely identifies them.\n   * When it's set, it's used to provide [keys for React](https://reactjs.org/docs/lists-and-keys.html#keys)\n   * for performance optimizations.\n   *\n   * It's also used for connecting `items` and `selectedItems` values when they don't reference the same object.\n   */\n  trackBy?: CardsProps.TrackBy<T>;\n  /**\n   * Specifies the selection mode. It can be either `single` or `multi`.\n   */\n  selectionType?: CardsProps.SelectionType;\n  /**\n   * Specifies the list of selected items.\n   */\n  selectedItems?: ReadonlyArray<T>;\n  /**\n   * Determines which items are disabled. If an item is disabled, users can't select it.\n   */\n  isItemDisabled?: CardsProps.IsItemDisabled<T>;\n  /**\n   * Adds labels to the selection components (checkboxes and radio buttons) as follows:\n   * * `itemSelectionLabel` ((SelectionState, Item) => string) - Determines the label for an item.\n   * * `selectionGroupLabel` (string) - Specifies the label for the group selection control.\n   * * `cardsLabel` (string) - Provides alternative text for the cards list.\n   *                            By default the contents of the `header` are used.\n   *\n   * You can use the first arguments of type `SelectionState` to access the current selection\n   * state of the component (for example, the `selectedItems` list). The label function for individual\n   * items also receives the corresponding  `Item` object. You can use the group label to\n   * add a meaningful description to the whole selection.\n   */\n  ariaLabels?: CardsProps.AriaLabels<T>;\n  /**\n   * Specifies an array containing the `id` of each visible section. If not set, all sections are displayed.\n   *\n   * Use it in conjunction with the visible content preference of the [collection preferences](/components/collection-preferences/) component.\n   *\n   * The order of `id`s doesn't influence the order of display of sections, which is controlled by the `cardDefinition` property.\n   */\n  visibleSections?: ReadonlyArray<string>;\n  /**\n   * Called when a user interaction causes a change in the list of selected items.\n   * The event `detail` contains the current list of `selectedItems`.\n   */\n  onSelectionChange?: NonCancelableEventHandler<CardsProps.SelectionChangeDetail<T>>;\n  /**\n   * If set to true, the cards header remains visible when the user scrolls down.\n   */\n  stickyHeader?: boolean;\n  /**\n   * Optionally provide a vertical offset (in pixels) for the sticky header, for example if you\n   * need to position the sticky header below other fixed position elements on the page.\n   */\n  stickyHeaderVerticalOffset?: number;\n\n  /**\n   * Use this property to inform screen readers how many cards there are.\n   * It specifies the total number of cards.\n   * If there is an unknown total number of cards, leave this property undefined.   */\n  totalItemsCount?: number;\n  /**\n   *  Use this property to inform screen readers which range of cards is currently displayed.\n   *  It specifies the index (1-based) of the first card.\n   *  If the cards list has no pagination, leave this property undefined.   */\n  firstIndex?: number;\n  /**\n   * Use this function to announce page changes to screen reader users.\n   * Requires the properties firstIndex and totalItemsCount to be set correctly.\n   */\n  renderAriaLive?: (data: CardsProps.LiveAnnouncement) => string;\n\n  /**\n   * Specify a cards variant with one of the following:\n   * * `container` - Use this variant to have the cards displayed as a container.\n   * * `full-page` – Use this variant when cards are the entire content of a page. Full page variants\n   *                 implement the high contrast header and content behavior automatically.\n   * @visualrefresh `full-page` variant\n   */\n  variant?: 'container' | 'full-page';\n}\n\nexport namespace CardsProps {\n  export interface CardDefinition<T> {\n    header?(item: T): React.ReactNode;\n    sections?: ReadonlyArray<SectionDefinition<T>>;\n  }\n\n  export interface SectionDefinition<T> {\n    id?: string;\n    header?: React.ReactNode;\n    content?(item: T): React.ReactNode;\n    width?: number;\n  }\n\n  export interface CardsLayout {\n    cards: number;\n    minWidth?: number;\n  }\n\n  export type TrackBy<T> = string | ((item: T) => string);\n\n  export type SelectionType = 'single' | 'multi';\n\n  export interface SelectionState<T> {\n    selectedItems: ReadonlyArray<T>;\n  }\n\n  export interface SelectionChangeDetail<T> {\n    selectedItems: T[];\n  }\n\n  export type IsItemDisabled<T> = (item: T) => boolean;\n\n  export interface AriaLabels<T> {\n    itemSelectionLabel: (data: CardsProps.SelectionState<T>, row: T) => string;\n    selectionGroupLabel: string;\n    cardsLabel?: string;\n  }\n\n  export interface LiveAnnouncement {\n    totalItemsCount?: number;\n    firstIndex: number;\n    lastIndex: number;\n  }\n\n  export interface Ref {\n    /**\n     * When the sticky header is enabled, calling this function scrolls cards's\n     * scroll parent up to reveal the first card or row of cards.\n     */\n    scrollToTop(): void;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["cards/interfaces.tsx"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\n/*\n * HACK: Cast the component to a named parametrized interface.\n *\n * This lets us use React.forwardRef and still let the component have type\n * parameters, and the naming convention lets the documenter know that this is\n * a forwardRef-wrapped component.\n *\n * We don't need to expose this type to customers because it's just a simple\n * function type.\n */\nexport interface CardsForwardRefType {\n  <T>(props: CardsProps<T> & { ref?: React.Ref<CardsProps.Ref> }): JSX.Element;\n}\n\nexport interface CardsProps<T = any> extends BaseComponentProps {\n  /**\n   * Displayed only when the list of items is empty.\n   */\n  empty?: React.ReactNode;\n\n  /**\n   * Heading element of the table container. Use the [header component](/components/header/).\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Use this slot to add filtering controls to the component.\n   */\n  filter?: React.ReactNode;\n\n  /**\n   * Use this slot to add the [pagination component](/components/pagination/) to the component.\n   */\n  pagination?: React.ReactNode;\n\n  /**\n   * Use this slot to add [collection preferences](/components/collection-preferences/) to the component.\n   */\n  preferences?: React.ReactNode;\n\n  /**\n   * Specifies the items that serve as data source for a card.\n   *\n   * The `cardDefinition` property handles the display of this data.\n   */\n  items: ReadonlyArray<T>;\n\n  /**\n   * Renders the cards in a loading state. We recommend that you also set a `loadingText`.\n   */\n  loading?: boolean;\n\n  /**\n   * Specifies the text to display when in loading state.\n   */\n  loadingText?: string;\n\n  /**\n   *  Defines what to display in each card. It has the following properties:\n   *  * `header` ((item) => ReactNode) - Responsible for displaying the card header. You receive the current item as an argument.\n   *      Use `fontSize=\"heading-m\"` on [link](/components/link/) components inside card header.\n   *  * `sections` (array) - Responsible for displaying the card content. Cards can have many sections in their\n   *    body. Each entry in the array is responsible for displaying a section. An entry has the following properties:\n   *    * `id`: (string) - A unique identifier for the section. The property is used as a [keys](https://reactjs.org/docs/lists-and-keys.html#keys)\n   *   source for React rendering, and to match entries in the `visibleSections` property (if it's defined).\n   *    * `header`: (ReactNode) - Responsible for displaying the section header.\n   *    * `content`: ((item) => ReactNode) - Responsible for displaying the section content. You receive the current item as an argument.\n   *    * `width`: (number) - Specifies the width of the card section in percent. Use this to display multiple sections in\n   *    the same row. The default value is 100%.\n   *\n   *  All of the above properties are optional.\n   */\n  cardDefinition: CardsProps.CardDefinition<T>;\n  /**\n   * Determines the number of cards per row for any interval of container width.\n   * It's an array whose entries are objects containing the following:\n   * - `cards` (number) - Specifies the number of cards per row.\n   * - `minWidth` (number) - Specifies the minimum container width (in pixels) for which this configuration object should apply.\n   *\n   * For example, with this configuration:\n   * ```\n   * [{\n   *   cards: 1\n   * }, {\n   *   minWidth: 500,\n   *   cards: 2\n   * }, {\n   *   minWidth: 800,\n   *   cards: 3\n   * }]\n   * ```\n   *\n   * the cards component displays:\n   * * 1 card per row when the container width is below 500px.\n   * * 2 cards per row when the container width is between 500px and 799px.\n   * * 3 cards per row when the container width is 800px or wider.\n   *\n   * The number of cards per row can't be greater than 20.\n   *\n   * Default value:\n   * ```\n   * [{\n   *   cards: 1\n   * }, {\n   *   minWidth: 768,\n   *   cards: 2\n   * }, {\n   *   minWidth: 992,\n   *   cards: 3\n   * }, {\n   *   minWidth: 1200,\n   *   cards: 4\n   * }, {\n   *   minWidth: 1400,\n   *   cards: 5\n   * }, {\n   *   minWidth: 1920,\n   *   cards: 6\n   * }]\n   * ```\n   */\n  cardsPerRow?: ReadonlyArray<CardsProps.CardsLayout>;\n  /**\n   * Specifies the property inside items that uniquely identifies them.\n   * When it's set, it's used to provide [keys for React](https://reactjs.org/docs/lists-and-keys.html#keys)\n   * for performance optimizations.\n   *\n   * It's also used for connecting `items` and `selectedItems` values when they don't reference the same object.\n   */\n  trackBy?: CardsProps.TrackBy<T>;\n  /**\n   * Specifies the selection mode. It can be either `single` or `multi`.\n   */\n  selectionType?: CardsProps.SelectionType;\n  /**\n   * Specifies the list of selected items.\n   */\n  selectedItems?: ReadonlyArray<T>;\n  /**\n   * Determines which items are disabled. If an item is disabled, users can't select it.\n   */\n  isItemDisabled?: CardsProps.IsItemDisabled<T>;\n  /**\n   * Adds labels to the selection components (checkboxes and radio buttons) as follows:\n   * * `itemSelectionLabel` ((SelectionState, Item) => string) - Determines the label for an item.\n   * * `selectionGroupLabel` (string) - Specifies the label for the group selection control.\n   * * `cardsLabel` (string) - Provides alternative text for the cards list.\n   *                            By default the contents of the `header` are used.\n   *\n   * You can use the first arguments of type `SelectionState` to access the current selection\n   * state of the component (for example, the `selectedItems` list). The label function for individual\n   * items also receives the corresponding  `Item` object. You can use the group label to\n   * add a meaningful description to the whole selection.\n   * @i18n\n   */\n  ariaLabels?: CardsProps.AriaLabels<T>;\n  /**\n   * Specifies an array containing the `id` of each visible section. If not set, all sections are displayed.\n   *\n   * Use it in conjunction with the visible content preference of the [collection preferences](/components/collection-preferences/) component.\n   *\n   * The order of `id`s doesn't influence the order of display of sections, which is controlled by the `cardDefinition` property.\n   */\n  visibleSections?: ReadonlyArray<string>;\n  /**\n   * Called when a user interaction causes a change in the list of selected items.\n   * The event `detail` contains the current list of `selectedItems`.\n   */\n  onSelectionChange?: NonCancelableEventHandler<CardsProps.SelectionChangeDetail<T>>;\n  /**\n   * If set to true, the cards header remains visible when the user scrolls down.\n   */\n  stickyHeader?: boolean;\n  /**\n   * Optionally provide a vertical offset (in pixels) for the sticky header, for example if you\n   * need to position the sticky header below other fixed position elements on the page.\n   */\n  stickyHeaderVerticalOffset?: number;\n\n  /**\n   * Use this property to inform screen readers how many cards there are.\n   * It specifies the total number of cards.\n   * If there is an unknown total number of cards, leave this property undefined.   */\n  totalItemsCount?: number;\n  /**\n   *  Use this property to inform screen readers which range of cards is currently displayed.\n   *  It specifies the index (1-based) of the first card.\n   *  If the cards list has no pagination, leave this property undefined.   */\n  firstIndex?: number;\n  /**\n   * Use this function to announce page changes to screen reader users.\n   * Requires the properties firstIndex and totalItemsCount to be set correctly.\n   */\n  renderAriaLive?: (data: CardsProps.LiveAnnouncement) => string;\n\n  /**\n   * Specify a cards variant with one of the following:\n   * * `container` - Use this variant to have the cards displayed as a container.\n   * * `full-page` – Use this variant when cards are the entire content of a page. Full page variants\n   *                 implement the high contrast header and content behavior automatically.\n   * @visualrefresh `full-page` variant\n   */\n  variant?: 'container' | 'full-page';\n}\n\nexport namespace CardsProps {\n  export interface CardDefinition<T> {\n    header?(item: T): React.ReactNode;\n    sections?: ReadonlyArray<SectionDefinition<T>>;\n  }\n\n  export interface SectionDefinition<T> {\n    id?: string;\n    header?: React.ReactNode;\n    content?(item: T): React.ReactNode;\n    width?: number;\n  }\n\n  export interface CardsLayout {\n    cards: number;\n    minWidth?: number;\n  }\n\n  export type TrackBy<T> = string | ((item: T) => string);\n\n  export type SelectionType = 'single' | 'multi';\n\n  export interface SelectionState<T> {\n    selectedItems: ReadonlyArray<T>;\n  }\n\n  export interface SelectionChangeDetail<T> {\n    selectedItems: T[];\n  }\n\n  export type IsItemDisabled<T> = (item: T) => boolean;\n\n  export interface AriaLabels<T> {\n    itemSelectionLabel: (data: CardsProps.SelectionState<T>, row: T) => string;\n    selectionGroupLabel: string;\n    cardsLabel?: string;\n  }\n\n  export interface LiveAnnouncement {\n    totalItemsCount?: number;\n    firstIndex: number;\n    lastIndex: number;\n  }\n\n  export interface Ref {\n    /**\n     * When the sticky header is enabled, calling this function scrolls cards's\n     * scroll parent up to reveal the first card or row of cards.\n     */\n    scrollToTop(): void;\n  }\n}\n"]}

package/cards/styles.css.js

@@ -1,42 +1,42 @@
 
     import './styles.scoped.css';
     export default {
-  "card-inner": "awsui_card-inner_p8a6i_e5c72_97",
-  "root": "awsui_root_p8a6i_e5c72_133",
-  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_e5c72_153",
-  "header-refresh": "awsui_header-refresh_p8a6i_e5c72_153",
-  "list": "awsui_list_p8a6i_e5c72_196",
-  "list-grid-1": "awsui_list-grid-1_p8a6i_e5c72_204",
-  "card": "awsui_card_p8a6i_e5c72_97",
-  "list-grid-2": "awsui_list-grid-2_p8a6i_e5c72_207",
-  "list-grid-3": "awsui_list-grid-3_p8a6i_e5c72_210",
-  "list-grid-4": "awsui_list-grid-4_p8a6i_e5c72_213",
-  "list-grid-5": "awsui_list-grid-5_p8a6i_e5c72_216",
-  "list-grid-6": "awsui_list-grid-6_p8a6i_e5c72_219",
-  "list-grid-7": "awsui_list-grid-7_p8a6i_e5c72_222",
-  "list-grid-8": "awsui_list-grid-8_p8a6i_e5c72_225",
-  "list-grid-9": "awsui_list-grid-9_p8a6i_e5c72_228",
-  "list-grid-10": "awsui_list-grid-10_p8a6i_e5c72_231",
-  "list-grid-11": "awsui_list-grid-11_p8a6i_e5c72_234",
-  "list-grid-12": "awsui_list-grid-12_p8a6i_e5c72_237",
-  "list-grid-13": "awsui_list-grid-13_p8a6i_e5c72_240",
-  "list-grid-14": "awsui_list-grid-14_p8a6i_e5c72_243",
-  "list-grid-15": "awsui_list-grid-15_p8a6i_e5c72_246",
-  "list-grid-16": "awsui_list-grid-16_p8a6i_e5c72_249",
-  "list-grid-17": "awsui_list-grid-17_p8a6i_e5c72_252",
-  "list-grid-18": "awsui_list-grid-18_p8a6i_e5c72_255",
-  "list-grid-19": "awsui_list-grid-19_p8a6i_e5c72_258",
-  "list-grid-20": "awsui_list-grid-20_p8a6i_e5c72_261",
-  "selection-control": "awsui_selection-control_p8a6i_e5c72_265",
-  "loading": "awsui_loading_p8a6i_e5c72_274",
-  "empty": "awsui_empty_p8a6i_e5c72_275",
-  "has-header": "awsui_has-header_p8a6i_e5c72_282",
-  "card-header": "awsui_card-header_p8a6i_e5c72_343",
-  "card-header-inner": "awsui_card-header-inner_p8a6i_e5c72_351",
-  "card-selectable": "awsui_card-selectable_p8a6i_e5c72_355",
-  "card-selected": "awsui_card-selected_p8a6i_e5c72_358",
-  "section": "awsui_section_p8a6i_e5c72_365",
-  "section-header": "awsui_section-header_p8a6i_e5c72_371",
-  "section-content": "awsui_section-content_p8a6i_e5c72_377"
+  "card-inner": "awsui_card-inner_p8a6i_17e8u_97",
+  "root": "awsui_root_p8a6i_17e8u_133",
+  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_17e8u_153",
+  "header-refresh": "awsui_header-refresh_p8a6i_17e8u_153",
+  "list": "awsui_list_p8a6i_17e8u_196",
+  "list-grid-1": "awsui_list-grid-1_p8a6i_17e8u_204",
+  "card": "awsui_card_p8a6i_17e8u_97",
+  "list-grid-2": "awsui_list-grid-2_p8a6i_17e8u_207",
+  "list-grid-3": "awsui_list-grid-3_p8a6i_17e8u_210",
+  "list-grid-4": "awsui_list-grid-4_p8a6i_17e8u_213",
+  "list-grid-5": "awsui_list-grid-5_p8a6i_17e8u_216",
+  "list-grid-6": "awsui_list-grid-6_p8a6i_17e8u_219",
+  "list-grid-7": "awsui_list-grid-7_p8a6i_17e8u_222",
+  "list-grid-8": "awsui_list-grid-8_p8a6i_17e8u_225",
+  "list-grid-9": "awsui_list-grid-9_p8a6i_17e8u_228",
+  "list-grid-10": "awsui_list-grid-10_p8a6i_17e8u_231",
+  "list-grid-11": "awsui_list-grid-11_p8a6i_17e8u_234",
+  "list-grid-12": "awsui_list-grid-12_p8a6i_17e8u_237",
+  "list-grid-13": "awsui_list-grid-13_p8a6i_17e8u_240",
+  "list-grid-14": "awsui_list-grid-14_p8a6i_17e8u_243",
+  "list-grid-15": "awsui_list-grid-15_p8a6i_17e8u_246",
+  "list-grid-16": "awsui_list-grid-16_p8a6i_17e8u_249",
+  "list-grid-17": "awsui_list-grid-17_p8a6i_17e8u_252",
+  "list-grid-18": "awsui_list-grid-18_p8a6i_17e8u_255",
+  "list-grid-19": "awsui_list-grid-19_p8a6i_17e8u_258",
+  "list-grid-20": "awsui_list-grid-20_p8a6i_17e8u_261",
+  "selection-control": "awsui_selection-control_p8a6i_17e8u_265",
+  "loading": "awsui_loading_p8a6i_17e8u_274",
+  "empty": "awsui_empty_p8a6i_17e8u_275",
+  "has-header": "awsui_has-header_p8a6i_17e8u_282",
+  "card-header": "awsui_card-header_p8a6i_17e8u_343",
+  "card-header-inner": "awsui_card-header-inner_p8a6i_17e8u_351",
+  "card-selectable": "awsui_card-selectable_p8a6i_17e8u_355",
+  "card-selected": "awsui_card-selected_p8a6i_17e8u_358",
+  "section": "awsui_section_p8a6i_17e8u_365",
+  "section-header": "awsui_section-header_p8a6i_17e8u_371",
+  "section-content": "awsui_section-content_p8a6i_17e8u_377"
 };
   

package/cards/styles.scoped.css

@@ -94,34 +94,34 @@ 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_e5c72_97:not(#\9) {
+.awsui_card-inner_p8a6i_17e8u_97:not(#\9) {
   transition-property: background-color;
   transition-duration: var(--motion-duration-transition-show-paced-qcfnau, 180ms);
   transition-timing-function: var(--motion-easing-transition-show-paced-qe3gc9, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_card-inner_p8a6i_e5c72_97:not(#\9) {
+  .awsui_card-inner_p8a6i_17e8u_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_card-inner_p8a6i_e5c72_97:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_e5c72_97:not(#\9) {
+.awsui-motion-disabled .awsui_card-inner_p8a6i_17e8u_97:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_17e8u_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_card-inner_p8a6i_e5c72_97:not(#\9)::before {
+.awsui_card-inner_p8a6i_17e8u_97: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-qcfnau, 180ms);
   transition-timing-function: var(--motion-easing-transition-show-paced-qe3gc9, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_card-inner_p8a6i_e5c72_97:not(#\9)::before {
+  .awsui_card-inner_p8a6i_17e8u_97:not(#\9)::before {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_card-inner_p8a6i_e5c72_97:not(#\9)::before, .awsui-mode-entering .awsui_card-inner_p8a6i_e5c72_97:not(#\9)::before {
+.awsui-motion-disabled .awsui_card-inner_p8a6i_17e8u_97:not(#\9)::before, .awsui-mode-entering .awsui_card-inner_p8a6i_17e8u_97:not(#\9)::before {
   animation: none;
   transition: none;
 }
@@ -130,7 +130,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_p8a6i_e5c72_133:not(#\9) {
+.awsui_root_p8a6i_17e8u_133:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -176,15 +176,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_header-variant-full-page_p8a6i_e5c72_153.awsui_header-refresh_p8a6i_e5c72_153:not(#\9) {
+.awsui_header-variant-full-page_p8a6i_17e8u_153.awsui_header-refresh_p8a6i_17e8u_153:not(#\9) {
   border-radius: var(--border-radius-container-b3z48i, 16px);
   box-sizing: border-box;
-  padding-top: var(--space-container-header-vertical-gho8eg, 12px);
+  padding-top: 0;
   padding-left: 0;
   padding-right: 0;
-  padding-bottom: calc(var(--space-container-header-vertical-gho8eg, 12px) + var(--space-scaled-xxs-ugy2pw, 4px));
+  padding-bottom: var(--space-container-header-vertical-gho8eg, 12px);
 }
-.awsui_header-variant-full-page_p8a6i_e5c72_153.awsui_header-refresh_p8a6i_e5c72_153:not(#\9)::before {
+.awsui_header-variant-full-page_p8a6i_17e8u_153.awsui_header-refresh_p8a6i_17e8u_153:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -199,7 +199,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-b3z48i, 16px);
   z-index: 1;
 }
-.awsui_header-variant-full-page_p8a6i_e5c72_153.awsui_header-refresh_p8a6i_e5c72_153:not(#\9)::after {
+.awsui_header-variant-full-page_p8a6i_17e8u_153.awsui_header-refresh_p8a6i_17e8u_153:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -214,12 +214,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_header-variant-full-page_p8a6i_e5c72_153.awsui_header-refresh_p8a6i_e5c72_153:not(#\9) {
+  .awsui_header-variant-full-page_p8a6i_17e8u_153.awsui_header-refresh_p8a6i_17e8u_153:not(#\9) {
     border: var(--border-field-width-egrqih, 2px) solid var(--color-border-container-top-4rl1tb, transparent);
   }
 }
 
-.awsui_list_p8a6i_e5c72_196:not(#\9) {
+.awsui_list_p8a6i_17e8u_196:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
@@ -227,68 +227,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: none;
   margin: 0 0 0 calc(var(--space-grid-gutter-pfst95, 20px) * -1);
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-1_p8a6i_e5c72_204 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-1_p8a6i_17e8u_204 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 100%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-2_p8a6i_e5c72_207 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-2_p8a6i_17e8u_207 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 50%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-3_p8a6i_e5c72_210 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-3_p8a6i_17e8u_210 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 33.3333333333%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-4_p8a6i_e5c72_213 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-4_p8a6i_17e8u_213 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 25%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-5_p8a6i_e5c72_216 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-5_p8a6i_17e8u_216 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 20%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-6_p8a6i_e5c72_219 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-6_p8a6i_17e8u_219 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 16.6666666667%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-7_p8a6i_e5c72_222 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-7_p8a6i_17e8u_222 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 14.2857142857%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-8_p8a6i_e5c72_225 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-8_p8a6i_17e8u_225 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 12.5%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-9_p8a6i_e5c72_228 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-9_p8a6i_17e8u_228 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 11.1111111111%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-10_p8a6i_e5c72_231 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-10_p8a6i_17e8u_231 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 10%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-11_p8a6i_e5c72_234 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-11_p8a6i_17e8u_234 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 9.0909090909%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-12_p8a6i_e5c72_237 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-12_p8a6i_17e8u_237 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 8.3333333333%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-13_p8a6i_e5c72_240 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-13_p8a6i_17e8u_240 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 7.6923076923%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-14_p8a6i_e5c72_243 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-14_p8a6i_17e8u_243 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 7.1428571429%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-15_p8a6i_e5c72_246 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-15_p8a6i_17e8u_246 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 6.6666666667%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-16_p8a6i_e5c72_249 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-16_p8a6i_17e8u_249 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 6.25%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-17_p8a6i_e5c72_252 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-17_p8a6i_17e8u_252 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 5.8823529412%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-18_p8a6i_e5c72_255 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-18_p8a6i_17e8u_255 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 5.5555555556%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-19_p8a6i_e5c72_258 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-19_p8a6i_17e8u_258 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 5.2631578947%;
 }
-.awsui_list_p8a6i_e5c72_196.awsui_list-grid-20_p8a6i_e5c72_261 > .awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_list_p8a6i_17e8u_196.awsui_list-grid-20_p8a6i_17e8u_261 > .awsui_card_p8a6i_17e8u_97:not(#\9) {
   width: 5%;
 }
 
-.awsui_selection-control_p8a6i_e5c72_265:not(#\9) {
+.awsui_selection-control_p8a6i_17e8u_265:not(#\9) {
   position: absolute;
   box-sizing: border-box;
   width: calc(var(--size-control-ql70lu, 16px) + (2 * var(--space-card-horizontal-ai1anx, 20px)));
@@ -297,19 +297,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: var(--space-scaled-l-x5pubp, 20px) var(--space-card-horizontal-ai1anx, 20px);
 }
 
-.awsui_loading_p8a6i_e5c72_274:not(#\9),
-.awsui_empty_p8a6i_e5c72_275:not(#\9) {
+.awsui_loading_p8a6i_17e8u_274:not(#\9),
+.awsui_empty_p8a6i_17e8u_275:not(#\9) {
   overflow: hidden;
   text-align: center;
   color: var(--color-text-empty-qnnj2s, #5f6b7a);
   margin-bottom: var(--space-scaled-l-x5pubp, 20px);
 }
 
-.awsui_has-header_p8a6i_e5c72_282:not(#\9) {
+.awsui_has-header_p8a6i_17e8u_282:not(#\9) {
   margin-top: var(--space-grid-gutter-pfst95, 20px);
 }
 
-.awsui_card_p8a6i_e5c72_97:not(#\9) {
+.awsui_card_p8a6i_17e8u_97:not(#\9) {
   display: flex;
   overflow-wrap: break-word;
   word-wrap: break-word;
@@ -317,7 +317,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 0;
   list-style: none;
 }
-.awsui_card-inner_p8a6i_e5c72_97:not(#\9) {
+.awsui_card-inner_p8a6i_17e8u_97:not(#\9) {
   position: relative;
   background-color: var(--color-background-container-content-em2lah, #ffffff);
   margin: 0 0 var(--space-grid-gutter-pfst95, 20px) var(--space-grid-gutter-pfst95, 20px);
@@ -328,11 +328,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   min-width: 0;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_card-inner_p8a6i_e5c72_97:not(#\9) {
+  .awsui_card-inner_p8a6i_17e8u_97:not(#\9) {
     padding: calc(var(--space-scaled-l-x5pubp, 20px) - var(--border-item-width-4pi0dw, 2px)) calc(var(--space-card-horizontal-ai1anx, 20px) - var(--border-item-width-4pi0dw, 2px)) calc(var(--space-scaled-l-x5pubp, 20px) - var(--border-item-width-4pi0dw, 2px));
   }
 }
-.awsui_card-inner_p8a6i_e5c72_97:not(#\9)::before {
+.awsui_card-inner_p8a6i_17e8u_97:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -347,7 +347,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-b3z48i, 16px);
   z-index: 1;
 }
-.awsui_card-inner_p8a6i_e5c72_97:not(#\9)::after {
+.awsui_card-inner_p8a6i_17e8u_97:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -362,11 +362,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_card-inner_p8a6i_e5c72_97:not(#\9) {
+  .awsui_card-inner_p8a6i_17e8u_97:not(#\9) {
     border: var(--border-field-width-egrqih, 2px) solid var(--color-border-container-top-4rl1tb, transparent);
   }
 }
-.awsui_card-header_p8a6i_e5c72_343:not(#\9) {
+.awsui_card-header_p8a6i_17e8u_343:not(#\9) {
   font-size: var(--font-heading-m-size-sbbndt, 20px);
   line-height: var(--font-heading-m-line-height-25bzvw, 24px);
   letter-spacing: var(--font-heading-m-letter-spacing-afjv68, -0.01em);
@@ -374,36 +374,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-imui5j, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-zc5t56, grayscale);
 }
-.awsui_card-header-inner_p8a6i_e5c72_351:not(#\9) {
+.awsui_card-header-inner_p8a6i_17e8u_351:not(#\9) {
   width: 100%;
   display: inline-block;
 }
-.awsui_card-selectable_p8a6i_e5c72_355 > .awsui_card-inner_p8a6i_e5c72_97 > .awsui_card-header_p8a6i_e5c72_343:not(#\9) {
+.awsui_card-selectable_p8a6i_17e8u_355 > .awsui_card-inner_p8a6i_17e8u_97 > .awsui_card-header_p8a6i_17e8u_343:not(#\9) {
   width: 90%;
 }
-.awsui_card-selected_p8a6i_e5c72_358 > .awsui_card-inner_p8a6i_e5c72_97:not(#\9) {
+.awsui_card-selected_p8a6i_17e8u_358 > .awsui_card-inner_p8a6i_17e8u_97:not(#\9) {
   background-color: var(--color-background-item-selected-fjyxf3, #f2f8fd);
 }
-.awsui_card-selected_p8a6i_e5c72_358 > .awsui_card-inner_p8a6i_e5c72_97:not(#\9)::before {
+.awsui_card-selected_p8a6i_17e8u_358 > .awsui_card-inner_p8a6i_17e8u_97:not(#\9)::before {
   border: var(--border-item-width-4pi0dw, 2px) solid var(--color-border-item-selected-474jz2, #0972d3);
 }
 
-.awsui_section_p8a6i_e5c72_365:not(#\9) {
+.awsui_section_p8a6i_17e8u_365:not(#\9) {
   display: inline-block;
   box-sizing: border-box;
   padding: var(--space-xs-inub5w, 8px) 0 var(--space-scaled-xs-u0e7ft, 8px) 0;
   vertical-align: top;
 }
-.awsui_section-header_p8a6i_e5c72_371:not(#\9) {
+.awsui_section-header_p8a6i_17e8u_371:not(#\9) {
   font-size: var(--font-body-m-size-cqtcam, 14px);
   line-height: var(--font-body-m-line-height-83azrc, 22px);
   font-weight: var(--font-display-label-weight-vmf03j, 700);
   color: var(--color-text-label-flava6, #000716);
 }
-.awsui_section-content_p8a6i_e5c72_377:not(#\9) {
+.awsui_section-content_p8a6i_17e8u_377:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_section_p8a6i_e5c72_365:not(#\9):last-child {
+.awsui_section_p8a6i_17e8u_365:not(#\9):last-child {
   padding: var(--space-xs-inub5w, 8px) 0 0 0;
 }