@cloudscape-design/components 3.0.1194 → 3.0.1195

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 (28) hide show
  1. package/cards/index.d.ts.map +1 -1
  2. package/cards/index.js +8 -10
  3. package/cards/index.js.map +1 -1
  4. package/cards/styles.css.js +38 -39
  5. package/cards/styles.scoped.css +43 -158
  6. package/cards/styles.selectors.js +38 -39
  7. package/internal/base-component/styles.scoped.css +1 -1
  8. package/internal/components/card/index.d.ts +14 -0
  9. package/internal/components/card/index.d.ts.map +1 -0
  10. package/internal/components/card/index.js +16 -0
  11. package/internal/components/card/index.js.map +1 -0
  12. package/internal/components/card/interfaces.d.ts +44 -0
  13. package/internal/components/card/interfaces.d.ts.map +1 -0
  14. package/internal/components/card/interfaces.js +2 -0
  15. package/internal/components/card/interfaces.js.map +1 -0
  16. package/internal/components/card/styles.css.js +16 -0
  17. package/internal/components/card/styles.scoped.css +316 -0
  18. package/internal/components/card/styles.selectors.js +17 -0
  19. package/internal/environment.js +2 -2
  20. package/internal/environment.json +2 -2
  21. package/internal/manifest.json +1 -1
  22. package/package.json +1 -1
  23. package/test-utils/dom/cards/index.d.ts +0 -5
  24. package/test-utils/dom/cards/index.js +0 -5
  25. package/test-utils/dom/cards/index.js.map +1 -1
  26. package/test-utils/selectors/cards/index.d.ts +0 -5
  27. package/test-utils/selectors/cards/index.js +0 -5
  28. package/test-utils/selectors/cards/index.js.map +1 -1
package/cards/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cards/index.tsx"],"names":[],"mappings":"AAuCA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK/D,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,EAsML,mBAAmB,CAAC;AAE1B,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cards/index.tsx"],"names":[],"mappings":"AAwCA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK/D,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,EAsML,mBAAmB,CAAC;AAE1B,eAAe,KAAK,CAAC"}
package/cards/index.js CHANGED
@@ -10,6 +10,7 @@ import { InternalContainerAsSubstep } from '../container/internal';
10
10
  import { useInternalI18n } from '../i18n/context';
