@cloudscape-design/components 3.0.1254 → 3.0.1256

package/item-card/interfaces.d.ts

@@ -0,0 +1,122 @@
+import React from 'react';
+import { BaseComponentProps } from '../internal/base-component';
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+/**
+ * @awsuiSystem core
+ */
+import { NativeAttributes } from '../internal/utils/with-native-attributes';
+export interface ItemCardProps extends BaseComponentProps {
+  /**
+   * Heading element of the item card. Use this to add a title or header text.
+   */
+  header?: React.ReactNode;
+  /**
+   * A description or subtitle displayed below the header.
+   */
+  description?: React.ReactNode;
+  /**
+   * Footer content displayed at the bottom of the item card.
+   */
+  footer?: React.ReactNode;
+  /**
+   * Actions to display in the item card header area, typically buttons or links.
+   */
+  actions?: React.ReactNode;
+  /**
+   * Main content of the item card.
+   */
+  children?: React.ReactNode;
+  /**
+   * Icon content displayed next to the header.
+   */
+  icon?: React.ReactNode;
+  /**
+   * Removes the default padding from the header area.
+   * @default false
+   */
+  disableHeaderPaddings?: boolean;
+  /**
+   * Removes the default padding from the content area.
+   * @default false
+   */
+  disableContentPaddings?: boolean;
+  /**
+   * Removes the default padding from the footer area.
+   * @default false
+   */
+  disableFooterPaddings?: boolean;
+  /**
+   * Specifies the visual variant of the item card, which controls the border radius and padding.
+   *
+   * - `default` - Uses container-level border radius and padding (larger).
+   * - `embedded` - Uses compact border radius and padding (smaller).
+   *
+   * @default 'default'
+   */
+  variant?: ItemCardProps.Variant;
+  /**
+   * An object containing CSS properties to customize the item card's visual appearance.
+   * Refer to the [style](/components/item-card/?tabId=style) tab for more details.
+   * @awsuiSystem core
+   */
+  style?: ItemCardProps.Style;
+  /**
+   * Attributes to add to the native root element.
+   * Some attributes will be automatically combined with internal attribute values:
+   * - `className` will be appended.
+   * - Event handlers will be chained, unless the default is prevented.
+   *
+   * We do not support using this attribute to apply custom styling.
+   *
+   * @awsuiSystem core
+   */
+  nativeAttributes?: NativeAttributes<React.HTMLAttributes<HTMLDivElement>>;
+}
+export declare namespace ItemCardProps {
+  type Variant = 'embedded' | 'default';
+  interface Style {
+    root?: {
+      background?: string;
+      borderColor?: string;
+      borderRadius?: string;
+      borderWidth?: string;
+      boxShadow?: string;
+    };
+    content?: {
+      paddingBlock?: string;
+      paddingInline?: string;
+    };
+    header?: {
+      paddingBlock?: string;
+      paddingInline?: string;
+    };
+    footer?: {
+      root?: {
+        paddingBlock?: string;
+        paddingInline?: string;
+      };
+      divider?: {
+        borderColor?: string;
+        borderWidth?: string;
+      };
+    };
+  }
+}
+export interface InternalItemCardProps extends ItemCardProps, InternalBaseComponentProps {
+  /**
+   * Called when the user clicks on the item card.
+   */
+  onClick?: React.MouseEventHandler<HTMLElement>;
+  /**
+   * Specifies whether the item card is in highlighted state.
+   */
+  highlighted?: boolean;
+  /**
+   * Makes the item card stretch to fill the full height of its container.
+   */
+  fullHeight?: boolean;
+  /**
+   * Specifies metadata for analytics in cards
+   */
+  metadataAttributes?: Record<string, string | undefined>;
+}

package/item-card/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/item-card/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC;IAEhC;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC;IAE5B;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;CAC3E;AAED,yBAAiB,aAAa,CAAC;IAC7B,KAAY,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;IAE7C,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,SAAS,CAAC,EAAE,MAAM,CAAC;SACpB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,MAAM,CAAC,EAAE;YACP,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,MAAM,CAAC,EAAE;YACP,IAAI,CAAC,EAAE;gBACL,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,aAAa,CAAC,EAAE,MAAM,CAAC;aACxB,CAAC;YACF,OAAO,CAAC,EAAE;gBACR,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;KACH;CACF;AAED,MAAM,WAAW,qBAAsB,SAAQ,aAAa,EAAE,0BAA0B;IACtF;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAE/C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;CACzD"}

