@cloudscape-design/components 3.0.1185 → 3.0.1187

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 (44) hide show
  1. package/THIRD-PARTY-LICENSES +0 -35
  2. package/cards/analytics-metadata/interfaces.d.ts +1 -0
  3. package/cards/analytics-metadata/interfaces.d.ts.map +1 -1
  4. package/cards/analytics-metadata/interfaces.js.map +1 -1
  5. package/cards/index.d.ts.map +1 -1
  6. package/cards/index.js +4 -0
  7. package/cards/index.js.map +1 -1
  8. package/cards/styles.css.js +39 -39
  9. package/cards/styles.scoped.css +57 -56
  10. package/cards/styles.selectors.js +39 -39
  11. package/column-layout/flexible-column-layout/index.js +1 -1
  12. package/column-layout/flexible-column-layout/index.js.map +1 -1
  13. package/column-layout/grid-column-layout.js +1 -1
  14. package/column-layout/grid-column-layout.js.map +1 -1
  15. package/error-boundary/index.d.ts +1 -0
  16. package/error-boundary/index.d.ts.map +1 -1
  17. package/error-boundary/index.js +3 -3
  18. package/error-boundary/index.js.map +1 -1
  19. package/error-boundary/interfaces.d.ts +13 -3
  20. package/error-boundary/interfaces.d.ts.map +1 -1
  21. package/error-boundary/interfaces.js.map +1 -1
  22. package/error-boundary/internal.d.ts +3 -8
  23. package/error-boundary/internal.d.ts.map +1 -1
  24. package/error-boundary/internal.js +2 -2
  25. package/error-boundary/internal.js.map +1 -1
  26. package/grid/internal.d.ts.map +1 -1
  27. package/grid/internal.js +1 -1
  28. package/grid/internal.js.map +1 -1
  29. package/internal/base-component/styles.scoped.css +1 -1
  30. package/internal/environment.js +2 -2
  31. package/internal/environment.json +2 -2
  32. package/internal/manifest.json +1 -1
  33. package/internal/metrics.d.ts +1 -1
  34. package/internal/metrics.d.ts.map +1 -1
  35. package/internal/metrics.js +1 -1
  36. package/internal/metrics.js.map +1 -1
  37. package/package.json +2 -2
  38. package/space-between/internal.d.ts.map +1 -1
  39. package/space-between/internal.js +3 -3
  40. package/space-between/internal.js.map +1 -1
  41. package/internal/vendor/react-keyed-flatten-children/index.d.ts +0 -2
  42. package/internal/vendor/react-keyed-flatten-children/index.d.ts.map +0 -1
  43. package/internal/vendor/react-keyed-flatten-children/index.js +0 -27
  44. package/internal/vendor/react-keyed-flatten-children/index.js.map +0 -1
package/THIRD-PARTY-LICENSES CHANGED
@@ -277,38 +277,3 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
277
277
  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
278
278
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
279
279
  SOFTWARE.
280
-
281
- ---
282
-
283
- Name: react-keyed-flatten-children
284
- Version: 3.2.0
285
- License: MIT
286
- Private: false
287
- Description: Flattens React children and fragments to an array with predictable and stable keys
288
- Repository: git+https://github.com/grrowl/react-keyed-flatten-children.git
289
- Homepage: https://github.com/grrowl/react-keyed-flatten-children
290
- Author: Tom McKenzie <tom@chillidonut.com>
291
- License Copyright:
292
- ===
293
-
294
- MIT License
295
-
296
- Copyright (c) 2019 Tom McKenzie
297
-
298
- Permission is hereby granted, free of charge, to any person obtaining a copy
299
- of this software and associated documentation files (the "Software"), to deal
300
- in the Software without restriction, including without limitation the rights
301
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
302
- copies of the Software, and to permit persons to whom the Software is
303
- furnished to do so, subject to the following conditions:
304
-
305
- The above copyright notice and this permission notice shall be included in all
306
- copies or substantial portions of the Software.
307
-
308
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
309
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
310
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
311
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
312
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
313
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
314
- SOFTWARE.
package/cards/analytics-metadata/interfaces.d.ts CHANGED
@@ -24,6 +24,7 @@ export interface GeneratedAnalyticsMetadataCardsComponent {
24
24
  selectedItemsCount: string;
25
25
  variant: string;
26
26
  selectedItems?: Array<string>;
27
+ selectedItemsLabels?: LabelIdentifier;
27
28
  };
