@patternfly/chatbot 6.7.0-prerelease.3 → 6.7.0-prerelease.4

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 (19) hide show
  1. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +2 -2
  2. package/dist/cjs/MessageDivider/MessageDivider.js +1 -1
  3. package/dist/css/main.css +57 -78
  4. package/dist/css/main.css.map +1 -1
  5. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +2 -2
  6. package/dist/esm/MessageDivider/MessageDivider.js +1 -1
  7. package/package.json +7 -7
  8. package/src/Chatbot/Chatbot.scss +42 -26
  9. package/src/ChatbotContent/ChatbotContent.scss +10 -5
  10. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss +14 -0
  11. package/src/ChatbotFooter/ChatbotFooter.scss +12 -10
  12. package/src/ChatbotHeader/ChatbotHeader.scss +7 -53
  13. package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx +2 -2
  14. package/src/ChatbotModal/ChatbotModal.scss +0 -9
  15. package/src/ChatbotWelcomePrompt/__snapshots__/ChatbotWelcomePrompt.test.tsx.snap +1 -1
  16. package/src/FileDetailsLabel/FileDetailsLabel.scss +5 -0
  17. package/src/MessageBar/MessageBar.scss +4 -24
  18. package/src/MessageDivider/MessageDivider.scss +7 -9
  19. package/src/MessageDivider/MessageDivider.tsx +1 -1
package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.js CHANGED
@@ -18,13 +18,13 @@ exports.ChatbotHeaderOptionsDropdown = void 0;
18
18
  const jsx_runtime_1 = require("react/jsx-runtime");
19
19
  const react_1 = require("react");
20
20
  const react_core_1 = require("@patternfly/react-core");
21
- const ellipsis_v_icon_1 = __importDefault(require("@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon"));
21
+ const rh_ui_ellipsis_horizontal_fill_icon_1 = __importDefault(require("@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-horizontal-fill-icon"));
22
22
  const ChatbotHeaderOptionsDropdown = (_a) => {
23
23
  var { className, children, onSelect, tooltipProps, menuToggleAriaLabel = 'Chatbot options', isCompact, toggleProps } = _a, props = __rest(_a, ["className", "children", "onSelect", "tooltipProps", "menuToggleAriaLabel", "isCompact", "toggleProps"]);
24
24
  const [isOptionsMenuOpen, setIsOptionsMenuOpen] = (0, react_1.useState)(false);
25
25
  const toggle = (toggleRef) => ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ className: "pf-chatbot__tooltip", content: "Chatbot options", position: "bottom",
26
26
  // prevents VO announcements of both aria label and tooltip
27
- aria: "none" }, tooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.MenuToggle, Object.assign({ className: `pf-chatbot__button--toggle-options ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", "aria-label": menuToggleAriaLabel, ref: toggleRef, icon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { size: isCompact ? 'lg' : 'xl', isInline: true, children: (0, jsx_runtime_1.jsx)(ellipsis_v_icon_1.default, {}) }), isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen), size: isCompact ? 'sm' : undefined }, toggleProps)) })));
27
+ aria: "none" }, tooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.MenuToggle, Object.assign({ className: `pf-chatbot__button--toggle-options ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", "aria-label": menuToggleAriaLabel, ref: toggleRef, icon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { size: isCompact ? 'lg' : 'xl', isInline: true, children: (0, jsx_runtime_1.jsx)(rh_ui_ellipsis_horizontal_fill_icon_1.default, {}) }), isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen), size: isCompact ? 'sm' : undefined }, toggleProps)) })));
28
28
  return ((0, jsx_runtime_1.jsx)(react_core_1.Dropdown, Object.assign({ className: `pf-chatbot__options ${className !== null && className !== void 0 ? className : ''}`, isOpen: isOptionsMenuOpen, onSelect: (e, value) => {
29
29
  onSelect && onSelect(e, value);
30
30
  setIsOptionsMenuOpen(false);
package/dist/cjs/MessageDivider/MessageDivider.js CHANGED
@@ -16,7 +16,7 @@ const react_core_1 = require("@patternfly/react-core");
16
16
  const MessageDivider = (_a) => {
17
17
  var { variant = 'inset', content = new Date().toLocaleDateString() } = _a, props = __rest(_a, ["variant", "content"]);
18
18
  if (variant === 'inset') {
19
- return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "pf-chatbot__message-divider pf-m-divider pf-m-wrap" }, props, { children: [(0, jsx_runtime_1.jsx)(react_core_1.Divider, {}), (0, jsx_runtime_1.jsx)(react_core_1.Label, { variant: "outline", children: content })] })));
19
+ return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "pf-chatbot__message-divider pf-m-divider pf-m-wrap" }, props, { children: [(0, jsx_runtime_1.jsx)(react_core_1.Divider, {}), (0, jsx_runtime_1.jsx)(react_core_1.Label, { children: content })] })));
20
20
  }
21
21
  return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "pf-chatbot__message-divider pf-m-wrap" }, props, { children: (0, jsx_runtime_1.jsx)(react_core_1.Label, { children: content }) })));
22
22
  };
package/dist/css/main.css CHANGED
@@ -62,7 +62,7 @@
62
62
  flex-direction: column;
63
63
  width: 30rem;
64
64
  height: 70vh;
65
- background-color: var(--pf-t--global--background--color--floating--secondary--default, --pf-t--global--background--color--secondary--default);
65
+ background-color: var(--pf-t--global--background--color--floating--secondary--default);
66
66
  border-radius: var(--pf-t--global--border--radius--medium);
67
67
  box-shadow: var(--pf-t--global--box-shadow--lg);
68
68
  font-size: var(--pf-t--global--font--size--md);
@@ -70,7 +70,7 @@
70
70
  -webkit-font-smoothing: antialiased;
71
71
  -moz-osx-font-smoothing: grayscale;
72
72
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
73
- border: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast);
73
+ border: var(--pf-t--global--border--width--regular) solid var(--pf-t--global--border--color--subtle);
74
74
  }
75
75
  .pf-chatbot--hidden {
76
76
  pointer-events: none;
@@ -92,18 +92,30 @@
92
92
  overflow: auto;
93
93
  }
94
94
  }
95
+ .pf-chatbot:not(.pf-chatbot--default) {
96
+ background-color: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--secondary--default));
97
+ }
98
+
99
+ :root:where(.pf-v6-theme-felt):not(.pf-v6-theme-glass) .pf-chatbot.pf-chatbot--default {
100
+ box-shadow: var(--pf-t--global--box-shadow--md);
101
+ }
95
102
 
96
103
  .pf-chatbot--docked {
97
104
  border: unset;
98
- border-left: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast);
105
+ border-left: var(--pf-t--global--border--width--regular) solid var(--pf-t--global--border--color--subtle);
99
106
  inset-block-end: 0;
100
107
  inset-inline-end: 0;
101
108
  padding: 0;
102
109
  height: 100%;
103
110
  border-radius: 0;
104
- box-shadow: var(--pf-t--global--box-shadow--lg--left);
105
111
  overflow: inherit;
106
112
  }