11
11
  import { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';
12
12
  import { getBaseProps } from '../internal/base-component';
13
+ import Card from '../internal/components/card';
13
14
  import { CollectionLabelContext } from '../internal/context/collection-label-context';
14
15
  import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
15
16
  import useBaseComponent from '../internal/hooks/use-base-component';
@@ -117,7 +118,6 @@ export default Cards;
117
118
  const CardsList = ({ items, cardDefinition, trackBy, selectionType, columns, isItemSelected, getItemSelectionProps, visibleSections, onFocus, ariaLabelledby, ariaLabel, entireCardClickable, }) => {
118
119
  const selectable = !!selectionType;
119
120
  const canClickEntireCard = selectable && entireCardClickable;
120
- const isRefresh = useVisualRefresh();
121
121
  const { moveFocusDown, moveFocusUp } = useSelectionFocusMove(selectionType, items.length);
122
122
  let visibleSectionsDefinition = cardDefinition.sections || [];
123
123
  visibleSectionsDefinition = visibleSections
@@ -146,7 +146,6 @@ const CardsList = ({ items, cardDefinition, trackBy, selectionType, columns, isI
146
146
  },
147
147
  };
148
148
  return (React.createElement("li", { className: clsx(styles.card, {
149
- [styles['card-selectable']]: selectable,
150
149
  [styles['card-selected']]: selectable && selected,
151
150
  }), key: key, onFocus: onFocus, ...(focusMarkers && focusMarkers.item), role: listItemRole, ...getAnalyticsMetadataAttribute({
152
151
  component: {
@@ -156,20 +155,19 @@ const CardsList = ({ items, cardDefinition, trackBy, selectionType, columns, isI
156
155
  },
157
156
  },
158
157
  }) },
159
- React.createElement("div", { className: clsx(styles['card-inner'], isRefresh && styles.refresh), ...(canClickEntireCard && !disabled ? getAnalyticsMetadataAttribute(selectionAnalyticsMetadata) : {}), onClick: canClickEntireCard
158
+ React.createElement(Card, { selected: selectable && selected, header: React.createElement("div", { className: styles['card-header'] },
159
+ React.createElement("div", { className: clsx(styles['card-header-inner'], selectable && styles['card-header-inner-selectable'], analyticsSelectors['card-header']) }, cardDefinition.header ? cardDefinition.header(item) : ''),
160
+ selectionProps && (React.createElement("div", { className: styles['selection-control'], ...(!canClickEntireCard && !disabled
161
+ ? getAnalyticsMetadataAttribute(selectionAnalyticsMetadata)
162
+ : {}) },
163
+ React.createElement(SelectionControl, { onFocusDown: moveFocusDown, onFocusUp: moveFocusUp, ...selectionProps })))), metadataAttributes: canClickEntireCard && !disabled ? getAnalyticsMetadataAttribute(selectionAnalyticsMetadata) : {}, onClick: canClickEntireCard
160
164
  ? event => {
161
165
  var _a;
162
166
  selectionProps === null || selectionProps === void 0 ? void 0 : selectionProps.onChange();
163
167
  // Manually move focus to the native input (checkbox or radio button)
164
168
  (_a = event.currentTarget.querySelector('input')) === null || _a === void 0 ? void 0 : _a.focus();
165
169
  }
166
- : undefined },
167
- React.createElement("div", { className: styles['card-header'] },
168
- React.createElement("div", { className: clsx(styles['card-header-inner'], analyticsSelectors['card-header']) }, cardDefinition.header ? cardDefinition.header(item) : ''),
169
- selectionProps && (React.createElement("div", { className: styles['selection-control'], ...(!canClickEntireCard && !disabled
170
- ? getAnalyticsMetadataAttribute(selectionAnalyticsMetadata)
171
- : {}) },
172
- React.createElement(SelectionControl, { onFocusDown: moveFocusDown, onFocusUp: moveFocusUp, ...selectionProps })))),
170
+ : undefined }, visibleSectionsDefinition.length > 0 &&
173
171
  visibleSectionsDefinition.map(({ width = 100, header, content, id }, index) => (React.createElement("div", { key: id || index, className: styles.section, style: { width: `${width}%` } },
174
172
  header ? React.createElement("div", { className: styles['section-header'] }, header) : '',
175
173
  content ? React.createElement("div", { className: styles['section-content'] }, content(item)) : ''))))));
package/cards/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/cards/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\n'use client';\nimport React, { FocusEventHandler, useCallback, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { InternalContainerAsSubstep } from '../container/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';\nimport { getBaseProps } from '../internal/base-component';\nimport { CollectionLabelContext } from '../internal/context/collection-label-context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport useMouseDownTarget from '../internal/hooks/use-mouse-down-target';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport InternalLiveRegion from '../live-region/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport {\n focusMarkers,\n SelectionControl,\n SelectionControlProps,\n useSelection,\n useSelectionFocusMove,\n} from '../table/selection';\nimport stickyScrolling from '../table/sticky-scrolling';\nimport ToolsHeader from '../table/tools-header';\nimport { getItemKey } from '../table/utils';\nimport {\n GeneratedAnalyticsMetadataCardsComponent,\n GeneratedAnalyticsMetadataCardsDeselect,\n GeneratedAnalyticsMetadataCardsSelect,\n} from './analytics-metadata/interfaces';\nimport { getCardsPerRow } from './cards-layout-helper';\nimport { CardsForwardRefType, CardsProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport { CardsProps };\n\nconst Cards = React.forwardRef(function <T = any>(\n {\n items = [],\n cardDefinition,\n cardsPerRow = [],\n header,\n filter,\n pagination,\n preferences,\n empty,\n loading,\n loadingText,\n trackBy,\n selectedItems,\n selectionType,\n isItemDisabled,\n onSelectionChange,\n ariaLabels,\n visibleSections,\n stickyHeader,\n stickyHeaderVerticalOffset,\n variant = 'container',\n renderAriaLive,\n firstIndex = 1,\n totalItemsCount,\n entireCardClickable,\n ...rest\n }: CardsProps<T>,\n ref: React.Ref<CardsProps.Ref>\n) {\n const { __internalRootRef } = useBaseComponent('Cards', {\n props: { entireCardClickable, selectionType, stickyHeader, variant },\n metadata: { usesVisibleSections: !!visibleSections },\n });\n const baseProps = getBaseProps(rest);\n const isRefresh = useVisualRefresh();\n const isMobile = useMobile();\n\n const computedVariant = isRefresh ? variant : 'container';\n\n const headerIdRef = useRef<string | undefined>(undefined);\n const setHeaderRef = useCallback((id: string) => {\n headerIdRef.current = id;\n }, []);\n const isLabelledByHeader = !ariaLabels?.cardsLabel && !!header;\n\n const [columns, measureRef] = useContainerQuery<number>(\n ({ contentBoxWidth }) => getCardsPerRow(contentBoxWidth, cardsPerRow),\n [cardsPerRow]\n );\n const refObject = useRef(null);\n const mergedRef = useMergeRefs(measureRef, refObject, __internalRootRef);\n const getMouseDownTarget = useMouseDownTarget();\n\n const i18n = useInternalI18n('cards');\n const { isItemSelected, getItemSelectionProps } = useSelection({\n items,\n trackBy,\n selectedItems,\n selectionType,\n isItemDisabled,\n onSelectionChange,\n ariaLabels: {\n itemSelectionLabel: ariaLabels?.itemSelectionLabel,\n selectionGroupLabel: i18n('ariaLabels.selectionGroupLabel', ariaLabels?.selectionGroupLabel),\n },\n });\n const hasToolsHeader = header || filter || pagination || preferences;\n const hasFooterPagination = isMobile && variant === 'full-page' && !!pagination;\n const headerRef = useRef<HTMLDivElement>(null);\n\n const { scrollToTop, scrollToItem } = stickyScrolling(refObject, headerRef);\n stickyHeader = !isMobile && stickyHeader;\n const onCardFocus: FocusEventHandler<HTMLElement> = event => {\n // When an element inside card receives focus we want to adjust the scroll.\n // However, that behavior is unwanted when the focus is received as result of a click\n // as it causes the click to never reach the target element.\n if (stickyHeader && !event.currentTarget.contains(getMouseDownTarget())) {\n scrollToItem(event.currentTarget);\n }\n };\n useImperativeHandle(\n ref,\n () => ({\n scrollToTop: () => {\n if (stickyHeader) {\n scrollToTop();\n }\n },\n }),\n [stickyHeader, scrollToTop]\n );\n let status;\n if (loading) {\n status = (\n <div className={styles.loading}>\n <InternalStatusIndicator type=\"loading\">\n <InternalLiveRegion tagName=\"span\">{loadingText}</InternalLiveRegion>\n </InternalStatusIndicator>\n </div>\n );\n } else if (empty && !items.length) {\n status = <div className={styles.empty}>{empty}</div>;\n }\n\n const analyticsComponentMetadata: GeneratedAnalyticsMetadataCardsComponent = {\n name: 'awsui.Cards',\n label: `.${analyticsSelectors.container}`,\n properties: {\n selectionType: selectionType || 'none',\n itemsCount: `${items.length}`,\n selectedItemsCount: `${(selectedItems || []).length}`,\n selectedItemsLabels: {\n root: 'self',\n selector: `.${styles['card-selected']} .${analyticsSelectors['card-header']}`,\n },\n variant,\n },\n };\n\n if (trackBy) {\n analyticsComponentMetadata.properties.selectedItems = (selectedItems || []).map(\n (item, index) => `${getItemKey(trackBy, item, index)}`\n );\n }\n\n return (\n <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n <AnalyticsFunnelSubStep>\n <div\n {...baseProps}\n className={clsx(baseProps.className, styles.root)}\n ref={mergedRef}\n {...getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata })}\n >\n <InternalContainerAsSubstep\n header={\n hasToolsHeader && (\n <div\n className={clsx(\n styles.header,\n isRefresh && styles['header-refresh'],\n styles[`header-variant-${computedVariant}`]\n )}\n >\n <CollectionLabelContext.Provider value={{ assignId: setHeaderRef }}>\n <ToolsHeader header={header} filter={filter} pagination={pagination} preferences={preferences} />\n </CollectionLabelContext.Provider>\n </div>\n )\n }\n footer={hasFooterPagination && <div className={styles['footer-pagination']}>{pagination}</div>}\n disableContentPaddings={true}\n disableHeaderPaddings={computedVariant === 'full-page'}\n variant={computedVariant === 'container' ? 'cards' : computedVariant}\n __stickyHeader={stickyHeader}\n __stickyOffset={stickyHeaderVerticalOffset}\n __headerRef={headerRef}\n __fullPage={computedVariant === 'full-page'}\n __disableFooterDivider={true}\n className={analyticsSelectors.container}\n >\n <div\n className={clsx(\n hasToolsHeader && styles['has-header'],\n isRefresh && styles.refresh,\n styles[`header-variant-${computedVariant}`]\n )}\n >\n {!!renderAriaLive && !!firstIndex && (\n <InternalLiveRegion hidden={true} tagName=\"span\">\n <span>\n {renderAriaLive({ totalItemsCount, firstIndex, lastIndex: firstIndex + items.length - 1 })}\n </span>\n </InternalLiveRegion>\n )}\n {status ?? (\n <CardsList\n items={items}\n cardDefinition={cardDefinition}\n trackBy={trackBy}\n selectionType={selectionType}\n columns={columns}\n isItemSelected={isItemSelected}\n getItemSelectionProps={getItemSelectionProps}\n visibleSections={visibleSections}\n onFocus={onCardFocus}\n ariaLabel={ariaLabels?.cardsLabel}\n ariaLabelledby={isLabelledByHeader && headerIdRef.current ? headerIdRef.current : undefined}\n entireCardClickable={entireCardClickable}\n />\n )}\n </div>\n </InternalContainerAsSubstep>\n </div>\n </AnalyticsFunnelSubStep>\n </LinkDefaultVariantContext.Provider>\n );\n}) as CardsForwardRefType;\n\nexport default Cards;\n\nconst CardsList = <T,>({\n items,\n cardDefinition,\n trackBy,\n selectionType,\n columns,\n isItemSelected,\n getItemSelectionProps,\n visibleSections,\n onFocus,\n ariaLabelledby,\n ariaLabel,\n entireCardClickable,\n}: Pick<\n CardsProps<T>,\n 'items' | 'cardDefinition' | 'trackBy' | 'selectionType' | 'visibleSections' | 'entireCardClickable'\n> & {\n columns: number | null;\n isItemSelected: (item: T) => boolean;\n getItemSelectionProps?: (item: T) => SelectionControlProps;\n onFocus: FocusEventHandler<HTMLElement>;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n}) => {\n const selectable = !!selectionType;\n const canClickEntireCard = selectable && entireCardClickable;\n const isRefresh = useVisualRefresh();\n\n const { moveFocusDown, moveFocusUp } = useSelectionFocusMove(selectionType, items.length);\n\n let visibleSectionsDefinition = cardDefinition.sections || [];\n visibleSectionsDefinition = visibleSections\n ? visibleSectionsDefinition.filter(\n (section: CardsProps.SectionDefinition<T>) => section.id && visibleSections.indexOf(section.id) !== -1\n )\n : visibleSectionsDefinition;\n\n let listRole: 'group' | undefined = undefined;\n let listItemRole: 'presentation' | undefined = undefined;\n\n if (selectable) {\n listRole = 'group';\n listItemRole = 'presentation';\n }\n\n return (\n <ol\n className={clsx(styles.list, styles[`list-grid-${columns || 1}`], analyticsSelectors['cards-list'])}\n role={listRole}\n aria-labelledby={ariaLabelledby}\n aria-label={ariaLabel}\n {...(focusMarkers && focusMarkers.root)}\n >\n {items.map((item, index) => {\n const key = getItemKey(trackBy, item, index);\n const selectionProps = getItemSelectionProps ? getItemSelectionProps(item) : null;\n const selected = isItemSelected(item);\n const disabled = selectionProps && selectionProps.disabled;\n const selectionAnalyticsMetadata:\n | GeneratedAnalyticsMetadataCardsSelect\n | GeneratedAnalyticsMetadataCardsDeselect = {\n action: selected ? 'deselect' : 'select',\n detail: {\n label: {\n selector: `.${analyticsSelectors['cards-list']} li:nth-child(${index + 1}) .${analyticsSelectors['card-header']}`,\n root: 'component',\n },\n position: `${index + 1}`,\n item: `${key}`,\n },\n };\n return (\n <li\n className={clsx(styles.card, {\n [styles['card-selectable']]: selectable,\n [styles['card-selected']]: selectable && selected,\n })}\n key={key}\n onFocus={onFocus}\n {...(focusMarkers && focusMarkers.item)}\n role={listItemRole}\n {...getAnalyticsMetadataAttribute({\n component: {\n innerContext: {\n position: `${index + 1}`,\n item: `${key}`,\n },\n },\n })}\n >\n <div\n className={clsx(styles['card-inner'], isRefresh && styles.refresh)}\n {...(canClickEntireCard && !disabled ? getAnalyticsMetadataAttribute(selectionAnalyticsMetadata) : {})}\n onClick={\n canClickEntireCard\n ? event => {\n selectionProps?.onChange();\n // Manually move focus to the native input (checkbox or radio button)\n event.currentTarget.querySelector('input')?.focus();\n }\n : undefined\n }\n >\n <div className={styles['card-header']}>\n <div className={clsx(styles['card-header-inner'], analyticsSelectors['card-header'])}>\n {cardDefinition.header ? cardDefinition.header(item) : ''}\n </div>\n {selectionProps && (\n <div\n className={styles['selection-control']}\n {...(!canClickEntireCard && !disabled\n ? getAnalyticsMetadataAttribute(selectionAnalyticsMetadata)\n : {})}\n >\n <SelectionControl onFocusDown={moveFocusDown} onFocusUp={moveFocusUp} {...selectionProps} />\n </div>\n )}\n </div>\n {visibleSectionsDefinition.map(({ width = 100, header, content, id }, index) => (\n <div key={id || index} className={styles.section} style={{ width: `${width}%` }}>\n {header ? <div className={styles['section-header']}>{header}</div> : ''}\n {content ? <div className={styles['section-content']}>{content(item)}</div> : ''}\n </div>\n ))}\n </div>\n </li>\n );\n })}\n </ol>\n );\n};\n\napplyDisplayName(Cards, 'Cards');\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/cards/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\n'use client';\nimport React, { FocusEventHandler, useCallback, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { InternalContainerAsSubstep } from '../container/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';\nimport { getBaseProps } from '../internal/base-component';\nimport Card from '../internal/components/card';\nimport { CollectionLabelContext } from '../internal/context/collection-label-context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport useMouseDownTarget from '../internal/hooks/use-mouse-down-target';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport InternalLiveRegion from '../live-region/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport {\n focusMarkers,\n SelectionControl,\n SelectionControlProps,\n useSelection,\n useSelectionFocusMove,\n} from '../table/selection';\nimport stickyScrolling from '../table/sticky-scrolling';\nimport ToolsHeader from '../table/tools-header';\nimport { getItemKey } from '../table/utils';\nimport {\n GeneratedAnalyticsMetadataCardsComponent,\n GeneratedAnalyticsMetadataCardsDeselect,\n GeneratedAnalyticsMetadataCardsSelect,\n} from './analytics-metadata/interfaces';\nimport { getCardsPerRow } from './cards-layout-helper';\nimport { CardsForwardRefType, CardsProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport { CardsProps };\n\nconst Cards = React.forwardRef(function <T = any>(\n {\n items = [],\n cardDefinition,\n cardsPerRow = [],\n header,\n filter,\n pagination,\n preferences,\n empty,\n loading,\n loadingText,\n trackBy,\n selectedItems,\n selectionType,\n isItemDisabled,\n onSelectionChange,\n ariaLabels,\n visibleSections,\n stickyHeader,\n stickyHeaderVerticalOffset,\n variant = 'container',\n renderAriaLive,\n firstIndex = 1,\n totalItemsCount,\n entireCardClickable,\n ...rest\n }: CardsProps<T>,\n ref: React.Ref<CardsProps.Ref>\n) {\n const { __internalRootRef } = useBaseComponent('Cards', {\n props: { entireCardClickable, selectionType, stickyHeader, variant },\n metadata: { usesVisibleSections: !!visibleSections },\n });\n const baseProps = getBaseProps(rest);\n const isRefresh = useVisualRefresh();\n const isMobile = useMobile();\n\n const computedVariant = isRefresh ? variant : 'container';\n\n const headerIdRef = useRef<string | undefined>(undefined);\n const setHeaderRef = useCallback((id: string) => {\n headerIdRef.current = id;\n }, []);\n const isLabelledByHeader = !ariaLabels?.cardsLabel && !!header;\n\n const [columns, measureRef] = useContainerQuery<number>(\n ({ contentBoxWidth }) => getCardsPerRow(contentBoxWidth, cardsPerRow),\n [cardsPerRow]\n );\n const refObject = useRef(null);\n const mergedRef = useMergeRefs(measureRef, refObject, __internalRootRef);\n const getMouseDownTarget = useMouseDownTarget();\n\n const i18n = useInternalI18n('cards');\n const { isItemSelected, getItemSelectionProps } = useSelection({\n items,\n trackBy,\n selectedItems,\n selectionType,\n isItemDisabled,\n onSelectionChange,\n ariaLabels: {\n itemSelectionLabel: ariaLabels?.itemSelectionLabel,\n selectionGroupLabel: i18n('ariaLabels.selectionGroupLabel', ariaLabels?.selectionGroupLabel),\n },\n });\n const hasToolsHeader = header || filter || pagination || preferences;\n const hasFooterPagination = isMobile && variant === 'full-page' && !!pagination;\n const headerRef = useRef<HTMLDivElement>(null);\n\n const { scrollToTop, scrollToItem } = stickyScrolling(refObject, headerRef);\n stickyHeader = !isMobile && stickyHeader;\n const onCardFocus: FocusEventHandler<HTMLElement> = event => {\n // When an element inside card receives focus we want to adjust the scroll.\n // However, that behavior is unwanted when the focus is received as result of a click\n // as it causes the click to never reach the target element.\n if (stickyHeader && !event.currentTarget.contains(getMouseDownTarget())) {\n scrollToItem(event.currentTarget);\n }\n };\n useImperativeHandle(\n ref,\n () => ({\n scrollToTop: () => {\n if (stickyHeader) {\n scrollToTop();\n }\n },\n }),\n [stickyHeader, scrollToTop]\n );\n let status;\n if (loading) {\n status = (\n <div className={styles.loading}>\n <InternalStatusIndicator type=\"loading\">\n <InternalLiveRegion tagName=\"span\">{loadingText}</InternalLiveRegion>\n </InternalStatusIndicator>\n </div>\n );\n } else if (empty && !items.length) {\n status = <div className={styles.empty}>{empty}</div>;\n }\n\n const analyticsComponentMetadata: GeneratedAnalyticsMetadataCardsComponent = {\n name: 'awsui.Cards',\n label: `.${analyticsSelectors.container}`,\n properties: {\n selectionType: selectionType || 'none',\n itemsCount: `${items.length}`,\n selectedItemsCount: `${(selectedItems || []).length}`,\n selectedItemsLabels: {\n root: 'self',\n selector: `.${styles['card-selected']} .${analyticsSelectors['card-header']}`,\n },\n variant,\n },\n };\n\n if (trackBy) {\n analyticsComponentMetadata.properties.selectedItems = (selectedItems || []).map(\n (item, index) => `${getItemKey(trackBy, item, index)}`\n );\n }\n\n return (\n <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n <AnalyticsFunnelSubStep>\n <div\n {...baseProps}\n className={clsx(baseProps.className, styles.root)}\n ref={mergedRef}\n {...getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata })}\n >\n <InternalContainerAsSubstep\n header={\n hasToolsHeader && (\n <div\n className={clsx(\n styles.header,\n isRefresh && styles['header-refresh'],\n styles[`header-variant-${computedVariant}`]\n )}\n >\n <CollectionLabelContext.Provider value={{ assignId: setHeaderRef }}>\n <ToolsHeader header={header} filter={filter} pagination={pagination} preferences={preferences} />\n </CollectionLabelContext.Provider>\n </div>\n )\n }\n footer={hasFooterPagination && <div className={styles['footer-pagination']}>{pagination}</div>}\n disableContentPaddings={true}\n disableHeaderPaddings={computedVariant === 'full-page'}\n variant={computedVariant === 'container' ? 'cards' : computedVariant}\n __stickyHeader={stickyHeader}\n __stickyOffset={stickyHeaderVerticalOffset}\n __headerRef={headerRef}\n __fullPage={computedVariant === 'full-page'}\n __disableFooterDivider={true}\n className={analyticsSelectors.container}\n >\n <div\n className={clsx(\n hasToolsHeader && styles['has-header'],\n isRefresh && styles.refresh,\n styles[`header-variant-${computedVariant}`]\n )}\n >\n {!!renderAriaLive && !!firstIndex && (\n <InternalLiveRegion hidden={true} tagName=\"span\">\n <span>\n {renderAriaLive({ totalItemsCount, firstIndex, lastIndex: firstIndex + items.length - 1 })}\n </span>\n </InternalLiveRegion>\n )}\n {status ?? (\n <CardsList\n items={items}\n cardDefinition={cardDefinition}\n trackBy={trackBy}\n selectionType={selectionType}\n columns={columns}\n isItemSelected={isItemSelected}\n getItemSelectionProps={getItemSelectionProps}\n visibleSections={visibleSections}\n onFocus={onCardFocus}\n ariaLabel={ariaLabels?.cardsLabel}\n ariaLabelledby={isLabelledByHeader && headerIdRef.current ? headerIdRef.current : undefined}\n entireCardClickable={entireCardClickable}\n />\n )}\n </div>\n </InternalContainerAsSubstep>\n </div>\n </AnalyticsFunnelSubStep>\n </LinkDefaultVariantContext.Provider>\n );\n}) as CardsForwardRefType;\n\nexport default Cards;\n\nconst CardsList = <T,>({\n items,\n cardDefinition,\n trackBy,\n selectionType,\n columns,\n isItemSelected,\n getItemSelectionProps,\n visibleSections,\n onFocus,\n ariaLabelledby,\n ariaLabel,\n entireCardClickable,\n}: Pick<\n CardsProps<T>,\n 'items' | 'cardDefinition' | 'trackBy' | 'selectionType' | 'visibleSections' | 'entireCardClickable'\n> & {\n columns: number | null;\n isItemSelected: (item: T) => boolean;\n getItemSelectionProps?: (item: T) => SelectionControlProps;\n onFocus: FocusEventHandler<HTMLElement>;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n}) => {\n const selectable = !!selectionType;\n const canClickEntireCard = selectable && entireCardClickable;\n\n const { moveFocusDown, moveFocusUp } = useSelectionFocusMove(selectionType, items.length);\n\n let visibleSectionsDefinition = cardDefinition.sections || [];\n visibleSectionsDefinition = visibleSections\n ? visibleSectionsDefinition.filter(\n (section: CardsProps.SectionDefinition<T>) => section.id && visibleSections.indexOf(section.id) !== -1\n )\n : visibleSectionsDefinition;\n\n let listRole: 'group' | undefined = undefined;\n let listItemRole: 'presentation' | undefined = undefined;\n\n if (selectable) {\n listRole = 'group';\n listItemRole = 'presentation';\n }\n\n return (\n <ol\n className={clsx(styles.list, styles[`list-grid-${columns || 1}`], analyticsSelectors['cards-list'])}\n role={listRole}\n aria-labelledby={ariaLabelledby}\n aria-label={ariaLabel}\n {...(focusMarkers && focusMarkers.root)}\n >\n {items.map((item, index) => {\n const key = getItemKey(trackBy, item, index);\n const selectionProps = getItemSelectionProps ? getItemSelectionProps(item) : null;\n const selected = isItemSelected(item);\n const disabled = selectionProps && selectionProps.disabled;\n const selectionAnalyticsMetadata:\n | GeneratedAnalyticsMetadataCardsSelect\n | GeneratedAnalyticsMetadataCardsDeselect = {\n action: selected ? 'deselect' : 'select',\n detail: {\n label: {\n selector: `.${analyticsSelectors['cards-list']} li:nth-child(${index + 1}) .${analyticsSelectors['card-header']}`,\n root: 'component',\n },\n position: `${index + 1}`,\n item: `${key}`,\n },\n };\n return (\n <li\n className={clsx(styles.card, {\n [styles['card-selected']]: selectable && selected,\n })}\n key={key}\n onFocus={onFocus}\n {...(focusMarkers && focusMarkers.item)}\n role={listItemRole}\n {...getAnalyticsMetadataAttribute({\n component: {\n innerContext: {\n position: `${index + 1}`,\n item: `${key}`,\n },\n },\n })}\n >\n <Card\n selected={selectable && selected}\n header={\n <div className={styles['card-header']}>\n <div\n className={clsx(\n styles['card-header-inner'],\n selectable && styles['card-header-inner-selectable'],\n analyticsSelectors['card-header']\n )}\n >\n {cardDefinition.header ? cardDefinition.header(item) : ''}\n </div>\n {selectionProps && (\n <div\n className={styles['selection-control']}\n {...(!canClickEntireCard && !disabled\n ? getAnalyticsMetadataAttribute(selectionAnalyticsMetadata)\n : {})}\n >\n <SelectionControl onFocusDown={moveFocusDown} onFocusUp={moveFocusUp} {...selectionProps} />\n </div>\n )}\n </div>\n }\n metadataAttributes={\n canClickEntireCard && !disabled ? getAnalyticsMetadataAttribute(selectionAnalyticsMetadata) : {}\n }\n onClick={\n canClickEntireCard\n ? event => {\n selectionProps?.onChange();\n // Manually move focus to the native input (checkbox or radio button)\n event.currentTarget.querySelector('input')?.focus();\n }\n : undefined\n }\n >\n {visibleSectionsDefinition.length > 0 &&\n visibleSectionsDefinition.map(({ width = 100, header, content, id }, index) => (\n <div key={id || index} className={styles.section} style={{ width: `${width}%` }}>\n {header ? <div className={styles['section-header']}>{header}</div> : ''}\n {content ? <div className={styles['section-content']}>{content(item)}</div> : ''}\n </div>\n ))}\n </Card>\n </li>\n );\n })}\n </ol>\n );\n};\n\napplyDisplayName(Cards, 'Cards');\n"]}
package/cards/styles.css.js CHANGED
@@ -1,44 +1,43 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "card-inner": "awsui_card-inner_p8a6i_flb7q_161",
5
- "root": "awsui_root_p8a6i_flb7q_193",
6
- "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_flb7q_232",
7
- "header-refresh": "awsui_header-refresh_p8a6i_flb7q_232",
8
- "list": "awsui_list_p8a6i_flb7q_239",
9
- "list-grid-1": "awsui_list-grid-1_p8a6i_flb7q_250",
10
- "card": "awsui_card_p8a6i_flb7q_161",
11
- "list-grid-2": "awsui_list-grid-2_p8a6i_flb7q_253",
12
- "list-grid-3": "awsui_list-grid-3_p8a6i_flb7q_256",
13
- "list-grid-4": "awsui_list-grid-4_p8a6i_flb7q_259",
14
- "list-grid-5": "awsui_list-grid-5_p8a6i_flb7q_262",
15
- "list-grid-6": "awsui_list-grid-6_p8a6i_flb7q_265",
16
- "list-grid-7": "awsui_list-grid-7_p8a6i_flb7q_268",
17
- "list-grid-8": "awsui_list-grid-8_p8a6i_flb7q_271",
18
- "list-grid-9": "awsui_list-grid-9_p8a6i_flb7q_274",
19
- "list-grid-10": "awsui_list-grid-10_p8a6i_flb7q_277",
20
- "list-grid-11": "awsui_list-grid-11_p8a6i_flb7q_280",
21
- "list-grid-12": "awsui_list-grid-12_p8a6i_flb7q_283",
22
- "list-grid-13": "awsui_list-grid-13_p8a6i_flb7q_286",
23
- "list-grid-14": "awsui_list-grid-14_p8a6i_flb7q_289",
24
- "list-grid-15": "awsui_list-grid-15_p8a6i_flb7q_292",
25
- "list-grid-16": "awsui_list-grid-16_p8a6i_flb7q_295",
26
- "list-grid-17": "awsui_list-grid-17_p8a6i_flb7q_298",
27
- "list-grid-18": "awsui_list-grid-18_p8a6i_flb7q_301",
28
- "list-grid-19": "awsui_list-grid-19_p8a6i_flb7q_304",
29
- "list-grid-20": "awsui_list-grid-20_p8a6i_flb7q_307",
30
- "selection-control": "awsui_selection-control_p8a6i_flb7q_311",
31
- "loading": "awsui_loading_p8a6i_flb7q_321",
32
- "empty": "awsui_empty_p8a6i_flb7q_322",
33
- "has-header": "awsui_has-header_p8a6i_flb7q_329",
34
- "refresh": "awsui_refresh_p8a6i_flb7q_332",
35
- "card-header": "awsui_card-header_p8a6i_flb7q_404",
36
- "card-header-inner": "awsui_card-header-inner_p8a6i_flb7q_412",
37
- "card-selectable": "awsui_card-selectable_p8a6i_flb7q_416",
38
- "card-selected": "awsui_card-selected_p8a6i_flb7q_419",
39
- "section": "awsui_section_p8a6i_flb7q_427",
40
- "section-header": "awsui_section-header_p8a6i_flb7q_435",
41
- "section-content": "awsui_section-content_p8a6i_flb7q_441",
42
- "footer-pagination": "awsui_footer-pagination_p8a6i_flb7q_451"
4
+ "root": "awsui_root_p8a6i_1f3e4_145",
5
+ "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1f3e4_177",
6
+ "header-refresh": "awsui_header-refresh_p8a6i_1f3e4_177",
7
+ "list": "awsui_list_p8a6i_1f3e4_184",
8
+ "list-grid-1": "awsui_list-grid-1_p8a6i_1f3e4_195",
9
+ "card": "awsui_card_p8a6i_1f3e4_195",
10
+ "list-grid-2": "awsui_list-grid-2_p8a6i_1f3e4_198",
11
+ "list-grid-3": "awsui_list-grid-3_p8a6i_1f3e4_201",
12
+ "list-grid-4": "awsui_list-grid-4_p8a6i_1f3e4_204",
13
+ "list-grid-5": "awsui_list-grid-5_p8a6i_1f3e4_207",
14
+ "list-grid-6": "awsui_list-grid-6_p8a6i_1f3e4_210",
15
+ "list-grid-7": "awsui_list-grid-7_p8a6i_1f3e4_213",
16
+ "list-grid-8": "awsui_list-grid-8_p8a6i_1f3e4_216",
17
+ "list-grid-9": "awsui_list-grid-9_p8a6i_1f3e4_219",
18
+ "list-grid-10": "awsui_list-grid-10_p8a6i_1f3e4_222",
19
+ "list-grid-11": "awsui_list-grid-11_p8a6i_1f3e4_225",
20
+ "list-grid-12": "awsui_list-grid-12_p8a6i_1f3e4_228",
21
+ "list-grid-13": "awsui_list-grid-13_p8a6i_1f3e4_231",
22
+ "list-grid-14": "awsui_list-grid-14_p8a6i_1f3e4_234",
23
+ "list-grid-15": "awsui_list-grid-15_p8a6i_1f3e4_237",
24
+ "list-grid-16": "awsui_list-grid-16_p8a6i_1f3e4_240",
25
+ "list-grid-17": "awsui_list-grid-17_p8a6i_1f3e4_243",
26
+ "list-grid-18": "awsui_list-grid-18_p8a6i_1f3e4_246",
27
+ "list-grid-19": "awsui_list-grid-19_p8a6i_1f3e4_249",
28
+ "list-grid-20": "awsui_list-grid-20_p8a6i_1f3e4_252",
29
+ "selection-control": "awsui_selection-control_p8a6i_1f3e4_256",
30
+ "loading": "awsui_loading_p8a6i_1f3e4_266",
31
+ "empty": "awsui_empty_p8a6i_1f3e4_267",
32
+ "has-header": "awsui_has-header_p8a6i_1f3e4_274",
33
+ "refresh": "awsui_refresh_p8a6i_1f3e4_277",
34
+ "card-header": "awsui_card-header_p8a6i_1f3e4_293",
35
+ "card-header-inner": "awsui_card-header-inner_p8a6i_1f3e4_301",
36
+ "card-header-inner-selectable": "awsui_card-header-inner-selectable_p8a6i_1f3e4_304",
37
+ "card-selected": "awsui_card-selected_p8a6i_1f3e4_307",
38
+ "section": "awsui_section_p8a6i_1f3e4_311",
39
+ "section-header": "awsui_section-header_p8a6i_1f3e4_318",
40
+ "section-content": "awsui_section-content_p8a6i_1f3e4_324",
41
+ "footer-pagination": "awsui_footer-pagination_p8a6i_1f3e4_336"
43
42
  };
44
43
 
package/cards/styles.scoped.css CHANGED
@@ -142,55 +142,7 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- /*
146
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
147
- SPDX-License-Identifier: Apache-2.0
148
- */
149
- /*
150
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
151
- SPDX-License-Identifier: Apache-2.0
152
- */
153
- /*
154
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
155
- SPDX-License-Identifier: Apache-2.0
156
- */
157
- /*
158
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
159
- SPDX-License-Identifier: Apache-2.0
160
- */
161
- .awsui_card-inner_p8a6i_flb7q_161:not(#\9) {
162
- transition-property: background-color;
163
- transition-duration: var(--motion-duration-transition-show-paced-t8d1os, 180ms);
164
- transition-timing-function: var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
165
- }
166
- @media (prefers-reduced-motion: reduce) {
167
- .awsui_card-inner_p8a6i_flb7q_161:not(#\9) {
168
- animation: none;
169
- transition: none;
170
- }
171
- }
172
- .awsui-motion-disabled .awsui_card-inner_p8a6i_flb7q_161:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_flb7q_161:not(#\9) {
173
- animation: none;
174
- transition: none;
175
- }
176
-
177
- .awsui_card-inner_p8a6i_flb7q_161:not(#\9)::before {
178
- transition-property: border-top-color, border-right-color, border-bottom-color, border-left-color;
179
- transition-duration: var(--motion-duration-transition-show-paced-t8d1os, 180ms);
180
- transition-timing-function: var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
181
- }
182
- @media (prefers-reduced-motion: reduce) {
183
- .awsui_card-inner_p8a6i_flb7q_161:not(#\9)::before {
184
- animation: none;
185
- transition: none;
186
- }
187
- }
188
- .awsui-motion-disabled .awsui_card-inner_p8a6i_flb7q_161:not(#\9)::before, .awsui-mode-entering .awsui_card-inner_p8a6i_flb7q_161:not(#\9)::before {
189
- animation: none;
190
- transition: none;
191
- }
192
-
193
- .awsui_root_p8a6i_flb7q_193:not(#\9) {
145
+ .awsui_root_p8a6i_1f3e4_145:not(#\9) {
194
146
  border-collapse: separate;
195
147
  border-spacing: 0;
196
148
  box-sizing: border-box;
@@ -220,23 +172,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
220
172
  font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
221
173
  -webkit-font-smoothing: auto;
222
174
  -moz-osx-font-smoothing: auto;
223
- font-size: var(--font-size-body-m-a7nh2n, 14px);
224
- line-height: var(--line-height-body-m-2mh3ke, 20px);
225
- color: var(--color-text-body-default-vvtq8u, #0f141a);
226
- font-weight: 400;
227
- font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
228
- -webkit-font-smoothing: auto;
229
- -moz-osx-font-smoothing: auto;
230
175
  }
231
176
 
232
- .awsui_header-variant-full-page_p8a6i_flb7q_232.awsui_header-refresh_p8a6i_flb7q_232:not(#\9) {
177
+ .awsui_header-variant-full-page_p8a6i_1f3e4_177.awsui_header-refresh_p8a6i_1f3e4_177:not(#\9) {
233
178
  padding-block-start: 0;
234
179
  padding-inline-start: 0;
235
180
  padding-inline-end: 0;
236
181
  padding-block-end: calc(var(--space-container-header-bottom-2taq8v, 8px) + var(--space-table-header-tools-full-page-bottom-9m47g6, 4px));
237
182
  }
238
183
 
239
- .awsui_list_p8a6i_flb7q_239:not(#\9) {
184
+ .awsui_list_p8a6i_1f3e4_184:not(#\9) {
240
185
  display: flex;
241
186
  flex-wrap: wrap;
242
187
  box-sizing: border-box;
@@ -247,68 +192,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
247
192
  margin-inline-start: calc(var(--space-grid-gutter-whc3jp, 20px) * -1);
248
193
  margin-inline-end: 0;
249
194
  }
250
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-1_p8a6i_flb7q_250 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
195
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-1_p8a6i_1f3e4_195 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
251
196
  inline-size: 100%;
252
197
  }
253
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-2_p8a6i_flb7q_253 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
198
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-2_p8a6i_1f3e4_198 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
254
199
  inline-size: 50%;
255
200
  }
256
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-3_p8a6i_flb7q_256 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
201
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-3_p8a6i_1f3e4_201 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
257
202
  inline-size: 33.3333333333%;
258
203
  }
259
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-4_p8a6i_flb7q_259 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
204
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-4_p8a6i_1f3e4_204 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
260
205
  inline-size: 25%;
261
206
  }
262
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-5_p8a6i_flb7q_262 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
207
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-5_p8a6i_1f3e4_207 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
263
208
  inline-size: 20%;
264
209
  }
265
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-6_p8a6i_flb7q_265 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
210
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-6_p8a6i_1f3e4_210 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
266
211
  inline-size: 16.6666666667%;
267
212
  }
268
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-7_p8a6i_flb7q_268 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
213
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-7_p8a6i_1f3e4_213 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
269
214
  inline-size: 14.2857142857%;
270
215
  }
271
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-8_p8a6i_flb7q_271 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
216
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-8_p8a6i_1f3e4_216 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
272
217
  inline-size: 12.5%;
273
218
  }
274
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-9_p8a6i_flb7q_274 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
219
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-9_p8a6i_1f3e4_219 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
275
220
  inline-size: 11.1111111111%;
276
221
  }
277
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-10_p8a6i_flb7q_277 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
222
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-10_p8a6i_1f3e4_222 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
278
223
  inline-size: 10%;
279
224
  }
280
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-11_p8a6i_flb7q_280 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
225
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-11_p8a6i_1f3e4_225 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
281
226
  inline-size: 9.0909090909%;
282
227
  }
283
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-12_p8a6i_flb7q_283 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
228
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-12_p8a6i_1f3e4_228 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
284
229
  inline-size: 8.3333333333%;
285
230
  }
