@cloudscape-design/components 3.0.353 → 3.0.354

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 (56) hide show
  1. package/alert/internal.d.ts.map +1 -1
  2. package/alert/internal.js +15 -13
  3. package/alert/internal.js.map +1 -1
  4. package/attribute-editor/styles.css.js +14 -14
  5. package/attribute-editor/styles.scoped.css +28 -29
  6. package/attribute-editor/styles.selectors.js +14 -14
  7. package/breadcrumb-group/item/styles.css.js +9 -9
  8. package/breadcrumb-group/item/styles.scoped.css +19 -19
  9. package/breadcrumb-group/item/styles.selectors.js +9 -9
  10. package/cards/index.d.ts.map +1 -1
  11. package/cards/index.js +9 -7
  12. package/cards/index.js.map +1 -1
  13. package/help-panel/index.d.ts.map +1 -1
  14. package/help-panel/index.js +3 -1
  15. package/help-panel/index.js.map +1 -1
  16. package/help-panel/styles.css.js +4 -4
  17. package/help-panel/styles.scoped.css +67 -68
  18. package/help-panel/styles.selectors.js +4 -4
  19. package/internal/base-component/styles.scoped.css +0 -8
  20. package/internal/context/link-default-variant-context.d.ts +6 -0
  21. package/internal/context/link-default-variant-context.d.ts.map +1 -0
  22. package/internal/context/link-default-variant-context.js +7 -0
  23. package/internal/context/link-default-variant-context.js.map +1 -0
  24. package/internal/environment.js +1 -1
  25. package/internal/environment.json +1 -1
  26. package/internal/generated/theming/index.cjs +0 -40
  27. package/internal/generated/theming/index.js +0 -40
  28. package/internal/manifest.json +1 -1
  29. package/link/index.d.ts.map +1 -1
  30. package/link/index.js +2 -2
  31. package/link/index.js.map +1 -1
  32. package/link/interfaces.d.ts +7 -0
  33. package/link/interfaces.d.ts.map +1 -1
  34. package/link/interfaces.js.map +1 -1
  35. package/link/internal.d.ts.map +1 -1
  36. package/link/internal.js +4 -1
  37. package/link/internal.js.map +1 -1
  38. package/link/styles.css.js +20 -20
  39. package/link/styles.scoped.css +79 -78
  40. package/link/styles.selectors.js +20 -20
  41. package/package.json +1 -1
  42. package/popover/internal.d.ts.map +1 -1
  43. package/popover/internal.js +3 -1
  44. package/popover/internal.js.map +1 -1
  45. package/table/internal.d.ts.map +1 -1
  46. package/table/internal.js +58 -56
  47. package/table/internal.js.map +1 -1
  48. package/text-content/styles.css.js +1 -1
  49. package/text-content/styles.scoped.css +68 -70
  50. package/text-content/styles.selectors.js +1 -1
  51. package/tutorial-panel/components/tutorial-detail-view/congratulation-screen.js +1 -1
  52. package/tutorial-panel/components/tutorial-detail-view/congratulation-screen.js.map +1 -1
  53. package/tutorial-panel/components/tutorial-list/index.js +1 -1
  54. package/tutorial-panel/components/tutorial-list/index.js.map +1 -1
  55. package/wizard/wizard-navigation.js +1 -1
  56. package/wizard/wizard-navigation.js.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["alert/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAYtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAelF,QAAA,MAAM,aAAa;;qEA4FlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["alert/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAYtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAgBlF,QAAA,MAAM,aAAa;;qEA8FlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/alert/internal.js CHANGED
@@ -15,6 +15,7 @@ import useForwardFocus from '../internal/hooks/forward-focus';
15
15
  import { useMergeRefs } from '../internal/hooks/use-merge-refs';
16
16
  import { useInternalI18n } from '../i18n/context';
17
17
  import { DATA_ATTR_ANALYTICS_ALERT } from '../internal/analytics/selectors';
18
+ import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
18
19
  const typeToIcon = {
19
20
  error: 'status-negative',
20
21
  warning: 'status-warning',
@@ -37,19 +38,20 @@ const InternalAlert = React.forwardRef((_a, ref) => {
37
38
  [DATA_ATTR_ANALYTICS_ALERT]: type,
38
39
  };
39
40
  return (React.createElement("div", Object.assign({}, baseProps, analyticsAttributes, { "aria-hidden": !visible, className: clsx(styles.root, { [styles.hidden]: !visible }, baseProps.className, styles[`breakpoint-${breakpoint}`]), ref: mergedRef }),
40
- React.createElement(VisualContext, { contextName: "alert" },
41
- React.createElement("div", { className: clsx(styles.alert, styles[`type-${type}`], styles[`icon-size-${size}`]) },
42
- React.createElement("div", { className: styles['alert-mobile-block'] },
43
- React.createElement("div", { className: styles['alert-focus-wrapper'], tabIndex: -1, ref: focusRef },
44
- React.createElement("div", { className: clsx(styles.icon, styles.text), role: "img", "aria-label": statusIconAriaLabel },
45
- React.createElement(InternalIcon, { name: typeToIcon[type], size: size })),
46
- React.createElement("div", { className: styles.body },
47
- React.createElement("div", { className: clsx(styles.message, styles.text) },
48
- header && React.createElement("div", { className: styles.header }, header),
49
- React.createElement("div", { className: styles.content }, children)))),
50
- hasAction && React.createElement("div", { className: styles.action }, actionButton)),
51
- dismissible && (React.createElement("div", { className: styles.dismiss },
52
- React.createElement(InternalButton, { className: styles['dismiss-button'], variant: "icon", iconName: "close", formAction: "none", ariaLabel: i18n('dismissAriaLabel', dismissAriaLabel), onClick: () => fireNonCancelableEvent(onDismiss) })))))));
41
+ React.createElement(LinkDefaultVariantContext.Provider, { value: { defaultVariant: 'primary' } },
42
+ React.createElement(VisualContext, { contextName: "alert" },
43
+ React.createElement("div", { className: clsx(styles.alert, styles[`type-${type}`], styles[`icon-size-${size}`]) },
44
+ React.createElement("div", { className: styles['alert-mobile-block'] },
45
+ React.createElement("div", { className: styles['alert-focus-wrapper'], tabIndex: -1, ref: focusRef },
46
+ React.createElement("div", { className: clsx(styles.icon, styles.text), role: "img", "aria-label": statusIconAriaLabel },
47
+ React.createElement(InternalIcon, { name: typeToIcon[type], size: size })),
48
+ React.createElement("div", { className: styles.body },
49
+ React.createElement("div", { className: clsx(styles.message, styles.text) },
50
+ header && React.createElement("div", { className: styles.header }, header),
51
+ React.createElement("div", { className: styles.content }, children)))),
52
+ hasAction && React.createElement("div", { className: styles.action }, actionButton)),
53
+ dismissible && (React.createElement("div", { className: styles.dismiss },
54
+ React.createElement(InternalButton, { className: styles['dismiss-button'], variant: "icon", iconName: "close", formAction: "none", ariaLabel: i18n('dismissAriaLabel', dismissAriaLabel), onClick: () => fireNonCancelableEvent(onDismiss) }))))))));
53
55
  });
