@cloudscape-design/components 3.0.1365 → 3.0.1367

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

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/action-card/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,0BAA0B,CAAC;AAEnF,QAAA,MAAM,kBAAkB,0HAiOvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/action-card/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,0BAA0B,CAAC;AAEnF,QAAA,MAAM,kBAAkB,0HAqOvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/action-card/internal.js

@@ -35,7 +35,7 @@ const InternalActionCard = React.forwardRef(({ header, description, children, on
         fireCancelableEvent(onClick, {}, event);
     };
     const headerRowEmpty = !header && !description;
-    const iconWrapper = icon && (React.createElement("div", { className: clsx(styles.icon, testStyles.icon), "aria-hidden": "true" }, icon));
+    const iconWrapper = icon && (React.createElement("div", { className: clsx(styles.icon, testStyles.icon), "aria-hidden": "true", "data-awsui-motion-target": "" }, icon));
     const iconInHeaderRow = icon && iconVerticalAlignment === 'top' && !!header;
     const mergedRootRef = useMergeRefs(rootRef, __internalRootRef);
     // Link the description element as the button's accessible description
@@ -49,6 +49,9 @@ const InternalActionCard = React.forwardRef(({ header, description, children, on
         onClick: handleButtonClick,
         'aria-describedby': ariaDescribedby,
         'aria-disabled': disabled || undefined,
+        // The hover region is the whole card (see the root element); focusing
+        // the inner control also plays the motion.
+        'data-awsui-motion-trigger': 'focus',
     };
     // <a>-tag specific props
     const anchorProps = {
@@ -88,7 +91,7 @@ const InternalActionCard = React.forwardRef(({ header, description, children, on
             headerSection,
             iconWrapper)) : (headerSection),
         children && (React.createElement("div", { className: clsx(styles.body, testStyles.body, disableContentPaddings && styles['no-padding']), id: bodyId }, children))));
-    return (React.createElement("div", { ...baseProps, ref: mergedRootRef, role: "group", "aria-labelledby": header ? headerId : standaloneButtonId, className: clsx(styles.root, styles[`variant-${variant}`], disabled && styles.disabled, disabled && testStyles.disabled, !!icon && styles['has-icon'], !!icon && styles['icon-align-end'], !!icon && styles[`icon-vertical-align-${iconVerticalAlignment}`], baseProps.className), "aria-disabled": disabled || undefined },
+    return (React.createElement("div", { ...baseProps, ref: mergedRootRef, role: "group", "aria-labelledby": header ? headerId : standaloneButtonId, className: clsx(styles.root, styles[`variant-${variant}`], disabled && styles.disabled, disabled && testStyles.disabled, !!icon && styles['has-icon'], !!icon && styles['icon-align-end'], !!icon && styles[`icon-vertical-align-${iconVerticalAlignment}`], baseProps.className), "aria-disabled": disabled || undefined, "data-awsui-motion-trigger": "hover" },
         standaloneButton,
         contentElement,
         !iconInHeaderRow && iconWrapper));

package/action-card/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/action-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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport InternalStructuredItem from '../internal/components/structured-item';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { ActionCardProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\nexport type InternalActionCardProps = ActionCardProps & InternalBaseComponentProps;\n\nconst InternalActionCard = React.forwardRef(\n  (\n    {\n      header,\n      description,\n      children,\n      onClick,\n      onFollow,\n      href,\n      target,\n      rel,\n      download,\n      ariaLabel,\n      ariaDescribedby,\n      disabled,\n      disableHeaderPaddings,\n      disableContentPaddings,\n      icon,\n      iconVerticalAlignment,\n      variant,\n      nativeButtonAttributes,\n      nativeAnchorAttributes,\n      __internalRootRef,\n      ...rest\n    }: InternalActionCardProps,\n    ref: React.Ref<ActionCardProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const containerRef = useRef<HTMLButtonElement | HTMLAnchorElement>(null);\n    const rootRef = useRef<HTMLDivElement>(null);\n    const headerId = useUniqueId('action-card-header-');\n    const standaloneButtonId = useUniqueId('action-card-button-');\n    const descriptionId = useUniqueId('action-card-description-');\n    const bodyId = useUniqueId('action-card-body-');\n\n    useForwardFocus(ref, containerRef);\n\n    checkSafeUrl('ActionCard', href);\n    const isAnchor = Boolean(href);\n\n    if (!header && !ariaLabel) {\n      warnOnce(\n        'ActionCard',\n        'An accessible name is required. Provide either a `header` or an `ariaLabel` prop so the action card has a meaningful label for screen reader users.'\n      );\n    }\n\n    const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n      if (disabled) {\n        return event.preventDefault();\n      }\n      if (isAnchor && isPlainLeftClick(event)) {\n        fireCancelableEvent(onFollow, { href, target }, event);\n      }\n      fireCancelableEvent(onClick, {}, event);\n    };\n\n    const headerRowEmpty = !header && !description;\n\n    const iconWrapper = icon && (\n      <div className={clsx(styles.icon, testStyles.icon)} aria-hidden=\"true\">\n        {icon}\n      </div>\n    );\n    const iconInHeaderRow = icon && iconVerticalAlignment === 'top' && !!header;\n\n    const mergedRootRef = useMergeRefs(rootRef, __internalRootRef);\n\n    // Link the description element as the button's accessible description\n    // when the button already has a name (via header text or ariaLabel).\n    if (!ariaDescribedby && description && (ariaLabel || header)) {\n      ariaDescribedby = descriptionId;\n    }\n\n    // Shared props between <a>-tag and <button>-tag\n    const interactiveProps = {\n      className: clsx(\n        styles['header-button'],\n        testStyles.button,\n        disabled && styles.disabled,\n        variant && styles[`variant-${variant}`]\n      ),\n      onClick: handleButtonClick,\n      'aria-describedby': ariaDescribedby,\n      'aria-disabled': disabled || undefined,\n    };\n\n    // <a>-tag specific props\n    const anchorProps = {\n      href: disabled ? undefined : href,\n      role: disabled ? 'link' : undefined,\n      tabIndex: disabled ? 0 : undefined,\n      target,\n      // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n      rel: rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined),\n      download,\n    };\n\n    const renderInteractiveElement = (props: Record<string, unknown>, children?: React.ReactNode) =>\n      isAnchor ? (\n        <WithNativeAttributes<HTMLAnchorElement, React.AnchorHTMLAttributes<HTMLAnchorElement>>\n          {...props}\n          {...anchorProps}\n          tag=\"a\"\n          componentName=\"ActionCard\"\n          nativeAttributes={nativeAnchorAttributes}\n          ref={containerRef as React.Ref<HTMLAnchorElement>}\n        >\n          {children}\n        </WithNativeAttributes>\n      ) : (\n        <WithNativeAttributes<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>\n          {...props}\n          type=\"button\"\n          tag=\"button\"\n          componentName=\"ActionCard\"\n          nativeAttributes={nativeButtonAttributes}\n          ref={containerRef as React.Ref<HTMLButtonElement>}\n        >\n          {children}\n        </WithNativeAttributes>\n      );\n\n    const headerSection = !headerRowEmpty ? (\n      <div className={clsx(styles.header, disableHeaderPaddings && styles['no-padding'])}>\n        <InternalStructuredItem\n          content={\n            header && (\n              <div className={clsx(styles['header-inner'], testStyles.header, disabled && styles.disabled)}>\n                {renderInteractiveElement({ ...interactiveProps, id: headerId }, header)}\n              </div>\n            )\n          }\n          secondaryContent={\n            description && (\n              <div\n                id={descriptionId}\n                className={clsx(\n                  styles.description,\n                  testStyles.description,\n                  disabled && styles.disabled,\n                  header && styles['has-header']\n                )}\n              >\n                {description}\n              </div>\n            )\n          }\n          disablePaddings={disableHeaderPaddings}\n        />\n      </div>\n    ) : null;\n\n    // When there's no header, a standalone overlay button is rendered.\n    // If ariaLabel is provided, it's used directly. Otherwise, derive the button's\n    // accessible name from the first available content: description or children.\n    let standaloneButtonLabelledBy: string | undefined;\n    if (!ariaLabel) {\n      if (description) {\n        standaloneButtonLabelledBy = descriptionId;\n      } else if (children) {\n        standaloneButtonLabelledBy = bodyId;\n      }\n    }\n\n    const standaloneOverlayProps = {\n      ...interactiveProps,\n      id: standaloneButtonId,\n      className: clsx(\n        styles['overlay-button'],\n        testStyles.button,\n        disabled && styles.disabled,\n        variant && styles[`variant-${variant}`]\n      ),\n      'aria-label': ariaLabel || undefined,\n      'aria-labelledby': standaloneButtonLabelledBy,\n    };\n\n    const standaloneButton = !header ? renderInteractiveElement(standaloneOverlayProps) : null;\n\n    const contentElement = (\n      <div className={styles['inner-card']}>\n        {iconInHeaderRow ? (\n          <div className={styles['header-row']}>\n            {headerSection}\n            {iconWrapper}\n          </div>\n        ) : (\n          headerSection\n        )}\n        {children && (\n          <div\n            className={clsx(styles.body, testStyles.body, disableContentPaddings && styles['no-padding'])}\n            id={bodyId}\n          >\n            {children}\n          </div>\n        )}\n      </div>\n    );\n\n    return (\n      <div\n        {...baseProps}\n        ref={mergedRootRef}\n        role=\"group\"\n        aria-labelledby={header ? headerId : standaloneButtonId}\n        className={clsx(\n          styles.root,\n          styles[`variant-${variant}`],\n          disabled && styles.disabled,\n          disabled && testStyles.disabled,\n          !!icon && styles['has-icon'],\n          !!icon && styles['icon-align-end'],\n          !!icon && styles[`icon-vertical-align-${iconVerticalAlignment}`],\n          baseProps.className\n        )}\n        aria-disabled={disabled || undefined}\n      >\n        {standaloneButton}\n        {contentElement}\n        {!iconInHeaderRow && iconWrapper}\n      </div>\n    );\n  }\n);\n\nexport default InternalActionCard;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/action-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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport InternalStructuredItem from '../internal/components/structured-item';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { ActionCardProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\nexport type InternalActionCardProps = ActionCardProps & InternalBaseComponentProps;\n\nconst InternalActionCard = React.forwardRef(\n  (\n    {\n      header,\n      description,\n      children,\n      onClick,\n      onFollow,\n      href,\n      target,\n      rel,\n      download,\n      ariaLabel,\n      ariaDescribedby,\n      disabled,\n      disableHeaderPaddings,\n      disableContentPaddings,\n      icon,\n      iconVerticalAlignment,\n      variant,\n      nativeButtonAttributes,\n      nativeAnchorAttributes,\n      __internalRootRef,\n      ...rest\n    }: InternalActionCardProps,\n    ref: React.Ref<ActionCardProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const containerRef = useRef<HTMLButtonElement | HTMLAnchorElement>(null);\n    const rootRef = useRef<HTMLDivElement>(null);\n    const headerId = useUniqueId('action-card-header-');\n    const standaloneButtonId = useUniqueId('action-card-button-');\n    const descriptionId = useUniqueId('action-card-description-');\n    const bodyId = useUniqueId('action-card-body-');\n\n    useForwardFocus(ref, containerRef);\n\n    checkSafeUrl('ActionCard', href);\n    const isAnchor = Boolean(href);\n\n    if (!header && !ariaLabel) {\n      warnOnce(\n        'ActionCard',\n        'An accessible name is required. Provide either a `header` or an `ariaLabel` prop so the action card has a meaningful label for screen reader users.'\n      );\n    }\n\n    const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n      if (disabled) {\n        return event.preventDefault();\n      }\n      if (isAnchor && isPlainLeftClick(event)) {\n        fireCancelableEvent(onFollow, { href, target }, event);\n      }\n      fireCancelableEvent(onClick, {}, event);\n    };\n\n    const headerRowEmpty = !header && !description;\n\n    const iconWrapper = icon && (\n      <div className={clsx(styles.icon, testStyles.icon)} aria-hidden=\"true\" data-awsui-motion-target=\"\">\n        {icon}\n      </div>\n    );\n    const iconInHeaderRow = icon && iconVerticalAlignment === 'top' && !!header;\n\n    const mergedRootRef = useMergeRefs(rootRef, __internalRootRef);\n\n    // Link the description element as the button's accessible description\n    // when the button already has a name (via header text or ariaLabel).\n    if (!ariaDescribedby && description && (ariaLabel || header)) {\n      ariaDescribedby = descriptionId;\n    }\n\n    // Shared props between <a>-tag and <button>-tag\n    const interactiveProps = {\n      className: clsx(\n        styles['header-button'],\n        testStyles.button,\n        disabled && styles.disabled,\n        variant && styles[`variant-${variant}`]\n      ),\n      onClick: handleButtonClick,\n      'aria-describedby': ariaDescribedby,\n      'aria-disabled': disabled || undefined,\n      // The hover region is the whole card (see the root element); focusing\n      // the inner control also plays the motion.\n      'data-awsui-motion-trigger': 'focus',\n    };\n\n    // <a>-tag specific props\n    const anchorProps = {\n      href: disabled ? undefined : href,\n      role: disabled ? 'link' : undefined,\n      tabIndex: disabled ? 0 : undefined,\n      target,\n      // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n      rel: rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined),\n      download,\n    };\n\n    const renderInteractiveElement = (props: Record<string, unknown>, children?: React.ReactNode) =>\n      isAnchor ? (\n        <WithNativeAttributes<HTMLAnchorElement, React.AnchorHTMLAttributes<HTMLAnchorElement>>\n          {...props}\n          {...anchorProps}\n          tag=\"a\"\n          componentName=\"ActionCard\"\n          nativeAttributes={nativeAnchorAttributes}\n          ref={containerRef as React.Ref<HTMLAnchorElement>}\n        >\n          {children}\n        </WithNativeAttributes>\n      ) : (\n        <WithNativeAttributes<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>\n          {...props}\n          type=\"button\"\n          tag=\"button\"\n          componentName=\"ActionCard\"\n          nativeAttributes={nativeButtonAttributes}\n          ref={containerRef as React.Ref<HTMLButtonElement>}\n        >\n          {children}\n        </WithNativeAttributes>\n      );\n\n    const headerSection = !headerRowEmpty ? (\n      <div className={clsx(styles.header, disableHeaderPaddings && styles['no-padding'])}>\n        <InternalStructuredItem\n          content={\n            header && (\n              <div className={clsx(styles['header-inner'], testStyles.header, disabled && styles.disabled)}>\n                {renderInteractiveElement({ ...interactiveProps, id: headerId }, header)}\n              </div>\n            )\n          }\n          secondaryContent={\n            description && (\n              <div\n                id={descriptionId}\n                className={clsx(\n                  styles.description,\n                  testStyles.description,\n                  disabled && styles.disabled,\n                  header && styles['has-header']\n                )}\n              >\n                {description}\n              </div>\n            )\n          }\n          disablePaddings={disableHeaderPaddings}\n        />\n      </div>\n    ) : null;\n\n    // When there's no header, a standalone overlay button is rendered.\n    // If ariaLabel is provided, it's used directly. Otherwise, derive the button's\n    // accessible name from the first available content: description or children.\n    let standaloneButtonLabelledBy: string | undefined;\n    if (!ariaLabel) {\n      if (description) {\n        standaloneButtonLabelledBy = descriptionId;\n      } else if (children) {\n        standaloneButtonLabelledBy = bodyId;\n      }\n    }\n\n    const standaloneOverlayProps = {\n      ...interactiveProps,\n      id: standaloneButtonId,\n      className: clsx(\n        styles['overlay-button'],\n        testStyles.button,\n        disabled && styles.disabled,\n        variant && styles[`variant-${variant}`]\n      ),\n      'aria-label': ariaLabel || undefined,\n      'aria-labelledby': standaloneButtonLabelledBy,\n    };\n\n    const standaloneButton = !header ? renderInteractiveElement(standaloneOverlayProps) : null;\n\n    const contentElement = (\n      <div className={styles['inner-card']}>\n        {iconInHeaderRow ? (\n          <div className={styles['header-row']}>\n            {headerSection}\n            {iconWrapper}\n          </div>\n        ) : (\n          headerSection\n        )}\n        {children && (\n          <div\n            className={clsx(styles.body, testStyles.body, disableContentPaddings && styles['no-padding'])}\n            id={bodyId}\n          >\n            {children}\n          </div>\n        )}\n      </div>\n    );\n\n    return (\n      <div\n        {...baseProps}\n        ref={mergedRootRef}\n        role=\"group\"\n        aria-labelledby={header ? headerId : standaloneButtonId}\n        className={clsx(\n          styles.root,\n          styles[`variant-${variant}`],\n          disabled && styles.disabled,\n          disabled && testStyles.disabled,\n          !!icon && styles['has-icon'],\n          !!icon && styles['icon-align-end'],\n          !!icon && styles[`icon-vertical-align-${iconVerticalAlignment}`],\n          baseProps.className\n        )}\n        aria-disabled={disabled || undefined}\n        data-awsui-motion-trigger=\"hover\"\n      >\n        {standaloneButton}\n        {contentElement}\n        {!iconInHeaderRow && iconWrapper}\n      </div>\n    );\n  }\n);\n\nexport default InternalActionCard;\n"]}

package/action-card/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_16248_1c9rz_13",
-  "icon": "awsui_icon_16248_1c9rz_45",
-  "header-inner": "awsui_header-inner_16248_1c9rz_61",
-  "disabled": "awsui_disabled_16248_1c9rz_70",
-  "header": "awsui_header_16248_1c9rz_61",
-  "body": "awsui_body_16248_1c9rz_73",
-  "header-row": "awsui_header-row_16248_1c9rz_77",
-  "description": "awsui_description_16248_1c9rz_90",
-  "has-header": "awsui_has-header_16248_1c9rz_96",
-  "header-button": "awsui_header-button_16248_1c9rz_110",
-  "overlay-button": "awsui_overlay-button_16248_1c9rz_111",
-  "variant-embedded": "awsui_variant-embedded_16248_1c9rz_130",
-  "variant-default": "awsui_variant-default_16248_1c9rz_142",
-  "inner-card": "awsui_inner-card_16248_1c9rz_243",
-  "no-padding": "awsui_no-padding_16248_1c9rz_250",
-  "icon-vertical-align-center": "awsui_icon-vertical-align-center_16248_1c9rz_261",
-  "icon-align-end": "awsui_icon-align-end_16248_1c9rz_397"
+  "root": "awsui_root_16248_18c2c_13",
+  "icon": "awsui_icon_16248_18c2c_45",
+  "header-inner": "awsui_header-inner_16248_18c2c_61",
+  "disabled": "awsui_disabled_16248_18c2c_70",
+  "header": "awsui_header_16248_18c2c_61",
+  "body": "awsui_body_16248_18c2c_73",
+  "header-row": "awsui_header-row_16248_18c2c_77",
+  "description": "awsui_description_16248_18c2c_90",
+  "has-header": "awsui_has-header_16248_18c2c_96",
+  "header-button": "awsui_header-button_16248_18c2c_110",
+  "overlay-button": "awsui_overlay-button_16248_18c2c_111",
+  "variant-embedded": "awsui_variant-embedded_16248_18c2c_130",
+  "variant-default": "awsui_variant-default_16248_18c2c_142",
+  "inner-card": "awsui_inner-card_16248_18c2c_243",
+  "no-padding": "awsui_no-padding_16248_18c2c_250",
+  "icon-vertical-align-center": "awsui_icon-vertical-align-center_16248_18c2c_261",
+  "icon-align-end": "awsui_icon-align-end_16248_18c2c_397"
 };