286
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-13_p8a6i_flb7q_286 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
231
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-13_p8a6i_1f3e4_231 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
287
232
  inline-size: 7.6923076923%;
288
233
  }
289
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-14_p8a6i_flb7q_289 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
234
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-14_p8a6i_1f3e4_234 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
290
235
  inline-size: 7.1428571429%;
291
236
  }
292
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-15_p8a6i_flb7q_292 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
237
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-15_p8a6i_1f3e4_237 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
293
238
  inline-size: 6.6666666667%;
294
239
  }
295
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-16_p8a6i_flb7q_295 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
240
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-16_p8a6i_1f3e4_240 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
296
241
  inline-size: 6.25%;
297
242
  }
298
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-17_p8a6i_flb7q_298 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
243
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-17_p8a6i_1f3e4_243 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
299
244
  inline-size: 5.8823529412%;
300
245
  }
301
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-18_p8a6i_flb7q_301 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
246
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-18_p8a6i_1f3e4_246 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
302
247
  inline-size: 5.5555555556%;
303
248
  }
304
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-19_p8a6i_flb7q_304 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
249
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-19_p8a6i_1f3e4_249 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
305
250
  inline-size: 5.2631578947%;
306
251
  }
307
- .awsui_list_p8a6i_flb7q_239.awsui_list-grid-20_p8a6i_flb7q_307 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
252
+ .awsui_list_p8a6i_1f3e4_184.awsui_list-grid-20_p8a6i_1f3e4_252 > .awsui_card_p8a6i_1f3e4_195:not(#\9) {
308
253
  inline-size: 5%;
309
254
  }