113
+ :where(.pf-v6-theme-glass) .pf-chatbot--docked {
114
+ border-left: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
115
+ box-shadow: var(--pf-t--global--box-shadow--md--left);
116
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
117
+ }
118
+
107
119
  @media screen and (max-width: 30rem) {
108
120
  .pf-chatbot--docked {
109
121
  width: 100%;
@@ -111,7 +123,6 @@
111
123
  }
112
124
 
113
125
  .pf-chatbot--fullscreen {
114
- background-color: var(--pf-t--global--background--color--secondary--default);
115
126
  border: unset;
116
127
  inset-block-end: 0;
117
128
  inset-inline-end: 0;
@@ -121,15 +132,21 @@
121
132
  border-radius: 0;
122
133
  box-shadow: none;
123
134
  }
135
+ :where(.pf-v6-theme-glass) .pf-chatbot--fullscreen {
136
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
137
+ }
124
138
 
125
139
  .pf-chatbot--embedded {
126
- background-color: var(--pf-t--global--background--color--secondary--default);
127
- border: unset;
128
140
  position: static;
129
141
  width: 100%;
130
142
  min-height: 100%;
131
143
  border-radius: 0;
132
- box-shadow: none;
144
+ box-shadow: var(--pf-t--global--box-shadow--lg);
145
+ }
146
+ :where(.pf-v6-theme-glass) .pf-chatbot--embedded {
147
+ border: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
148
+ box-shadow: var(--pf-t--global--box-shadow--md);
149
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
133
150
  }
134
151
 
135
152
  .pf-chatbot-container {
@@ -167,16 +184,17 @@
167
184
  height: 100%;
168
185
  border-radius: 0;
169
186
  box-shadow: none;
170
- border-color: var(--pf-t--global--border--color--default);
187
+ border-color: var(--pf-t--global--border--color--subtle);
188
+ }
189
+ :where(.pf-v6-theme-glass) .pf-chatbot--drawer {
190
+ border: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
191
+ box-shadow: var(--pf-t--global--box-shadow--md);
192
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
171
193
  }
194
+
172
195
  .pf-chatbot--drawer .pf-chatbot-container {
173
196
  border-radius: var(--pf-t--global--border--radius--sharp);
174
197
  }
175
- @media screen and (min-width: 768px) {
176
- .pf-chatbot--drawer {
177
- border-left: var(--pf-t--global--border--width--divider--default) solid;
178
- }
179
- }
180
198
 
181
199
  :root:where(.pf-v6-theme-high-contrast) .pf-chatbot--drawer {
182
200
  border: unset;
@@ -194,7 +212,7 @@
194
212
 
195
213
  .pf-chatbot__content {
196
214
  position: relative;
197
- background-color: var(--pf-t--global--background--color--floating--secondary--default, --pf-t--global--background--color--secondary--default);
215
+ background-color: var(--pf-t--global--background--color--floating--secondary--default);
198
216
  overflow-y: auto;
199
217
  overflow: hidden;
200
218
  flex: 1;
@@ -208,11 +226,14 @@
208
226
  background-color: var(--pf-t--global--background--color--primary--default);
209
227
  }
210
228
 
229
+ .pf-chatbot:not(.pf-chatbot--default) .pf-chatbot__content {
230
+ background-color: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--secondary--default));
231
+ }
232
+
211
233
  @media screen and (min-width: 64rem) {
212
234
  .pf-chatbot--drawer .pf-chatbot__content,
213
235
  .pf-chatbot--fullscreen .pf-chatbot__content,
214
236
  .pf-chatbot--embedded .pf-chatbot__content {
215
- background-color: var(--pf-t--global--background--color--secondary--default);
216
237
  display: flex;
217
238
  justify-content: center;
218
239
  }
@@ -452,7 +473,7 @@
452
473
 
453
474
  .pf-chatbot__footer {
454
475
  --pf-chatbot__footer--RowGap: var(--pf-t--global--spacer--md);
455
- background-color: var(--pf-t--global--background--color--floating--secondary--default, --pf-t--global--background--color--secondary--default);
476
+ background-color: var(--pf-t--global--background--color--floating--secondary--default);
456
477
  display: flex;
457
478
  flex-direction: column;
458
479
  row-gap: var(--pf-chatbot__footer--RowGap);
@@ -462,6 +483,13 @@
462
483
  background-color: var(--pf-t--global--background--color--primary--default);
463
484
  }
464
485
 
486
+ .pf-chatbot:not(.pf-chatnot--default) .pf-chatbot__footer {
487
+ background-color: var(--pf-t--global--background--color--secondary--default);
488
+ }
489
+ :where(.pf-v6-theme-glass) .pf-chatbot:not(.pf-chatnot--default) .pf-chatbot__footer {
490
+ background-color: var(--pf-t--global--background--color--glass--primary--default);
491
+ }
492
+
465
493
  .pf-chatbot__footer-container {
466
494
  padding: 0 var(--pf-t--global--spacer--lg) var(--pf-t--global--spacer--lg) var(--pf-t--global--spacer--lg);
467
495
  display: flex;
@@ -475,14 +503,6 @@
475
503
  .pf-chatbot--fullscreen .pf-chatbot__footer {
476
504
  align-items: center;
477
505
  }
478
- .pf-chatbot--embedded .pf-chatbot__footer .pf-v6-c-divider,
479
- .pf-chatbot--fullscreen .pf-chatbot__footer .pf-v6-c-divider {
480
- display: none;
481
- }
482
- .pf-chatbot--embedded .pf-chatbot__footer,
483
- .pf-chatbot--fullscreen .pf-chatbot__footer {
484
- background-color: var(--pf-t--global--background--color--secondary--default);
485
- }
486
506
  .pf-chatbot--embedded .pf-chatbot__footer-container,
487
507
  .pf-chatbot--fullscreen .pf-chatbot__footer-container {
488
508
  width: 90%;
@@ -519,7 +539,7 @@
519
539
  grid-template-columns: 1fr auto;
520
540
  gap: var(--pf-t--global--spacer--sm);
521
541
  position: relative;
522
- background-color: var(--pf-t--global--background--color--floating--secondary--default, --pf-t--global--background--color--secondary--default);
542
+ background-color: var(--pf-t--global--background--color--floating--secondary--default);
523
543
  justify-content: space-between;
524
544
  padding: var(--pf-t--global--spacer--lg);
525
545
  }
@@ -557,19 +577,11 @@
557
577
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
558
578
  }
559
579
 
560
- @media screen and (min-width: 64rem) {
561
- .pf-chatbot--fullscreen .pf-chatbot__header,
562
- .pf-chatbot--embedded .pf-chatbot__header {
563
- background-color: var(--pf-t--global--background--color--primary--default);
564
- }
565
- .pf-chatbot--fullscreen .pf-chatbot__header__divider,
566
- .pf-chatbot--embedded .pf-chatbot__header__divider {
567
- display: none;
568
- }
580
+ .pf-chatbot:not(.pf-chatbot--default) .pf-chatbot__header {
581
+ background-color: var(--pf-t--global--background--color--secondary--default);
569
582
  }
570
- .pf-chatbot--drawer .pf-chatbot__header,
571
- .pf-chatbot--docked .pf-chatbot__header {
572
- background-color: var(--pf-t--global--background--color--secondary--floating--default);
583
+ :where(.pf-v6-theme-glass) .pf-chatbot:not(.pf-chatbot--default) .pf-chatbot__header {
584
+ background-color: var(--pf-t--global--background--color--glass--primary--default);
573
585
  }
574
586
 
575
587
  .pf-chatbot__button--toggle-options,
@@ -586,14 +598,6 @@
586
598
  }
587
599
  .pf-chatbot__button--toggle-options .pf-v6-c-button__icon,
588
600
  .pf-chatbot__button--toggle-options .pf-v6-c-menu-toggle__icon,
589
- .pf-chatbot__button--toggle-options .pf-v6-c-icon__content,
590
- .pf-chatbot__button--toggle-menu .pf-v6-c-button__icon,
591
- .pf-chatbot__button--toggle-menu .pf-v6-c-menu-toggle__icon,
592
- .pf-chatbot__button--toggle-menu .pf-v6-c-icon__content {
593
- color: var(--pf-t--global--icon--color--subtle);
594
- }
595
- .pf-chatbot__button--toggle-options .pf-v6-c-button__icon,
596
- .pf-chatbot__button--toggle-options .pf-v6-c-menu-toggle__icon,
597
601
  .pf-chatbot__button--toggle-menu .pf-v6-c-button__icon,
598
602
  .pf-chatbot__button--toggle-menu .pf-v6-c-menu-toggle__icon {
599
603
  display: flex;
@@ -614,10 +618,6 @@
614
618
  color: var(--pf-t--global--icon--color--regular);
615
619
  }
616
620
 
617
- .pf-chatbot__button--toggle-options svg {
618
- transform: rotate(90deg);
619
- }
620
-
621
621
  .show-dark,
622
622
  :where(.pf-v6-theme-dark) .show-light {
623
623
  display: none;
@@ -650,13 +650,6 @@
650
650
  width: initial;
651
651
  }
652
652
 
653
- @media screen and (min-width: 64rem) {
654
- :root:where(.pf-v6-theme-high-contrast) .pf-chatbot--fullscreen .pf-chatbot__header__divider,
655
- :root:where(.pf-v6-theme-high-contrast) .pf-chatbot--embedded .pf-chatbot__header__divider {
656
- display: var(--pf-v6-hidden-visible--Display);
657
- }
658
- }
659
-
660
653
  .pf-chatbot__chatbot-modal-backdrop {
661
654
  position: static !important;
662
655
  }
@@ -668,7 +661,6 @@
668
661
  inset-inline-end: var(--pf-t--global--spacer--lg);
669
662
  width: 30rem !important;
670
663
  height: 70vh;
671
- background-color: var(--pf-t--global--background--color--secondary--default) !important;
672
664
  }
673
665
  .pf-chatbot__chatbot-modal .pf-v6-c-modal-box__title {
674
666
  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--h3);
@@ -706,17 +698,12 @@
706
698
  transform: translate(-50%, -50%);
707
699
  }
