@cloudscape-design/chat-components 1.0.28 → 1.0.30

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 (12) hide show
  1. package/chat-bubble/styles.css.js +9 -9
  2. package/chat-bubble/styles.scoped.css +11 -9
  3. package/chat-bubble/styles.selectors.js +9 -9
  4. package/internal/base-component/use-telemetry.js +3 -1
  5. package/internal/base-component/use-telemetry.js.map +1 -1
  6. package/internal/environment.js +1 -1
  7. package/internal/environment.json +1 -1
  8. package/internal/manifest.json +1 -1
  9. package/internal/utils/get-visual-theme.d.ts +1 -0
  10. package/internal/utils/get-visual-theme.js +9 -0
  11. package/internal/utils/get-visual-theme.js.map +1 -0
  12. package/package.json +1 -2
package/chat-bubble/styles.css.js CHANGED
@@ -1,14 +1,14 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_cdujn_18ie7_11",
5
- "message-area": "awsui_message-area_cdujn_18ie7_45",
6
- "with-loading-bar": "awsui_with-loading-bar_cdujn_18ie7_55",
7
- "chat-bubble-type-outgoing": "awsui_chat-bubble-type-outgoing_cdujn_18ie7_58",
8
- "chat-bubble-type-incoming": "awsui_chat-bubble-type-incoming_cdujn_18ie7_62",
9
- "avatar": "awsui_avatar_cdujn_18ie7_67",
10
- "hide": "awsui_hide_cdujn_18ie7_70",
11
- "content": "awsui_content_cdujn_18ie7_74",
12
- "actions": "awsui_actions_cdujn_18ie7_78"
4
+ "root": "awsui_root_cdujn_1bnjm_11",
5
+ "message-area": "awsui_message-area_cdujn_1bnjm_45",
6
+ "with-loading-bar": "awsui_with-loading-bar_cdujn_1bnjm_57",
7
+ "chat-bubble-type-outgoing": "awsui_chat-bubble-type-outgoing_cdujn_1bnjm_60",
8
+ "chat-bubble-type-incoming": "awsui_chat-bubble-type-incoming_cdujn_1bnjm_64",
9
+ "avatar": "awsui_avatar_cdujn_1bnjm_69",
10
+ "hide": "awsui_hide_cdujn_1bnjm_72",
11
+ "content": "awsui_content_cdujn_1bnjm_76",
12
+ "actions": "awsui_actions_cdujn_1bnjm_80"
13
13
  };
14
14
 
package/chat-bubble/styles.scoped.css CHANGED
@@ -8,7 +8,7 @@
8
8
  */
9
9
  /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