28
29
  innerContext?: {
29
30
  position: string;
package/cards/analytics-metadata/interfaces.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/cards/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,qCAAqC;IACpD,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;QACjC,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,MAAM,WAAW,uCAAuC;IACtD,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;QACjC,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,MAAM,WAAW,wCAAwC;IACvD,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE;QACV,aAAa,EAAE,MAAM,CAAC;QACtB,UAAU,EAAE,MAAM,CAAC;QACnB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,OAAO,EAAE,MAAM,CAAC;QAChB,aAAa,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;KAC/B,CAAC;IACF,YAAY,CAAC,EAAE;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/cards/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,qCAAqC;IACpD,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;QACjC,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,MAAM,WAAW,uCAAuC;IACtD,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;QACjC,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,MAAM,WAAW,wCAAwC;IACvD,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE;QACV,aAAa,EAAE,MAAM,CAAC;QACtB,UAAU,EAAE,MAAM,CAAC;QACnB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,OAAO,EAAE,MAAM,CAAC;QAChB,aAAa,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;QAC9B,mBAAmB,CAAC,EAAE,eAAe,CAAC;KACvC,CAAC;IACF,YAAY,CAAC,EAAE;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH"}
package/cards/analytics-metadata/interfaces.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/cards/analytics-metadata/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 { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataCardsSelect {\n action: 'select';\n detail: {\n label?: string | LabelIdentifier;\n position: string;\n item: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataCardsDeselect {\n action: 'deselect';\n detail: {\n label?: string | LabelIdentifier;\n position: string;\n item: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataCardsComponent {\n name: 'awsui.Cards';\n label: string;\n properties: {\n selectionType: string;\n itemsCount: string;\n selectedItemsCount: string;\n variant: string;\n selectedItems?: Array<string>;\n };\n innerContext?: {\n position: string;\n item: string;\n };\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/cards/analytics-metadata/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 { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataCardsSelect {\n action: 'select';\n detail: {\n label?: string | LabelIdentifier;\n position: string;\n item: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataCardsDeselect {\n action: 'deselect';\n detail: {\n label?: string | LabelIdentifier;\n position: string;\n item: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataCardsComponent {\n name: 'awsui.Cards';\n label: string;\n properties: {\n selectionType: string;\n itemsCount: string;\n selectedItemsCount: string;\n variant: string;\n selectedItems?: Array<string>;\n selectedItemsLabels?: LabelIdentifier;\n };\n innerContext?: {\n position: string;\n item: string;\n };\n}\n"]}
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,EAkML,mBAAmB,CAAC;AAE1B,eAAe,KAAK,CAAC"}
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"}
package/cards/index.js CHANGED
@@ -93,6 +93,10 @@ const Cards = React.forwardRef(function ({ items = [], cardDefinition, cardsPerR
93
93
  selectionType: selectionType || 'none',
94
94
  itemsCount: `${items.length}`,
95
95
  selectedItemsCount: `${(selectedItems || []).length}`,
96
+ selectedItemsLabels: {
97
+ root: 'self',
98
+ selector: `.${styles['card-selected']} .${analyticsSelectors['card-header']}`,
99
+ },
96
100
  variant,
97
101
  },
98
102
  };
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 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":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAqB,WAAW,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAC7E,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAC7F,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,kBAAkB,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,EACL,YAAY,EACZ,gBAAgB,EAEhB,YAAY,EACZ,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,eAAe,MAAM,2BAA2B,CAAC;AACxD,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAM5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,UAC7B,EACE,KAAK,GAAG,EAAE,EACV,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,MAAM,EACN,MAAM,EACN,UAAU,EACV,WAAW,EACX,KAAK,EACL,OAAO,EACP,WAAW,EACX,OAAO,EACP,aAAa,EACb,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,0BAA0B,EAC1B,OAAO,GAAG,WAAW,EACrB,cAAc,EACd,UAAU,GAAG,CAAC,EACd,eAAe,EACf,mBAAmB,EACnB,GAAG,IAAI,EACO,EAChB,GAA8B;IAE9B,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAAC,OAAO,EAAE;QACtD,KAAK,EAAE,EAAE,mBAAmB,EAAE,aAAa,EAAE,YAAY,EAAE,OAAO,EAAE;QACpE,QAAQ,EAAE,EAAE,mBAAmB,EAAE,CAAC,CAAC,eAAe,EAAE;KACrD,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC;IAE1D,MAAM,WAAW,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,EAAU,EAAE,EAAE;QAC9C,WAAW,CAAC,OAAO,GAAG,EAAE,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,kBAAkB,GAAG,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,CAAA,IAAI,CAAC,CAAC,MAAM,CAAC;IAE/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,iBAAiB,CAC7C,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,eAAe,EAAE,WAAW,CAAC,EACrE,CAAC,WAAW,CAAC,CACd,CAAC;IACF,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC;IACzE,MAAM,kBAAkB,GAAG,kBAAkB,EAAE,CAAC;IAEhD,MAAM,IAAI,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,EAAE,cAAc,EAAE,qBAAqB,EAAE,GAAG,YAAY,CAAC;QAC7D,KAAK;QACL,OAAO;QACP,aAAa;QACb,aAAa;QACb,cAAc;QACd,iBAAiB;QACjB,UAAU,EAAE;YACV,kBAAkB,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,kBAAkB;YAClD,mBAAmB,EAAE,IAAI,CAAC,gCAAgC,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,mBAAmB,CAAC;SAC7F;KACF,CAAC,CAAC;IACH,MAAM,cAAc,GAAG,MAAM,IAAI,MAAM,IAAI,UAAU,IAAI,WAAW,CAAC;IACrE,MAAM,mBAAmB,GAAG,QAAQ,IAAI,OAAO,KAAK,WAAW,IAAI,CAAC,CAAC,UAAU,CAAC;IAChF,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC5E,YAAY,GAAG,CAAC,QAAQ,IAAI,YAAY,CAAC;IACzC,MAAM,WAAW,GAAmC,KAAK,CAAC,EAAE;QAC1D,2EAA2E;QAC3E,qFAAqF;QACrF,4DAA4D;QAC5D,IAAI,YAAY,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC,EAAE,CAAC;YACxE,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IACF,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,WAAW,EAAE,GAAG,EAAE;YAChB,IAAI,YAAY,EAAE,CAAC;gBACjB,WAAW,EAAE,CAAC;YAChB,CAAC;QACH,CAAC;KACF,CAAC,EACF,CAAC,YAAY,EAAE,WAAW,CAAC,CAC5B,CAAC;IACF,IAAI,MAAM,CAAC;IACX,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,GAAG,CACP,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;YAC5B,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;gBACrC,oBAAC,kBAAkB,IAAC,OAAO,EAAC,MAAM,IAAE,WAAW,CAAsB,CAC7C,CACtB,CACP,CAAC;IACJ,CAAC;SAAM,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QAClC,MAAM,GAAG,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,KAAK,CAAO,CAAC;IACvD,CAAC;IAED,MAAM,0BAA0B,GAA6C;QAC3E,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,IAAI,kBAAkB,CAAC,SAAS,EAAE;QACzC,UAAU,EAAE;YACV,aAAa,EAAE,aAAa,IAAI,MAAM;YACtC,UAAU,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE;YAC7B,kBAAkB,EAAE,GAAG,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;YACrD,mBAAmB,EAAE;gBACnB,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,IAAI,MAAM,CAAC,eAAe,CAAC,KAAK,kBAAkB,CAAC,aAAa,CAAC,EAAE;aAC9E;YACD,OAAO;SACR;KACF,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACZ,0BAA0B,CAAC,UAAU,CAAC,aAAa,GAAG,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,GAAG,CAC7E,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,CACvD,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE;QACtE,oBAAC,sBAAsB;YACrB,gCACM,SAAS,EACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EACjD,GAAG,EAAE,SAAS,KACV,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC;gBAE5E,oBAAC,0BAA0B,IACzB,MAAM,EACJ,cAAc,IAAI,CAChB,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,MAAM,EACb,SAAS,IAAI,MAAM,CAAC,gBAAgB,CAAC,EACrC,MAAM,CAAC,kBAAkB,eAAe,EAAE,CAAC,CAC5C;wBAED,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE;4BAChE,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,GAAI,CACjE,CAC9B,CACP,EAEH,MAAM,EAAE,mBAAmB,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,IAAG,UAAU,CAAO,EAC9F,sBAAsB,EAAE,IAAI,EAC5B,qBAAqB,EAAE,eAAe,KAAK,WAAW,EACtD,OAAO,EAAE,eAAe,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,EACpE,cAAc,EAAE,YAAY,EAC5B,cAAc,EAAE,0BAA0B,EAC1C,WAAW,EAAE,SAAS,EACtB,UAAU,EAAE,eAAe,KAAK,WAAW,EAC3C,sBAAsB,EAAE,IAAI,EAC5B,SAAS,EAAE,kBAAkB,CAAC,SAAS;oBAEvC,6BACE,SAAS,EAAE,IAAI,CACb,cAAc,IAAI,MAAM,CAAC,YAAY,CAAC,EACtC,SAAS,IAAI,MAAM,CAAC,OAAO,EAC3B,MAAM,CAAC,kBAAkB,eAAe,EAAE,CAAC,CAC5C;wBAEA,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,UAAU,IAAI,CACnC,oBAAC,kBAAkB,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,MAAM;4BAC9C,kCACG,cAAc,CAAC,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CACrF,CACY,CACtB,EACA,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,CACT,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,qBAAqB,EAAE,qBAAqB,EAC5C,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,EACjC,cAAc,EAAE,kBAAkB,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC3F,mBAAmB,EAAE,mBAAmB,GACxC,CACH,CACG,CACqB,CACzB,CACiB,CACU,CACtC,CAAC;AACJ,CAAC,CAAwB,CAAC;AAE1B,eAAe,KAAK,CAAC;AAErB,MAAM,SAAS,GAAG,CAAK,EACrB,KAAK,EACL,cAAc,EACd,OAAO,EACP,aAAa,EACb,OAAO,EACP,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,OAAO,EACP,cAAc,EACd,SAAS,EACT,mBAAmB,GAYpB,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,CAAC,CAAC,aAAa,CAAC;IACnC,MAAM,kBAAkB,GAAG,UAAU,IAAI,mBAAmB,CAAC;IAC7D,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IAErC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,qBAAqB,CAAC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE1F,IAAI,yBAAyB,GAAG,cAAc,CAAC,QAAQ,IAAI,EAAE,CAAC;IAC9D,yBAAyB,GAAG,eAAe;QACzC,CAAC,CAAC,yBAAyB,CAAC,MAAM,CAC9B,CAAC,OAAwC,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CACvG;QACH,CAAC,CAAC,yBAAyB,CAAC;IAE9B,IAAI,QAAQ,GAAwB,SAAS,CAAC;IAC9C,IAAI,YAAY,GAA+B,SAAS,CAAC;IAEzD,IAAI,UAAU,EAAE,CAAC;QACf,QAAQ,GAAG,OAAO,CAAC;QACnB,YAAY,GAAG,cAAc,CAAC;IAChC,CAAC;IAED,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,aAAa,OAAO,IAAI,CAAC,EAAE,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC,EACnG,IAAI,EAAE,QAAQ,qBACG,cAAc,gBACnB,SAAS,KACjB,CAAC,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,IAEtC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACzB,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;QAC7C,MAAM,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAClF,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,QAAQ,GAAG,cAAc,IAAI,cAAc,CAAC,QAAQ,CAAC;QAC3D,MAAM,0BAA0B,GAEc;YAC5C,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ;YACxC,MAAM,EAAE;gBACN,KAAK,EAAE;oBACL,QAAQ,EAAE,IAAI,kBAAkB,CAAC,YAAY,CAAC,iBAAiB,KAAK,GAAG,CAAC,MAAM,kBAAkB,CAAC,aAAa,CAAC,EAAE;oBACjH,IAAI,EAAE,WAAW;iBAClB;gBACD,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC,EAAE;gBACxB,IAAI,EAAE,GAAG,GAAG,EAAE;aACf;SACF,CAAC;QACF,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;gBAC3B,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,UAAU;gBACvC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,UAAU,IAAI,QAAQ;aAClD,CAAC,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,KACZ,CAAC,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,EACvC,IAAI,EAAE,YAAY,KACd,6BAA6B,CAAC;gBAChC,SAAS,EAAE;oBACT,YAAY,EAAE;wBACZ,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC,EAAE;wBACxB,IAAI,EAAE,GAAG,GAAG,EAAE;qBACf;iBACF;aACF,CAAC;YAEF,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,SAAS,IAAI,MAAM,CAAC,OAAO,CAAC,KAC9D,CAAC,kBAAkB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,6BAA6B,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACtG,OAAO,EACL,kBAAkB;oBAChB,CAAC,CAAC,KAAK,CAAC,EAAE;;wBACN,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,EAAE,CAAC;wBAC3B,qEAAqE;wBACrE,MAAA,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAC;oBACtD,CAAC;oBACH,CAAC,CAAC,SAAS;gBAGf,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC;oBACnC,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC,IACjF,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CACrD;oBACL,cAAc,IAAI,CACjB,6BACE,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,KAClC,CAAC,CAAC,kBAAkB,IAAI,CAAC,QAAQ;4BACnC,CAAC,CAAC,6BAA6B,CAAC,0BAA0B,CAAC;4BAC3D,CAAC,CAAC,EAAE,CAAC;wBAEP,oBAAC,gBAAgB,IAAC,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,KAAM,cAAc,GAAI,CACxF,CACP,CACG;gBACL,yBAAyB,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9E,6BAAK,GAAG,EAAE,EAAE,IAAI,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,EAAE;oBAC5E,MAAM,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,IAAG,MAAM,CAAO,CAAC,CAAC,CAAC,EAAE;oBACtE,OAAO,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,IAAG,OAAO,CAAC,IAAI,CAAC,CAAO,CAAC,CAAC,CAAC,EAAE,CAC5E,CACP,CAAC,CACE,CACH,CACN,CAAC;IACJ,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC","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"]}
package/cards/styles.css.js CHANGED
@@ -1,44 +1,44 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "card-inner": "awsui_card-inner_p8a6i_s5y1i_161",
5
- "root": "awsui_root_p8a6i_s5y1i_193",
6
- "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_s5y1i_232",
7
- "header-refresh": "awsui_header-refresh_p8a6i_s5y1i_232",
8
- "list": "awsui_list_p8a6i_s5y1i_239",
9
- "list-grid-1": "awsui_list-grid-1_p8a6i_s5y1i_250",
10
- "card": "awsui_card_p8a6i_s5y1i_161",
11
- "list-grid-2": "awsui_list-grid-2_p8a6i_s5y1i_253",
12
- "list-grid-3": "awsui_list-grid-3_p8a6i_s5y1i_256",
13
- "list-grid-4": "awsui_list-grid-4_p8a6i_s5y1i_259",
14
- "list-grid-5": "awsui_list-grid-5_p8a6i_s5y1i_262",
15
- "list-grid-6": "awsui_list-grid-6_p8a6i_s5y1i_265",
16
- "list-grid-7": "awsui_list-grid-7_p8a6i_s5y1i_268",
17
- "list-grid-8": "awsui_list-grid-8_p8a6i_s5y1i_271",
18
- "list-grid-9": "awsui_list-grid-9_p8a6i_s5y1i_274",
19
- "list-grid-10": "awsui_list-grid-10_p8a6i_s5y1i_277",
20
- "list-grid-11": "awsui_list-grid-11_p8a6i_s5y1i_280",
21
- "list-grid-12": "awsui_list-grid-12_p8a6i_s5y1i_283",
22
- "list-grid-13": "awsui_list-grid-13_p8a6i_s5y1i_286",
23
- "list-grid-14": "awsui_list-grid-14_p8a6i_s5y1i_289",
24
- "list-grid-15": "awsui_list-grid-15_p8a6i_s5y1i_292",
25
- "list-grid-16": "awsui_list-grid-16_p8a6i_s5y1i_295",
26
- "list-grid-17": "awsui_list-grid-17_p8a6i_s5y1i_298",
27
- "list-grid-18": "awsui_list-grid-18_p8a6i_s5y1i_301",
28
- "list-grid-19": "awsui_list-grid-19_p8a6i_s5y1i_304",
29
- "list-grid-20": "awsui_list-grid-20_p8a6i_s5y1i_307",
30
- "selection-control": "awsui_selection-control_p8a6i_s5y1i_311",
31
- "loading": "awsui_loading_p8a6i_s5y1i_321",
32
- "empty": "awsui_empty_p8a6i_s5y1i_322",
33
- "has-header": "awsui_has-header_p8a6i_s5y1i_329",
34
- "refresh": "awsui_refresh_p8a6i_s5y1i_332",
35
- "card-header": "awsui_card-header_p8a6i_s5y1i_403",
36
- "card-header-inner": "awsui_card-header-inner_p8a6i_s5y1i_411",
37
- "card-selectable": "awsui_card-selectable_p8a6i_s5y1i_415",
38
- "card-selected": "awsui_card-selected_p8a6i_s5y1i_418",
39
- "section": "awsui_section_p8a6i_s5y1i_426",
40
- "section-header": "awsui_section-header_p8a6i_s5y1i_434",
41
- "section-content": "awsui_section-content_p8a6i_s5y1i_440",
42
- "footer-pagination": "awsui_footer-pagination_p8a6i_s5y1i_450"
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"
43
43
  };
44
44
 
package/cards/styles.scoped.css CHANGED
@@ -158,39 +158,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
158
158
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
159
159
  SPDX-License-Identifier: Apache-2.0
160
160
  */
161
- .awsui_card-inner_p8a6i_s5y1i_161:not(#\9) {
161
+ .awsui_card-inner_p8a6i_flb7q_161:not(#\9) {
162
162
  transition-property: background-color;
163
163
  transition-duration: var(--motion-duration-transition-show-paced-t8d1os, 180ms);
164
164
  transition-timing-function: var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
165
165
  }
166
166
  @media (prefers-reduced-motion: reduce) {
167
- .awsui_card-inner_p8a6i_s5y1i_161:not(#\9) {
167
+ .awsui_card-inner_p8a6i_flb7q_161:not(#\9) {
168
168
  animation: none;
169
169
  transition: none;
170
170
  }
171
171
  }
172
- .awsui-motion-disabled .awsui_card-inner_p8a6i_s5y1i_161:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_s5y1i_161:not(#\9) {
172
+ .awsui-motion-disabled .awsui_card-inner_p8a6i_flb7q_161:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_flb7q_161:not(#\9) {
173
173
  animation: none;
174
174
  transition: none;
175
175
  }
176
176
 
177
- .awsui_card-inner_p8a6i_s5y1i_161:not(#\9)::before {
177
+ .awsui_card-inner_p8a6i_flb7q_161:not(#\9)::before {
178
178
  transition-property: border-top-color, border-right-color, border-bottom-color, border-left-color;
179
179
  transition-duration: var(--motion-duration-transition-show-paced-t8d1os, 180ms);
180
180
  transition-timing-function: var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
181
181
  }
182
182
  @media (prefers-reduced-motion: reduce) {
183
- .awsui_card-inner_p8a6i_s5y1i_161:not(#\9)::before {
183
+ .awsui_card-inner_p8a6i_flb7q_161:not(#\9)::before {
184
184
  animation: none;
185
185
  transition: none;
186
186
  }
187
187
  }
188
- .awsui-motion-disabled .awsui_card-inner_p8a6i_s5y1i_161:not(#\9)::before, .awsui-mode-entering .awsui_card-inner_p8a6i_s5y1i_161:not(#\9)::before {
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
189
  animation: none;
190
190
  transition: none;
191
191
  }
192
192
 
193
- .awsui_root_p8a6i_s5y1i_193:not(#\9) {
193
+ .awsui_root_p8a6i_flb7q_193:not(#\9) {
194
194
  border-collapse: separate;
195
195
  border-spacing: 0;
196
196
  box-sizing: border-box;
@@ -229,14 +229,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
229
229
  -moz-osx-font-smoothing: auto;
230
230
  }
231
231
 
232
- .awsui_header-variant-full-page_p8a6i_s5y1i_232.awsui_header-refresh_p8a6i_s5y1i_232:not(#\9) {
232
+ .awsui_header-variant-full-page_p8a6i_flb7q_232.awsui_header-refresh_p8a6i_flb7q_232:not(#\9) {
233
233
  padding-block-start: 0;
234
234
  padding-inline-start: 0;
235
235
  padding-inline-end: 0;
236
236
  padding-block-end: calc(var(--space-container-header-bottom-2taq8v, 8px) + var(--space-table-header-tools-full-page-bottom-9m47g6, 4px));
237
237
  }
238
238
 
239
- .awsui_list_p8a6i_s5y1i_239:not(#\9) {
239
+ .awsui_list_p8a6i_flb7q_239:not(#\9) {
240
240
  display: flex;
241
241
  flex-wrap: wrap;
242
242
  box-sizing: border-box;
@@ -247,68 +247,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
247
247
  margin-inline-start: calc(var(--space-grid-gutter-whc3jp, 20px) * -1);
248
248
  margin-inline-end: 0;
249
249
  }
250
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-1_p8a6i_s5y1i_250 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
250
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-1_p8a6i_flb7q_250 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
251
251
  inline-size: 100%;
252
252
  }
253
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-2_p8a6i_s5y1i_253 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
253
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-2_p8a6i_flb7q_253 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
254
254
  inline-size: 50%;
255
255
  }
256
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-3_p8a6i_s5y1i_256 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
256
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-3_p8a6i_flb7q_256 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
257
257
  inline-size: 33.3333333333%;
258
258
  }
259
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-4_p8a6i_s5y1i_259 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
259
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-4_p8a6i_flb7q_259 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
260
260
  inline-size: 25%;
261
261
  }
262
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-5_p8a6i_s5y1i_262 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
262
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-5_p8a6i_flb7q_262 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
263
263
  inline-size: 20%;
264
264
  }
265
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-6_p8a6i_s5y1i_265 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
265
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-6_p8a6i_flb7q_265 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
266
266
  inline-size: 16.6666666667%;
267
267
  }
268
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-7_p8a6i_s5y1i_268 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
268
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-7_p8a6i_flb7q_268 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
269
269
  inline-size: 14.2857142857%;
270
270
  }
271
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-8_p8a6i_s5y1i_271 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
271
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-8_p8a6i_flb7q_271 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
272
272
  inline-size: 12.5%;
273
273
  }
274
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-9_p8a6i_s5y1i_274 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
274
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-9_p8a6i_flb7q_274 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
275
275
  inline-size: 11.1111111111%;
276
276
  }
277
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-10_p8a6i_s5y1i_277 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
277
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-10_p8a6i_flb7q_277 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
278
278
  inline-size: 10%;
279
279
  }
280
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-11_p8a6i_s5y1i_280 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
280
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-11_p8a6i_flb7q_280 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
281
281
  inline-size: 9.0909090909%;
282
282
  }
283
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-12_p8a6i_s5y1i_283 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
283
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-12_p8a6i_flb7q_283 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
284
284
  inline-size: 8.3333333333%;
285
285
  }
286
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-13_p8a6i_s5y1i_286 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
286
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-13_p8a6i_flb7q_286 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
287
287
  inline-size: 7.6923076923%;
288
288
  }
289
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-14_p8a6i_s5y1i_289 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
289
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-14_p8a6i_flb7q_289 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
290
290
  inline-size: 7.1428571429%;
291
291
  }
292
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-15_p8a6i_s5y1i_292 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
292
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-15_p8a6i_flb7q_292 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
293
293
  inline-size: 6.6666666667%;
294
294
  }
295
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-16_p8a6i_s5y1i_295 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
295
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-16_p8a6i_flb7q_295 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
296
296
  inline-size: 6.25%;
297
297
  }
298
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-17_p8a6i_s5y1i_298 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
298
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-17_p8a6i_flb7q_298 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
299
299
  inline-size: 5.8823529412%;
300
300
  }
301
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-18_p8a6i_s5y1i_301 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
301
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-18_p8a6i_flb7q_301 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
302
302
  inline-size: 5.5555555556%;
303
303
  }