package/item-card/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/item-card/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\n\nexport interface ItemCardProps extends BaseComponentProps {\n  /**\n   * Heading element of the item card. Use this to add a title or header text.\n   */\n  header?: React.ReactNode;\n\n  /**\n   * A description or subtitle displayed below the header.\n   */\n  description?: React.ReactNode;\n\n  /**\n   * Footer content displayed at the bottom of the item card.\n   */\n  footer?: React.ReactNode;\n\n  /**\n   * Actions to display in the item card header area, typically buttons or links.\n   */\n  actions?: React.ReactNode;\n\n  /**\n   * Main content of the item card.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Icon content displayed next to the header.\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Removes the default padding from the header area.\n   * @default false\n   */\n  disableHeaderPaddings?: boolean;\n\n  /**\n   * Removes the default padding from the content area.\n   * @default false\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * Removes the default padding from the footer area.\n   * @default false\n   */\n  disableFooterPaddings?: boolean;\n\n  /**\n   * Specifies the visual variant of the item card, which controls the border radius and padding.\n   *\n   * - `default` - Uses container-level border radius and padding (larger).\n   * - `embedded` - Uses compact border radius and padding (smaller).\n   *\n   * @default 'default'\n   */\n  variant?: ItemCardProps.Variant;\n\n  /**\n   * An object containing CSS properties to customize the item card's visual appearance.\n   * Refer to the [style](/components/item-card/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: ItemCardProps.Style;\n\n  /**\n   * Attributes to add to the native root element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeAttributes?: NativeAttributes<React.HTMLAttributes<HTMLDivElement>>;\n}\n\nexport namespace ItemCardProps {\n  export type Variant = 'embedded' | 'default';\n\n  export interface Style {\n    root?: {\n      background?: string;\n      borderColor?: string;\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: string;\n    };\n    content?: {\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n    header?: {\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n    footer?: {\n      root?: {\n        paddingBlock?: string;\n        paddingInline?: string;\n      };\n      divider?: {\n        borderColor?: string;\n        borderWidth?: string;\n      };\n    };\n  }\n}\n\nexport interface InternalItemCardProps extends ItemCardProps, InternalBaseComponentProps {\n  /**\n   * Called when the user clicks on the item card.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n\n  /**\n   * Specifies whether the item card is in highlighted state.\n   */\n  highlighted?: boolean;\n\n  /**\n   * Makes the item card stretch to fill the full height of its container.\n   */\n  fullHeight?: boolean;\n\n  /**\n   * Specifies metadata for analytics in cards\n   */\n  metadataAttributes?: Record<string, string | undefined>;\n}\n"]}

package/item-card/internal.d.ts

@@ -0,0 +1,22 @@
+import { InternalItemCardProps } from './interfaces';
+export default function InternalItemCard({
+  actions,
+  highlighted,
+  children,
+  className,
+  header,
+  description,
+  footer,
+  icon,
+  style,
+  metadataAttributes,
+  nativeAttributes,
+  onClick,
+  disableHeaderPaddings,
+  disableContentPaddings,
+  disableFooterPaddings,
+  fullHeight,
+  variant,
+  __internalRootRef,
+  ...restProps
+}: InternalItemCardProps): JSX.Element;

package/item-card/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/item-card/internal.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAMrD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,WAAW,EACX,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,EACX,MAAM,EACN,IAAI,EACJ,KAAK,EACL,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,UAAU,EACV,OAAmB,EACnB,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,qBAAqB,eAmEvB"}

package/item-card/internal.js