708
700
  }
709
- .pf-chatbot__chatbot-modal--default {
710
- box-shadow: unset !important;
711
- }
712
-
713
701
  .pf-chatbot__chatbot-modal--docked {
714
702
  height: 100vh;
715
703
  inset-block-end: 0;
716
704
  inset-inline-end: 0;
717
705
  border-radius: 0 !important;
718
706
  --pf-v6-c-modal-box--MaxHeight: 100vh !important;
719
- box-shadow: unset !important;
720
707
  }
721
708
 
722
709
  .pf-v6-theme-dark .pf-v6-c-modal-box.pf-chatbot__chatbot-modal .pf-v6-c-modal-box__title {
@@ -1088,6 +1075,10 @@
1088
1075
  .pf-v6-c-label.pf-chatbot__file-label .pf-chatbot__file-label > .pf-v6-c-label__content {
1089
1076
  --pf-v6-c-label--Color: var(--pf-t--global--background--color--primary--default);
1090
1077
  }
1078
+ :where(.pf-v6-theme-glass) .pf-v6-c-label.pf-chatbot__file-label {
1079
+ --pf-v6-c-label--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
1080
+ --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
1081
+ }
1091
1082
 
1092
1083
  .pf-v6-theme-dark .pf-v6-c-label.pf-chatbot__file-label {
1093
1084
  --pf-v6-c-label--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
@@ -2279,22 +2270,16 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
2279
2270
  position: absolute;
2280
2271
  inset: 0;
2281
2272
  border-radius: inherit;
2282
- border: var(--pf-t--global--border--width--control--default) solid transparent;
2273
+ border: var(--pf-t--global--border--width--control--default) solid var(--pf-t--global--border--color--control--default);
2283
2274
  pointer-events: none;
2284
2275
  transition: border-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), border-width var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm);
2285
2276
  }
2286
- .pf-chatbot__message-bar::after {
2287
- border-color: var(--pf-t--global--border--color--control--default, transparent);
2288
- }
2289
- .pf-chatbot__message-bar.pf-m-primary::after {
2290
- border-color: var(--pf-t--global--border--color--control--default, --pf-t--global--border--color--default);
2291
- }
2292
2277
  .pf-chatbot__message-bar:hover::after {
2293
- border-color: var(--pf-t--global--border--color--hover, --pf-t--global--border--color--default);
2278
+ border-color: var(--pf-t--global--border--color--control--hover);
2294
2279
  border-width: var(--pf-t--global--border--width--control--hover);
2295
2280
  }
2296
2281
  .pf-chatbot__message-bar:focus-within::after {
2297
- border-color: var(--pf-t--global--border--color--clicked, --pf-t--global--border--color--default);
2282
+ border-color: var(--pf-t--global--border--color--control--clicked);
2298
2283
  border-width: var(--pf-t--global--border--width--control--clicked);
2299
2284
  }
2300
2285
  .pf-chatbot__message-bar-actions {
@@ -2397,10 +2382,6 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
2397
2382
  border-radius: calc(var(--pf-t--global--border--radius--small) * 2);
2398
2383
  }
2399
2384
 
2400
- :root:where(.pf-v6-theme-high-contrast) .pf-chatbot__message-bar::after {
2401
- border-color: var(--pf-t--global--border--color--control--default, --pf-t--global--border--color--default);
2402
- }
2403
-
2404
2385
  .pf-chatbot__jump {
2405
2386
  position: absolute !important;
2406
2387
  inset-inline-start: 75% !important;
@@ -2485,7 +2466,6 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
2485
2466
  grid-column: 1/1;
2486
2467
  }
2487
2468
  .pf-chatbot__message-divider .pf-v6-c-label {
2488
- --pf-v6-c-label--BackgroundColor: var(--pf-t--global--background--color--tertiary--default);
2489
2469
  --pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--default);
2490
2470
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
2491
2471
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
@@ -2495,7 +2475,6 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
2495
2475
  text-align: center;
2496
2476
  }
2497
2477
  .pf-chatbot__message-divider.pf-m-divider .pf-v6-c-label {
2498
- --pf-v6-c-label--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2499
2478
  --pf-v6-c-label--MaxWidth: 75%;
2500
2479
  justify-self: center;
2501
2480
  }