310
255
 
311
- .awsui_selection-control_p8a6i_flb7q_311:not(#\9) {
256
+ .awsui_selection-control_p8a6i_1f3e4_256:not(#\9) {
312
257
  position: absolute;
313
258
  box-sizing: border-box;
314
259
  inline-size: calc(var(--size-control-adm93y, 16px) + 2 * var(--space-card-horizontal-8o8t31, 20px));
@@ -318,23 +263,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
318
263
  padding-inline: var(--space-card-horizontal-8o8t31, 20px);
319
264
  }
320
265
 
321
- .awsui_loading_p8a6i_flb7q_321:not(#\9),
322
- .awsui_empty_p8a6i_flb7q_322:not(#\9) {
266
+ .awsui_loading_p8a6i_1f3e4_266:not(#\9),
267
+ .awsui_empty_p8a6i_1f3e4_267:not(#\9) {
323
268
  overflow: hidden;
324
269
  text-align: center;
325
270
  color: var(--color-text-empty-tlohug, #656871);
326
271
  margin-block-end: var(--space-scaled-l-sej05l, 20px);
327
272
  }
328
273
 
329
- .awsui_has-header_p8a6i_flb7q_329:not(#\9) {
274
+ .awsui_has-header_p8a6i_1f3e4_274:not(#\9) {
330
275
  margin-block-start: var(--space-grid-gutter-whc3jp, 20px);
331
276
  }
332
- .awsui_has-header_p8a6i_flb7q_329.awsui_refresh_p8a6i_flb7q_332.awsui_header-variant-full-page_p8a6i_flb7q_232:not(#\9) {
277
+ .awsui_has-header_p8a6i_1f3e4_274.awsui_refresh_p8a6i_1f3e4_277.awsui_header-variant-full-page_p8a6i_1f3e4_177:not(#\9) {
333
278
  margin-block-start: var(--space-scaled-s-8ozaad, 12px);
334
279
  }
335
280
 
336
- .awsui_card_p8a6i_flb7q_161:not(#\9) {
337
- display: flex;
281
+ .awsui_card_p8a6i_1f3e4_195:not(#\9) {
338
282
  overflow-wrap: break-word;
339
283
  word-wrap: break-word;
340
284
  box-sizing: border-box;
@@ -346,62 +290,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
346
290
  padding-inline-end: 0;
347
291
  list-style: none;
348
292
  }
349
- .awsui_card-inner_p8a6i_flb7q_161:not(#\9) {
350
- position: relative;
351
- background-color: var(--color-background-container-content-6u8rvp, #ffffff);
352
- margin-block: 0;
353
- margin-inline: 0;
354
- padding-block: var(--space-card-vertical-uad0cc, 16px);
355
- padding-inline: var(--space-card-horizontal-8o8t31, 20px);
356
- inline-size: 100%;
357
- min-inline-size: 0;
358
- border-start-start-radius: var(--border-radius-container-nsfwmm, 16px);
359
- border-start-end-radius: var(--border-radius-container-nsfwmm, 16px);
360
- border-end-start-radius: var(--border-radius-container-nsfwmm, 16px);
361
- border-end-end-radius: var(--border-radius-container-nsfwmm, 16px);
362
- box-sizing: border-box;
363
- }
364
- .awsui_card-inner_p8a6i_flb7q_161:not(#\9)::before {
365
- content: "";
366
- position: absolute;
367
- inset-inline-start: 0px;
368
- inset-block-start: 0px;
369
- inline-size: 100%;
370
- block-size: 100%;
371
- pointer-events: none;
372
- background: transparent;
373
- box-sizing: border-box;
374
- border-color: transparent;
375
- border-block-start: var(--border-container-top-width-n1eke6, 0px) solid var(--color-border-container-top-k3vmoz, transparent);
376
- border-start-start-radius: var(--border-radius-container-nsfwmm, 16px);
377
- border-start-end-radius: var(--border-radius-container-nsfwmm, 16px);
378
- border-end-start-radius: var(--border-radius-container-nsfwmm, 16px);
379
- border-end-end-radius: var(--border-radius-container-nsfwmm, 16px);
380
- z-index: 1;
381
- }
382
- .awsui_card-inner_p8a6i_flb7q_161:not(#\9)::after {
383
- content: "";
384
- position: absolute;
385
- inset-inline-start: 0px;
386
- inset-block-start: 0px;
387
- inline-size: 100%;
388
- block-size: 100%;
389
- pointer-events: none;
390
- background: transparent;
391
- box-sizing: border-box;
392
- border-start-start-radius: var(--border-radius-container-nsfwmm, 16px);
393
- border-start-end-radius: var(--border-radius-container-nsfwmm, 16px);
394
- border-end-start-radius: var(--border-radius-container-nsfwmm, 16px);
395
- border-end-end-radius: var(--border-radius-container-nsfwmm, 16px);
396
- }
397
- .awsui_card-inner_p8a6i_flb7q_161:not(#\9):not(.awsui_refresh_p8a6i_flb7q_332)::after {
398
- box-shadow: var(--shadow-container-53ltfv, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
399
- }
400
- .awsui_card-inner_p8a6i_flb7q_161.awsui_refresh_p8a6i_flb7q_332:not(#\9)::after {
401
- border-block: solid var(--border-divider-section-width-uwo8my, 1px) var(--color-border-divider-default-nr68jt, #c6c6cd);
402
- border-inline: solid var(--border-divider-section-width-uwo8my, 1px) var(--color-border-divider-default-nr68jt, #c6c6cd);
403
- }
404
- .awsui_card-header_p8a6i_flb7q_404:not(#\9) {
293
+ .awsui_card-header_p8a6i_1f3e4_293:not(#\9) {
405
294
  font-size: var(--font-size-heading-m-170yiy, 18px);
406
295
  line-height: var(--line-height-heading-m-uoaqdh, 22px);
407
296
  letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
@@ -409,46 +298,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
409
298
  -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
410
299
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
411
300
  }
412
- .awsui_card-header-inner_p8a6i_flb7q_412:not(#\9) {
413
- inline-size: 100%;
414
- display: inline-block;
301
+ .awsui_card-header-inner_p8a6i_1f3e4_301:not(#\9) {
302
+ padding-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
415
303
  }
416
- .awsui_card-selectable_p8a6i_flb7q_416 > .awsui_card-inner_p8a6i_flb7q_161 > .awsui_card-header_p8a6i_flb7q_404:not(#\9) {
304
+ .awsui_card-header-inner-selectable_p8a6i_1f3e4_304:not(#\9) {
417
305
  inline-size: 90%;
418
306
  }
419
- .awsui_card-selected_p8a6i_flb7q_419 > .awsui_card-inner_p8a6i_flb7q_161:not(#\9) {
420
- background-color: var(--color-background-item-selected-9gppru, #f0fbff);
421
- }
422
- .awsui_card-selected_p8a6i_flb7q_419 > .awsui_card-inner_p8a6i_flb7q_161:not(#\9)::before {
423
- border-block: var(--border-item-width-miijiw, 2px) solid var(--color-border-item-selected-wl5ttm, #006ce0);
424
- border-inline: var(--border-item-width-miijiw, 2px) solid var(--color-border-item-selected-wl5ttm, #006ce0);
307
+ .awsui_card-selected_p8a6i_1f3e4_307:not(#\9) {
308
+ /* Used in test utils */
425
309
  }
426
310
 
427
- .awsui_section_p8a6i_flb7q_427:not(#\9) {
311
+ .awsui_section_p8a6i_1f3e4_311:not(#\9) {
428
312
  display: inline-block;
429
313
  box-sizing: border-box;
430
- padding-block-start: var(--space-xs-ymlm0b, 8px);
431
314
  padding-block-end: var(--space-scaled-xs-xwoogq, 8px);
432
315
  padding-inline: 0;
433
316
  vertical-align: top;
434
317
  }
435
- .awsui_section-header_p8a6i_flb7q_435:not(#\9) {
318
+ .awsui_section-header_p8a6i_1f3e4_318:not(#\9) {
436
319
  font-size: var(--font-size-body-m-a7nh2n, 14px);
437
320
  line-height: var(--line-height-body-m-2mh3ke, 20px);
438
321
  font-weight: var(--font-display-label-weight-zavpeo, 700);
439
322
  color: var(--color-text-label-28gfmc, #0f141a);
440
323
  }
441
- .awsui_section-content_p8a6i_flb7q_441:not(#\9) {
324
+ .awsui_section-content_p8a6i_1f3e4_324:not(#\9) {
442
325
  /* used in test-utils */
443
326
  }
444
327
 
445
- .awsui_section_p8a6i_flb7q_427:not(#\9):last-child {
328
+ .awsui_section_p8a6i_1f3e4_311:not(#\9):not(:first-child) {
446
329
  padding-block-start: var(--space-xs-ymlm0b, 8px);
330
+ }
331
+
332
+ .awsui_section_p8a6i_1f3e4_311:not(#\9):last-child {
447
333
  padding-block-end: 0;
448
- padding-inline: 0;
449
334
  }
450
335
 
451
- .awsui_footer-pagination_p8a6i_flb7q_451:not(#\9) {
336
+ .awsui_footer-pagination_p8a6i_1f3e4_336:not(#\9) {
452
337
  display: flex;
453
338
  justify-content: flex-end;
454
339
  }