@@ -0,0 +1,29 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import { getBaseProps } from '../internal/base-component';
+import InternalStructuredItem from '../internal/components/structured-item';
+import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
+import { processAttributes } from '../internal/utils/with-native-attributes';
+import { getContentStyles, getFooterStyles, getHeaderStyles, getRootStyles } from './style';
+import styles from './styles.css.js';
+import testStyles from './test-classes/styles.css.js';
+export default function InternalItemCard({ actions, highlighted, children, className, header, description, footer, icon, style, metadataAttributes, nativeAttributes, onClick, disableHeaderPaddings, disableContentPaddings, disableFooterPaddings, fullHeight, variant = 'default', __internalRootRef, ...restProps }) {
+    const baseProps = getBaseProps(restProps);
+    const isRefresh = useVisualRefresh();
+    const headerRowEmpty = !header && !description && !icon && !actions;
+    const rootAttributes = processAttributes({
+        className: clsx(className, styles.root, highlighted && styles.highlighted, fullHeight && styles['full-height'], isRefresh && styles.refresh, styles[`variant-${variant}`]),
+        ...metadataAttributes,
+        onClick,
+        style: getRootStyles(style),
+    }, nativeAttributes, 'Card');
+    return (React.createElement("div", { ref: __internalRootRef, ...baseProps, ...rootAttributes },
+        React.createElement("div", { className: styles['inner-card'] },
+            !headerRowEmpty && (React.createElement("div", { className: clsx(styles.header, disableHeaderPaddings && styles['no-padding'], !!actions && styles['with-actions']), style: getHeaderStyles(style) },
+                React.createElement(InternalStructuredItem, { content: header && React.createElement("div", { className: clsx(styles['header-inner'], testStyles.header) }, header), secondaryContent: description && React.createElement("div", { className: clsx(styles.description, testStyles.description) }, description), icon: icon && React.createElement("div", { className: testStyles.icon }, icon), actions: actions, disablePaddings: disableHeaderPaddings, wrapActions: false }))),
+            children && (React.createElement("div", { className: clsx(styles.body, testStyles.body, disableContentPaddings && styles['no-padding']), style: getContentStyles(style) }, children)),
+            footer && (React.createElement("div", { className: clsx(styles.footer, testStyles.footer, disableFooterPaddings && styles['no-padding']), style: getFooterStyles(style) }, footer)))));
+}
+//# sourceMappingURL=internal.js.map