10
10
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
11
- .awsui_root_cdujn_18ie7_11:not(#\9) {
11
+ .awsui_root_cdujn_1bnjm_11:not(#\9) {
12
12
  border-collapse: separate;
13
13
  border-spacing: 0;
14
14
  box-sizing: border-box;
@@ -43,39 +43,41 @@
43
43
  line-height: var(--line-height-heading-m-50evfk, 22px);
44
44
  }
45
45
 
46
- .awsui_message-area_cdujn_18ie7_45:not(#\9) {
46
+ .awsui_message-area_cdujn_1bnjm_45:not(#\9) {
47
47
  display: flex;
48
48
  flex-direction: column;
49
49
  gap: var(--space-scaled-s-aqzyko, 12px);
50
50
  padding: var(--space-scaled-s-aqzyko, 12px);
51
+ min-width: 0;
52
+ overflow-x: auto;
51
53
  border-start-start-radius: var(--border-radius-chat-bubble-qvkt36, 8px);
52
54
  border-start-end-radius: var(--border-radius-chat-bubble-qvkt36, 8px);
53
55
  border-end-start-radius: var(--border-radius-chat-bubble-qvkt36, 8px);
54
56
  border-end-end-radius: var(--border-radius-chat-bubble-qvkt36, 8px);
55
57
  }
56
- .awsui_message-area_cdujn_18ie7_45.awsui_with-loading-bar_cdujn_18ie7_55:not(#\9) {
58
+ .awsui_message-area_cdujn_1bnjm_45.awsui_with-loading-bar_cdujn_1bnjm_57:not(#\9) {
57
59
  padding-block-end: 0;
58
60
  }
59
- .awsui_message-area_cdujn_18ie7_45.awsui_chat-bubble-type-outgoing_cdujn_18ie7_58:not(#\9) {
61
+ .awsui_message-area_cdujn_1bnjm_45.awsui_chat-bubble-type-outgoing_cdujn_1bnjm_60:not(#\9) {
60
62
  color: var(--color-text-chat-bubble-outgoing-bvbr0v, #0f141a);
61
63
  background-color: var(--color-background-chat-bubble-outgoing-pfqan2, transparent);
62
64
  }
63
- .awsui_message-area_cdujn_18ie7_45.awsui_chat-bubble-type-incoming_cdujn_18ie7_62:not(#\9) {
65
+ .awsui_message-area_cdujn_1bnjm_45.awsui_chat-bubble-type-incoming_cdujn_1bnjm_64:not(#\9) {
64
66
  color: var(--color-text-chat-bubble-incoming-x2kig8, #0f141a);
65
67
  background-color: var(--color-background-chat-bubble-incoming-8pi0ow, #f6f6f9);
66
68
  }
67
69
 
68
- .awsui_avatar_cdujn_18ie7_67:not(#\9) {
70
+ .awsui_avatar_cdujn_1bnjm_69:not(#\9) {
69
71
  padding-block: var(--space-scaled-xs-26e2du, 8px);
70
72
  }
71
- .awsui_avatar_cdujn_18ie7_67.awsui_hide_cdujn_18ie7_70:not(#\9) {
73
+ .awsui_avatar_cdujn_1bnjm_69.awsui_hide_cdujn_1bnjm_72:not(#\9) {
72
74
  opacity: 0;
73
75
  }
74
76
 
75
- .awsui_content_cdujn_18ie7_74:not(#\9) {
77
+ .awsui_content_cdujn_1bnjm_76:not(#\9) {
76
78
  /* Used in test utils */
77
79
  }
78
80
 
79
- .awsui_actions_cdujn_18ie7_78:not(#\9) {
81
+ .awsui_actions_cdujn_1bnjm_80:not(#\9) {
80
82
  /* Used in test utils */
81
83
  }
package/chat-bubble/styles.selectors.js CHANGED
@@ -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
- "root": "awsui_root_cdujn_18ie7_11",
6
- "message-area": "awsui_message-area_cdujn_18ie7_45",
7
- "with-loading-bar": "awsui_with-loading-bar_cdujn_18ie7_55",
8
- "chat-bubble-type-outgoing": "awsui_chat-bubble-type-outgoing_cdujn_18ie7_58",
9
- "chat-bubble-type-incoming": "awsui_chat-bubble-type-incoming_cdujn_18ie7_62",
10
- "avatar": "awsui_avatar_cdujn_18ie7_67",
11
- "hide": "awsui_hide_cdujn_18ie7_70",
12
- "content": "awsui_content_cdujn_18ie7_74",
13
- "actions": "awsui_actions_cdujn_18ie7_78"
5
+ "root": "awsui_root_cdujn_1bnjm_11",
6
+ "message-area": "awsui_message-area_cdujn_1bnjm_45",
7
+ "with-loading-bar": "awsui_with-loading-bar_cdujn_1bnjm_57",
8
+ "chat-bubble-type-outgoing": "awsui_chat-bubble-type-outgoing_cdujn_1bnjm_60",
9
+ "chat-bubble-type-incoming": "awsui_chat-bubble-type-incoming_cdujn_1bnjm_64",
10
+ "avatar": "awsui_avatar_cdujn_1bnjm_69",
11
+ "hide": "awsui_hide_cdujn_1bnjm_72",
12
+ "content": "awsui_content_cdujn_1bnjm_76",
13
+ "actions": "awsui_actions_cdujn_1bnjm_80"
14
14
  };
15
15
 
package/internal/base-component/use-telemetry.js CHANGED
@@ -2,9 +2,11 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import { useComponentMetrics } from "@cloudscape-design/component-toolkit/internal";
4
4
  import { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from "../environment";
5
+ import { getVisualTheme } from "../utils/get-visual-theme";
5
6
  import { useVisualRefresh } from "./use-visual-refresh";
6
7
  export function useTelemetry(componentName, config) {
7
- const theme = useVisualRefresh() ? "vr" : THEME;
8
+ const isVisualRefresh = useVisualRefresh();
9
+ const theme = getVisualTheme(THEME, isVisualRefresh);
8
10
  useComponentMetrics(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme }, config);
9
11
  }
10
12
  //# sourceMappingURL=use-telemetry.js.map
package/internal/base-component/use-telemetry.js.map CHANGED
@@ -1 +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"]}
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,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 CHANGED
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "chat-components";
2
- export var PACKAGE_VERSION = "1.0.0 (b7a7b788)";
2
+ export var PACKAGE_VERSION = "1.0.0 (95a341a8)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
package/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "chat-components",
3
- "PACKAGE_VERSION": "1.0.0 (b7a7b788)",
3
+ "PACKAGE_VERSION": "1.0.0 (95a341a8)",
4
4
  "THEME": "open-source-visual-refresh",
5
5
  "ALWAYS_VISUAL_REFRESH": true
6
6
  }
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "b7a7b78811e4b166f1a8bb8f8aa8911188ab2834"
2
+ "commit": "95a341a86c2fdd40806a11bab413de057afd2ba0"
3
3
  }
package/internal/utils/get-visual-theme.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const getVisualTheme: (theme: string, isVR: boolean) => string;
package/internal/utils/get-visual-theme.js ADDED
@@ -0,0 +1,9 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ export const getVisualTheme = (theme, isVR) => {
4
+ if (theme === "polaris" && isVR) {
5
+ return "vr";
6
+ }
7
+ return theme;
8
+ };
9
+ //# sourceMappingURL=get-visual-theme.js.map
package/internal/utils/get-visual-theme.js.map ADDED
@@ -0,0 +1 @@
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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/chat-components",
3
- "version": "1.0.28",
3
+ "version": "1.0.30",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/cloudscape-design/chat-components.git"
@@ -23,7 +23,6 @@
23
23
  },
24
24
  "peerDependencies": {
25
25
  "@cloudscape-design/components": "^3",
26
- "@cloudscape-design/design-tokens": "^3",
27
26
  "react": "^18.2.0",
28
27
  "react-dom": "^18.2.0"
29
28
  },