@cloudscape-design/chat-components 1.0.61 → 1.0.63

package/avatar/internal.js

@@ -52,7 +52,7 @@ export default function InternalAvatar({ color, tooltipText, initials, loading =
             setShowTooltip(false);
         },
     };
-    return (_jsxs("div", { ...getDataAttributes(rest), ref: mergedRef, tabIndex: 0, className: clsx(styles.root, styles[`avatar-color-${color}`], { [styles.initials]: initials }), role: "img", "aria-label": ariaLabel, ...tooltipAttributes, style: { [customCssProps.avatarSize]: `${computedSize}px`, ...getRootStyles(style) }, children: [showTooltip && tooltipText && (_jsx(Tooltip, { value: tooltipText, trackRef: handleRef, 
+    return (_jsxs("div", { ...getDataAttributes(rest), ref: mergedRef, tabIndex: 0, className: clsx(styles.root, styles[`avatar-color-${color}`], { [styles.initials]: initials }), role: "img", "aria-label": ariaLabel, ...tooltipAttributes, style: { [customCssProps.avatarSize]: `${computedSize}px`, ...getRootStyles(style) }, children: [showTooltip && tooltipText && (_jsx(Tooltip, { className: styles.tooltip, value: tooltipText, trackRef: handleRef, 
                 // This is added to ensure tooltip is closed when clicked for consistency with other tooltip usages
                 contentAttributes: { onPointerDown: () => setShowTooltip(false) } })), _jsx("div", { className: styles.content, "aria-hidden": "true", style: getContentStyles(style), children: _jsx(AvatarContent, { color: color, ariaLabel: ariaLabel, initials: initials, loading: loading, iconName: iconName, iconSvg: iconSvg, iconUrl: iconUrl, imgUrl: imgUrl, style: style, width: computedSize }) })] }));
 }

package/avatar/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/avatar/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 { useRef, useState } from \"react\";\nimport clsx from \"clsx\";\n\nimport { useMergeRefs, warnOnce } from \"@cloudscape-design/component-toolkit/internal\";\nimport Icon from \"@cloudscape-design/components/icon\";\nimport Tooltip from \"@cloudscape-design/components/internal/tooltip-do-not-use\";\n\nimport { getDataAttributes } from \"../internal/base-component/get-data-attributes\";\nimport { InternalBaseComponentProps } from \"../internal/base-component/use-base-component\";\nimport customCssProps from \"../internal/generated/custom-css-properties\";\nimport { AvatarProps } from \"./interfaces.js\";\nimport LoadingDots from \"./loading-dots\";\nimport { getContentStyles, getImageStyles, getRootStyles } from \"./style\";\n\nimport styles from \"./styles.css.js\";\n\nexport interface InternalAvatarProps extends AvatarProps, InternalBaseComponentProps {}\n\nconst AvatarContent = ({\n  color,\n  loading,\n  initials,\n  iconName,\n  iconSvg,\n  iconUrl,\n  ariaLabel,\n  width,\n  imgUrl,\n  style,\n}: AvatarProps) => {\n  if (loading) {\n    return <LoadingDots color={color} width={width} style={style} />;\n  }\n\n  if (imgUrl) {\n    return <img className={styles.image} src={imgUrl} style={getImageStyles(style)} />;\n  }\n\n  if (initials) {\n    const letters = initials.length > 2 ? initials.slice(0, 2) : initials;\n\n    if (initials.length > 2) {\n      warnOnce(\"Avatar\", `\"initials\" is longer than 2 characters. Only the first two characters are shown.`);\n    }\n\n    return <span className={styles.initials}>{letters}</span>;\n  }\n\n  return <Icon name={iconName} svg={iconSvg} url={iconUrl} alt={ariaLabel} size=\"inherit\" />;\n};\n\nexport default function InternalAvatar({\n  color,\n  tooltipText,\n  initials,\n  loading = false,\n  ariaLabel,\n  iconName,\n  iconSvg,\n  iconUrl,\n  imgUrl,\n  style,\n  width = 28,\n  __internalRootRef = null,\n  ...rest\n}: InternalAvatarProps) {\n  const handleRef = useRef<HTMLDivElement>(null);\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const mergedRef = useMergeRefs(handleRef, __internalRootRef);\n  const computedSize = width < 28 ? 28 : width;\n\n  const tooltipAttributes = {\n    onFocus: () => {\n      setShowTooltip(true);\n    },\n    onBlur: () => {\n      setShowTooltip(false);\n    },\n    onMouseEnter: () => {\n      setShowTooltip(true);\n    },\n    onMouseLeave: () => {\n      setShowTooltip(false);\n    },\n    onTouchStart: () => {\n      setShowTooltip(true);\n    },\n    onTouchEnd: () => {\n      setShowTooltip(false);\n    },\n  };\n\n  return (\n    <div\n      {...getDataAttributes(rest)}\n      ref={mergedRef}\n      tabIndex={0}\n      className={clsx(styles.root, styles[`avatar-color-${color}`], { [styles.initials]: initials })}\n      role=\"img\"\n      aria-label={ariaLabel}\n      {...tooltipAttributes}\n      style={{ [customCssProps.avatarSize]: `${computedSize}px`, ...getRootStyles(style) }}\n    >\n      {showTooltip && tooltipText && (\n        <Tooltip\n          value={tooltipText}\n          trackRef={handleRef}\n          // This is added to ensure tooltip is closed when clicked for consistency with other tooltip usages\n          contentAttributes={{ onPointerDown: () => setShowTooltip(false) }}\n        />\n      )}\n\n      {/* aria-hidden is added so that screen readers focus only the parent div */}\n      {/* when it is not hidden, it becomes unstable in JAWS */}\n      <div className={styles.content} aria-hidden=\"true\" style={getContentStyles(style)}>\n        <AvatarContent\n          color={color}\n          ariaLabel={ariaLabel}\n          initials={initials}\n          loading={loading}\n          iconName={iconName}\n          iconSvg={iconSvg}\n          iconUrl={iconUrl}\n          imgUrl={imgUrl}\n          style={style}\n          width={computedSize}\n        />\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/avatar/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 { useRef, useState } from \"react\";\nimport clsx from \"clsx\";\n\nimport { useMergeRefs, warnOnce } from \"@cloudscape-design/component-toolkit/internal\";\nimport Icon from \"@cloudscape-design/components/icon\";\nimport Tooltip from \"@cloudscape-design/components/internal/tooltip-do-not-use\";\n\nimport { getDataAttributes } from \"../internal/base-component/get-data-attributes\";\nimport { InternalBaseComponentProps } from \"../internal/base-component/use-base-component\";\nimport customCssProps from \"../internal/generated/custom-css-properties\";\nimport { AvatarProps } from \"./interfaces.js\";\nimport LoadingDots from \"./loading-dots\";\nimport { getContentStyles, getImageStyles, getRootStyles } from \"./style\";\n\nimport styles from \"./styles.css.js\";\n\nexport interface InternalAvatarProps extends AvatarProps, InternalBaseComponentProps {}\n\nconst AvatarContent = ({\n  color,\n  loading,\n  initials,\n  iconName,\n  iconSvg,\n  iconUrl,\n  ariaLabel,\n  width,\n  imgUrl,\n  style,\n}: AvatarProps) => {\n  if (loading) {\n    return <LoadingDots color={color} width={width} style={style} />;\n  }\n\n  if (imgUrl) {\n    return <img className={styles.image} src={imgUrl} style={getImageStyles(style)} />;\n  }\n\n  if (initials) {\n    const letters = initials.length > 2 ? initials.slice(0, 2) : initials;\n\n    if (initials.length > 2) {\n      warnOnce(\"Avatar\", `\"initials\" is longer than 2 characters. Only the first two characters are shown.`);\n    }\n\n    return <span className={styles.initials}>{letters}</span>;\n  }\n\n  return <Icon name={iconName} svg={iconSvg} url={iconUrl} alt={ariaLabel} size=\"inherit\" />;\n};\n\nexport default function InternalAvatar({\n  color,\n  tooltipText,\n  initials,\n  loading = false,\n  ariaLabel,\n  iconName,\n  iconSvg,\n  iconUrl,\n  imgUrl,\n  style,\n  width = 28,\n  __internalRootRef = null,\n  ...rest\n}: InternalAvatarProps) {\n  const handleRef = useRef<HTMLDivElement>(null);\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const mergedRef = useMergeRefs(handleRef, __internalRootRef);\n  const computedSize = width < 28 ? 28 : width;\n\n  const tooltipAttributes = {\n    onFocus: () => {\n      setShowTooltip(true);\n    },\n    onBlur: () => {\n      setShowTooltip(false);\n    },\n    onMouseEnter: () => {\n      setShowTooltip(true);\n    },\n    onMouseLeave: () => {\n      setShowTooltip(false);\n    },\n    onTouchStart: () => {\n      setShowTooltip(true);\n    },\n    onTouchEnd: () => {\n      setShowTooltip(false);\n    },\n  };\n\n  return (\n    <div\n      {...getDataAttributes(rest)}\n      ref={mergedRef}\n      tabIndex={0}\n      className={clsx(styles.root, styles[`avatar-color-${color}`], { [styles.initials]: initials })}\n      role=\"img\"\n      aria-label={ariaLabel}\n      {...tooltipAttributes}\n      style={{ [customCssProps.avatarSize]: `${computedSize}px`, ...getRootStyles(style) }}\n    >\n      {showTooltip && tooltipText && (\n        <Tooltip\n          className={styles.tooltip}\n          value={tooltipText}\n          trackRef={handleRef}\n          // This is added to ensure tooltip is closed when clicked for consistency with other tooltip usages\n          contentAttributes={{ onPointerDown: () => setShowTooltip(false) }}\n        />\n      )}\n\n      {/* aria-hidden is added so that screen readers focus only the parent div */}\n      {/* when it is not hidden, it becomes unstable in JAWS */}\n      <div className={styles.content} aria-hidden=\"true\" style={getContentStyles(style)}>\n        <AvatarContent\n          color={color}\n          ariaLabel={ariaLabel}\n          initials={initials}\n          loading={loading}\n          iconName={iconName}\n          iconSvg={iconSvg}\n          iconUrl={iconUrl}\n          imgUrl={imgUrl}\n          style={style}\n          width={computedSize}\n        />\n      </div>\n    </div>\n  );\n}\n"]}

package/avatar/styles.css.js

@@ -1,11 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1qkal_qb5ol_15",
-  "avatar-color-default": "awsui_avatar-color-default_1qkal_qb5ol_53",
-  "avatar-color-gen-ai": "awsui_avatar-color-gen-ai_1qkal_qb5ol_56",
-  "initials": "awsui_initials_1qkal_qb5ol_59",
-  "image": "awsui_image_1qkal_qb5ol_86",
-  "content": "awsui_content_1qkal_qb5ol_90"
+  "root": "awsui_root_1qkal_xpc7p_15",
+  "avatar-color-default": "awsui_avatar-color-default_1qkal_xpc7p_53",
+  "avatar-color-gen-ai": "awsui_avatar-color-gen-ai_1qkal_xpc7p_56",
+  "initials": "awsui_initials_1qkal_xpc7p_59",
+  "image": "awsui_image_1qkal_xpc7p_86",
+  "content": "awsui_content_1qkal_xpc7p_90",
+  "tooltip": "awsui_tooltip_1qkal_xpc7p_112"
 };
   

package/avatar/styles.scoped.css

@@ -12,7 +12,7 @@
 */
 /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-.awsui_root_1qkal_qb5ol_15:not(#\9) {
+.awsui_root_1qkal_xpc7p_15:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -50,28 +50,28 @@
   border-end-start-radius: 50%;
   border-end-end-radius: 50%;
 }
-.awsui_root_1qkal_qb5ol_15.awsui_avatar-color-default_1qkal_qb5ol_53:not(#\9) {
+.awsui_root_1qkal_xpc7p_15.awsui_avatar-color-default_1qkal_xpc7p_53:not(#\9) {
   background-color: var(--color-background-avatar-default-t427xm, #424650);
 }
-.awsui_root_1qkal_qb5ol_15.awsui_avatar-color-gen-ai_1qkal_qb5ol_56:not(#\9) {
+.awsui_root_1qkal_xpc7p_15.awsui_avatar-color-gen-ai_1qkal_xpc7p_56:not(#\9) {
   background: var(--color-background-avatar-gen-ai-oxp2v6, radial-gradient(circle farthest-corner at top right, #b8e7ff 0%, #0099ff 25%, #5c7fff 40%, #8575ff 60%, #962eff 80%));
 }
-.awsui_root_1qkal_qb5ol_15.awsui_initials_1qkal_qb5ol_59:not(#\9) {
+.awsui_root_1qkal_xpc7p_15.awsui_initials_1qkal_xpc7p_59:not(#\9) {
   font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
   font-weight: var(--font-weight-heading-l-0t6dwc, 700);
 }
-.awsui_root_1qkal_qb5ol_15:not(#\9):focus {
+.awsui_root_1qkal_xpc7p_15:not(#\9):focus {
   outline: none;
 }
-.awsui_root_1qkal_qb5ol_15:not(#\9):focus-visible {
+.awsui_root_1qkal_xpc7p_15:not(#\9):focus-visible {
   position: relative;
   box-sizing: border-box;
   outline: 2px dotted transparent;
   outline-offset: calc(4px + var(--awsui-avatar-root-border-width-qkxefc, 0px) + var(--awsui-avatar-focus-ring-border-width-qkxefc, 0px) - 1px);
 }
-.awsui_root_1qkal_qb5ol_15:not(#\9):focus-visible::before {
+.awsui_root_1qkal_xpc7p_15:not(#\9):focus-visible::before {
   content: " ";
   display: block;
   position: absolute;
@@ -83,11 +83,11 @@
   border-radius: var(--awsui-avatar-focus-ring-border-radius-qkxefc, 50%);
   border: var(--awsui-avatar-focus-ring-border-width-qkxefc, 2px) solid var(--awsui-avatar-focus-ring-border-color-qkxefc, var(--color-border-item-focused-uk47pl, #006ce0));
 }
-.awsui_root_1qkal_qb5ol_15:not(#\9):has(.awsui_image_1qkal_qb5ol_86) {
+.awsui_root_1qkal_xpc7p_15:not(#\9):has(.awsui_image_1qkal_xpc7p_86) {
   background: transparent;
 }
 
-.awsui_content_1qkal_qb5ol_90:not(#\9) {
+.awsui_content_1qkal_xpc7p_90:not(#\9) {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -96,7 +96,7 @@
   overflow: hidden;
   line-height: calc(0.8 * var(--awsui-avatar-size-qkxefc));
 }
-.awsui_content_1qkal_qb5ol_90 .awsui_image_1qkal_qb5ol_86:not(#\9) {
+.awsui_content_1qkal_xpc7p_90 .awsui_image_1qkal_xpc7p_86:not(#\9) {
   border-start-start-radius: 50%;
   border-start-end-radius: 50%;
   border-end-start-radius: 50%;
@@ -105,6 +105,10 @@
   inline-size: var(--awsui-avatar-size-qkxefc);
   object-fit: cover;
 }
-.awsui_content_1qkal_qb5ol_90 .awsui_initials_1qkal_qb5ol_59:not(#\9) {
+.awsui_content_1qkal_xpc7p_90 .awsui_initials_1qkal_xpc7p_59:not(#\9) {
   font-size: clamp(var(--font-size-body-s-smc8cv, 12px), 0.4 * var(--awsui-avatar-size-qkxefc), 0.4 * var(--awsui-avatar-size-qkxefc));
+}
+
+.awsui_tooltip_1qkal_xpc7p_112:not(#\9) {
+  /* used in test-utils */
 }

package/avatar/styles.selectors.js

@@ -2,11 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1qkal_qb5ol_15",
-  "avatar-color-default": "awsui_avatar-color-default_1qkal_qb5ol_53",
-  "avatar-color-gen-ai": "awsui_avatar-color-gen-ai_1qkal_qb5ol_56",
-  "initials": "awsui_initials_1qkal_qb5ol_59",
-  "image": "awsui_image_1qkal_qb5ol_86",
-  "content": "awsui_content_1qkal_qb5ol_90"
+  "root": "awsui_root_1qkal_xpc7p_15",
+  "avatar-color-default": "awsui_avatar-color-default_1qkal_xpc7p_53",
+  "avatar-color-gen-ai": "awsui_avatar-color-gen-ai_1qkal_xpc7p_56",
+  "initials": "awsui_initials_1qkal_xpc7p_59",
+  "image": "awsui_image_1qkal_xpc7p_86",
+  "content": "awsui_content_1qkal_xpc7p_90",
+  "tooltip": "awsui_tooltip_1qkal_xpc7p_112"
 };
   

package/internal/api-docs/test-utils-doc/dom.d.ts

@@ -0,0 +1,3 @@
+import { TestUtilsDefinition } from './interfaces';
+declare const definitions: TestUtilsDefinition;
+export = definitions;