package/item-card/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/item-card/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 from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport InternalStructuredItem from '../internal/components/structured-item';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { processAttributes } from '../internal/utils/with-native-attributes';\nimport { InternalItemCardProps } from './interfaces';\nimport { getContentStyles, getFooterStyles, getHeaderStyles, getRootStyles } from './style';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\nexport default function InternalItemCard({\n  actions,\n  highlighted,\n  children,\n  className,\n  header,\n  description,\n  footer,\n  icon,\n  style,\n  metadataAttributes,\n  nativeAttributes,\n  onClick,\n  disableHeaderPaddings,\n  disableContentPaddings,\n  disableFooterPaddings,\n  fullHeight,\n  variant = 'default',\n  __internalRootRef,\n  ...restProps\n}: InternalItemCardProps) {\n  const baseProps = getBaseProps(restProps);\n  const isRefresh = useVisualRefresh();\n\n  const headerRowEmpty = !header && !description && !icon && !actions;\n\n  const rootAttributes = processAttributes<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n    {\n      className: clsx(\n        className,\n        styles.root,\n        highlighted && styles.highlighted,\n        fullHeight && styles['full-height'],\n        isRefresh && styles.refresh,\n        styles[`variant-${variant}`]\n      ),\n      ...metadataAttributes,\n      onClick,\n      style: getRootStyles(style),\n    },\n    nativeAttributes,\n    'Card'\n  );\n\n  return (\n    <div ref={__internalRootRef} {...baseProps} {...rootAttributes}>\n      <div className={styles['inner-card']}>\n        {!headerRowEmpty && (\n          <div\n            className={clsx(\n              styles.header,\n              disableHeaderPaddings && styles['no-padding'],\n              !!actions && styles['with-actions']\n            )}\n            style={getHeaderStyles(style)}\n          >\n            <InternalStructuredItem\n              content={header && <div className={clsx(styles['header-inner'], testStyles.header)}>{header}</div>}\n              secondaryContent={\n                description && <div className={clsx(styles.description, testStyles.description)}>{description}</div>\n              }\n              icon={icon && <div className={testStyles.icon}>{icon}</div>}\n              actions={actions}\n              disablePaddings={disableHeaderPaddings}\n              wrapActions={false}\n            />\n          </div>\n        )}\n        {children && (\n          <div\n            className={clsx(styles.body, testStyles.body, disableContentPaddings && styles['no-padding'])}\n            style={getContentStyles(style)}\n          >\n            {children}\n          </div>\n        )}\n        {footer && (\n          <div\n            className={clsx(styles.footer, testStyles.footer, disableFooterPaddings && styles['no-padding'])}\n            style={getFooterStyles(style)}\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/item-card/style.d.ts

@@ -0,0 +1,20 @@
+import { ItemCardProps } from './interfaces';
+export declare function getRootStyles(style: ItemCardProps.Style | undefined): {
+  [x: string]: string;
+  borderRadius?: string | undefined;
+};
+export declare function getContentStyles(style: ItemCardProps.Style | undefined): {
+  paddingInline?: string | undefined;
+  paddingBlock?: string | undefined;
+};
+export declare function getHeaderStyles(style: ItemCardProps.Style | undefined): {
+  paddingInline?: string | undefined;
+  paddingBlock?: string | undefined;
+};
+export declare function getFooterStyles(style: ItemCardProps.Style | undefined): {
+  paddingInline?: string | undefined;
+  paddingBlock?: string | undefined;
+  borderBlockStartWidth?: string | undefined;
+  borderBlockStartColor?: string | undefined;
+  borderBlockStartStyle?: "solid" | undefined;
+};

package/item-card/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/item-card/style.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,GAAG,SAAS;;;EAenE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,GAAG,SAAS;;;EAStE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,GAAG,SAAS;;;EASrE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,GAAG,SAAS;;;;;;EAcrE"}

package/item-card/style.js

@@ -0,0 +1,55 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { SYSTEM } from '../internal/environment';
+import customCssProps from '../internal/generated/custom-css-properties';
+export function getRootStyles(style) {
+    var _a, _b, _c, _d, _e;
+    if (SYSTEM !== 'core') {
+        return {};
+    }
+    return {
+        ...(((_a = style === null || style === void 0 ? void 0 : style.root) === null || _a === void 0 ? void 0 : _a.background) && { [customCssProps.styleItemCardBackgroundDefault]: style.root.background }),
+        ...(((_b = style === null || style === void 0 ? void 0 : style.root) === null || _b === void 0 ? void 0 : _b.borderRadius) && {
+            [customCssProps.styleItemCardBorderRadius]: style.root.borderRadius,
+            borderRadius: style.root.borderRadius,
+        }),
+        ...(((_c = style === null || style === void 0 ? void 0 : style.root) === null || _c === void 0 ? void 0 : _c.borderColor) && { [customCssProps.styleItemCardBorderColorDefault]: style.root.borderColor }),
+        ...(((_d = style === null || style === void 0 ? void 0 : style.root) === null || _d === void 0 ? void 0 : _d.borderWidth) && { [customCssProps.styleItemCardBorderWidthDefault]: style.root.borderWidth }),
+        ...(((_e = style === null || style === void 0 ? void 0 : style.root) === null || _e === void 0 ? void 0 : _e.boxShadow) && { [customCssProps.styleItemCardBoxShadowDefault]: style.root.boxShadow }),
+    };
+}
+export function getContentStyles(style) {
+    var _a, _b;
+    if (SYSTEM !== 'core') {
+        return {};
+    }
+    return {
+        ...(((_a = style === null || style === void 0 ? void 0 : style.content) === null || _a === void 0 ? void 0 : _a.paddingBlock) && { paddingBlock: style.content.paddingBlock }),
+        ...(((_b = style === null || style === void 0 ? void 0 : style.content) === null || _b === void 0 ? void 0 : _b.paddingInline) && { paddingInline: style.content.paddingInline }),
+    };
+}
+export function getHeaderStyles(style) {
+    var _a, _b;
+    if (SYSTEM !== 'core') {
+        return {};
+    }
+    return {
+        ...(((_a = style === null || style === void 0 ? void 0 : style.header) === null || _a === void 0 ? void 0 : _a.paddingBlock) && { paddingBlock: style.header.paddingBlock }),
+        ...(((_b = style === null || style === void 0 ? void 0 : style.header) === null || _b === void 0 ? void 0 : _b.paddingInline) && { paddingInline: style.header.paddingInline }),
+    };
+}
+export function getFooterStyles(style) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    if (SYSTEM !== 'core') {
+        return {};
+    }
+    const hasDivider = ((_b = (_a = style === null || style === void 0 ? void 0 : style.footer) === null || _a === void 0 ? void 0 : _a.divider) === null || _b === void 0 ? void 0 : _b.borderColor) || ((_d = (_c = style === null || style === void 0 ? void 0 : style.footer) === null || _c === void 0 ? void 0 : _c.divider) === null || _d === void 0 ? void 0 : _d.borderWidth);
+    return {
+        ...(hasDivider && { borderBlockStartStyle: 'solid' }),
+        ...(((_f = (_e = style === null || style === void 0 ? void 0 : style.footer) === null || _e === void 0 ? void 0 : _e.divider) === null || _f === void 0 ? void 0 : _f.borderColor) && { borderBlockStartColor: style.footer.divider.borderColor }),
+        ...(((_h = (_g = style === null || style === void 0 ? void 0 : style.footer) === null || _g === void 0 ? void 0 : _g.divider) === null || _h === void 0 ? void 0 : _h.borderWidth) && { borderBlockStartWidth: style.footer.divider.borderWidth }),
+        ...(((_k = (_j = style === null || style === void 0 ? void 0 : style.footer) === null || _j === void 0 ? void 0 : _j.root) === null || _k === void 0 ? void 0 : _k.paddingBlock) && { paddingBlock: style.footer.root.paddingBlock }),
+        ...(((_m = (_l = style === null || style === void 0 ? void 0 : style.footer) === null || _l === void 0 ? void 0 : _l.root) === null || _m === void 0 ? void 0 : _m.paddingInline) && { paddingInline: style.footer.root.paddingInline }),
+    };
+}
+//# sourceMappingURL=style.js.map

package/item-card/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/item-card/style.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 { SYSTEM } from '../internal/environment';\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { ItemCardProps } from './interfaces';\n\nexport function getRootStyles(style: ItemCardProps.Style | undefined) {\n  if (SYSTEM !== 'core') {\n    return {};\n  }\n\n  return {\n    ...(style?.root?.background && { [customCssProps.styleItemCardBackgroundDefault]: style.root.background }),\n    ...(style?.root?.borderRadius && {\n      [customCssProps.styleItemCardBorderRadius]: style.root.borderRadius,\n      borderRadius: style.root.borderRadius,\n    }),\n    ...(style?.root?.borderColor && { [customCssProps.styleItemCardBorderColorDefault]: style.root.borderColor }),\n    ...(style?.root?.borderWidth && { [customCssProps.styleItemCardBorderWidthDefault]: style.root.borderWidth }),\n    ...(style?.root?.boxShadow && { [customCssProps.styleItemCardBoxShadowDefault]: style.root.boxShadow }),\n  };\n}\n\nexport function getContentStyles(style: ItemCardProps.Style | undefined) {\n  if (SYSTEM !== 'core') {\n    return {};\n  }\n\n  return {\n    ...(style?.content?.paddingBlock && { paddingBlock: style.content.paddingBlock }),\n    ...(style?.content?.paddingInline && { paddingInline: style.content.paddingInline }),\n  };\n}\n\nexport function getHeaderStyles(style: ItemCardProps.Style | undefined) {\n  if (SYSTEM !== 'core') {\n    return {};\n  }\n\n  return {\n    ...(style?.header?.paddingBlock && { paddingBlock: style.header.paddingBlock }),\n    ...(style?.header?.paddingInline && { paddingInline: style.header.paddingInline }),\n  };\n}\n\nexport function getFooterStyles(style: ItemCardProps.Style | undefined) {\n  if (SYSTEM !== 'core') {\n    return {};\n  }\n\n  const hasDivider = style?.footer?.divider?.borderColor || style?.footer?.divider?.borderWidth;\n\n  return {\n    ...(hasDivider && { borderBlockStartStyle: 'solid' as const }),\n    ...(style?.footer?.divider?.borderColor && { borderBlockStartColor: style.footer.divider.borderColor }),\n    ...(style?.footer?.divider?.borderWidth && { borderBlockStartWidth: style.footer.divider.borderWidth }),\n    ...(style?.footer?.root?.paddingBlock && { paddingBlock: style.footer.root.paddingBlock }),\n    ...(style?.footer?.root?.paddingInline && { paddingInline: style.footer.root.paddingInline }),\n  };\n}\n"]}

package/item-card/styles.css.js

@@ -0,0 +1,19 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_n1fwt_aftxx_153",
+  "header-inner": "awsui_header-inner_n1fwt_aftxx_185",
+  "header": "awsui_header_n1fwt_aftxx_185",
+  "body": "awsui_body_n1fwt_aftxx_194",
+  "footer": "awsui_footer_n1fwt_aftxx_202",
+  "refresh": "awsui_refresh_n1fwt_aftxx_268",
+  "highlighted": "awsui_highlighted_n1fwt_aftxx_271",
+  "variant-embedded": "awsui_variant-embedded_n1fwt_aftxx_278",
+  "inner-card": "awsui_inner-card_n1fwt_aftxx_278",
+  "variant-default": "awsui_variant-default_n1fwt_aftxx_278",
+  "no-padding": "awsui_no-padding_n1fwt_aftxx_284",
+  "with-actions": "awsui_with-actions_n1fwt_aftxx_309",
+  "full-height": "awsui_full-height_n1fwt_aftxx_355",
+  "description": "awsui_description_n1fwt_aftxx_359"
+};
+