@cloudscape-design/chat-components 1.0.82 → 1.0.84

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 (16) hide show
  1. package/avatar/styles.css.js +7 -7
  2. package/avatar/styles.scoped.css +18 -14
  3. package/avatar/styles.selectors.js +7 -7
  4. package/chat-bubble/styles.css.js +9 -9
  5. package/chat-bubble/styles.scoped.css +12 -11
  6. package/chat-bubble/styles.selectors.js +9 -9
  7. package/internal/environment.js +1 -1
  8. package/internal/environment.json +1 -1
  9. package/internal/manifest.json +1 -1
  10. package/loading-bar/styles.css.js +5 -5
  11. package/loading-bar/styles.scoped.css +17 -17
  12. package/loading-bar/styles.selectors.js +5 -5
  13. package/package.json +2 -1
  14. package/support-prompt-group/styles.css.js +3 -3
  15. package/support-prompt-group/styles.scoped.css +16 -11
  16. package/support-prompt-group/styles.selectors.js +3 -3
package/avatar/styles.css.js CHANGED
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1qkal_xpc7p_15",
5
- "avatar-color-default": "awsui_avatar-color-default_1qkal_xpc7p_53",
6
- "avatar-color-gen-ai": "awsui_avatar-color-gen-ai_1qkal_xpc7p_56",
7
- "initials": "awsui_initials_1qkal_xpc7p_59",
8
- "image": "awsui_image_1qkal_xpc7p_86",
9
- "content": "awsui_content_1qkal_xpc7p_90",
10
- "tooltip": "awsui_tooltip_1qkal_xpc7p_112"
4
+ "root": "awsui_root_1qkal_1hvkr_15",
5
+ "avatar-color-default": "awsui_avatar-color-default_1qkal_1hvkr_53",
6
+ "avatar-color-gen-ai": "awsui_avatar-color-gen-ai_1qkal_1hvkr_56",
7
+ "initials": "awsui_initials_1qkal_1hvkr_59",
8
+ "image": "awsui_image_1qkal_1hvkr_90",
9
+ "content": "awsui_content_1qkal_1hvkr_94",
10
+ "tooltip": "awsui_tooltip_1qkal_1hvkr_116"
11
11
  };
12
12
 
package/avatar/styles.scoped.css CHANGED
@@ -12,7 +12,7 @@
12
12
  */
13
13
  /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