package/dist/css/main.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/AttachMenu/AttachMenu.scss","../../src/Chatbot/Chatbot.scss","../../src/ChatbotAlert/ChatbotAlert.scss","../../src/ChatbotContent/ChatbotContent.scss","../../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss","../../src/ChatbotFooter/ChatbotFootnote.scss","../../src/ChatbotFooter/ChatbotFooter.scss","../../src/ChatbotHeader/ChatbotHeader.scss","../../src/ChatbotModal/ChatbotModal.scss","../../src/ChatbotPopover/ChatbotPopover.scss","../../src/ChatbotToggle/ChatbotToggle.scss","../../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss","../../src/CodeModal/CodeModal.scss","../../src/Compare/Compare.scss","../../src/DeepThinking/DeepThinking.scss","../../src/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/FilePreview/FilePreview.scss","../../src/ImagePreview/ImagePreview.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/SuperscriptMessage/SuperscriptMessage.scss","../../src/Message/ImageMessage/ImageMessage.scss","../../src/Message/LinkMessage/LinkMessage.scss","../../src/Message/ListMessage/ListMessage.scss","../../src/Message/TableMessage/TableMessage.scss","../../src/Message/QuickStarts/QuickStartTile.scss","../../src/Message/QuickResponse/QuickResponse.scss","../../src/Message/UserFeedback/UserFeedback.scss","../../src/MessageBar/AttachButton.scss","../../src/MessageBar/MicrophoneButton.scss","../../src/MessageBar/SendButton.scss","../../src/MessageBar/StopButton.scss","../../src/MessageBar/MessageBar.scss","../../src/MessageBox/JumpButton.scss","../../src/MessageBox/MessageBox.scss","../../src/MessageDivider/MessageDivider.scss","../../src/Onboarding/Onboarding.scss","../../src/ResponseActions/ResponseActions.scss","../../src/Settings/Settings.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/TermsOfUse/TermsOfUse.scss","../../src/ToolResponse/ToolResponse.scss","../../src/ToolCall/ToolCall.scss","../../src/main.scss"],"names":[],"mappings":";AAAA;EACE;EACA;;;AAGF;AACE;AAsBA;AASA;;AA9BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;ACxDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAYF;;AAVA;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAQF;EApCF;IAqCI;IACA;;;AAIF;EA1CF;IA2CI;;;;AAOJ;EAEE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EAfF;IAgBI;;;;AAOJ;EACE;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAdF;IAgBI;;;;AAMF;EACE;;;AAOJ;EACE;;;ACxKF;EACE;EACA;EACA;;;ACAF;EACE;EACA;EAIA;EACA;EACA;;AAGA;EAXF;IAYI;;;AAGF;EACE;;;AAOJ;EAII;AAAA;AAAA;IACE;IACA;IACA;;;AC7BJ;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EAEA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;;;AAMJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;;AASJ;EACE;;;AASF;AAAA;EACE;;AACA;AAAA;EACE;;;AASJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;;;AAUF;AAAA;AAAA;AAAA;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAKE;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;ACvSN;EACE;;AAEA;EACE;EACA;;;ACHJ;EACE;EACA;EAIA;EACA;EACA;EACA;;AAEA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAGI;AAAA;IACE;;EACA;AAAA;IACE;;EAGJ;AAAA;IACE;;EAGF;AAAA;IACE;IACA;IACA;;;AASJ;EACE;;;AAQF;EACE;;;AAIJ;EACE;EACA;;;AAQA;EAIM;AAAA;IACE;;;;ACnFV;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EAIA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAQN;EAGI;AAAA;IACE;;EAEF;AAAA;IACE;;;AAUJ;AAAA;EACE;;;AAOJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAOJ;EACE;;;AAOJ;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAOA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAQA;EAGI;AAAA;IACE;;;;ACrLR;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;;AAOJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAOJ;EACE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAQE;EACE;;;AAQN;EACE;;;AAOA;EACE;;AAGF;EACE;EACA;;;ACpGF;EACE;;AAMA;EACE;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;;ACxBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;;;AC5CF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAOJ;EAIM;AAAA;IACE;IACA;;;ACpDN;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;AACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;AAAA;AAAA;EAGA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAGA;EACE;;;AAUF;EACE;EACA;;;AAKN;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AC9FJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;;AAEA;EAHF;IAII;;;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAIA;EADF;IAEI;;;;AAIN;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;ACrEJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;ACtBF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;ACjCF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;;;AAMF;AAAA;EACE;;;AC/DJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAGA;EANF;IAOI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AACA;EACE;EACA;EACA;EACA;;;AAME;EADF;IAEI;IACA;IACA;;EAEA;IACE;;;;ACnDR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;ACpBF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;ACvDJ;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAGF;EAKE;;AAJA;EACE;EACA;;AAOJ;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EAQA;EACA;;AAIF;EACE;EACA;;AAIF;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAIF;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE;;AAIJ;EACE;;AAIF;EACE;;AAEA;EACE;;;AAON;EACE;EACA;EACA;;;AAGF;EACE;;;ACrKF;EACE;EACA;EACA;EACA;EAEA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;AAIJ;EACE;;;ACtDJ;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;;ACrGJ;EACE;;AAGE;EACE;;;AAMN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEF;EACE;EACA;;;AAUJ;EAIE;;;AAIF;EAKE;;;AAIA;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAIJ;EACE;;AAGF;EACE;EACA;;;AASF;EACE;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AC/IN;EACE;EACA;;AACA;EACE;EACA;;;AJ+KF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAIA;EACE;EACA;;AAIJ;EACE;;;AEtMJ;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;;AGzGJ;EACE;EACA;EACA;EACA;EAGA;;;ACNA;EACE;;;AHEJ;EACE;;AAGE;EACE;;;AAMN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEF;EACE;EACA;;;AAUJ;EAIE;;;AAIF;EAKE;;;AAIA;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAIJ;EACE;;AAGF;EACE;EACA;;;AASF;EACE;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AI3IN;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAMJ;AAAA;EAEE;EACA;EACA;;AAGA;AAAA;EACE;;AAMF;EACE;EACA;;AAIJ;EACE;;;AC/CJ;EACE;EACA;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;APhCN;EACE;EACA;EACA;EACA;EAEA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;AAIJ;EACE;;;AQzDJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKA;EACE;;;AAOF;EACE;;;AClBF;EACE;;AAGF;EALF;IAMI;;;AAGF;EATF;IAUI;;;AAKF;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;AC/BJ;EACE;EAEA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAKA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;;AAMJ;EACE;;AAGF;EACE;;AAIA;EACE;;;AC/FN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKA;EACE;;AAIJ;EAEE;;AAEA;EACE;;AAKA;EACE;;;AASR;EACE;EACA;EACA;;;ACxCF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;AAKJ;EACE;EACA;;AAGA;EACE;;AAKA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AAOJ;EACE;EACA;EACA;;;ACpDF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;;;AAMJ;EACE;;AACA;EACE;;AAIJ;EACE;EACA;;AAGF;AAAA;EAEE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAOJ;EACE;EACA;EACA;;;ACzDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAKA;EACE;;;AASR;EACE;EACA;EACA;;;ACjCF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAIA;EACA;EAEA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAIJ;EACE;;AAIA;EACE;;AAKF;EACE;EACA;;AAKF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;IACE;IACA;;;AAKF;EACE;IACE;IACA;;;;AAQN;EACE;EACA;;AAEA;EACE;;;AAKF;AAAA;EAEE;EACA;;;AAOJ;EACE;;;AAQE;EACE;;;AC5LN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EAVF;IAWI;;;AAGF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;EAII;AAAA;AAAA;IACE;IACA;;;AAMJ;EACE;;;ACnCJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;EACA;EAEA;;AAGF;EACE;;AAKF;AAAA;EAEE;;;AFrCN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AGhDJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAIF;EACE;IACE;IACA;;;;AASF;AAAA;AAAA;EACE;EACA;;;AAKN;AAAA;EAGE;;AAEA;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AClGJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;;AAMJ;AAAA;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AC5CF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAIA;EACE;EACA;;;AAIJ;EACE;;;AC3CF;AAAA;EAEE;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;AAON;EACE;EACA;;;AChHJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AC9BA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIF;EACE;IACE;IACA;;;;AAKN;AAAA;EAGE;;AAGE;AAAA;EACE;;AAIJ;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;ACnFJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAIA;EACE;;;AC3CJ;EACE;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;;ACWJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/AttachMenu/AttachMenu.scss","../../src/Chatbot/Chatbot.scss","../../src/ChatbotAlert/ChatbotAlert.scss","../../src/ChatbotContent/ChatbotContent.scss","../../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss","../../src/ChatbotFooter/ChatbotFootnote.scss","../../src/ChatbotFooter/ChatbotFooter.scss","../../src/ChatbotHeader/ChatbotHeader.scss","../../src/ChatbotModal/ChatbotModal.scss","../../src/ChatbotPopover/ChatbotPopover.scss","../../src/ChatbotToggle/ChatbotToggle.scss","../../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss","../../src/CodeModal/CodeModal.scss","../../src/Compare/Compare.scss","../../src/DeepThinking/DeepThinking.scss","../../src/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/FilePreview/FilePreview.scss","../../src/ImagePreview/ImagePreview.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/SuperscriptMessage/SuperscriptMessage.scss","../../src/Message/ImageMessage/ImageMessage.scss","../../src/Message/LinkMessage/LinkMessage.scss","../../src/Message/ListMessage/ListMessage.scss","../../src/Message/TableMessage/TableMessage.scss","../../src/Message/QuickStarts/QuickStartTile.scss","../../src/Message/QuickResponse/QuickResponse.scss","../../src/Message/UserFeedback/UserFeedback.scss","../../src/MessageBar/AttachButton.scss","../../src/MessageBar/MicrophoneButton.scss","../../src/MessageBar/SendButton.scss","../../src/MessageBar/StopButton.scss","../../src/MessageBar/MessageBar.scss","../../src/MessageBox/JumpButton.scss","../../src/MessageBox/MessageBox.scss","../../src/MessageDivider/MessageDivider.scss","../../src/Onboarding/Onboarding.scss","../../src/ResponseActions/ResponseActions.scss","../../src/Settings/Settings.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/TermsOfUse/TermsOfUse.scss","../../src/ToolResponse/ToolResponse.scss","../../src/ToolCall/ToolCall.scss","../../src/main.scss"],"names":[],"mappings":";AAAA;EACE;EACA;;;AAGF;AACE;AAsBA;AASA;;AA9BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;ACxDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAYF;;AAVA;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAOF;EAhCF;IAiCI;IACA;;;AAIF;EAtCF;IAuCI;;;AAGF;EACE;;;AAQF;EACE;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;EAEA;EACA;;;AAKF;EAnBF;IAoBI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;;;AAOJ;EACE;EACA;EACA;EACA;EACA;;AAES;EACP;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;EACA;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AAOJ;EACE;;;ACxLF;EACE;EACA;EACA;;;ACAF;EACE;EACA;EACA;EACA;EACA;;AAGA;EARF;IASI;;;AAGF;EACE;;;AAKF;EACE;;;AAUJ;EAII;AAAA;AAAA;IACE;IACA;;;AClCJ;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EAEA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;;;AAMJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;;AAuBJ;EACE;;;AASF;AAAA;EACE;;AACA;AAAA;EACE;;;AASJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;;;AAUF;AAAA;AAAA;AAAA;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAKE;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;ACrTN;EACE;;AAEA;EACE;EACA;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;;AAES;EACP;;;AAKN;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAGI;AAAA;IACE;;EAGF;AAAA;IACE;IACA;IACA;;;AASJ;EACE;;;AAQF;EACE;;;AAIJ;EACE;EACA;;;AAQA;EAIM;AAAA;IACE;;;;ACrFV;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAMJ;EACE;;AAES;EACP;;;AAQN;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAQN;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAOA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AC1IF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;;AAOJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAOJ;EACE;EACA;EACA;EACA;EACA;;;AAQE;EACE;;;AAQN;EACE;;;AAOA;EACE;;AAGF;EACE;EACA;;;AC3FF;EACE;;AAMA;EACE;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;;ACxBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;;;AC5CF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAOJ;EAIM;AAAA;IACE;IACA;;;ACpDN;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;AACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;AAAA;AAAA;EAGA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAGA;EACE;;;AAUF;EACE;EACA;;;AAKN;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AC9FJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;;AAEA;EAHF;IAII;;;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAIA;EADF;IAEI;;;;AAIN;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;ACrEJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;ACtBF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;ACjCF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGO;EACP;EACA;;;AAKF;EACE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;;;AAMF;AAAA;EACE;;;ACpEJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAGA;EANF;IAOI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AACA;EACE;EACA;EACA;EACA;;;AAME;EADF;IAEI;IACA;IACA;;EAEA;IACE;;;;ACnDR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;ACpBF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;ACvDJ;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAGF;EAKE;;AAJA;EACE;EACA;;AAOJ;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EAQA;EACA;;AAIF;EACE;EACA;;AAIF;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAIF;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE;;AAIJ;EACE;;AAIF;EACE;;AAEA;EACE;;;AAON;EACE;EACA;EACA;;;AAGF;EACE;;;ACrKF;EACE;EACA;EACA;EACA;EAEA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;AAIJ;EACE;;;ACtDJ;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;;ACrGJ;EACE;;AAGE;EACE;;;AAMN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEF;EACE;EACA;;;AAUJ;EAIE;;;AAIF;EAKE;;;AAIA;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAIJ;EACE;;AAGF;EACE;EACA;;;AASF;EACE;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AC/IN;EACE;EACA;;AACA;EACE;EACA;;;AJ+KF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAIA;EACE;EACA;;AAIJ;EACE;;;AEtMJ;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;;AGzGJ;EACE;EACA;EACA;EACA;EAGA;;;ACNA;EACE;;;AHEJ;EACE;;AAGE;EACE;;;AAMN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEF;EACE;EACA;;;AAUJ;EAIE;;;AAIF;EAKE;;;AAIA;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAIJ;EACE;;AAGF;EACE;EACA;;;AASF;EACE;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AI3IN;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAMJ;AAAA;EAEE;EACA;EACA;;AAGA;AAAA;EACE;;AAMF;EACE;EACA;;AAIJ;EACE;;;AC/CJ;EACE;EACA;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;APhCN;EACE;EACA;EACA;EACA;EAEA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;AAIJ;EACE;;;AQzDJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKA;EACE;;;AAOF;EACE;;;AClBF;EACE;;AAGF;EALF;IAMI;;;AAGF;EATF;IAUI;;;AAKF;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;AC/BJ;EACE;EAEA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAKA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;;AAMJ;EACE;;AAGF;EACE;;AAIA;EACE;;;AC/FN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKA;EACE;;AAIJ;EAEE;;AAEA;EACE;;AAKA;EACE;;;AASR;EACE;EACA;EACA;;;ACxCF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;AAKJ;EACE;EACA;;AAGA;EACE;;AAKA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AAOJ;EACE;EACA;EACA;;;ACpDF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;;;AAMJ;EACE;;AACA;EACE;;AAIJ;EACE;EACA;;AAGF;AAAA;EAEE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAOJ;EACE;EACA;EACA;;;ACzDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAKA;EACE;;;AASR;EACE;EACA;EACA;;;ACjCF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAIA;EACA;EAEA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA,YACE;;AAKF;EACE;EACA;;AAKF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;IACE;IACA;;;AAKF;EACE;IACE;IACA;;;;AAQN;EACE;EACA;;AAEA;EACE;;;AAKF;AAAA;EAEE;EACA;;;AAOJ;EACE;;;AC1KF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EAVF;IAWI;;;AAGF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;EAII;AAAA;AAAA;IACE;IACA;;;AAMJ;EACE;;;ACnCJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;EAEA;;AAGF;EACE;;AAKF;AAAA;EAEE;;;AFnCN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AGhDJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAIF;EACE;IACE;IACA;;;;AASF;AAAA;AAAA;EACE;EACA;;;AAKN;AAAA;EAGE;;AAEA;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AClGJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;;AAMJ;AAAA;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AC5CF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAIA;EACE;EACA;;;AAIJ;EACE;;;AC3CF;AAAA;EAEE;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;AAON;EACE;EACA;;;AChHJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AC9BA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIF;EACE;IACE;IACA;;;;AAKN;AAAA;EAGE;;AAGE;AAAA;EACE;;AAIJ;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;ACnFJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAIA;EACE;;;AC3CJ;EACE;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;;ACWJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}
package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.js CHANGED
@@ -12,13 +12,13 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  import { jsx as _jsx } from "react/jsx-runtime";
13
13
  import { useState } from 'react';