54
56
  export default InternalAlert;
55
57
  //# sourceMappingURL=internal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["alert/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { InternalButton } from '../button/internal';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport VisualContext from '../internal/components/visual-context';\nimport styles from './styles.css.js';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { AlertProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { SomeRequired } from '../internal/types';\nimport { useInternalI18n } from '../i18n/context';\nimport { DATA_ATTR_ANALYTICS_ALERT } from '../internal/analytics/selectors';\n\nconst typeToIcon: Record<AlertProps.Type, IconProps['name']> = {\n error: 'status-negative',\n warning: 'status-warning',\n success: 'status-positive',\n info: 'status-info',\n};\n\ntype InternalAlertProps = SomeRequired<AlertProps, 'type'> & InternalBaseComponentProps;\n\nconst InternalAlert = React.forwardRef(\n (\n {\n type,\n statusIconAriaLabel,\n visible = true,\n dismissible,\n dismissAriaLabel,\n children,\n header,\n buttonText,\n action,\n onDismiss,\n onButtonClick,\n __internalRootRef = null,\n ...rest\n }: InternalAlertProps,\n ref: React.Ref<AlertProps.Ref>\n ) => {\n const baseProps = getBaseProps(rest);\n const i18n = useInternalI18n('alert');\n\n const focusRef = useRef<HTMLDivElement>(null);\n useForwardFocus(ref, focusRef);\n\n const [breakpoint, breakpointRef] = useContainerBreakpoints(['xs']);\n const mergedRef = useMergeRefs(breakpointRef, __internalRootRef);\n\n const isRefresh = useVisualRefresh();\n const size = isRefresh ? 'normal' : header && children ? 'big' : 'normal';\n\n const actionButton = action || (\n <InternalButton\n className={styles['action-button']}\n onClick={() => fireNonCancelableEvent(onButtonClick)}\n formAction=\"none\"\n >\n {buttonText}\n </InternalButton>\n );\n\n const hasAction = Boolean(action || buttonText);\n const analyticsAttributes = {\n [DATA_ATTR_ANALYTICS_ALERT]: type,\n };\n\n return (\n <div\n {...baseProps}\n {...analyticsAttributes}\n aria-hidden={!visible}\n className={clsx(\n styles.root,\n { [styles.hidden]: !visible },\n baseProps.className,\n styles[`breakpoint-${breakpoint}`]\n )}\n ref={mergedRef}\n >\n <VisualContext contextName=\"alert\">\n <div className={clsx(styles.alert, styles[`type-${type}`], styles[`icon-size-${size}`])}>\n <div className={styles['alert-mobile-block']}>\n <div className={styles['alert-focus-wrapper']} tabIndex={-1} ref={focusRef}>\n <div className={clsx(styles.icon, styles.text)} role=\"img\" aria-label={statusIconAriaLabel}>\n <InternalIcon name={typeToIcon[type]} size={size} />\n </div>\n <div className={styles.body}>\n <div className={clsx(styles.message, styles.text)}>\n {header && <div className={styles.header}>{header}</div>}\n <div className={styles.content}>{children}</div>\n </div>\n </div>\n </div>\n {hasAction && <div className={styles.action}>{actionButton}</div>}\n </div>\n {dismissible && (\n <div className={styles.dismiss}>\n <InternalButton\n className={styles['dismiss-button']}\n variant=\"icon\"\n iconName=\"close\"\n formAction=\"none\"\n ariaLabel={i18n('dismissAriaLabel', dismissAriaLabel)}\n onClick={() => fireNonCancelableEvent(onDismiss)}\n />\n </div>\n )}\n </div>\n </VisualContext>\n </div>\n );\n }\n);\n\nexport default InternalAlert;\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["alert/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { InternalButton } from '../button/internal';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport VisualContext from '../internal/components/visual-context';\nimport styles from './styles.css.js';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { AlertProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { SomeRequired } from '../internal/types';\nimport { useInternalI18n } from '../i18n/context';\nimport { DATA_ATTR_ANALYTICS_ALERT } from '../internal/analytics/selectors';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\n\nconst typeToIcon: Record<AlertProps.Type, IconProps['name']> = {\n error: 'status-negative',\n warning: 'status-warning',\n success: 'status-positive',\n info: 'status-info',\n};\n\ntype InternalAlertProps = SomeRequired<AlertProps, 'type'> & InternalBaseComponentProps;\n\nconst InternalAlert = React.forwardRef(\n (\n {\n type,\n statusIconAriaLabel,\n visible = true,\n dismissible,\n dismissAriaLabel,\n children,\n header,\n buttonText,\n action,\n onDismiss,\n onButtonClick,\n __internalRootRef = null,\n ...rest\n }: InternalAlertProps,\n ref: React.Ref<AlertProps.Ref>\n ) => {\n const baseProps = getBaseProps(rest);\n const i18n = useInternalI18n('alert');\n\n const focusRef = useRef<HTMLDivElement>(null);\n useForwardFocus(ref, focusRef);\n\n const [breakpoint, breakpointRef] = useContainerBreakpoints(['xs']);\n const mergedRef = useMergeRefs(breakpointRef, __internalRootRef);\n\n const isRefresh = useVisualRefresh();\n const size = isRefresh ? 'normal' : header && children ? 'big' : 'normal';\n\n const actionButton = action || (\n <InternalButton\n className={styles['action-button']}\n onClick={() => fireNonCancelableEvent(onButtonClick)}\n formAction=\"none\"\n >\n {buttonText}\n </InternalButton>\n );\n\n const hasAction = Boolean(action || buttonText);\n const analyticsAttributes = {\n [DATA_ATTR_ANALYTICS_ALERT]: type,\n };\n\n return (\n <div\n {...baseProps}\n {...analyticsAttributes}\n aria-hidden={!visible}\n className={clsx(\n styles.root,\n { [styles.hidden]: !visible },\n baseProps.className,\n styles[`breakpoint-${breakpoint}`]\n )}\n ref={mergedRef}\n >\n <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n <VisualContext contextName=\"alert\">\n <div className={clsx(styles.alert, styles[`type-${type}`], styles[`icon-size-${size}`])}>\n <div className={styles['alert-mobile-block']}>\n <div className={styles['alert-focus-wrapper']} tabIndex={-1} ref={focusRef}>\n <div className={clsx(styles.icon, styles.text)} role=\"img\" aria-label={statusIconAriaLabel}>\n <InternalIcon name={typeToIcon[type]} size={size} />\n </div>\n <div className={styles.body}>\n <div className={clsx(styles.message, styles.text)}>\n {header && <div className={styles.header}>{header}</div>}\n <div className={styles.content}>{children}</div>\n </div>\n </div>\n </div>\n {hasAction && <div className={styles.action}>{actionButton}</div>}\n </div>\n {dismissible && (\n <div className={styles.dismiss}>\n <InternalButton\n className={styles['dismiss-button']}\n variant=\"icon\"\n iconName=\"close\"\n formAction=\"none\"\n ariaLabel={i18n('dismissAriaLabel', dismissAriaLabel)}\n onClick={() => fireNonCancelableEvent(onDismiss)}\n />\n </div>\n )}\n </div>\n </VisualContext>\n </LinkDefaultVariantContext.Provider>\n </div>\n );\n }\n);\n\nexport default InternalAlert;\n"]}
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "empty-appear": "awsui_empty-appear_n4qlp_n0v06_93",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_n0v06_1",
6
- "root": "awsui_root_n4qlp_n0v06_119",
7
- "empty": "awsui_empty_n4qlp_n0v06_93",
8
- "row": "awsui_row_n4qlp_n0v06_139",
9
- "row-control": "awsui_row-control_n4qlp_n0v06_143",
10
- "field": "awsui_field_n4qlp_n0v06_147",
11
- "add-button": "awsui_add-button_n4qlp_n0v06_151",
12
- "remove-button": "awsui_remove-button_n4qlp_n0v06_155",
13
- "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_n0v06_159",
14
- "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_n0v06_163",
15
- "divider": "awsui_divider_n4qlp_n0v06_167",
16
- "additional-info": "awsui_additional-info_n4qlp_n0v06_171",
17
- "right-align": "awsui_right-align_n4qlp_n0v06_217"
4
+ "empty-appear": "awsui_empty-appear_n4qlp_llqch_93",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_llqch_1",
6
+ "root": "awsui_root_n4qlp_llqch_119",
7
+ "empty": "awsui_empty_n4qlp_llqch_93",
8
+ "row": "awsui_row_n4qlp_llqch_139",
9
+ "row-control": "awsui_row-control_n4qlp_llqch_143",
10
+ "field": "awsui_field_n4qlp_llqch_147",
11
+ "add-button": "awsui_add-button_n4qlp_llqch_151",
12
+ "remove-button": "awsui_remove-button_n4qlp_llqch_155",
13
+ "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_llqch_159",
14
+ "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_llqch_163",
15
+ "divider": "awsui_divider_n4qlp_llqch_167",
16
+ "additional-info": "awsui_additional-info_n4qlp_llqch_171",
17
+ "right-align": "awsui_right-align_n4qlp_llqch_217"
18
18
  };