14
14
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
15
- .awsui_root_1qkal_xpc7p_15:not(#\9) {
15
+ .awsui_root_1qkal_1hvkr_15:not(#\9) {
16
16
  border-collapse: separate;
17
17
  border-spacing: 0;
18
18
  box-sizing: border-box;
@@ -50,28 +50,28 @@
50
50
  border-end-start-radius: 50%;
51
51
  border-end-end-radius: 50%;
52
52
  }
53
- .awsui_root_1qkal_xpc7p_15.awsui_avatar-color-default_1qkal_xpc7p_53:not(#\9) {
53
+ .awsui_root_1qkal_1hvkr_15.awsui_avatar-color-default_1qkal_1hvkr_53:not(#\9) {
54
54
  background-color: var(--color-background-avatar-default-t427xm, #424650);
55
55
  }
56
- .awsui_root_1qkal_xpc7p_15.awsui_avatar-color-gen-ai_1qkal_xpc7p_56:not(#\9) {
56
+ .awsui_root_1qkal_1hvkr_15.awsui_avatar-color-gen-ai_1qkal_1hvkr_56:not(#\9) {
57
57
  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%));
58
58
  }
59
- .awsui_root_1qkal_xpc7p_15.awsui_initials_1qkal_xpc7p_59:not(#\9) {
59
+ .awsui_root_1qkal_1hvkr_15.awsui_initials_1qkal_1hvkr_59:not(#\9) {
60
60
  font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
61
61
  font-size: var(--font-size-body-s-smc8cv, 12px);
62
62
  line-height: var(--line-height-body-s-nu5hx1, 16px);
63
63
  font-weight: var(--font-weight-heading-l-0t6dwc, 700);
64
64
  }
65
- .awsui_root_1qkal_xpc7p_15:not(#\9):focus {
65
+ .awsui_root_1qkal_1hvkr_15:not(#\9):focus {
66
66
  outline: none;
67
67
  }
68
- .awsui_root_1qkal_xpc7p_15:not(#\9):focus-visible {
68
+ .awsui_root_1qkal_1hvkr_15:not(#\9):focus-visible {
69
69
  position: relative;
70
70
  box-sizing: border-box;
71
71
  outline: 2px dotted transparent;
72
72
  outline-offset: calc(4px + var(--awsui-avatar-root-border-width-qkxefc, 0px) + var(--awsui-avatar-focus-ring-border-width-qkxefc, 0px) - 1px);
73
73
  }
74
- .awsui_root_1qkal_xpc7p_15:not(#\9):focus-visible::before {
74
+ .awsui_root_1qkal_1hvkr_15:not(#\9):focus-visible::before {
75
75
  content: " ";
76
76
  display: block;
77
77
  position: absolute;
@@ -80,14 +80,18 @@
80
80
  inset-block-start: calc(-1 * calc(4px + var(--awsui-avatar-root-border-width-qkxefc, 0px) + var(--awsui-avatar-focus-ring-border-width-qkxefc, 0px)));
81
81
  inline-size: calc(100% + 2 * calc(4px + var(--awsui-avatar-root-border-width-qkxefc, 0px) + var(--awsui-avatar-focus-ring-border-width-qkxefc, 0px)));
82
82
  block-size: calc(100% + 2 * calc(4px + var(--awsui-avatar-root-border-width-qkxefc, 0px) + var(--awsui-avatar-focus-ring-border-width-qkxefc, 0px)));
83
- border-radius: var(--awsui-avatar-focus-ring-border-radius-qkxefc, 50%);
84
- 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));
83
+ border-start-start-radius: var(--awsui-avatar-focus-ring-border-radius-qkxefc, 50%);
84
+ border-start-end-radius: var(--awsui-avatar-focus-ring-border-radius-qkxefc, 50%);
85
+ border-end-start-radius: var(--awsui-avatar-focus-ring-border-radius-qkxefc, 50%);
86
+ border-end-end-radius: var(--awsui-avatar-focus-ring-border-radius-qkxefc, 50%);
87
+ border-block: 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));
88
+ border-inline: 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));
85
89
  }