14
14
  import { Tooltip, Dropdown, MenuToggle, Icon } from '@patternfly/react-core';
15
- import EllipsisIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
15
+ import RhUiEllipsisHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-horizontal-fill-icon';
16
16
  export const ChatbotHeaderOptionsDropdown = (_a) => {
17
17
  var { className, children, onSelect, tooltipProps, menuToggleAriaLabel = 'Chatbot options', isCompact, toggleProps } = _a, props = __rest(_a, ["className", "children", "onSelect", "tooltipProps", "menuToggleAriaLabel", "isCompact", "toggleProps"]);
18
18
  const [isOptionsMenuOpen, setIsOptionsMenuOpen] = useState(false);
19
19
  const toggle = (toggleRef) => (_jsx(Tooltip, Object.assign({ className: "pf-chatbot__tooltip", content: "Chatbot options", position: "bottom",
20
20
  // prevents VO announcements of both aria label and tooltip
21
- aria: "none" }, tooltipProps, { children: _jsx(MenuToggle, Object.assign({ className: `pf-chatbot__button--toggle-options ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", "aria-label": menuToggleAriaLabel, ref: toggleRef, icon: _jsx(Icon, { size: isCompact ? 'lg' : 'xl', isInline: true, children: _jsx(EllipsisIcon, {}) }), isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen), size: isCompact ? 'sm' : undefined }, toggleProps)) })));
21
+ aria: "none" }, tooltipProps, { children: _jsx(MenuToggle, Object.assign({ className: `pf-chatbot__button--toggle-options ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", "aria-label": menuToggleAriaLabel, ref: toggleRef, icon: _jsx(Icon, { size: isCompact ? 'lg' : 'xl', isInline: true, children: _jsx(RhUiEllipsisHorizontalFillIcon, {}) }), isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen), size: isCompact ? 'sm' : undefined }, toggleProps)) })));
22
22
  return (_jsx(Dropdown, Object.assign({ className: `pf-chatbot__options ${className !== null && className !== void 0 ? className : ''}`, isOpen: isOptionsMenuOpen, onSelect: (e, value) => {
23
23
  onSelect && onSelect(e, value);
24
24
  setIsOptionsMenuOpen(false);
package/dist/esm/MessageDivider/MessageDivider.js CHANGED
@@ -14,7 +14,7 @@ import { Divider, Label } from '@patternfly/react-core';
14
14
  const MessageDivider = (_a) => {
15
15
  var { variant = 'inset', content = new Date().toLocaleDateString() } = _a, props = __rest(_a, ["variant", "content"]);
16
16
  if (variant === 'inset') {
17
- return (_jsxs("div", Object.assign({ className: "pf-chatbot__message-divider pf-m-divider pf-m-wrap" }, props, { children: [_jsx(Divider, {}), _jsx(Label, { variant: "outline", children: content })] })));
17
+ return (_jsxs("div", Object.assign({ className: "pf-chatbot__message-divider pf-m-divider pf-m-wrap" }, props, { children: [_jsx(Divider, {}), _jsx(Label, { children: content })] })));
18
18
  }
19
19
  return (_jsx("div", Object.assign({ className: "pf-chatbot__message-divider pf-m-wrap" }, props, { children: _jsx(Label, { children: content }) })));
20
20
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/chatbot",
3
- "version": "6.7.0-prerelease.3",
3
+ "version": "6.7.0-prerelease.4",
4
4
  "description": "This library provides React components based on PatternFly 6 that can be used to build chatbots.",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -33,11 +33,11 @@
33
33
  "tag": "prerelease"
34
34
  },
35
35
  "dependencies": {
36
- "@patternfly/react-code-editor": "^6.1.0",
37
- "@patternfly/react-core": "^6.1.0",
36
+ "@patternfly/react-code-editor": "^6.5.1",
37
+ "@patternfly/react-core": "^6.5.1",
38
38
  "@patternfly/react-icons": "^6.5.1",
39
- "@patternfly/react-styles": "^6.1.0",
40
- "@patternfly/react-table": "^6.1.0",
39
+ "@patternfly/react-styles": "^6.5.1",
40
+ "@patternfly/react-table": "^6.5.1",
41
41
  "@segment/analytics-next": "^1.76.0",
42
42
  "clsx": "^2.1.0",
43
43
  "path-browserify": "^1.0.1",
@@ -66,8 +66,8 @@
66
66
  },
67
67
  "devDependencies": {
68
68
  "@octokit/rest": "^18.0.0",
69
- "@patternfly/documentation-framework": "6.28.9",
70
- "@patternfly/patternfly": "^6.1.0",
69
+ "@patternfly/documentation-framework": "^6.44.0",
70
+ "@patternfly/patternfly": "^6.5.2",
71
71
  "@patternfly/patternfly-a11y": "^5.0.0",
72
72
  "@types/dom-speech-recognition": "^0.0.4",
73
73
  "@types/react": "^18.2.61",
package/src/Chatbot/Chatbot.scss CHANGED
@@ -9,10 +9,7 @@
9
9
  flex-direction: column;
10
10
  width: 30rem;
11
11
  height: 70vh;
12
- background-color: var(
13
- --pf-t--global--background--color--floating--secondary--default,
14
- --pf-t--global--background--color--secondary--default
15
- );
12
+ background-color: var(--pf-t--global--background--color--floating--secondary--default);
16
13
  border-radius: var(--pf-t--global--border--radius--medium);
17
14
  box-shadow: var(--pf-t--global--box-shadow--lg);
18
15
  font-size: var(--pf-t--global--font--size--md);
@@ -31,9 +28,8 @@
31
28
  opacity: 1;
32
29
  transform: translateY(0);
33
30
  }
34
- // for high contrast support
35
- border: var(--pf-t--global--border--width--high-contrast--regular) solid
36
- var(--pf-t--global--border--color--high-contrast);
31
+
32
+ border: var(--pf-t--global--border--width--regular) solid var(--pf-t--global--border--color--subtle);
37
33
 
38
34
  // 32 rem is the width of the overlay chatbot plus the insets
39
35
  // if the screen is smaller, we want to be 100%
@@ -46,24 +42,41 @@
46
42
  @media screen and (max-height: 518px) {
47
43
  overflow: auto;
48
44
  }
45
+
46
+ &:not(&--default) {
47
+ background-color: var(
48
+ --pf-t--global--background--color--glass--primary--default,
49
+ var(--pf-t--global--background--color--secondary--default)
50
+ );
51
+ }
52
+ }
53
+
54
+ :root:where(.pf-v6-theme-felt):not(.pf-v6-theme-glass) {
55
+ .pf-chatbot.pf-chatbot--default {
56
+ box-shadow: var(--pf-t--global--box-shadow--md);
57
+ }
49
58
  }
50
59
 
51
60
  // ============================================================================
52
61
  // Chatbot Display Mode - Docked
53
62
  // ============================================================================
54
63
  .pf-chatbot--docked {
55
- // for high contrast support
56
64
  border: unset;
57
- border-left: var(--pf-t--global--border--width--high-contrast--regular) solid
58
- var(--pf-t--global--border--color--high-contrast);
65
+ border-left: var(--pf-t--global--border--width--regular) solid var(--pf-t--global--border--color--subtle);
59
66
  inset-block-end: 0;
60
67
  inset-inline-end: 0;
61
68
  padding: 0;
62
69
  height: 100%;
63
70
  border-radius: 0;
64
- box-shadow: var(--pf-t--global--box-shadow--lg--left);
65
71
  overflow: inherit;
66
72
 
73
+ @at-root :where(.pf-v6-theme-glass) & {
74
+ border-left: var(--pf-t--global--border--width--glass--default) solid
75
+ var(--pf-t--global--border--color--glass--default);
76
+ box-shadow: var(--pf-t--global--box-shadow--md--left);
77
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
78
+ }
79
+
67
80
  // 30rem is the width of the docked chatbot
68
81
  // if the screen is smaller, we want to be 100%
69
82
  @media screen and (max-width: 30rem) {
@@ -75,9 +88,6 @@
75
88
  // Chatbot Display Mode - Fullscreen
76
89
  // ============================================================================
77
90
  .pf-chatbot--fullscreen {
78
- background-color: var(--pf-t--global--background--color--secondary--default);
79
-
80
- // for high contrast support
81
91
  border: unset;
82
92
  inset-block-end: 0;
83
93
  inset-inline-end: 0;
@@ -86,21 +96,27 @@
86
96
  height: 100%;
87
97
  border-radius: 0;
88
98
  box-shadow: none;
99
+
100
+ @at-root :where(.pf-v6-theme-glass) & {
101
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
102
+ }
89
103
  }
90
104
 
91
105
  // ============================================================================
92
106
  // Chatbot Display Mode - Embedded
93
107
  // ============================================================================
94
108
  .pf-chatbot--embedded {
95
- background-color: var(--pf-t--global--background--color--secondary--default);
96
-
97
- // for high contrast support
98
- border: unset;
99
109
  position: static;
100
110
  width: 100%;
101
111
  min-height: 100%;
102
112
  border-radius: 0;
103
- box-shadow: none;
113
+ box-shadow: var(--pf-t--global--box-shadow--lg);
114
+
115
+ @at-root :where(.pf-v6-theme-glass) & {
116
+ border: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
117
+ box-shadow: var(--pf-t--global--box-shadow--md);
118
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
119
+ }
104
120
  }
105
121
 
106
122
  .pf-chatbot-container {
@@ -143,19 +159,19 @@
143
159
  height: 100%;
144
160
  border-radius: 0;
145
161
  box-shadow: none;
146
- border-color: var(--pf-t--global--border--color--default);
162
+ border-color: var(--pf-t--global--border--color--subtle);
147
163
 
148
- .pf-chatbot-container {
149
- border-radius: var(--pf-t--global--border--radius--sharp);
164
+ @at-root :where(.pf-v6-theme-glass) & {
165
+ border: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
166
+ box-shadow: var(--pf-t--global--box-shadow--md);
167
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
150
168
  }
151
169
 
152
- @media screen and (min-width: 768px) {
153
- // only want if drawer open - drawer closes/stops being inline on mobile
154
- border-left: var(--pf-t--global--border--width--divider--default) solid;
170
+ .pf-chatbot-container {
171
+ border-radius: var(--pf-t--global--border--radius--sharp);
155
172
  }
156
173
  }
157
174
 
158
- // for high contrast support
159
175
  :root:where(.pf-v6-theme-high-contrast) {
160
176
  .pf-chatbot--drawer {
161
177
  border: unset;
package/src/ChatbotContent/ChatbotContent.scss CHANGED
@@ -3,10 +3,7 @@
3
3
  // ============================================================================
4
4
  .pf-chatbot__content {
5
5
  position: relative;
6
- background-color: var(
7
- --pf-t--global--background--color--floating--secondary--default,
8
- --pf-t--global--background--color--secondary--default
9
- );
6
+ background-color: var(--pf-t--global--background--color--floating--secondary--default);
10
7
  overflow-y: auto;
11
8
  overflow: hidden; // needed in Red Hat Developer Hub workspace
12
9
  flex: 1; // needed in Composer AI
@@ -21,6 +18,15 @@
21
18
  }
22
19
  }
23
20
 
21
+ .pf-chatbot:not(.pf-chatbot--default) {
22
+ .pf-chatbot__content {
23
+ background-color: var(
24
+ --pf-t--global--background--color--glass--primary--default,
25
+ var(--pf-t--global--background--color--secondary--default)
26
+ );
27
+ }
28
+ }
29
+
24
30
  // ============================================================================
25
31
  // Chatbot Display Mode - Fullscreen and Embedded
26
32
  // ============================================================================
@@ -29,7 +35,6 @@
29
35
  .pf-chatbot--fullscreen,
30
36
  .pf-chatbot--embedded {
31
37
  .pf-chatbot__content {
32
- background-color: var(--pf-t--global--background--color--secondary--default);
33
38
  display: flex;
34
39
  justify-content: center;
35
40
  }
package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss CHANGED
@@ -203,6 +203,20 @@
203
203
  }
204
204
  }
205
205
 
206
+ .pf-chatbot:is(.pf-chatbot--drawer, .pf-chatbot--docked) .pf-chatbot__history {
207
+ // .pf-v6-c-menu {
208
+ // @at-root :where(.pf-v6-theme-glass) & {
209
+ // --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
210
+ // }
211
+ // }
212
+
213
+ // .pf-chatbot__menu-item-header > .pf-v6-c-menu__group-title {
214
+ // @at-root :where(.pf-v6-theme-glass) & {
215
+ // background-color: var(--pf-t--global--background--color--floating--default);
216
+ // }
217
+ // }
218
+ }
219
+
206
220
  // ============================================================================
207
221
  // Chatbot Display Mode - Docked
208
222
  // ============================================================================
package/src/ChatbotFooter/ChatbotFooter.scss CHANGED
@@ -6,10 +6,7 @@
6
6
  // ============================================================================
7
7
  .pf-chatbot__footer {
8
8
  --pf-chatbot__footer--RowGap: var(--pf-t--global--spacer--md);
9
- background-color: var(
10
- --pf-t--global--background--color--floating--secondary--default,
11
- --pf-t--global--background--color--secondary--default
12
- );
9
+ background-color: var(--pf-t--global--background--color--floating--secondary--default);
13
10
  display: flex;
14
11
  flex-direction: column;
15
12
  row-gap: var(--pf-chatbot__footer--RowGap);
@@ -19,6 +16,17 @@
19
16
  background-color: var(--pf-t--global--background--color--primary--default);
20
17
  }
21
18
  }
19
+
20
+ .pf-chatbot:not(.pf-chatnot--default) {
21
+ .pf-chatbot__footer {
22
+ background-color: var(--pf-t--global--background--color--secondary--default);
23
+
24
+ @at-root :where(.pf-v6-theme-glass) & {
25
+ background-color: var(--pf-t--global--background--color--glass--primary--default);
26
+ }
27
+ }
28
+ }
29
+
22
30
  .pf-chatbot__footer-container {
23
31
  padding: 0 var(--pf-t--global--spacer--lg) var(--pf-t--global--spacer--lg) var(--pf-t--global--spacer--lg);
24
32
  display: flex;
@@ -35,12 +43,6 @@
35
43
  .pf-chatbot--fullscreen {
36
44
  .pf-chatbot__footer {
37
45
  align-items: center;
38
- .pf-v6-c-divider {
39
- display: none;
40
- }
41
- }
42
- .pf-chatbot__footer {
43
- background-color: var(--pf-t--global--background--color--secondary--default);
44
46
  }
45
47
 
46
48
  .pf-chatbot__footer-container {
package/src/ChatbotHeader/ChatbotHeader.scss CHANGED
@@ -9,10 +9,7 @@
9
9
  grid-template-columns: 1fr auto;
10
10
  gap: var(--pf-t--global--spacer--sm);
11
11
  position: relative; // this is so focus ring on parent chatbot doesn't include header
12
- background-color: var(
13
- --pf-t--global--background--color--floating--secondary--default,
14
- --pf-t--global--background--color--secondary--default
15
- );
12
+ background-color: var(--pf-t--global--background--color--floating--secondary--default);
16
13
  justify-content: space-between;
17
14
  padding: var(--pf-t--global--spacer--lg);
18
15
 
@@ -58,28 +55,13 @@
58
55
  }
59
56
  }
60
57
 
61
- // ============================================================================
62
- // Chatbot Display Mode - Fullscreen and Embedded
63
- // ============================================================================
64
- @media screen and (min-width: 64rem) {
65
- .pf-chatbot--fullscreen,
66
- .pf-chatbot--embedded {
67
- .pf-chatbot__header {
68
- background-color: var(--pf-t--global--background--color--primary--default);
69
- }
70
- .pf-chatbot__header__divider {
71
- display: none;
72
- }
73
- }
74
- }
75
-
76
- // ============================================================================
77
- // Chatbot Display Mode - Docked and Drawer
78
- // ============================================================================
79
- .pf-chatbot--drawer,
80
- .pf-chatbot--docked {
58
+ .pf-chatbot:not(.pf-chatbot--default) {
81
59
  .pf-chatbot__header {
82
- background-color: var(--pf-t--global--background--color--secondary--floating--default);
60
+ background-color: var(--pf-t--global--background--color--secondary--default);
61
+
62
+ @at-root :where(.pf-v6-theme-glass) & {
63
+ background-color: var(--pf-t--global--background--color--glass--primary--default);
64
+ }
83
65
  }
84
66
  }
85
67
 
@@ -98,12 +80,6 @@
98
80
  border-radius: inherit;
99
81
  }
100
82
 
101
- .pf-v6-c-button__icon,
102
- .pf-v6-c-menu-toggle__icon,
103
- .pf-v6-c-icon__content {
104
- color: var(--pf-t--global--icon--color--subtle);
105
- }
106
-
107
83
  .pf-v6-c-button__icon,
108
84
  .pf-v6-c-menu-toggle__icon {
109
85
  display: flex;
@@ -122,13 +98,6 @@
122
98
  }
123
99
  }
124
100
 
125
- // Rotate icon
126
- .pf-chatbot__button--toggle-options {
127
- svg {
128
- transform: rotate(90deg);
129
- }
130
- }
131
-
132
101
  // ============================================================================
133
102
  // Examples
134
103
  // ============================================================================
@@ -169,18 +138,3 @@
169
138
  .pf-chatbot__header .pf-chatbot__actions .pf-v6-c-menu-toggle.pf-m-secondary.pf-m-compact {
170
139
  width: initial;
171
140
  }
172
-
173
- // ============================================================================
174
- // High contrast
175
- // ============================================================================
176
- :root:where(.pf-v6-theme-high-contrast) {
177
- // Chatbot Display Mode - Fullscreen and Embedded
178
- @media screen and (min-width: 64rem) {
179
- .pf-chatbot--fullscreen,
180
- .pf-chatbot--embedded {
181
- .pf-chatbot__header__divider {
182
- display: var(--pf-v6-hidden-visible--Display);
183
- }
184
- }
185
- }
186
- }
package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx CHANGED
@@ -11,7 +11,7 @@ import {
11
11
  Icon,
12
12
  MenuToggleProps
13
13
  } from '@patternfly/react-core';
14
- import EllipsisIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
14
+ import RhUiEllipsisHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-horizontal-fill-icon';
15
15
 
16
16
  export interface ChatbotHeaderOptionsDropdownProps extends Omit<DropdownProps, 'toggle'> {
17
17
  /** Content to be displayed in the chatbot header */
@@ -56,7 +56,7 @@ export const ChatbotHeaderOptionsDropdown: FunctionComponent<ChatbotHeaderOption
56
56
  ref={toggleRef}
57
57
  icon={
58
58
  <Icon size={isCompact ? 'lg' : 'xl'} isInline>
59
- <EllipsisIcon />
59
+ <RhUiEllipsisHorizontalFillIcon />
60
60
  </Icon>
61
61
  }
62
62
  isExpanded={isOptionsMenuOpen}
package/src/ChatbotModal/ChatbotModal.scss CHANGED
@@ -9,7 +9,6 @@
9
9
  inset-inline-end: var(--pf-t--global--spacer--lg);
10
10
  width: 30rem !important;
11
11
  height: 70vh;
12
- background-color: var(--pf-t--global--background--color--secondary--default) !important;
13
12
 
14
13
  .pf-v6-c-modal-box__title {
15
14
  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--h3);
@@ -55,13 +54,6 @@
55
54
  }
56
55
  }
57
56
 
58
- // ============================================================================
59
- // Chatbot Display Mode - Default
60
- // ============================================================================
61
- .pf-chatbot__chatbot-modal--default {
62
- box-shadow: unset !important;
63
- }
64
-
65
57
  // ============================================================================
66
58
  // Chatbot Display Mode - Docked
67
59
  // ============================================================================
@@ -71,7 +63,6 @@
71
63
  inset-inline-end: 0;
72
64
  border-radius: 0 !important;
73
65
  --pf-v6-c-modal-box--MaxHeight: 100vh !important;
74
- box-shadow: unset !important;
75
66
  }
76
67
 
77
68
  // ============================================================================
package/src/ChatbotWelcomePrompt/__snapshots__/ChatbotWelcomePrompt.test.tsx.snap CHANGED
@@ -7,7 +7,7 @@ exports[`ChatbotWelcomePrompt should render welcome prompt 1`] = `
7
7
  >
8
8
  <h1
9
9
  class="pf-v6-c-content--h1"
10
- data-ouia-component-id="OUIA-Generated-Content-1"
10
+ data-ouia-component-id="OUIA-Generated-Content-:r0:"
11
11
  data-ouia-component-type="PF6/Content"
12
12
  data-ouia-safe="true"
13
13
  data-pf-content="true"
package/src/FileDetailsLabel/FileDetailsLabel.scss CHANGED
@@ -30,6 +30,11 @@
30
30
  .pf-chatbot__file-label > .pf-v6-c-label__content {
31
31
  --pf-v6-c-label--Color: var(--pf-t--global--background--color--primary--default);
32
32
  }
33
+
34
+ @at-root :where(.pf-v6-theme-glass) & {
35
+ --pf-v6-c-label--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
36
+ --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
37
+ }
33
38
  }
34
39
 
35
40
  .pf-v6-theme-dark {
package/src/MessageBar/MessageBar.scss CHANGED
@@ -36,33 +36,24 @@
36
36
  position: absolute;
37
37
  inset: 0;
38
38
  border-radius: inherit;
39
- border: var(--pf-t--global--border--width--control--default) solid transparent;
39
+ border: var(--pf-t--global--border--width--control--default) solid
40
+ var(--pf-t--global--border--color--control--default);
40
41
  pointer-events: none;
41
42
  transition:
42
43
  border-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm),
43
44
  border-width var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm);
44
45
  }
45
46
 
46
- &::after {
47
- border-color: var(--pf-t--global--border--color--control--default, transparent);
48
- }
49
-
50
- &.pf-m-primary {
51
- &::after {
52
- border-color: var(--pf-t--global--border--color--control--default, --pf-t--global--border--color--default);
53
- }
54
- }
55
-
56
47
  &:hover {
57
48
  &::after {
58
- border-color: var(--pf-t--global--border--color--hover, --pf-t--global--border--color--default);
49
+ border-color: var(--pf-t--global--border--color--control--hover);
59
50
  border-width: var(--pf-t--global--border--width--control--hover);
60
51
  }
61
52
  }
62
53
 
63
54
  &:focus-within {
64
55
  &::after {
65
- border-color: var(--pf-t--global--border--color--clicked, --pf-t--global--border--color--default);
56
+ border-color: var(--pf-t--global--border--color--control--clicked);
66
57
  border-width: var(--pf-t--global--border--width--control--clicked);
67
58
  }
68
59
  }
@@ -183,14 +174,3 @@
183
174
  .pf-chatbot__message-bar.pf-m-multiline {
184
175
  border-radius: calc(var(--pf-t--global--border--radius--small) * 2);
185
176
  }
186
-
187
- // ============================================================================
188
- // High contrast styles
189
- // ============================================================================
190
- :root:where(.pf-v6-theme-high-contrast) {
191
- .pf-chatbot__message-bar {
192
- &::after {
193
- border-color: var(--pf-t--global--border--color--control--default, --pf-t--global--border--color--default);
194
- }
195
- }
196
- }
package/src/MessageDivider/MessageDivider.scss CHANGED
@@ -12,30 +12,28 @@
12
12
  }
13
13
 
14
14
  .pf-v6-c-label {
15
- --pf-v6-c-label--BackgroundColor: var(--pf-t--global--background--color--tertiary--default);
16
- --pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--default);
17
- --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
15
+ --pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--default);
16
+ --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
18
17
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
19
-
18
+
20
19
  .pf-v6-c-label__text {
21
20
  font-weight: var(--pf-t--global--font--weight--body--bold);
22
21
  text-align: center;
23
- }
22
+ }
24
23
  }
25
24
 
26
- &.pf-m-divider {
25
+ &.pf-m-divider {
27
26
  .pf-v6-c-label {
28
- --pf-v6-c-label--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
29
27
  --pf-v6-c-label--MaxWidth: 75%;
30
28
 
31
29
  justify-self: center;
32
30
  }
33
-
31
+
34
32
  .pf-v6-c-divider {
35
33
  align-self: center;
36
34
  }
37
35
  }
38
-
36
+
39
37
  &.pf-m-wrap {
40
38
  .pf-v6-c-label,
41
39
  .pf-v6-c-label__text {
package/src/MessageDivider/MessageDivider.tsx CHANGED
@@ -20,7 +20,7 @@ const MessageDivider: FunctionComponent<MessageDividerProps> = ({
20
20
  return (
21
21
  <div className="pf-chatbot__message-divider pf-m-divider pf-m-wrap" {...props}>
22
22
  <Divider />
23
- <Label variant="outline">{content}</Label>
23
+ <Label>{content}</Label>
24
24
  </div>
25
25
  );
26
26
  }