304
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-19_p8a6i_s5y1i_304 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
304
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-19_p8a6i_flb7q_304 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
305
305
  inline-size: 5.2631578947%;
306
306
  }
307
- .awsui_list_p8a6i_s5y1i_239.awsui_list-grid-20_p8a6i_s5y1i_307 > .awsui_card_p8a6i_s5y1i_161:not(#\9) {
307
+ .awsui_list_p8a6i_flb7q_239.awsui_list-grid-20_p8a6i_flb7q_307 > .awsui_card_p8a6i_flb7q_161:not(#\9) {
308
308
  inline-size: 5%;
309
309
  }
310
310
 
311
- .awsui_selection-control_p8a6i_s5y1i_311:not(#\9) {
311
+ .awsui_selection-control_p8a6i_flb7q_311:not(#\9) {
312
312
  position: absolute;
313
313
  box-sizing: border-box;
314
314
  inline-size: calc(var(--size-control-adm93y, 16px) + 2 * var(--space-card-horizontal-8o8t31, 20px));
@@ -318,38 +318,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
318
318
  padding-inline: var(--space-card-horizontal-8o8t31, 20px);
319
319
  }
320
320
 
321
- .awsui_loading_p8a6i_s5y1i_321:not(#\9),
322
- .awsui_empty_p8a6i_s5y1i_322:not(#\9) {
321
+ .awsui_loading_p8a6i_flb7q_321:not(#\9),
322
+ .awsui_empty_p8a6i_flb7q_322:not(#\9) {
323
323
  overflow: hidden;
324
324
  text-align: center;
325
325
  color: var(--color-text-empty-tlohug, #656871);
326
326
  margin-block-end: var(--space-scaled-l-sej05l, 20px);
327
327
  }
328
328
 
329
- .awsui_has-header_p8a6i_s5y1i_329:not(#\9) {
329
+ .awsui_has-header_p8a6i_flb7q_329:not(#\9) {
330
330
  margin-block-start: var(--space-grid-gutter-whc3jp, 20px);
331
331
  }
332
- .awsui_has-header_p8a6i_s5y1i_329.awsui_refresh_p8a6i_s5y1i_332.awsui_header-variant-full-page_p8a6i_s5y1i_232:not(#\9) {
332
+ .awsui_has-header_p8a6i_flb7q_329.awsui_refresh_p8a6i_flb7q_332.awsui_header-variant-full-page_p8a6i_flb7q_232:not(#\9) {
333
333
  margin-block-start: var(--space-scaled-s-8ozaad, 12px);
334
334
  }
335
335
 
336
- .awsui_card_p8a6i_s5y1i_161:not(#\9) {
336
+ .awsui_card_p8a6i_flb7q_161:not(#\9) {
337
337
  display: flex;
338
338
  overflow-wrap: break-word;
339
339
  word-wrap: break-word;
340
+ box-sizing: border-box;
340
341
  margin-block: 0;
341
342
  margin-inline: 0;
342
- padding-block: 0;
343
- padding-inline: 0;
343
+ padding-block-start: 0;
344
+ padding-block-end: var(--space-grid-gutter-whc3jp, 20px);
345
+ padding-inline-start: var(--space-grid-gutter-whc3jp, 20px);
346
+ padding-inline-end: 0;
344
347
  list-style: none;
345
348
  }
346
- .awsui_card-inner_p8a6i_s5y1i_161:not(#\9) {
349
+ .awsui_card-inner_p8a6i_flb7q_161:not(#\9) {
347
350
  position: relative;
348
351
  background-color: var(--color-background-container-content-6u8rvp, #ffffff);
349
- margin-block-start: 0;
350
- margin-block-end: var(--space-grid-gutter-whc3jp, 20px);
351
- margin-inline-start: var(--space-grid-gutter-whc3jp, 20px);
352
- margin-inline-end: 0;
352
+ margin-block: 0;
353
+ margin-inline: 0;
353
354
  padding-block: var(--space-card-vertical-uad0cc, 16px);
354
355
  padding-inline: var(--space-card-horizontal-8o8t31, 20px);
355
356
  inline-size: 100%;
@@ -360,7 +361,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
360
361
  border-end-end-radius: var(--border-radius-container-nsfwmm, 16px);
361
362
  box-sizing: border-box;
362
363
  }
363
- .awsui_card-inner_p8a6i_s5y1i_161:not(#\9)::before {
364
+ .awsui_card-inner_p8a6i_flb7q_161:not(#\9)::before {
364
365
  content: "";
365
366
  position: absolute;
366
367
  inset-inline-start: 0px;
@@ -378,7 +379,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
378
379
  border-end-end-radius: var(--border-radius-container-nsfwmm, 16px);
379
380
  z-index: 1;
380
381
  }
381
- .awsui_card-inner_p8a6i_s5y1i_161:not(#\9)::after {
382
+ .awsui_card-inner_p8a6i_flb7q_161:not(#\9)::after {
382
383
  content: "";
383
384
  position: absolute;
384
385
  inset-inline-start: 0px;
@@ -393,14 +394,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
393
394
  border-end-start-radius: var(--border-radius-container-nsfwmm, 16px);
394
395
  border-end-end-radius: var(--border-radius-container-nsfwmm, 16px);
395
396
  }
396
- .awsui_card-inner_p8a6i_s5y1i_161:not(#\9):not(.awsui_refresh_p8a6i_s5y1i_332)::after {
397
+ .awsui_card-inner_p8a6i_flb7q_161:not(#\9):not(.awsui_refresh_p8a6i_flb7q_332)::after {
397
398
  box-shadow: var(--shadow-container-53ltfv, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
398
399
  }
399
- .awsui_card-inner_p8a6i_s5y1i_161.awsui_refresh_p8a6i_s5y1i_332:not(#\9)::after {
400
+ .awsui_card-inner_p8a6i_flb7q_161.awsui_refresh_p8a6i_flb7q_332:not(#\9)::after {
400
401
  border-block: solid var(--border-divider-section-width-uwo8my, 1px) var(--color-border-divider-default-nr68jt, #c6c6cd);
401
402
  border-inline: solid var(--border-divider-section-width-uwo8my, 1px) var(--color-border-divider-default-nr68jt, #c6c6cd);
402
403
  }
403
- .awsui_card-header_p8a6i_s5y1i_403:not(#\9) {
404
+ .awsui_card-header_p8a6i_flb7q_404:not(#\9) {
404
405
  font-size: var(--font-size-heading-m-170yiy, 18px);
405
406
  line-height: var(--line-height-heading-m-uoaqdh, 22px);
406
407
  letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
@@ -408,22 +409,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
408
409
  -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
409
410
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
410
411
  }
411
- .awsui_card-header-inner_p8a6i_s5y1i_411:not(#\9) {
412
+ .awsui_card-header-inner_p8a6i_flb7q_412:not(#\9) {
412
413
  inline-size: 100%;
413
414
  display: inline-block;
414
415
  }
415
- .awsui_card-selectable_p8a6i_s5y1i_415 > .awsui_card-inner_p8a6i_s5y1i_161 > .awsui_card-header_p8a6i_s5y1i_403:not(#\9) {
416
+ .awsui_card-selectable_p8a6i_flb7q_416 > .awsui_card-inner_p8a6i_flb7q_161 > .awsui_card-header_p8a6i_flb7q_404:not(#\9) {
416
417
  inline-size: 90%;
417
418
  }
418
- .awsui_card-selected_p8a6i_s5y1i_418 > .awsui_card-inner_p8a6i_s5y1i_161:not(#\9) {
419
+ .awsui_card-selected_p8a6i_flb7q_419 > .awsui_card-inner_p8a6i_flb7q_161:not(#\9) {
419
420
  background-color: var(--color-background-item-selected-9gppru, #f0fbff);
420
421
  }
421
- .awsui_card-selected_p8a6i_s5y1i_418 > .awsui_card-inner_p8a6i_s5y1i_161:not(#\9)::before {
422
+ .awsui_card-selected_p8a6i_flb7q_419 > .awsui_card-inner_p8a6i_flb7q_161:not(#\9)::before {
422
423
  border-block: var(--border-item-width-miijiw, 2px) solid var(--color-border-item-selected-wl5ttm, #006ce0);
423
424
  border-inline: var(--border-item-width-miijiw, 2px) solid var(--color-border-item-selected-wl5ttm, #006ce0);
424
425
  }
425
426
 
426
- .awsui_section_p8a6i_s5y1i_426:not(#\9) {
427
+ .awsui_section_p8a6i_flb7q_427:not(#\9) {
427
428
  display: inline-block;
428
429
  box-sizing: border-box;
429
430
  padding-block-start: var(--space-xs-ymlm0b, 8px);
@@ -431,23 +432,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
431
432
  padding-inline: 0;
432
433
  vertical-align: top;
433
434
  }
434
- .awsui_section-header_p8a6i_s5y1i_434:not(#\9) {
435
+ .awsui_section-header_p8a6i_flb7q_435:not(#\9) {
435
436
  font-size: var(--font-size-body-m-a7nh2n, 14px);
436
437
  line-height: var(--line-height-body-m-2mh3ke, 20px);
437
438
  font-weight: var(--font-display-label-weight-zavpeo, 700);
438
439
  color: var(--color-text-label-28gfmc, #0f141a);
439
440
  }
440
- .awsui_section-content_p8a6i_s5y1i_440:not(#\9) {
441
+ .awsui_section-content_p8a6i_flb7q_441:not(#\9) {
441
442
  /* used in test-utils */
442
443
  }
443
444
 
444
- .awsui_section_p8a6i_s5y1i_426:not(#\9):last-child {
445
+ .awsui_section_p8a6i_flb7q_427:not(#\9):last-child {
445
446
  padding-block-start: var(--space-xs-ymlm0b, 8px);
446
447
  padding-block-end: 0;
447
448
  padding-inline: 0;
448
449
  }
449
450
 
450
- .awsui_footer-pagination_p8a6i_s5y1i_450:not(#\9) {
451
+ .awsui_footer-pagination_p8a6i_flb7q_451:not(#\9) {
451
452
  display: flex;
452
453
  justify-content: flex-end;
453
454
  }