86
- .awsui_root_1qkal_xpc7p_15:not(#\9):has(.awsui_image_1qkal_xpc7p_86) {
90
+ .awsui_root_1qkal_1hvkr_15:not(#\9):has(.awsui_image_1qkal_1hvkr_90) {
87
91
  background: transparent;
88
92
  }
89
93
 
90
- .awsui_content_1qkal_xpc7p_90:not(#\9) {
94
+ .awsui_content_1qkal_1hvkr_94:not(#\9) {
91
95
  display: flex;
92
96
  align-items: center;
93
97
  justify-content: center;
@@ -96,7 +100,7 @@
96
100
  overflow: hidden;
97
101
  line-height: calc(0.8 * var(--awsui-avatar-size-qkxefc));
98
102
  }
99
- .awsui_content_1qkal_xpc7p_90 .awsui_image_1qkal_xpc7p_86:not(#\9) {
103
+ .awsui_content_1qkal_1hvkr_94 .awsui_image_1qkal_1hvkr_90:not(#\9) {
100
104
  border-start-start-radius: 50%;
101
105
  border-start-end-radius: 50%;
102
106
  border-end-start-radius: 50%;
@@ -105,10 +109,10 @@
105
109
  inline-size: var(--awsui-avatar-size-qkxefc);
106
110
  object-fit: cover;
107
111
  }
108
- .awsui_content_1qkal_xpc7p_90 .awsui_initials_1qkal_xpc7p_59:not(#\9) {
112
+ .awsui_content_1qkal_1hvkr_94 .awsui_initials_1qkal_1hvkr_59:not(#\9) {
109
113
  font-size: clamp(var(--font-size-body-s-smc8cv, 12px), 0.4 * var(--awsui-avatar-size-qkxefc), 0.4 * var(--awsui-avatar-size-qkxefc));
110
114
  }
111
115
 
112
- .awsui_tooltip_1qkal_xpc7p_112:not(#\9) {
116
+ .awsui_tooltip_1qkal_1hvkr_116:not(#\9) {
113
117
  /* used in test-utils */
114
118
  }
package/avatar/styles.selectors.js CHANGED
@@ -2,12 +2,12 @@
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_1qkal_xpc7p_15",
6
- "avatar-color-default": "awsui_avatar-color-default_1qkal_xpc7p_53",
7
- "avatar-color-gen-ai": "awsui_avatar-color-gen-ai_1qkal_xpc7p_56",
8
- "initials": "awsui_initials_1qkal_xpc7p_59",
9
- "image": "awsui_image_1qkal_xpc7p_86",
10
- "content": "awsui_content_1qkal_xpc7p_90",
11
- "tooltip": "awsui_tooltip_1qkal_xpc7p_112"
5
+ "root": "awsui_root_1qkal_1hvkr_15",
6
+ "avatar-color-default": "awsui_avatar-color-default_1qkal_1hvkr_53",
7
+ "avatar-color-gen-ai": "awsui_avatar-color-gen-ai_1qkal_1hvkr_56",
8
+ "initials": "awsui_initials_1qkal_1hvkr_59",
9
+ "image": "awsui_image_1qkal_1hvkr_90",
10
+ "content": "awsui_content_1qkal_1hvkr_94",
11
+ "tooltip": "awsui_tooltip_1qkal_1hvkr_116"
12
12
  };
13
13
 
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_dsdl4_11",
5
- "message-area": "awsui_message-area_cdujn_dsdl4_45",
6
- "chat-bubble-type-outgoing": "awsui_chat-bubble-type-outgoing_cdujn_dsdl4_58",
7
- "chat-bubble-type-incoming": "awsui_chat-bubble-type-incoming_cdujn_dsdl4_62",
8
- "loading-bar-wrapper": "awsui_loading-bar-wrapper_cdujn_dsdl4_67",
9
- "avatar": "awsui_avatar_cdujn_dsdl4_74",
10
- "hide": "awsui_hide_cdujn_dsdl4_77",
11
- "content": "awsui_content_cdujn_dsdl4_81",
12
- "actions": "awsui_actions_cdujn_dsdl4_85"
4
+ "root": "awsui_root_cdujn_1vg0s_11",
5
+ "message-area": "awsui_message-area_cdujn_1vg0s_45",
6
+ "chat-bubble-type-outgoing": "awsui_chat-bubble-type-outgoing_cdujn_1vg0s_59",
7
+ "chat-bubble-type-incoming": "awsui_chat-bubble-type-incoming_cdujn_1vg0s_63",
8
+ "loading-bar-wrapper": "awsui_loading-bar-wrapper_cdujn_1vg0s_68",
9
+ "avatar": "awsui_avatar_cdujn_1vg0s_75",
10
+ "hide": "awsui_hide_cdujn_1vg0s_78",
11
+ "content": "awsui_content_cdujn_1vg0s_82",
12
+ "actions": "awsui_actions_cdujn_1vg0s_86"
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_dsdl4_11:not(#\9) {
11
+ .awsui_root_cdujn_1vg0s_11:not(#\9) {
12
12
  border-collapse: separate;
13
13
  border-spacing: 0;
14
14
  box-sizing: border-box;
@@ -42,46 +42,47 @@
42
42
  line-height: var(--line-height-heading-m-uoaqdh, 22px);
43
43
  }
44
44
 
45
- .awsui_message-area_cdujn_dsdl4_45:not(#\9) {
45
+ .awsui_message-area_cdujn_1vg0s_45:not(#\9) {
46
46
  position: relative;
47
47
  display: flex;
48
48
  flex-direction: column;
49
49
  gap: var(--space-scaled-s-8ozaad, 12px);
50
- padding: var(--space-scaled-s-8ozaad, 12px);
51
- min-width: 0;
50
+ padding-block: var(--space-scaled-s-8ozaad, 12px);
51
+ padding-inline: var(--space-scaled-s-8ozaad, 12px);
52
+ min-inline-size: 0;
52
53
  overflow-x: auto;
53
54
  border-start-start-radius: var(--border-radius-chat-bubble-haafsg, 8px);
54
55
  border-start-end-radius: var(--border-radius-chat-bubble-haafsg, 8px);
55
56
  border-end-start-radius: var(--border-radius-chat-bubble-haafsg, 8px);
56
57
  border-end-end-radius: var(--border-radius-chat-bubble-haafsg, 8px);
57
58
  }
58
- .awsui_message-area_cdujn_dsdl4_45.awsui_chat-bubble-type-outgoing_cdujn_dsdl4_58:not(#\9) {
59
+ .awsui_message-area_cdujn_1vg0s_45.awsui_chat-bubble-type-outgoing_cdujn_1vg0s_59:not(#\9) {
59
60
  color: var(--color-text-chat-bubble-outgoing-f3r63s, #0f141a);
60
61
  background-color: var(--color-background-chat-bubble-outgoing-ay6nj3, transparent);
61
62
  }
62
- .awsui_message-area_cdujn_dsdl4_45.awsui_chat-bubble-type-incoming_cdujn_dsdl4_62:not(#\9) {
63
+ .awsui_message-area_cdujn_1vg0s_45.awsui_chat-bubble-type-incoming_cdujn_1vg0s_63:not(#\9) {
63
64
  color: var(--color-text-chat-bubble-incoming-od0yh8, #0f141a);
64
65
  background-color: var(--color-background-chat-bubble-incoming-j38cew, #f6f6f9);
65
66
  }
66
67
 
67
- .awsui_loading-bar-wrapper_cdujn_dsdl4_67:not(#\9) {
68
+ .awsui_loading-bar-wrapper_cdujn_1vg0s_68:not(#\9) {
68
69
  position: absolute;
69
70
  inset-block-end: 0;
70
71
  inset-inline-start: 0;
71
72
  inline-size: 100%;
72
73
  }
73
74
 
74
- .awsui_avatar_cdujn_dsdl4_74:not(#\9) {
75
+ .awsui_avatar_cdujn_1vg0s_75:not(#\9) {
75
76
  padding-block: var(--space-scaled-xs-xwoogq, 8px);
76
77
  }
77
- .awsui_avatar_cdujn_dsdl4_74.awsui_hide_cdujn_dsdl4_77:not(#\9) {
78
+ .awsui_avatar_cdujn_1vg0s_75.awsui_hide_cdujn_1vg0s_78:not(#\9) {
78
79
  opacity: 0;
79
80
  }
80
81
 
81
- .awsui_content_cdujn_dsdl4_81:not(#\9) {
82
+ .awsui_content_cdujn_1vg0s_82:not(#\9) {
82
83
  /* Used in test utils */
83
84
  }
84
85
 
85
- .awsui_actions_cdujn_dsdl4_85:not(#\9) {
86
+ .awsui_actions_cdujn_1vg0s_86:not(#\9) {
86
87
  /* Used in test utils */
87
88
  }
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_dsdl4_11",
6
- "message-area": "awsui_message-area_cdujn_dsdl4_45",
7
- "chat-bubble-type-outgoing": "awsui_chat-bubble-type-outgoing_cdujn_dsdl4_58",
8
- "chat-bubble-type-incoming": "awsui_chat-bubble-type-incoming_cdujn_dsdl4_62",
9
- "loading-bar-wrapper": "awsui_loading-bar-wrapper_cdujn_dsdl4_67",
10
- "avatar": "awsui_avatar_cdujn_dsdl4_74",
11
- "hide": "awsui_hide_cdujn_dsdl4_77",
12
- "content": "awsui_content_cdujn_dsdl4_81",
13
- "actions": "awsui_actions_cdujn_dsdl4_85"
5
+ "root": "awsui_root_cdujn_1vg0s_11",
6
+ "message-area": "awsui_message-area_cdujn_1vg0s_45",
7
+ "chat-bubble-type-outgoing": "awsui_chat-bubble-type-outgoing_cdujn_1vg0s_59",
8
+ "chat-bubble-type-incoming": "awsui_chat-bubble-type-incoming_cdujn_1vg0s_63",
9
+ "loading-bar-wrapper": "awsui_loading-bar-wrapper_cdujn_1vg0s_68",
10
+ "avatar": "awsui_avatar_cdujn_1vg0s_75",
11
+ "hide": "awsui_hide_cdujn_1vg0s_78",
12
+ "content": "awsui_content_cdujn_1vg0s_82",
13
+ "actions": "awsui_actions_cdujn_1vg0s_86"
14
14
  };
15
15
 
package/internal/environment.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export var PACKAGE_SOURCE = "chat-components";
2
- export var PACKAGE_VERSION = "1.0.0 (2b47586c)";
2
+ export var PACKAGE_VERSION = "1.0.0 (cc471e7a)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var SYSTEM = "core";
5
5
  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 (2b47586c)",
3
+ "PACKAGE_VERSION": "1.0.0 (cc471e7a)",
4
4
  "THEME": "open-source-visual-refresh",
5
5
  "SYSTEM": "core",
6
6
  "ALWAYS_VISUAL_REFRESH": true
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "2b47586c1af9cad3261a18a3d0cf81a004a57075"
2
+ "commit": "cc471e7a432e77229312fbce04f5cc0e26870f2f"
3
3
  }
package/loading-bar/styles.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_pac4k_foszn_11",
5
- "variant-gen-ai": "awsui_variant-gen-ai_pac4k_foszn_55",
6
- "variant-gen-ai-masked": "awsui_variant-gen-ai-masked_pac4k_foszn_56",
7
- "searchbar": "awsui_searchbar_pac4k_foszn_1",
8
- "searchbar-rtl": "awsui_searchbar-rtl_pac4k_foszn_1"
4
+ "root": "awsui_root_pac4k_jbpw1_11",
5
+ "variant-gen-ai": "awsui_variant-gen-ai_pac4k_jbpw1_55",
6
+ "variant-gen-ai-masked": "awsui_variant-gen-ai-masked_pac4k_jbpw1_56",
7
+ "searchbar": "awsui_searchbar_pac4k_jbpw1_1",
8
+ "searchbar-rtl": "awsui_searchbar-rtl_pac4k_jbpw1_1"
9
9
  };
10
10
 
package/loading-bar/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_pac4k_foszn_11:not(#\9) {
11
+ .awsui_root_pac4k_jbpw1_11:not(#\9) {
12
12
  border-collapse: separate;
13
13
  border-spacing: 0;
14
14
  box-sizing: border-box;
@@ -36,7 +36,7 @@
36
36
  word-spacing: normal;
37
37
  }
38
38
 
39
- @keyframes awsui_searchbar_pac4k_foszn_1 {
39
+ @keyframes awsui_searchbar_pac4k_jbpw1_1 {
40
40
  0% {
41
41
  background-position: 0 0;
42
42
  }
@@ -44,7 +44,7 @@
44
44
  background-position: -200% 0;
45
45
  }
46
46
  }
47
- @keyframes awsui_searchbar-rtl_pac4k_foszn_1 {
47
+ @keyframes awsui_searchbar-rtl_pac4k_jbpw1_1 {
48
48
  0% {
49
49
  background-position: -200% 0;
50
50
  }
@@ -52,43 +52,43 @@
52
52
  background-position: 0 0;
53
53
  }
54
54
  }
55
- .awsui_variant-gen-ai_pac4k_foszn_55:not(#\9),
56
- .awsui_variant-gen-ai-masked_pac4k_foszn_56:not(#\9) {
57
- height: 2px;
55
+ .awsui_variant-gen-ai_pac4k_jbpw1_55:not(#\9),
56
+ .awsui_variant-gen-ai-masked_pac4k_jbpw1_56:not(#\9) {
57
+ block-size: 2px;
58
58
  background: var(--color-background-loading-bar-gen-ai-tey70i, linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%));
59
59
  background-size: 200% 100%;
60
60
  background-position: 0 100%;
61
- animation: awsui_searchbar_pac4k_foszn_1 3s cubic-bezier(0, 0.08, 1, 0.82) infinite forwards, var(--motion-keyframes-fade-in-0r842q, awsui-fade-in-35003c) var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
61
+ animation: awsui_searchbar_pac4k_jbpw1_1 3s cubic-bezier(0, 0.08, 1, 0.82) infinite forwards, var(--motion-keyframes-fade-in-0r842q, awsui-fade-in-35003c) var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
62
62
  /* stylelint-disable no-descending-specificity */
63
63
  }
64
64
  @media (prefers-reduced-motion: reduce) {
65
- .awsui_variant-gen-ai_pac4k_foszn_55:not(#\9),
66
- .awsui_variant-gen-ai-masked_pac4k_foszn_56:not(#\9) {
65
+ .awsui_variant-gen-ai_pac4k_jbpw1_55:not(#\9),
66
+ .awsui_variant-gen-ai-masked_pac4k_jbpw1_56:not(#\9) {
67
67
  animation: none;
68
68
  transition: none;
69
69
  }
70
70
  }
71
- .awsui-motion-disabled .awsui_variant-gen-ai_pac4k_foszn_55:not(#\9), .awsui-mode-entering .awsui_variant-gen-ai_pac4k_foszn_55:not(#\9), .awsui-motion-disabled .awsui_variant-gen-ai-masked_pac4k_foszn_56:not(#\9), .awsui-mode-entering .awsui_variant-gen-ai-masked_pac4k_foszn_56:not(#\9) {
71
+ .awsui-motion-disabled .awsui_variant-gen-ai_pac4k_jbpw1_55:not(#\9), .awsui-mode-entering .awsui_variant-gen-ai_pac4k_jbpw1_55:not(#\9), .awsui-motion-disabled .awsui_variant-gen-ai-masked_pac4k_jbpw1_56:not(#\9), .awsui-mode-entering .awsui_variant-gen-ai-masked_pac4k_jbpw1_56:not(#\9) {
72
72
  animation: none;
73
73
  transition: none;
74
74
  }
75
- .awsui_variant-gen-ai_pac4k_foszn_55:not(#\9):dir(rtl),
76
- .awsui_variant-gen-ai-masked_pac4k_foszn_56:not(#\9):dir(rtl) {
75
+ .awsui_variant-gen-ai_pac4k_jbpw1_55:not(#\9):dir(rtl),
76
+ .awsui_variant-gen-ai-masked_pac4k_jbpw1_56:not(#\9):dir(rtl) {
77
77
  background-position: -100% 100%;
78
- animation: awsui_searchbar-rtl_pac4k_foszn_1 3s cubic-bezier(0, 0.08, 1, 0.82) infinite forwards, var(--motion-keyframes-fade-in-0r842q, awsui-fade-in-35003c) var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
78
+ animation: awsui_searchbar-rtl_pac4k_jbpw1_1 3s cubic-bezier(0, 0.08, 1, 0.82) infinite forwards, var(--motion-keyframes-fade-in-0r842q, awsui-fade-in-35003c) var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
79
79
  }
80
80
  @media (prefers-reduced-motion: reduce) {
81
- .awsui_variant-gen-ai_pac4k_foszn_55:not(#\9):dir(rtl),
82
- .awsui_variant-gen-ai-masked_pac4k_foszn_56:not(#\9):dir(rtl) {
81
+ .awsui_variant-gen-ai_pac4k_jbpw1_55:not(#\9):dir(rtl),
82
+ .awsui_variant-gen-ai-masked_pac4k_jbpw1_56:not(#\9):dir(rtl) {
83
83
  animation: none;
84
84
  transition: none;
85
85
  }
86
86
  }
87
- .awsui-motion-disabled .awsui_variant-gen-ai_pac4k_foszn_55:not(#\9):dir(rtl), .awsui-mode-entering .awsui_variant-gen-ai_pac4k_foszn_55:not(#\9):dir(rtl), .awsui-motion-disabled .awsui_variant-gen-ai-masked_pac4k_foszn_56:not(#\9):dir(rtl), .awsui-mode-entering .awsui_variant-gen-ai-masked_pac4k_foszn_56:not(#\9):dir(rtl) {
87
+ .awsui-motion-disabled .awsui_variant-gen-ai_pac4k_jbpw1_55:not(#\9):dir(rtl), .awsui-mode-entering .awsui_variant-gen-ai_pac4k_jbpw1_55:not(#\9):dir(rtl), .awsui-motion-disabled .awsui_variant-gen-ai-masked_pac4k_jbpw1_56:not(#\9):dir(rtl), .awsui-mode-entering .awsui_variant-gen-ai-masked_pac4k_jbpw1_56:not(#\9):dir(rtl) {
88
88
  animation: none;
89
89
  transition: none;
90
90
  }
91
91
 
92
- .awsui_variant-gen-ai-masked_pac4k_foszn_56:not(#\9) {
92
+ .awsui_variant-gen-ai-masked_pac4k_jbpw1_56:not(#\9) {
93
93
  mask-image: linear-gradient(to right, transparent 0%, transparent 3%, black 30%, black 70%, transparent 97%, transparent 100%);
94
94
  }
package/loading-bar/styles.selectors.js CHANGED
@@ -2,10 +2,10 @@
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_pac4k_foszn_11",
6
- "variant-gen-ai": "awsui_variant-gen-ai_pac4k_foszn_55",
7
- "variant-gen-ai-masked": "awsui_variant-gen-ai-masked_pac4k_foszn_56",
8
- "searchbar": "awsui_searchbar_pac4k_foszn_1",
9
- "searchbar-rtl": "awsui_searchbar-rtl_pac4k_foszn_1"
5
+ "root": "awsui_root_pac4k_jbpw1_11",
6
+ "variant-gen-ai": "awsui_variant-gen-ai_pac4k_jbpw1_55",
7
+ "variant-gen-ai-masked": "awsui_variant-gen-ai-masked_pac4k_jbpw1_56",
8
+ "searchbar": "awsui_searchbar_pac4k_jbpw1_1",
9
+ "searchbar-rtl": "awsui_searchbar-rtl_pac4k_jbpw1_1"
10
10
  };
11
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/chat-components",
3
- "version": "1.0.82",
3
+ "version": "1.0.84",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/cloudscape-design/chat-components.git"
@@ -78,6 +78,7 @@
78
78
  "stylelint": "^16.9.0",
79
79
  "stylelint-config-recommended-scss": "^14.1.0",
80
80
  "stylelint-prettier": "^5.0.2",
81
+ "stylelint-use-logical": "^2.1.2",
81
82
  "typescript": "^4.9.4",
82
83
  "vite": "^6.4.1",
83
84
  "vitest": "^3.2.4"
package/support-prompt-group/styles.css.js CHANGED
@@ -1,8 +1,8 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1wevk_5xzpl_11",
5
- "vertical": "awsui_vertical_1wevk_5xzpl_41",
6
- "support-prompt": "awsui_support-prompt_1wevk_5xzpl_45"
4
+ "root": "awsui_root_1wevk_mhx5q_11",
5
+ "vertical": "awsui_vertical_1wevk_mhx5q_41",
6
+ "support-prompt": "awsui_support-prompt_1wevk_mhx5q_45"
7
7
  };
8
8
 
package/support-prompt-group/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_1wevk_5xzpl_11:not(#\9) {
11
+ .awsui_root_1wevk_mhx5q_11:not(#\9) {
12
12
  border-collapse: separate;
13
13
  border-spacing: 0;
14
14
  box-sizing: border-box;
@@ -38,11 +38,11 @@
38
38
  flex-wrap: wrap;
39
39
  gap: var(--space-scaled-xs-xwoogq, 8px);
40
40
  }
41
- .awsui_root_1wevk_5xzpl_11.awsui_vertical_1wevk_5xzpl_41:not(#\9) {
41
+ .awsui_root_1wevk_mhx5q_11.awsui_vertical_1wevk_mhx5q_41:not(#\9) {
42
42
  flex-direction: column;
43
43
  }
44
44
 
45
- .awsui_support-prompt_1wevk_5xzpl_45:not(#\9) {
45
+ .awsui_support-prompt_1wevk_mhx5q_45:not(#\9) {
46
46
  cursor: pointer;
47
47
  font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
48
48
  font-size: var(--font-size-body-m-a7nh2n, 14px);
@@ -52,33 +52,34 @@
52
52
  padding-inline: var(--space-static-s-t763lu, 12px);
53
53
  color: var(--color-text-button-normal-default-nzalii, #006ce0);
54
54
  background: var(--color-background-button-normal-default-7f99mv, #ffffff);
55
- border: 1px solid var(--color-border-button-normal-default-glqfp1, #006ce0);
55
+ border-block: 1px solid var(--color-border-button-normal-default-glqfp1, #006ce0);
56
+ border-inline: 1px solid var(--color-border-button-normal-default-glqfp1, #006ce0);
56
57
  border-start-start-radius: var(--space-static-xs-gnm0mz, 8px);
57
58
  border-start-end-radius: var(--space-static-xs-gnm0mz, 8px);
58
59
  border-end-start-radius: var(--space-static-xs-gnm0mz, 8px);
59
60
  border-end-end-radius: var(--space-static-xs-gnm0mz, 8px);
60
61
  inline-size: fit-content;
61
62
  }
62
- .awsui_support-prompt_1wevk_5xzpl_45:not(#\9):hover {
63
+ .awsui_support-prompt_1wevk_mhx5q_45:not(#\9):hover {
63
64
  color: var(--color-text-button-normal-hover-gusgyv, #002b66);
64
65
  background: var(--color-background-button-normal-hover-53op9s, #f0fbff);
65
66
  border-color: var(--color-border-button-normal-hover-6a2tdq, #002b66);
66
67
  }
67
- .awsui_support-prompt_1wevk_5xzpl_45:not(#\9):active {
68
+ .awsui_support-prompt_1wevk_mhx5q_45:not(#\9):active {
68
69
  color: var(--color-text-button-normal-active-vihsxh, #002b66);
69
70
  background: var(--color-background-button-normal-active-5imwxd, #d1f1ff);
70
71
  border-color: var(--color-border-button-normal-active-ru7yhb, #002b66);
71
72
  }
72
- .awsui_support-prompt_1wevk_5xzpl_45:not(#\9):focus {
73
+ .awsui_support-prompt_1wevk_mhx5q_45:not(#\9):focus {
73
74
  outline: none;
74
75
  }
75
- .awsui_support-prompt_1wevk_5xzpl_45:not(#\9):focus-visible {
76
+ .awsui_support-prompt_1wevk_mhx5q_45:not(#\9):focus-visible {
76
77
  position: relative;
77
78
  box-sizing: border-box;
78
79
  outline: 2px dotted transparent;
79
80
  outline-offset: 5px;
80
81
  }
81
- .awsui_support-prompt_1wevk_5xzpl_45:not(#\9):focus-visible::before {
82
+ .awsui_support-prompt_1wevk_mhx5q_45:not(#\9):focus-visible::before {
82
83
  content: " ";
83
84
  display: block;
84
85
  position: absolute;
@@ -87,6 +88,10 @@
87
88
  inset-block-start: calc(-1 * 6px);
88
89
  inline-size: calc(100% + 2 * 6px);
89
90
  block-size: calc(100% + 2 * 6px);
90
- border-radius: 6px;
91
- border: 2px solid var(--color-border-item-focused-uk47pl, #006ce0);
91
+ border-start-start-radius: 6px;
92
+ border-start-end-radius: 6px;
93
+ border-end-start-radius: 6px;
94
+ border-end-end-radius: 6px;
95
+ border-block: 2px solid var(--color-border-item-focused-uk47pl, #006ce0);
96
+ border-inline: 2px solid var(--color-border-item-focused-uk47pl, #006ce0);
92
97
  }
package/support-prompt-group/styles.selectors.js CHANGED
@@ -2,8 +2,8 @@
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_1wevk_5xzpl_11",
6
- "vertical": "awsui_vertical_1wevk_5xzpl_41",
7
- "support-prompt": "awsui_support-prompt_1wevk_5xzpl_45"
5
+ "root": "awsui_root_1wevk_mhx5q_11",
6
+ "vertical": "awsui_vertical_1wevk_mhx5q_41",
7
+ "support-prompt": "awsui_support-prompt_1wevk_mhx5q_45"
8
8
  };
9
9