19
19
 
@@ -90,10 +90,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_empty-appear_n4qlp_n0v06_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in_n4qlp_n0v06_1 var(--motion-duration-transition-show-paced-9s9l5z, 180ms) var(--motion-easing-transition-show-paced-eobwvi, ease-out);
93
+ .awsui_empty-appear_n4qlp_llqch_93:not(#\9) {
94
+ animation: awsui_awsui-motion-fade-in_n4qlp_llqch_1 var(--motion-duration-transition-show-paced-9s9l5z, 180ms) var(--motion-easing-transition-show-paced-eobwvi, ease-out);
95
95
  }
96
- @keyframes awsui_awsui-motion-fade-in_n4qlp_n0v06_1 {
96
+ @keyframes awsui_awsui-motion-fade-in_n4qlp_llqch_1 {
97
97
  from {
98
98
  opacity: 0.2;
99
99
  }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
102
102
  }
103
103
  }
104
104
  @media (prefers-reduced-motion: reduce) {
105
- .awsui_empty-appear_n4qlp_n0v06_93:not(#\9) {
105
+ .awsui_empty-appear_n4qlp_llqch_93:not(#\9) {
106
106
  animation: none;
107
107
  transition: none;
108
108
  }
109
109
  }
110
- .awsui-motion-disabled .awsui_empty-appear_n4qlp_n0v06_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_n0v06_93:not(#\9) {
110
+ .awsui-motion-disabled .awsui_empty-appear_n4qlp_llqch_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_llqch_93:not(#\9) {
111
111
  animation: none;
112
112
  transition: none;
113
113
  }
@@ -116,7 +116,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
116
116
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
117
117
  SPDX-License-Identifier: Apache-2.0
118
118
  */
119
- .awsui_root_n4qlp_n0v06_119:not(#\9) {
119
+ .awsui_root_n4qlp_llqch_119:not(#\9) {
120
120
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
121
121
  border-collapse: separate;
122
122
  border-spacing: 0;
@@ -156,45 +156,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
156
156
  display: block;
157
157
  }
158
158
 
159
- .awsui_empty_n4qlp_n0v06_93:not(#\9) {
159
+ .awsui_empty_n4qlp_llqch_93:not(#\9) {
160
160
  font-size: var(--font-body-m-size-dhtyxm, 14px);
161
161
  line-height: var(--font-body-m-line-height-5wv9x1, 20px);
162
162
  color: var(--color-text-empty-2wfcyr, #5f6b7a);
163
163
  }
164
164
 
165
- .awsui_row_n4qlp_n0v06_139:not(#\9) {
165
+ .awsui_row_n4qlp_llqch_139:not(#\9) {
166
166
  /* used in test-utils */
167
167
  }
168
168
 
169
- .awsui_row-control_n4qlp_n0v06_143:not(#\9) {
169
+ .awsui_row-control_n4qlp_llqch_143:not(#\9) {
170
170
  /* used in test-utils */
171
171
  }
172
172
 
173
- .awsui_field_n4qlp_n0v06_147:not(#\9) {
173
+ .awsui_field_n4qlp_llqch_147:not(#\9) {
174
174
  /* used in test-utils */
175
175
  }
176
176
 
177
- .awsui_add-button_n4qlp_n0v06_151:not(#\9) {
177
+ .awsui_add-button_n4qlp_llqch_151:not(#\9) {
178
178
  /* used in test-utils */
179
179
  }
180
180
 
181
- .awsui_remove-button_n4qlp_n0v06_155:not(#\9) {
181
+ .awsui_remove-button_n4qlp_llqch_155:not(#\9) {
182
182
  /* used in test-utils */
183
183
  }
184
184
 
185
- .awsui_button-container-haslabel_n4qlp_n0v06_159:not(#\9) {
185
+ .awsui_button-container-haslabel_n4qlp_llqch_159:not(#\9) {
186
186
  padding-top: calc(var(--space-xxs-p8yyaw, 4px) + var(--font-body-m-line-height-5wv9x1, 20px));
187
187
  }
188
188
 
189
- .awsui_button-container-nolabel_n4qlp_n0v06_163:not(#\9) {
189
+ .awsui_button-container-nolabel_n4qlp_llqch_163:not(#\9) {
190
190
  padding-top: var(--space-xxs-p8yyaw, 4px);
191
191
  }
192
192
 
193
- .awsui_divider_n4qlp_n0v06_167:not(#\9) {
193
+ .awsui_divider_n4qlp_llqch_167:not(#\9) {
194
194
  border-bottom: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
195
195
  }
196
196
 
197
- .awsui_additional-info_n4qlp_n0v06_171:not(#\9) {
197
+ .awsui_additional-info_n4qlp_llqch_171:not(#\9) {
198
198
  color: var(--color-text-form-secondary-dxc248, #5f6b7a);
199
199
  font-size: var(--font-body-s-size-8339kg, 12px);
200
200
  line-height: var(--font-body-s-line-height-uztvf6, 16px);
@@ -204,45 +204,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
204
204
  margin-top: var(--space-xxs-p8yyaw, 4px);
205
205
  /* stylelint-disable-next-line selector-max-type */
206
206
  }
207
- .awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9) {
207
+ .awsui_additional-info_n4qlp_llqch_171 > a:not(#\9) {
208
208
  color: var(--color-text-link-default-latg1a, #0972d3);
209
- font-weight: var(--font-link-primary-weight-k726vk, "inherit");
210
- letter-spacing: var(--font-link-primary-letter-spacing-uqaf5f, "inherit");
211
- -webkit-text-decoration: var(--font-link-primary-decoration-cp88s8, underline);
212
- text-decoration: var(--font-link-primary-decoration-cp88s8, underline);
209
+ font-weight: inherit;
210
+ letter-spacing: normal;
211
+ text-decoration: underline;
213
212
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
214
- text-decoration-color: var(--color-text-link-primary-underline-gvxbge, #0972d3);
213
+ text-decoration-color: currentColor;
215
214
  transition-property: color, -webkit-text-decoration;
216
215
  transition-property: color, text-decoration;
217
216
  transition-property: color, text-decoration, -webkit-text-decoration;
218
217
  transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
219
218
  }
220
219
  @media (prefers-reduced-motion: reduce) {
221
- .awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9) {
220
+ .awsui_additional-info_n4qlp_llqch_171 > a:not(#\9) {
222
221
  animation: none;
223
222
  transition: none;
224
223
  }
225
224
  }
226
- .awsui-motion-disabled .awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9) {
225
+ .awsui-motion-disabled .awsui_additional-info_n4qlp_llqch_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_llqch_171 > a:not(#\9) {
227
226
  animation: none;
228
227
  transition: none;
229
228
  }
230
- .awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9):hover {
229
+ .awsui_additional-info_n4qlp_llqch_171 > a:not(#\9):hover {
231
230
  cursor: pointer;
232
231
  color: var(--color-text-link-hover-8j6p14, #033160);
233
232
  }
234
- .awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9):focus {
233
+ .awsui_additional-info_n4qlp_llqch_171 > a:not(#\9):focus {
235
234
  outline: none;
236
235
  }
237
- .awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9):active {
236
+ .awsui_additional-info_n4qlp_llqch_171 > a:not(#\9):active {
238
237
  color: var(--color-text-link-hover-8j6p14, #033160);
239
238
  }
240
- .awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9):hover {
239
+ .awsui_additional-info_n4qlp_llqch_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_llqch_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_llqch_171 > a:not(#\9):hover {
241
240
  text-decoration: underline;
242
241
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
243
242
  text-decoration-color: currentColor;
244
243
  }
245
244
 
246
- .awsui_right-align_n4qlp_n0v06_217:not(#\9) {
245
+ .awsui_right-align_n4qlp_llqch_217:not(#\9) {
247
246
  float: right;
248
247
  }
@@ -2,19 +2,19 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "empty-appear": "awsui_empty-appear_n4qlp_n0v06_93",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_n0v06_1",
7
- "root": "awsui_root_n4qlp_n0v06_119",
8
- "empty": "awsui_empty_n4qlp_n0v06_93",
9
- "row": "awsui_row_n4qlp_n0v06_139",
10
- "row-control": "awsui_row-control_n4qlp_n0v06_143",
11
- "field": "awsui_field_n4qlp_n0v06_147",
12
- "add-button": "awsui_add-button_n4qlp_n0v06_151",
13
- "remove-button": "awsui_remove-button_n4qlp_n0v06_155",
14
- "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_n0v06_159",
15
- "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_n0v06_163",
16
- "divider": "awsui_divider_n4qlp_n0v06_167",
17
- "additional-info": "awsui_additional-info_n4qlp_n0v06_171",
18
- "right-align": "awsui_right-align_n4qlp_n0v06_217"
5
+ "empty-appear": "awsui_empty-appear_n4qlp_llqch_93",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_llqch_1",
7
+ "root": "awsui_root_n4qlp_llqch_119",
8
+ "empty": "awsui_empty_n4qlp_llqch_93",
9
+ "row": "awsui_row_n4qlp_llqch_139",
10
+ "row-control": "awsui_row-control_n4qlp_llqch_143",
11
+ "field": "awsui_field_n4qlp_llqch_147",
12
+ "add-button": "awsui_add-button_n4qlp_llqch_151",
13
+ "remove-button": "awsui_remove-button_n4qlp_llqch_155",
14
+ "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_llqch_159",
15
+ "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_llqch_163",
16
+ "divider": "awsui_divider_n4qlp_llqch_167",
17
+ "additional-info": "awsui_additional-info_n4qlp_llqch_171",
18
+ "right-align": "awsui_right-align_n4qlp_llqch_217"
19
19
  };
20
20
 
@@ -1,14 +1,14 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "link": "awsui_link_1kosq_13pom_93",
5
- "breadcrumb": "awsui_breadcrumb_1kosq_13pom_97",
6
- "icon": "awsui_icon_1kosq_13pom_100",
7
- "anchor": "awsui_anchor_1kosq_13pom_104",
8
- "last": "awsui_last_1kosq_13pom_147",
9
- "compressed": "awsui_compressed_1kosq_13pom_157",
10
- "text": "awsui_text_1kosq_13pom_161",
11
- "virtual-item": "awsui_virtual-item_1kosq_13pom_168",
12
- "item-popover": "awsui_item-popover_1kosq_13pom_175"
4
+ "link": "awsui_link_1kosq_1t5mc_93",
5
+ "breadcrumb": "awsui_breadcrumb_1kosq_1t5mc_97",
6
+ "icon": "awsui_icon_1kosq_1t5mc_100",
7
+ "anchor": "awsui_anchor_1kosq_1t5mc_104",
8
+ "last": "awsui_last_1kosq_1t5mc_147",
9
+ "compressed": "awsui_compressed_1kosq_1t5mc_157",
10
+ "text": "awsui_text_1kosq_1t5mc_161",
11
+ "virtual-item": "awsui_virtual-item_1kosq_1t5mc_168",
12
+ "item-popover": "awsui_item-popover_1kosq_1t5mc_175"
13
13
  };
14
14
 
@@ -90,55 +90,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_link_1kosq_13pom_93:not(#\9):after {
93
+ .awsui_link_1kosq_1t5mc_93:not(#\9):after {
94
94
  display: none;
95
95
  }
96
96
 
97
- .awsui_breadcrumb_1kosq_13pom_97:not(#\9) {
97
+ .awsui_breadcrumb_1kosq_1t5mc_97:not(#\9) {
98
98
  display: flex;
99
99
  }
100
- .awsui_breadcrumb_1kosq_13pom_97 > .awsui_icon_1kosq_13pom_100:not(#\9) {
100
+ .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_icon_1kosq_1t5mc_100:not(#\9) {
101
101
  margin: 0 var(--space-xs-zb16t3, 8px);
102
102
  color: var(--color-text-breadcrumb-icon-ma8w3r, #7d8998);
103
103
  }
104
- .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9) {
104
+ .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9) {
105
105
  color: var(--color-text-link-default-latg1a, #0972d3);
106
106
  font-weight: inherit;
107
107
  letter-spacing: normal;
108
- text-decoration: none;
108
+ text-decoration: underline;
109
109
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
110
- text-decoration-color: transparent;
110
+ text-decoration-color: currentColor;
111
111
  transition-property: color, -webkit-text-decoration;
112
112
  transition-property: color, text-decoration;
113
113
  transition-property: color, text-decoration, -webkit-text-decoration;
114
114
  transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
115
115
  }
116
116
  @media (prefers-reduced-motion: reduce) {
117
- .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9) {
117
+ .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9) {
118
118
  animation: none;
119
119
  transition: none;
120
120
  }
121
121
  }
122
- .awsui-motion-disabled .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9) {
122
+ .awsui-motion-disabled .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9) {
123
123
  animation: none;
124
124
  transition: none;
125
125
  }
126
- .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9):hover {
126
+ .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9):hover {
127
127
  cursor: pointer;
128
128
  color: var(--color-text-link-hover-8j6p14, #033160);
129
129
  }
130
- .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9):focus {
130
+ .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9):focus {
131
131
  outline: none;
132
132
  }
133
- .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9):active {
133
+ .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9):active {
134
134
  color: var(--color-text-link-hover-8j6p14, #033160);
135
135
  }
136
- .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9):active, .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9):focus, .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9):hover {
136
+ .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9):active, .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9):focus, .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9):hover {
137
137
  text-decoration: underline;
138
138
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
139
139
  text-decoration-color: currentColor;
140
140
  }
141
- body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9):focus {
141
+ body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9):focus {
142
142
  outline: thin dotted;
143
143
  outline: var(--border-link-focus-ring-outline-kkfop6, 0);
144
144
  outline-offset: 2px;
@@ -146,34 +146,34 @@ body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_13pom_97 > .awsui_an
146
146
  border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
147
147
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
148
148
  }
149
- .awsui_breadcrumb_1kosq_13pom_97.awsui_last_1kosq_13pom_147 > .awsui_icon_1kosq_13pom_100:not(#\9) {
149
+ .awsui_breadcrumb_1kosq_1t5mc_97.awsui_last_1kosq_1t5mc_147 > .awsui_icon_1kosq_1t5mc_100:not(#\9) {
150
150
  display: none;
151
151
  }
152
- .awsui_breadcrumb_1kosq_13pom_97.awsui_last_1kosq_13pom_147 > .awsui_anchor_1kosq_13pom_104:not(#\9) {
152
+ .awsui_breadcrumb_1kosq_1t5mc_97.awsui_last_1kosq_1t5mc_147 > .awsui_anchor_1kosq_1t5mc_104:not(#\9) {
153
153
  color: var(--color-text-breadcrumb-current-bnqeha, #5f6b7a);
154
154
  font-weight: 700;
155
155
  text-decoration: none;
156
156
  cursor: default;
157
157
  }
158
158
 
159
- .awsui_compressed_1kosq_13pom_157:not(#\9) {
159
+ .awsui_compressed_1kosq_1t5mc_157:not(#\9) {
160
160
  min-width: 0;
161
161
  overflow: hidden;
162
162
  }
163
- .awsui_compressed_1kosq_13pom_157 > .awsui_text_1kosq_13pom_161:not(#\9) {
163
+ .awsui_compressed_1kosq_1t5mc_157 > .awsui_text_1kosq_1t5mc_161:not(#\9) {
164
164
  overflow: hidden;
165
165
  text-overflow: ellipsis;
166
166
  white-space: nowrap;
167
167
  display: block;
168
168
  }
169
169
 
170
- .awsui_virtual-item_1kosq_13pom_168:not(#\9) {
170
+ .awsui_virtual-item_1kosq_1t5mc_168:not(#\9) {
171
171
  position: absolute !important;
172
172
  top: -9999px !important;
173
173
  left: -9999px !important;
174
174
  visibility: hidden;
175
175
  }
176
176
 
177
- .awsui_item-popover_1kosq_13pom_175:not(#\9) {
177
+ .awsui_item-popover_1kosq_1t5mc_175:not(#\9) {
178
178
  /* used in tests */
179
179
  }
@@ -2,14 +2,14 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "link": "awsui_link_1kosq_13pom_93",
6
- "breadcrumb": "awsui_breadcrumb_1kosq_13pom_97",
7
- "icon": "awsui_icon_1kosq_13pom_100",
8
- "anchor": "awsui_anchor_1kosq_13pom_104",
9
- "last": "awsui_last_1kosq_13pom_147",
10
- "compressed": "awsui_compressed_1kosq_13pom_157",
11
- "text": "awsui_text_1kosq_13pom_161",
12
- "virtual-item": "awsui_virtual-item_1kosq_13pom_168",
13
- "item-popover": "awsui_item-popover_1kosq_13pom_175"
5
+ "link": "awsui_link_1kosq_1t5mc_93",
6
+ "breadcrumb": "awsui_breadcrumb_1kosq_1t5mc_97",
7
+ "icon": "awsui_icon_1kosq_1t5mc_100",
8
+ "anchor": "awsui_anchor_1kosq_1t5mc_104",
9
+ "last": "awsui_last_1kosq_1t5mc_147",
10
+ "compressed": "awsui_compressed_1kosq_1t5mc_157",
11
+ "text": "awsui_text_1kosq_1t5mc_161",
12
+ "virtual-item": "awsui_virtual-item_1kosq_1t5mc_168",
13
+ "item-popover": "awsui_item-popover_1kosq_1t5mc_175"
14
14
  };
15
15
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["cards/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAwB/D,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,qBAyJc,CAAC;AAE1B,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["cards/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAyB/D,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,qBA6Jc,CAAC;AAE1B,eAAe,KAAK,CAAC"}
package/cards/index.js CHANGED
@@ -25,6 +25,7 @@ import { supportsStickyPosition } from '../internal/utils/dom';
25
25
  import { useInternalI18n } from '../i18n/context';
26
26
  import { useContainerQuery } from '@cloudscape-design/component-toolkit';
27
27
  import { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';
28
+ import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
28
29
  const Cards = React.forwardRef(function (_a, ref) {
29
30
  var { items = [], cardDefinition, cardsPerRow = [], header, filter, pagination, preferences, empty, loading, loadingText, trackBy, selectedItems, selectionType, isItemDisabled, onSelectionChange, ariaLabels, visibleSections, stickyHeader, stickyHeaderVerticalOffset, variant = 'container', renderAriaLive, firstIndex, totalItemsCount } = _a, rest = __rest(_a, ["items", "cardDefinition", "cardsPerRow", "header", "filter", "pagination", "preferences", "empty", "loading", "loadingText", "trackBy", "selectedItems", "selectionType", "isItemDisabled", "onSelectionChange", "ariaLabels", "visibleSections", "stickyHeader", "stickyHeaderVerticalOffset", "variant", "renderAriaLive", "firstIndex", "totalItemsCount"]);
30
31
  const { __internalRootRef } = useBaseComponent('Cards');
@@ -81,13 +82,14 @@ const Cards = React.forwardRef(function (_a, ref) {
81
82
  else if (empty && !items.length) {
82
83
  status = React.createElement("div", { className: styles.empty }, empty);
83
84
  }
84
- return (React.createElement(AnalyticsFunnelSubStep, null,
85
- React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root), ref: mergedRef }),
86
- React.createElement(InternalContainer, { header: hasToolsHeader && (React.createElement("div", { className: clsx(styles.header, isRefresh && styles['header-refresh'], styles[`header-variant-${computedVariant}`]) },
87
- React.createElement(ToolsHeader, { header: header, filter: filter, pagination: pagination, preferences: preferences }))), footer: hasFooterPagination && React.createElement("div", { className: styles['footer-pagination'] }, pagination), disableContentPaddings: true, disableHeaderPaddings: computedVariant === 'full-page', variant: computedVariant === 'container' ? 'cards' : computedVariant, __stickyHeader: stickyHeader, __stickyOffset: stickyHeaderVerticalOffset, __headerRef: headerRef, __headerId: cardsHeaderId, __darkHeader: computedVariant === 'full-page', __disableFooterDivider: true },
88
- React.createElement("div", { className: clsx(hasToolsHeader && styles['has-header']) },
89
- !!renderAriaLive && !!firstIndex && (React.createElement(LiveRegion, null,
90
- React.createElement("span", null, renderAriaLive({ totalItemsCount, firstIndex, lastIndex: firstIndex + items.length - 1 })))), status !== null && status !== void 0 ? status : (React.createElement(CardsList, { items: items, cardDefinition: cardDefinition, trackBy: trackBy, selectionType: selectionType, columns: columns, isItemSelected: isItemSelected, getItemSelectionProps: getItemSelectionProps, visibleSections: visibleSections, updateShiftToggle: updateShiftToggle, onFocus: onCardFocus, ariaLabel: ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.cardsLabel, ariaLabelledby: (ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.cardsLabel) ? undefined : cardsHeaderId })))))));
85
+ return (React.createElement(LinkDefaultVariantContext.Provider, { value: { defaultVariant: 'primary' } },
86
+ React.createElement(AnalyticsFunnelSubStep, null,
87
+ React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root), ref: mergedRef }),
88
+ React.createElement(InternalContainer, { header: hasToolsHeader && (React.createElement("div", { className: clsx(styles.header, isRefresh && styles['header-refresh'], styles[`header-variant-${computedVariant}`]) },
89
+ React.createElement(ToolsHeader, { header: header, filter: filter, pagination: pagination, preferences: preferences }))), footer: hasFooterPagination && React.createElement("div", { className: styles['footer-pagination'] }, pagination), disableContentPaddings: true, disableHeaderPaddings: computedVariant === 'full-page', variant: computedVariant === 'container' ? 'cards' : computedVariant, __stickyHeader: stickyHeader, __stickyOffset: stickyHeaderVerticalOffset, __headerRef: headerRef, __headerId: cardsHeaderId, __darkHeader: computedVariant === 'full-page', __disableFooterDivider: true },
90
+ React.createElement("div", { className: clsx(hasToolsHeader && styles['has-header']) },
91
+ !!renderAriaLive && !!firstIndex && (React.createElement(LiveRegion, null,
92
+ React.createElement("span", null, renderAriaLive({ totalItemsCount, firstIndex, lastIndex: firstIndex + items.length - 1 })))), status !== null && status !== void 0 ? status : (React.createElement(CardsList, { items: items, cardDefinition: cardDefinition, trackBy: trackBy, selectionType: selectionType, columns: columns, isItemSelected: isItemSelected, getItemSelectionProps: getItemSelectionProps, visibleSections: visibleSections, updateShiftToggle: updateShiftToggle, onFocus: onCardFocus, ariaLabel: ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.cardsLabel, ariaLabelledby: (ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.cardsLabel) ? undefined : cardsHeaderId }))))))));
91
93
  });
92
94
  export default Cards;
93
95
  const CardsList = ({ items, cardDefinition, trackBy, selectionType, columns, isItemSelected, getItemSelectionProps, visibleSections, updateShiftToggle, onFocus, ariaLabelledby, ariaLabel, }) => {