@cloudscape-design/chat-components 1.0.27 → 1.0.29

package/avatar/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1qkal_155wn_15",
-  "avatar-color-default": "awsui_avatar-color-default_1qkal_155wn_50",
-  "avatar-color-gen-ai": "awsui_avatar-color-gen-ai_1qkal_155wn_53",
-  "initials": "awsui_initials_1qkal_155wn_56",
-  "image": "awsui_image_1qkal_155wn_83",
-  "content": "awsui_content_1qkal_155wn_87"
+  "root": "awsui_root_1qkal_1rsnr_15",
+  "avatar-color-default": "awsui_avatar-color-default_1qkal_1rsnr_50",
+  "avatar-color-gen-ai": "awsui_avatar-color-gen-ai_1qkal_1rsnr_53",
+  "initials": "awsui_initials_1qkal_1rsnr_56",
+  "image": "awsui_image_1qkal_1rsnr_83",
+  "content": "awsui_content_1qkal_1rsnr_87"
 };
   

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_155wn_15:not(#\9) {
+.awsui_root_1qkal_1rsnr_15:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -48,44 +48,44 @@
   border-end-start-radius: 50%;
   border-end-end-radius: 50%;
 }
-.awsui_root_1qkal_155wn_15.awsui_avatar-color-default_1qkal_155wn_50:not(#\9) {
+.awsui_root_1qkal_1rsnr_15.awsui_avatar-color-default_1qkal_1rsnr_50:not(#\9) {
   background-color: var(--color-background-avatar-default-rci9zy, #424650);
 }
-.awsui_root_1qkal_155wn_15.awsui_avatar-color-gen-ai_1qkal_155wn_53:not(#\9) {
+.awsui_root_1qkal_1rsnr_15.awsui_avatar-color-gen-ai_1qkal_1rsnr_53:not(#\9) {
   background: var(--color-background-avatar-gen-ai-i9hcw6, radial-gradient(circle farthest-corner at top left, rgb(0, 150, 250) -25%, rgba(0, 150, 250, 0) 55%), radial-gradient(circle farthest-corner at top right, rgb(216, 178, 255) -10%, rgb(115, 0, 229) 50%));
 }
-.awsui_root_1qkal_155wn_15.awsui_initials_1qkal_155wn_56:not(#\9) {
+.awsui_root_1qkal_1rsnr_15.awsui_initials_1qkal_1rsnr_56:not(#\9) {
   font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
 }
-.awsui_root_1qkal_155wn_15:not(#\9):focus {
+.awsui_root_1qkal_1rsnr_15:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_root_1qkal_155wn_15:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_root_1qkal_1rsnr_15:not(#\9):focus:focus {
   position: relative;
   box-sizing: border-box;
   outline: 2px dotted transparent;
-  outline-offset: 0px;
+  outline-offset: 3px;
 }
-body[data-awsui-focus-visible=true] .awsui_root_1qkal_155wn_15:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_root_1qkal_1rsnr_15:not(#\9):focus:focus::before {
   content: " ";
   display: block;
   position: absolute;
   box-sizing: border-box;
-  inset-inline-start: calc(-1 * 1px);
-  inset-block-start: calc(-1 * 1px);
-  inline-size: calc(100% + 2 * 1px);
-  block-size: calc(100% + 2 * 1px);
+  inset-inline-start: calc(-1 * 4px);
+  inset-block-start: calc(-1 * 4px);
+  inline-size: calc(100% + 2 * 4px);
+  block-size: calc(100% + 2 * 4px);
   border-radius: 50%;
   border: 2px solid var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_root_1qkal_155wn_15:not(#\9):has(.awsui_image_1qkal_155wn_83) {
+.awsui_root_1qkal_1rsnr_15:not(#\9):has(.awsui_image_1qkal_1rsnr_83) {
   background: transparent;
 }
 
-.awsui_content_1qkal_155wn_87:not(#\9) {
+.awsui_content_1qkal_1rsnr_87:not(#\9) {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -93,7 +93,7 @@ body[data-awsui-focus-visible=true] .awsui_root_1qkal_155wn_15:not(#\9):focus:fo
   inline-size: inherit;
   overflow: hidden;
 }
-.awsui_content_1qkal_155wn_87 .awsui_image_1qkal_155wn_83:not(#\9) {
+.awsui_content_1qkal_1rsnr_87 .awsui_image_1qkal_1rsnr_83:not(#\9) {
   border-start-start-radius: 50%;
   border-start-end-radius: 50%;
   border-end-start-radius: 50%;

package/avatar/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1qkal_155wn_15",
-  "avatar-color-default": "awsui_avatar-color-default_1qkal_155wn_50",
-  "avatar-color-gen-ai": "awsui_avatar-color-gen-ai_1qkal_155wn_53",
-  "initials": "awsui_initials_1qkal_155wn_56",
-  "image": "awsui_image_1qkal_155wn_83",
-  "content": "awsui_content_1qkal_155wn_87"
+  "root": "awsui_root_1qkal_1rsnr_15",
+  "avatar-color-default": "awsui_avatar-color-default_1qkal_1rsnr_50",
+  "avatar-color-gen-ai": "awsui_avatar-color-gen-ai_1qkal_1rsnr_53",
+  "initials": "awsui_initials_1qkal_1rsnr_56",
+  "image": "awsui_image_1qkal_1rsnr_83",
+  "content": "awsui_content_1qkal_1rsnr_87"
 };
   

package/internal/base-component/use-telemetry.js

@@ -2,9 +2,11 @@
 // SPDX-License-Identifier: Apache-2.0
 import { useComponentMetrics } from "@cloudscape-design/component-toolkit/internal";
 import { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from "../environment";
+import { getVisualTheme } from "../utils/get-visual-theme";
 import { useVisualRefresh } from "./use-visual-refresh";
 export function useTelemetry(componentName, config) {
-    const theme = useVisualRefresh() ? "vr" : THEME;
+    const isVisualRefresh = useVisualRefresh();
+    const theme = getVisualTheme(THEME, isVisualRefresh);
     useComponentMetrics(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme }, config);
 }
 //# sourceMappingURL=use-telemetry.js.map

package/internal/base-component/use-telemetry.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-telemetry.js","sourceRoot":"","sources":["../../../../src/internal/base-component/use-telemetry.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAA0B,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAE5G,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,UAAU,YAAY,CAAC,aAAqB,EAAE,MAA+B;IACjF,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAChD,mBAAmB,CAAC,aAAa,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC;AACxH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ComponentConfiguration, useComponentMetrics } from \"@cloudscape-design/component-toolkit/internal\";\n\nimport { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from \"../environment\";\nimport { useVisualRefresh } from \"./use-visual-refresh\";\n\nexport function useTelemetry(componentName: string, config?: ComponentConfiguration) {\n  const theme = useVisualRefresh() ? \"vr\" : THEME;\n  useComponentMetrics(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme }, config);\n}\n"]}
+{"version":3,"file":"use-telemetry.js","sourceRoot":"","sources":["../../../../src/internal/base-component/use-telemetry.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAA0B,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAE5G,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,UAAU,YAAY,CAAC,aAAqB,EAAE,MAA+B;IACjF,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IACrD,mBAAmB,CAAC,aAAa,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC;AACxH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ComponentConfiguration, useComponentMetrics } from \"@cloudscape-design/component-toolkit/internal\";\n\nimport { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from \"../environment\";\nimport { getVisualTheme } from \"../utils/get-visual-theme\";\nimport { useVisualRefresh } from \"./use-visual-refresh\";\n\nexport function useTelemetry(componentName: string, config?: ComponentConfiguration) {\n  const isVisualRefresh = useVisualRefresh();\n  const theme = getVisualTheme(THEME, isVisualRefresh);\n  useComponentMetrics(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme }, config);\n}\n"]}

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "chat-components";
-export var PACKAGE_VERSION = "1.0.0 (4247ca33)";
+export var PACKAGE_VERSION = "1.0.0 (35fbff4d)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "chat-components",
-  "PACKAGE_VERSION": "1.0.0 (4247ca33)",
+  "PACKAGE_VERSION": "1.0.0 (35fbff4d)",
   "THEME": "open-source-visual-refresh",
   "ALWAYS_VISUAL_REFRESH": true
 }

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "4247ca33c7223dd2288e8104c0bc1aca4ea694c4"
+  "commit": "35fbff4dbcf55d5e81b94bc2bfa33ee369139616"
 }

package/internal/utils/get-visual-theme.d.ts

@@ -0,0 +1 @@
+export declare const getVisualTheme: (theme: string, isVR: boolean) => string;

package/internal/utils/get-visual-theme.js

@@ -0,0 +1,9 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export const getVisualTheme = (theme, isVR) => {
+    if (theme === "polaris" && isVR) {
+        return "vr";
+    }
+    return theme;
+};
+//# sourceMappingURL=get-visual-theme.js.map

package/internal/utils/get-visual-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-visual-theme.js","sourceRoot":"","sources":["../../../../src/internal/utils/get-visual-theme.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,IAAa,EAAE,EAAE;IAC7D,IAAI,KAAK,KAAK,SAAS,IAAI,IAAI,EAAE;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport const getVisualTheme = (theme: string, isVR: boolean) => {\n  if (theme === \"polaris\" && isVR) {\n    return \"vr\";\n  }\n\n  return theme;\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/chat-components",
-  "version": "1.0.27",
+  "version": "1.0.29",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cloudscape-design/chat-components.git"
@@ -23,7 +23,6 @@
   },
   "peerDependencies": {
     "@cloudscape-design/components": "^3",
-    "@cloudscape-design/design-tokens": "^3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },