@patternfly/chatbot 2.2.0-prerelease.14 → 2.2.0-prerelease.16

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 (29) hide show
  1. package/dist/cjs/Message/Message.js +13 -3
  2. package/dist/cjs/Message/Message.test.js +38 -3
  3. package/dist/cjs/Message/TextMessage/TextMessage.d.ts +2 -1
  4. package/dist/cjs/Message/TextMessage/TextMessage.js +2 -2
  5. package/dist/css/main.css +72 -68
  6. package/dist/css/main.css.map +1 -1
  7. package/dist/esm/Message/Message.js +14 -4
  8. package/dist/esm/Message/Message.test.js +38 -3
  9. package/dist/esm/Message/TextMessage/TextMessage.d.ts +2 -1
  10. package/dist/esm/Message/TextMessage/TextMessage.js +3 -3
  11. package/package.json +1 -1
  12. package/patternfly-docs/content/extensions/chatbot/examples/Messages/BotMessage.tsx +142 -13
  13. package/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessage.tsx +182 -12
  14. package/src/ChatbotHeader/ChatbotHeader.scss +2 -2
  15. package/src/Message/CodeBlockMessage/CodeBlockMessage.scss +3 -3
  16. package/src/Message/ListMessage/ListMessage.scss +5 -5
  17. package/src/Message/Message.scss +3 -11
  18. package/src/Message/Message.test.tsx +40 -3
  19. package/src/Message/Message.tsx +23 -4
  20. package/src/Message/MessageLoading.scss +2 -2
  21. package/src/Message/TextMessage/TextMessage.scss +8 -11
  22. package/src/Message/TextMessage/TextMessage.tsx +3 -3
  23. package/src/MessageBar/AttachButton.scss +19 -3
  24. package/src/MessageBar/MessageBar.scss +3 -2
  25. package/src/MessageBar/MicrophoneButton.scss +8 -8
  26. package/src/MessageBar/StopButton.scss +17 -3
  27. package/src/MessageBox/JumpButton.scss +6 -6
  28. package/src/SourcesCard/SourcesCard.scss +2 -2
  29. package/src/main.scss +0 -4
package/dist/cjs/Message/Message.js CHANGED
@@ -57,11 +57,21 @@ const MessageBase = (_a) => {
57
57
  react_1.default.createElement("div", { className: "pf-chatbot__message-response" },
58
58
  react_1.default.createElement("div", { className: "pf-chatbot__message-and-actions" },
59
59
  isLoading ? (react_1.default.createElement(MessageLoading_1.default, { loadingWord: loadingWord })) : (react_1.default.createElement(react_markdown_1.default, { components: {
60
- p: TextMessage_1.default,
61
- code: ({ children }) => react_1.default.createElement(CodeBlockMessage_1.default, Object.assign({}, codeBlockProps), children),
60
+ p: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.p }, props)),
61
+ code: (_a) => {
62
+ var { children } = _a, props = __rest(_a, ["children"]);
63
+ return (react_1.default.createElement(CodeBlockMessage_1.default, Object.assign({}, props, codeBlockProps), children));
64
+ },
62
65
  ul: UnorderedListMessage_1.default,
63
66
  ol: (props) => react_1.default.createElement(OrderedListMessage_1.default, Object.assign({}, props)),
64
- li: ListItemMessage_1.default
67
+ li: ListItemMessage_1.default,
68
+ h1: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.h1 }, props)),
69
+ h2: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.h2 }, props)),
70
+ h3: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.h3 }, props)),
71
+ h4: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.h4 }, props)),
72
+ h5: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.h5 }, props)),
73
+ h6: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.h6 }, props)),
74
+ blockquote: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.blockquote }, props))
65
75
  }, remarkPlugins: [remark_gfm_1.default] }, content)),
66
76
  !isLoading && sources && react_1.default.createElement(SourcesCard_1.default, Object.assign({}, sources)),
67
77
  quickStarts && quickStarts.quickStart && (react_1.default.createElement(QuickStartTile_1.default, { quickStart: quickStarts.quickStart, onSelectQuickStart: quickStarts.onSelectQuickStart, minuteWord: quickStarts.minuteWord, minuteWordPlural: quickStarts.minuteWordPlural, prerequisiteWord: quickStarts.prerequisiteWord, prerequisiteWordPlural: quickStarts.prerequisiteWordPlural, quickStartButtonAriaLabel: quickStarts.quickStartButtonAriaLabel })),
package/dist/cjs/Message/Message.test.js CHANGED
@@ -77,6 +77,22 @@ const ORDERED_LIST_WITH_CODE = `
77
77
 
78
78
  3. Item 3
79
79
  `;
80
+ const HEADING = `
81
+ # h1 Heading
82
+
83
+ ## h2 Heading
84
+
85
+ ### h3 Heading
86
+
87
+ #### h4 Heading
88
+
89
+ ##### h5 Heading
90
+
91
+ ###### h6 Heading
92
+ `;
93
+ const BLOCK_QUOTES = `> Blockquotes can also be nested...
94
+ >> ...by using additional greater-than signs (>) right next to each other...
95
+ > > > ...or with spaces between each sign.`;
80
96
  const checkListItemsRendered = () => {
81
97
  const items = ['Item 1', 'Item 2', 'Item 3'];
82
98
  expect(react_2.screen.getAllByRole('listitem')).toHaveLength(3);
@@ -312,12 +328,16 @@ describe('Message', () => {
312
328
  (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: CODE_MESSAGE }));
313
329
  expect(react_2.screen.getByText('Here is some YAML code:')).toBeTruthy();
314
330
  expect(react_2.screen.getByRole('button', { name: 'Copy code button' })).toBeTruthy();
315
- expect(react_2.screen.getByText(/apiVersion: helm.openshift.io\/v1beta1/i)).toBeTruthy();
331
+ expect(react_2.screen.getByText(/yaml/)).toBeTruthy();
332
+ expect(react_2.screen.getByText(/apiVersion:/i)).toBeTruthy();
333
+ expect(react_2.screen.getByText(/helm.openshift.io\/v1beta1/i)).toBeTruthy();
316
334
  expect(react_2.screen.getByText(/metadata:/i)).toBeTruthy();
317
- expect(react_2.screen.getByText(/name: azure-sample-repo0oooo00ooo/i)).toBeTruthy();
335
+ expect(react_2.screen.getByText(/name:/i)).toBeTruthy();
336
+ expect(react_2.screen.getByText(/azure-sample-repo0oooo00ooo/i)).toBeTruthy();
318
337
  expect(react_2.screen.getByText(/spec/i)).toBeTruthy();
319
338
  expect(react_2.screen.getByText(/connectionConfig:/i)).toBeTruthy();
320
- expect(react_2.screen.getByText(/url: https:\/\/raw.githubusercontent.com\/Azure-Samples\/helm-charts\/master\/docs/i)).toBeTruthy();
339
+ expect(react_2.screen.getByText(/url:/i)).toBeTruthy();
340
+ expect(react_2.screen.getByText(/https:\/\/raw.githubusercontent.com\/Azure-Samples\/helm-charts\/master\/docs/i)).toBeTruthy();
321
341
  });
322
342
  it('can click copy code button', () => __awaiter(void 0, void 0, void 0, function* () {
323
343
  // need explicit setup since RTL stubs clipboard if you do this
@@ -383,4 +403,19 @@ describe('Message', () => {
383
403
  } }));
384
404
  expect(react_2.screen.getAllByRole('img')[1]).toHaveAttribute('src', 'test.png');
385
405
  }));
406
+ it('should handle block quote correctly', () => {
407
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: BLOCK_QUOTES }));
408
+ expect(react_2.screen.getByText(/Blockquotes can also be nested.../)).toBeTruthy();
409
+ expect(react_2.screen.getByText('...by using additional greater-than signs (>) right next to each other...')).toBeTruthy();
410
+ expect(react_2.screen.getByText(/...or with spaces between each sign./)).toBeTruthy();
411
+ });
412
+ it('should handle heading correctly', () => {
413
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: HEADING }));
414
+ expect(react_2.screen.getByRole('heading', { name: /h1 Heading/i })).toBeTruthy();
415
+ expect(react_2.screen.getByRole('heading', { name: /h2 Heading/i })).toBeTruthy();
416
+ expect(react_2.screen.getByRole('heading', { name: /h3 Heading/i })).toBeTruthy();
417
+ expect(react_2.screen.getByRole('heading', { name: /h4 Heading/i })).toBeTruthy();
418
+ expect(react_2.screen.getByRole('heading', { name: /h5 Heading/i })).toBeTruthy();
419
+ expect(react_2.screen.getByRole('heading', { name: /h6 Heading/i })).toBeTruthy();
420
+ });
386
421
  });
package/dist/cjs/Message/TextMessage/TextMessage.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
2
  import { ExtraProps } from 'react-markdown';
3
- declare const TextMessage: ({ children, ...props }: JSX.IntrinsicElements["p"] & ExtraProps) => React.JSX.Element;
3
+ import { ContentProps } from '@patternfly/react-core';
4
+ declare const TextMessage: ({ component, children, ...props }: ContentProps & ExtraProps) => React.JSX.Element;
4
5
  export default TextMessage;
package/dist/cjs/Message/TextMessage/TextMessage.js CHANGED
@@ -20,8 +20,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
20
20
  const react_1 = __importDefault(require("react"));
21
21
  const react_core_1 = require("@patternfly/react-core");
22
22
  const TextMessage = (_a) => {
23
- var { children } = _a, props = __rest(_a, ["children"]);
23
+ var { component, children } = _a, props = __rest(_a, ["component", "children"]);
24
24
  return (react_1.default.createElement("span", { className: "pf-chatbot__message-text" },
25
- react_1.default.createElement(react_core_1.Content, Object.assign({ component: react_core_1.ContentVariants.p }, props), children)));
25
+ react_1.default.createElement(react_core_1.Content, Object.assign({ component: component }, props), children)));
26
26
  };
27
27
  exports.default = TextMessage;
package/dist/css/main.css CHANGED
@@ -427,7 +427,7 @@
427
427
  .pf-chatbot__button--toggle-menu .pf-v6-c-button__icon,
428
428
  .pf-chatbot__button--toggle-menu .pf-v6-c-menu-toggle__icon,
429
429
  .pf-chatbot__button--toggle-menu .pf-v6-c-icon__content {
430
- color: var(--pf-t--chatbot--icon--fill);
430
+ color: var(--pf-t--global--icon--color--subtle);
431
431
  }
432
432
  .pf-chatbot__button--toggle-options .pf-v6-c-button__icon,
433
433
  .pf-chatbot__button--toggle-options .pf-v6-c-menu-toggle__icon,
@@ -448,7 +448,7 @@
448
448
  .pf-chatbot__button--toggle-menu:focus .pf-v6-c-button__icon,
449
449
  .pf-chatbot__button--toggle-menu:focus .pf-v6-c-menu-toggle__icon,
450
450
  .pf-chatbot__button--toggle-menu:focus .pf-v6-c-icon__content {
451
- color: var(--pf-t--chatbot--icon--fill--hover);
451
+ color: var(--pf-t--global--icon--color--regular);
452
452
  }
453
453
 
454
454
  .pf-chatbot__button--toggle-options svg {
@@ -905,13 +905,6 @@
905
905
  }
906
906
 
907
907
  .pf-chatbot__message {
908
- --pf-t--chatbot-message--type--background--color--default: var(--pf-t--global--background--color--tertiary--default);
909
- --pf-t--chatbot-message--type--background--color--primary: var(--pf-t--global--color--brand--default);
910
- --pf-t--chatbot-message--type--padding: var(--pf-t--global--spacer--sm);
911
- --pf-t--chatbot-message--type--text--color--default: var(--pf-t--global--text--color--regular);
912
- --pf-t--chatbot-message--type--text--color--primary: var(--pf-t--global--text--color--inverse);
913
- --pf-t--chatbot-message--type--border--radius: var(--pf-t--global--border--radius--small);
914
- --pf-t--chatbot-message--meta--label--color: var(--pf-t--global--border--color--on-secondary);
915
908
  display: flex;
916
909
  align-items: flex-start;
917
910
  gap: var(--pf-t--global--spacer--lg);
@@ -950,12 +943,12 @@
950
943
  font-size: var(--pf-t--global--font--size--sm);
951
944
  }
952
945
  .pf-chatbot__message-meta .pf-v6-c-label {
953
- --pf-v6-c-label--m-outline--BorderColor: var(--pf-t--chatbot-message--meta--label--color);
946
+ --pf-v6-c-label--m-outline--BorderColor: var(--pf-t--global--border--color--on-secondary);
954
947
  --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--xs);
955
948
  font-weight: var(--pf-t--global--font--weight--body--bold);
956
949
  }
957
950
  .pf-chatbot__message-meta .pf-v6-c-label .pf-v6-c-label__content {
958
- --pf-v6-c-label--Color: var(--pf-t--chatbot-message--meta--label--color);
951
+ --pf-v6-c-label--Color: var(--pf-t--global--border--color--on-secondary);
959
952
  }
960
953
  .pf-chatbot__message-meta .pf-v6-c-timestamp {
961
954
  flex: 1 0 max-content;
@@ -968,7 +961,7 @@
968
961
  flex-direction: column;
969
962
  align-items: flex-start;
970
963
  gap: var(--pf-t--global--font--size--sm);
971
- color: var(--pf-t--chatbot-message--type--text--color--default);
964
+ color: var(--pf-t--global--text--color--regular);
972
965
  }
973
966
  .pf-chatbot__message-and-actions {
974
967
  display: grid;
@@ -983,9 +976,9 @@
983
976
 
984
977
  .pf-chatbot__message-loading {
985
978
  width: 36px;
986
- padding: var(--pf-t--chatbot-message--type--padding);
979
+ padding: var(--pf-t--global--spacer--sm);
987
980
  background-color: var(--pf-t--global--background--color--tertiary--default);
988
- border-radius: var(--pf-t--chatbot-message--type--border--radius);
981
+ border-radius: var(--pf-t--global--border--radius--small);
989
982
  }
990
983
  .pf-chatbot__message-loading-dots {
991
984
  position: relative;
@@ -1090,7 +1083,7 @@
1090
1083
  }
1091
1084
 
1092
1085
  .pf-chatbot__message-inline-code {
1093
- background-color: var(--pf-t--chatbot--code--background);
1086
+ background-color: var(--pf-t--global--background--color--tertiary--default);
1094
1087
  font-size: var(--pf-t--global--font--size--body--default);
1095
1088
  }
1096
1089
 
@@ -1100,8 +1093,8 @@
1100
1093
 
1101
1094
  .pf-chatbot__message-text {
1102
1095
  width: fit-content;
1103
- padding: var(--pf-t--chatbot-message--type--padding) 0 var(--pf-t--chatbot-message--type--padding) 0;
1104
- border-radius: var(--pf-t--chatbot-message--type--border--radius);
1096
+ padding: var(--pf-t--global--spacer--sm) 0 var(--pf-t--global--spacer--sm) 0;
1097
+ border-radius: var(--pf-t--global--border--radius--small);
1105
1098
  }
1106
1099
  .pf-chatbot__message-text .pf-v6-c-content,
1107
1100
  .pf-chatbot__message-text .pf-v6-c-content--small,
@@ -1111,24 +1104,22 @@
1111
1104
  --pf-v6-c-content--FontSize: var(--pf-t--chatbot--font-size);
1112
1105
  }
1113
1106
  .pf-chatbot__message-text code {
1114
- background-color: var(--pf-t--chatbot-message--type--background--color--default);
1107
+ background-color: var(--pf-t--global--background--color--tertiary--default);
1115
1108
  font-size: var(--pf-t--global--font--size--body--default);
1116
1109
  }
1117
1110
 
1118
1111
  .pf-chatbot__message--user .pf-chatbot__message-text {
1119
- background-color: var(--pf-t--chatbot-message--type--background--color--primary);
1120
- color: var(--pf-t--chatbot-message--type--text--color--primary);
1121
- padding: var(--pf-t--chatbot-message--type--padding);
1112
+ background-color: var(--pf-t--global--color--brand--default);
1113
+ color: var(--pf-t--global--text--color--on-brand--default);
1114
+ --pf-v6-c-content--Color: var(--pf-t--global--text--color--on-brand--default);
1115
+ padding: var(--pf-t--global--spacer--sm);
1122
1116
  }
1123
1117
  .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content,
1124
1118
  .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--small,
1125
1119
  .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--blockquote,
1126
1120
  .pf-chatbot__message--user .pf-chatbot__message-text p,
1127
1121
  .pf-chatbot__message--user .pf-chatbot__message-text a {
1128
- color: var(--pf-t--chatbot-message--type--text--color--primary);
1129
- }
1130
- .pf-chatbot__message--user .pf-chatbot__message-text code {
1131
- background-color: initial;
1122
+ color: var(--pf-t--global--text--color--on-brand--default);
1132
1123
  }
1133
1124
 
1134
1125
  .pf-chatbot__message-code-block {
@@ -1193,7 +1184,7 @@
1193
1184
  }
1194
1185
 
1195
1186
  .pf-chatbot__message-inline-code {
1196
- background-color: var(--pf-t--chatbot--code--background);
1187
+ background-color: var(--pf-t--global--background--color--tertiary--default);
1197
1188
  font-size: var(--pf-t--global--font--size--body--default);
1198
1189
  }
1199
1190
 
@@ -1203,8 +1194,8 @@
1203
1194
 
1204
1195
  .pf-chatbot__message-text {
1205
1196
  width: fit-content;
1206
- padding: var(--pf-t--chatbot-message--type--padding) 0 var(--pf-t--chatbot-message--type--padding) 0;
1207
- border-radius: var(--pf-t--chatbot-message--type--border--radius);
1197
+ padding: var(--pf-t--global--spacer--sm) 0 var(--pf-t--global--spacer--sm) 0;
1198
+ border-radius: var(--pf-t--global--border--radius--small);
1208
1199
  }
1209
1200
  .pf-chatbot__message-text .pf-v6-c-content,
1210
1201
  .pf-chatbot__message-text .pf-v6-c-content--small,
@@ -1214,31 +1205,29 @@
1214
1205
  --pf-v6-c-content--FontSize: var(--pf-t--chatbot--font-size);
1215
1206
  }
1216
1207
  .pf-chatbot__message-text code {
1217
- background-color: var(--pf-t--chatbot-message--type--background--color--default);
1208
+ background-color: var(--pf-t--global--background--color--tertiary--default);
1218
1209
  font-size: var(--pf-t--global--font--size--body--default);
1219
1210
  }
1220
1211
 
1221
1212
  .pf-chatbot__message--user .pf-chatbot__message-text {
1222
- background-color: var(--pf-t--chatbot-message--type--background--color--primary);
1223
- color: var(--pf-t--chatbot-message--type--text--color--primary);
1224
- padding: var(--pf-t--chatbot-message--type--padding);
1213
+ background-color: var(--pf-t--global--color--brand--default);
1214
+ color: var(--pf-t--global--text--color--on-brand--default);
1215
+ --pf-v6-c-content--Color: var(--pf-t--global--text--color--on-brand--default);
1216
+ padding: var(--pf-t--global--spacer--sm);
1225
1217
  }
1226
1218
  .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content,
1227
1219
  .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--small,
1228
1220
  .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--blockquote,
1229
1221
  .pf-chatbot__message--user .pf-chatbot__message-text p,
1230
1222
  .pf-chatbot__message--user .pf-chatbot__message-text a {
1231
- color: var(--pf-t--chatbot-message--type--text--color--primary);
1232
- }
1233
- .pf-chatbot__message--user .pf-chatbot__message-text code {
1234
- background-color: initial;
1223
+ color: var(--pf-t--global--text--color--on-brand--default);
1235
1224
  }
1236
1225
 
1237
1226
  .pf-chatbot__message-ordered-list,
1238
1227
  .pf-chatbot__message-unordered-list {
1239
1228
  width: fit-content;
1240
- padding: var(--pf-t--chatbot-message--type--padding) 0 var(--pf-t--chatbot-message--type--padding) 0;
1241
- border-radius: var(--pf-t--chatbot-message--type--border--radius);
1229
+ padding: var(--pf-t--global--spacer--sm) 0 var(--pf-t--global--spacer--sm) 0;
1230
+ border-radius: var(--pf-t--global--border--radius--small);
1242
1231
  }
1243
1232
  .pf-chatbot__message-ordered-list .pf-v6-c-list,
1244
1233
  .pf-chatbot__message-ordered-list ul,
@@ -1251,16 +1240,16 @@
1251
1240
 
1252
1241
  .pf-chatbot__message--user .pf-chatbot__message-ordered-list,
1253
1242
  .pf-chatbot__message--user .pf-chatbot__message-unordered-list {
1254
- background-color: var(--pf-t--chatbot-message--type--background--color--primary);
1255
- color: var(--pf-t--chatbot-message--type--text--color--primary);
1256
- padding: var(--pf-t--chatbot-message--type--padding);
1243
+ background-color: var(--pf-t--global--color--brand--default);
1244
+ color: var(--pf-t--global--text--color--on-brand--default);
1245
+ padding: var(--pf-t--global--spacer--sm);
1257
1246
  }
1258
1247
 
1259
1248
  .pf-chatbot__message-loading {
1260
1249
  width: 36px;
1261
- padding: var(--pf-t--chatbot-message--type--padding);
1250
+ padding: var(--pf-t--global--spacer--sm);
1262
1251
  background-color: var(--pf-t--global--background--color--tertiary--default);
1263
- border-radius: var(--pf-t--chatbot-message--type--border--radius);
1252
+ border-radius: var(--pf-t--global--border--radius--small);
1264
1253
  }
1265
1254
  .pf-chatbot__message-loading-dots {
1266
1255
  position: relative;
@@ -1412,10 +1401,19 @@
1412
1401
  height: 3rem;
1413
1402
  }
1414
1403
  .pf-v6-c-button.pf-chatbot__button--attach .pf-v6-c-button__icon {
1415
- color: var(--pf-t--chatbot--icon--fill);
1404
+ color: var(--pf-t--global--icon--color--subtle);
1416
1405
  }
1417
- .pf-v6-c-button.pf-chatbot__button--attach:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus .pf-v6-c-button__icon {
1418
- color: var(--pf-t--chatbot--icon--fill--hover);
1406
+ .pf-v6-c-button.pf-chatbot__button--attach:hover .pf-v6-c-button__icon {
1407
+ color: var(--pf-t--global--icon--color--regular);
1408
+ }
1409
+ .pf-v6-c-button.pf-chatbot__button--attach:active, .pf-v6-c-button.pf-chatbot__button--attach:focus {
1410
+ background-color: var(--pf-t--global--color--brand--clicked);
1411
+ }
1412
+ .pf-v6-c-button.pf-chatbot__button--attach:active .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus .pf-v6-c-button__icon {
1413
+ color: var(--pf-t--global--icon--color--inverse);
1414
+ }
1415
+ .pf-v6-c-button.pf-chatbot__button--attach:active:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:active:focus .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus:focus .pf-v6-c-button__icon {
1416
+ color: var(--pf-t--global--icon--color--inverse);
1419
1417
  }
1420
1418
 
1421
1419
  .pf-v6-c-button.pf-chatbot__button--microphone {
@@ -1425,25 +1423,25 @@
1425
1423
  height: 3rem;
1426
1424
  }
1427
1425
  .pf-v6-c-button.pf-chatbot__button--microphone .pf-v6-c-button__icon {
1428
- color: var(--pf-t--chatbot--icon--fill);
1426
+ color: var(--pf-t--global--icon--color--subtle);
1429
1427
  }
1430
1428
  .pf-v6-c-button.pf-chatbot__button--microphone:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--microphone:focus .pf-v6-c-button__icon {
1431
- color: var(--pf-t--chatbot--icon--fill--hover);
1429
+ color: var(--pf-t--global--icon--color--regular);
1432
1430
  }
1433
1431
  .pf-v6-c-button.pf-chatbot__button--microphone--active {
1434
- background-color: var(--pf-t--color--blue--50);
1435
- animation: motionMicButton var(--pf-t--chatbot--timing-function) calc(var(--pf-t--global--motion--duration--md) * 8) infinite;
1432
+ background-color: var(--pf-t--global--color--brand--clicked);
1433
+ animation: motionMicButton var(--pf-t--global--motion--timing-function--accelerate) calc(var(--pf-t--global--motion--duration--md) * 8) infinite;
1436
1434
  }
1437
1435
  .pf-v6-c-button.pf-chatbot__button--microphone--active .pf-v6-c-button__icon {
1438
- color: var(--pf-t--color--white);
1436
+ color: var(--pf-t--global--icon--color--on-brand--default);
1439
1437
  }
1440
1438
  .pf-v6-c-button.pf-chatbot__button--microphone--active:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--microphone--active:focus .pf-v6-c-button__icon {
1441
- color: var(--pf-t--color--white);
1439
+ color: var(--pf-t--global--icon--color--on-brand--default);
1442
1440
  }
1443
1441
 
1444
1442
  @keyframes motionMicButton {
1445
1443
  0% {
1446
- box-shadow: 0 0 0 0 rgb(0, 102, 204);
1444
+ box-shadow: 0 0 0 0 rgb(0, 77, 153);
1447
1445
  }
1448
1446
  100% {
1449
1447
  box-shadow: 0 0 0 16px rgba(0, 102, 204, 0);
@@ -1502,11 +1500,20 @@
1502
1500
  align-items: center;
1503
1501
  }
1504
1502
  .pf-v6-c-button.pf-chatbot__button--stop .pf-v6-c-button__icon {
1505
- color: var(--pf-t--global--icon--color--inverse);
1503
+ color: var(--pf-t--global--icon--color--on-brand--default);
1506
1504
  }
1507
- .pf-v6-c-button.pf-chatbot__button--stop:hover, .pf-v6-c-button.pf-chatbot__button--stop:focus {
1505
+ .pf-v6-c-button.pf-chatbot__button--stop:hover {
1508
1506
  background-color: var(--pf-t--global--color--brand--hover);
1509
1507
  }
1508
+ .pf-v6-c-button.pf-chatbot__button--stop:focus {
1509
+ background-color: var(--pf-t--global--color--brand--clicked);
1510
+ }
1511
+ .pf-v6-c-button.pf-chatbot__button--stop:focus .pf-v6-c-button__icon {
1512
+ color: var(--pf-t--global--icon--color--on-brand--default);
1513
+ }
1514
+ .pf-v6-c-button.pf-chatbot__button--stop:focus:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--stop:focus:focus .pf-v6-c-button__icon {
1515
+ color: var(--pf-t--global--icon--color--on-brand--default);
1516
+ }
1510
1517
 
1511
1518
  .pf-chatbot__message-bar {
1512
1519
  --pf-chatbot__message-bar-child--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -1519,7 +1526,7 @@
1519
1526
  justify-content: flex-end;
1520
1527
  background-color: var(--pf-t--global--background--color--primary--default);
1521
1528
  border-radius: calc(var(--pf-t--global--border--radius--medium) * 2);
1522
- transition: box-shadow var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm);
1529
+ transition: box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm);
1523
1530
  overflow: hidden;
1524
1531
  }
1525
1532
  .pf-chatbot__message-bar:hover {
@@ -1533,7 +1540,7 @@
1533
1540
  justify-content: end;
1534
1541
  padding-block-start: var(--pf-t--global--spacer--xs);
1535
1542
  padding-block-end: var(--pf-t--global--spacer--xs);
1536
- gap: var(--pf-t--global--spacer--xs);
1543
+ gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
1537
1544
  }
1538
1545
  .pf-chatbot__message-bar-input {
1539
1546
  flex: 1 1 auto;
@@ -1583,9 +1590,9 @@
1583
1590
  background-color: var(--pf-t--global--background--color--primary--default) !important;
1584
1591
  border: 1px solid var(--pf-t--chatbot--border) !important;
1585
1592
  box-shadow: var(--pf-t--global--box-shadow--sm);
1586
- color: var(--pf-t--chatbot--icon--fill) !important;
1593
+ color: var(--pf-t--global--icon--color--subtle) !important;
1587
1594
  transform: translate3d(-50%, 0, 0) !important;
1588
- transition: background-color var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--md) !important;
1595
+ transition: background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
1589
1596
  z-index: var(--pf-t--global--z-index--md) !important;
1590
1597
  }
1591
1598
  .pf-chatbot__jump .pf-v6-c-button__text {
@@ -1594,7 +1601,7 @@
1594
1601
  .pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
1595
1602
  background-color: var(--pf-t--global--background--color--primary--hover) !important;
1596
1603
  box-shadow: var(--pf-t--global--box-shadow--md) !important;
1597
- color: var(--pf-t--chatbot--icon--fill--hover) !important;
1604
+ color: var(--pf-t--global--icon--color--regular) !important;
1598
1605
  }
1599
1606
  .pf-chatbot__jump--top {
1600
1607
  inset-block-start: var(--pf-t--global--spacer--md) !important;
@@ -1662,9 +1669,9 @@
1662
1669
  background-color: var(--pf-t--global--background--color--primary--default) !important;
1663
1670
  border: 1px solid var(--pf-t--chatbot--border) !important;
1664
1671
  box-shadow: var(--pf-t--global--box-shadow--sm);
1665
- color: var(--pf-t--chatbot--icon--fill) !important;
1672
+ color: var(--pf-t--global--icon--color--subtle) !important;
1666
1673
  transform: translate3d(-50%, 0, 0) !important;
1667
- transition: background-color var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--md) !important;
1674
+ transition: background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
1668
1675
  z-index: var(--pf-t--global--z-index--md) !important;
1669
1676
  }
1670
1677
  .pf-chatbot__jump .pf-v6-c-button__text {
@@ -1673,7 +1680,7 @@
1673
1680
  .pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
1674
1681
  background-color: var(--pf-t--global--background--color--primary--hover) !important;
1675
1682
  box-shadow: var(--pf-t--global--box-shadow--md) !important;
1676
- color: var(--pf-t--chatbot--icon--fill--hover) !important;
1683
+ color: var(--pf-t--global--icon--color--regular) !important;
1677
1684
  }
1678
1685
  .pf-chatbot__jump--top {
1679
1686
  inset-block-start: var(--pf-t--global--spacer--md) !important;
@@ -1810,10 +1817,10 @@
1810
1817
  }
1811
1818
  .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button:hover .pf-v6-c-button__icon,
1812
1819
  .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button:focus .pf-v6-c-button__icon {
1813
- color: var(--pf-t--chatbot--icon--fill--hover);
1820
+ color: var(--pf-t--global--icon--color--regular);
1814
1821
  }
1815
1822
  .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button__icon {
1816
- color: var(--pf-t--chatbot--icon--fill);
1823
+ color: var(--pf-t--global--icon--color--subtle);
1817
1824
  }
1818
1825
 
1819
1826
  .pf-chatbot__source-details-subhead {
@@ -1915,7 +1922,6 @@
1915
1922
  --pf-t--chatbot--illustration--fill: var(--pf-t--color--red--50);
1916
1923
  --pf-t--chatbot--code--background: var(--pf-t--color--gray--20);
1917
1924
  --pf-t--chatbot-toggle--background--hover: var(--pf-t--color--gray--70);
1918
- --pf-t--chatbot--timing-function: cubic-bezier(0.77, 0, 0.175, 1);
1919
1925
  --pf-t--chatbot--blue-icon--background--color--hover: rgba(
1920
1926
  146,
1921
1927
  197,
@@ -1927,8 +1933,6 @@
1927
1933
  --pf-t--chatbot--font-size: var(--pf-t--global--font--size--md);
1928
1934
  --pf-t--chatbot--background: var(--pf-t--global--background--color--secondary--default);
1929
1935
  --pf-t--chatbot--border: var(--pf-t--global--border--color--default);
1930
- --pf-t--chatbot--icon--fill: var(--pf-t--global--icon--color--subtle);
1931
- --pf-t--chatbot--icon--fill--hover: var(--pf-t--global--icon--color--regular);
1932
1936
  --pf-t--chatbot--icon--fill--active: var(--pf-t--global--text--color--regular);
1933
1937
  --pf-t--chatbot--blue-icon--fill: var(--pf-t--global--color--brand--default);
1934
1938
  }
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/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/ListMessage/ListMessage.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/ResponseActions/ResponseActions.scss","../../src/Settings/Settings.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/TermsOfUse/TermsOfUse.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;;AAGA;EACE;;AAKF;EAvBF;IAwBI;IACA;;;AAIF;EA7BF;IA8BI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EAXF;IAYI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AC1GF;EACE;EACA;EACA;;;ACAF;EACE;EACA;EACA;EACA;EACA;;AAGA;EARF;IASI;;;;AAOJ;EAGI;AAAA;IACE;IACA;;;ACpBJ;EACE;EACA;;AAIF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;;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;EACA;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;;AASJ;EACE;;;AAQF;EACE;;AACA;EACE;;;AASJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;;;AASF;AAAA;AAAA;EACE;;;ACvLN;EACE;;AAEA;EACE;EACA;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAGI;AAAA;IACE;;EACA;AAAA;IACE;;EAGJ;AAAA;IACE;IACA;IACA;;;AASJ;EACE;;;AC5CJ;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;;;AAQN;EAGI;AAAA;IACE;;EAEF;AAAA;IACE;;;AASJ;EACE;;;AAOJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEA;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;;;ACvIF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;AAAA;EAEE;;AAEF;EACE;EACA;;AAEF;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;;;ACvFA;EAA0B;;AAMxB;EAAM;;AACN;EAAuB;;AACvB;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;;ACnBN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AC3BF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAOJ;EAIM;AAAA;IACE;IACA;;;AC1CN;EACE;EACA;EACA;EACA;;AAEF;EACE;AACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;AASA;EACE;EACA;;;AAKN;EACE;;;AAGF;EACE;;;AClFF;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;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;ACvBF;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;;;;AChDR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAMJ;EACE;EACA;EACA;;;ACrGF;EACE;EACA;EACA;EACA;;AAEA;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;;;;AC9CN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;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;;;AAKN;EACE;EACA;;;AC1EE;EACE;;;AAMN;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;;;AD5CN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;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;;;AAKN;EACE;EACA;;;AC1EE;EACE;;;AAMN;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;;;AC3CN;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAKF;AAAA;EAEE;EACA;EACA;;;AHnBJ;EACE;EACA;EACA;EACA;;AAEA;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;;;;AIjDN;EACE;EACA;EACA;;AAEA;EALF;IAMI;IACA;;;AAKA;EACE;;;AAOF;EACE;;;ACpBJ;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAKF;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;AC7BJ;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AChDF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKA;EACE;;;ACbN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;AAKJ;EACE;EACA;;AAGA;EACE;;AAKA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AC1CJ;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;;;AC/CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;;;ACTJ;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACxEF;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;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAGI;AAAA;IACE;IACA;;;ADtCN;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;;;;AEhDJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;;AAKN;EACE;EACA;;;AC1BF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AChCF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;ACrER;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;;;AC9BJ;EAKE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASA;EACA;EAEA;EAEA;EAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAKA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;;;AAMF;EACE;EACA;EAEA;EAEA;EACA;;;AAGF;EACE;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/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/ListMessage/ListMessage.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/ResponseActions/ResponseActions.scss","../../src/Settings/Settings.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/TermsOfUse/TermsOfUse.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;;AAGA;EACE;;AAKF;EAvBF;IAwBI;IACA;;;AAIF;EA7BF;IA8BI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EAXF;IAYI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AC1GF;EACE;EACA;EACA;;;ACAF;EACE;EACA;EACA;EACA;EACA;;AAGA;EARF;IASI;;;;AAOJ;EAGI;AAAA;IACE;IACA;;;ACpBJ;EACE;EACA;;AAIF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;;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;EACA;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;;AASJ;EACE;;;AAQF;EACE;;AACA;EACE;;;AASJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;;;AASF;AAAA;AAAA;EACE;;;ACvLN;EACE;;AAEA;EACE;EACA;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAGI;AAAA;IACE;;EACA;AAAA;IACE;;EAGJ;AAAA;IACE;IACA;IACA;;;AASJ;EACE;;;AC5CJ;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;;;AAQN;EAGI;AAAA;IACE;;EAEF;AAAA;IACE;;;AASJ;EACE;;;AAOJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEA;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;;;ACvIF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;AAAA;EAEE;;AAEF;EACE;EACA;;AAEF;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;;;ACvFA;EAA0B;;AAMxB;EAAM;;AACN;EAAuB;;AACvB;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;;ACnBN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AC3BF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAOJ;EAIM;AAAA;IACE;IACA;;;AC1CN;EACE;EACA;EACA;EACA;;AAEF;EACE;AACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;AASA;EACE;EACA;;;AAKN;EACE;;;AAGF;EACE;;;AClFF;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;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;ACvBF;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;;;;AChDR;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAMJ;EACE;EACA;EACA;;;AC7FF;EACE;EACA;EACA;EACA;;AAEA;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;;;;AC9CN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;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;;;AAKN;EACE;EACA;;;AC1EE;EACE;;;AAMN;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;;ADzCN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;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;;;AAKN;EACE;EACA;;;AC1EE;EACE;;;AAMN;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;;ACxCN;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAKF;AAAA;EAEE;EACA;EACA;;;AHnBJ;EACE;EACA;EACA;EACA;;AAEA;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;;;;AIjDN;EACE;EACA;EACA;;AAEA;EALF;IAMI;IACA;;;AAKA;EACE;;;AAOF;EACE;;;ACpBJ;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAKF;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;AC7BJ;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AChDF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKA;EACE;;AAIJ;EAEE;;AAEA;EACE;;AAKA;EACE;;;AC5BR;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;AAKJ;EACE;EACA;;AAGA;EACE;;AAKA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AC1CJ;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;;;AC/CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAKA;EACE;;;ACrBR;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACzEF;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;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAGI;AAAA;IACE;IACA;;;ADtCN;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;;;;AEhDJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;;AAKN;EACE;EACA;;;AC1BF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AChCF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;ACrER;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;;;AC9BJ;EAKE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASA;EACA;EAEA;EAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAKA;EAEA;EACA;EACA;EAEA;EAEA;;;AAMF;EACE;EACA;EAEA;EAEA;EACA;;;AAGF;EACE;EACA","file":"main.css"}
package/dist/esm/Message/Message.js CHANGED
@@ -15,7 +15,7 @@ var __rest = (this && this.__rest) || function (s, e) {
15
15
  import React from 'react';
16
16
  import Markdown from 'react-markdown';
17
17
  import remarkGfm from 'remark-gfm';
18
- import { Avatar, Label, Timestamp, Truncate } from '@patternfly/react-core';
18
+ import { Avatar, ContentVariants, Label, Timestamp, Truncate } from '@patternfly/react-core';
19
19
  import MessageLoading from './MessageLoading';
20
20
  import CodeBlockMessage from './CodeBlockMessage/CodeBlockMessage';
21
21
  import TextMessage from './TextMessage/TextMessage';
@@ -51,11 +51,21 @@ export const MessageBase = (_a) => {
51
51
  React.createElement("div", { className: "pf-chatbot__message-response" },
52
52
  React.createElement("div", { className: "pf-chatbot__message-and-actions" },
53
53
  isLoading ? (React.createElement(MessageLoading, { loadingWord: loadingWord })) : (React.createElement(Markdown, { components: {
54
- p: TextMessage,
55
- code: ({ children }) => React.createElement(CodeBlockMessage, Object.assign({}, codeBlockProps), children),
54
+ p: (props) => React.createElement(TextMessage, Object.assign({ component: ContentVariants.p }, props)),
55
+ code: (_a) => {
56
+ var { children } = _a, props = __rest(_a, ["children"]);
57
+ return (React.createElement(CodeBlockMessage, Object.assign({}, props, codeBlockProps), children));
58
+ },
56
59
  ul: UnorderedListMessage,
57
60
  ol: (props) => React.createElement(OrderedListMessage, Object.assign({}, props)),
58
- li: ListItemMessage
61
+ li: ListItemMessage,
62
+ h1: (props) => React.createElement(TextMessage, Object.assign({ component: ContentVariants.h1 }, props)),
63
+ h2: (props) => React.createElement(TextMessage, Object.assign({ component: ContentVariants.h2 }, props)),
64
+ h3: (props) => React.createElement(TextMessage, Object.assign({ component: ContentVariants.h3 }, props)),
65
+ h4: (props) => React.createElement(TextMessage, Object.assign({ component: ContentVariants.h4 }, props)),
66
+ h5: (props) => React.createElement(TextMessage, Object.assign({ component: ContentVariants.h5 }, props)),
67
+ h6: (props) => React.createElement(TextMessage, Object.assign({ component: ContentVariants.h6 }, props)),
68
+ blockquote: (props) => React.createElement(TextMessage, Object.assign({ component: ContentVariants.blockquote }, props))
59
69
  }, remarkPlugins: [remarkGfm] }, content)),
60
70
  !isLoading && sources && React.createElement(SourcesCard, Object.assign({}, sources)),
61
71
  quickStarts && quickStarts.quickStart && (React.createElement(QuickStartTile, { quickStart: quickStarts.quickStart, onSelectQuickStart: quickStarts.onSelectQuickStart, minuteWord: quickStarts.minuteWord, minuteWordPlural: quickStarts.minuteWordPlural, prerequisiteWord: quickStarts.prerequisiteWord, prerequisiteWordPlural: quickStarts.prerequisiteWordPlural, quickStartButtonAriaLabel: quickStarts.quickStartButtonAriaLabel })),
package/dist/esm/Message/Message.test.js CHANGED
@@ -72,6 +72,22 @@ const ORDERED_LIST_WITH_CODE = `
72
72
 
73
73
  3. Item 3
74
74
  `;
75
+ const HEADING = `
76
+ # h1 Heading
77
+
78
+ ## h2 Heading
79
+
80
+ ### h3 Heading
81
+
82
+ #### h4 Heading
83
+
84
+ ##### h5 Heading
85
+
86
+ ###### h6 Heading
87
+ `;
88
+ const BLOCK_QUOTES = `> Blockquotes can also be nested...
89
+ >> ...by using additional greater-than signs (>) right next to each other...
90
+ > > > ...or with spaces between each sign.`;
75
91
  const checkListItemsRendered = () => {
76
92
  const items = ['Item 1', 'Item 2', 'Item 3'];
77
93
  expect(screen.getAllByRole('listitem')).toHaveLength(3);
@@ -307,12 +323,16 @@ describe('Message', () => {
307
323
  render(React.createElement(Message, { avatar: "./img", role: "user", name: "User", content: CODE_MESSAGE }));
308
324
  expect(screen.getByText('Here is some YAML code:')).toBeTruthy();
309
325
  expect(screen.getByRole('button', { name: 'Copy code button' })).toBeTruthy();
310
- expect(screen.getByText(/apiVersion: helm.openshift.io\/v1beta1/i)).toBeTruthy();
326
+ expect(screen.getByText(/yaml/)).toBeTruthy();
327
+ expect(screen.getByText(/apiVersion:/i)).toBeTruthy();
328
+ expect(screen.getByText(/helm.openshift.io\/v1beta1/i)).toBeTruthy();
311
329
  expect(screen.getByText(/metadata:/i)).toBeTruthy();
312
- expect(screen.getByText(/name: azure-sample-repo0oooo00ooo/i)).toBeTruthy();
330
+ expect(screen.getByText(/name:/i)).toBeTruthy();
331
+ expect(screen.getByText(/azure-sample-repo0oooo00ooo/i)).toBeTruthy();
313
332
  expect(screen.getByText(/spec/i)).toBeTruthy();
314
333
  expect(screen.getByText(/connectionConfig:/i)).toBeTruthy();
315
- expect(screen.getByText(/url: https:\/\/raw.githubusercontent.com\/Azure-Samples\/helm-charts\/master\/docs/i)).toBeTruthy();
334
+ expect(screen.getByText(/url:/i)).toBeTruthy();
335
+ expect(screen.getByText(/https:\/\/raw.githubusercontent.com\/Azure-Samples\/helm-charts\/master\/docs/i)).toBeTruthy();
316
336
  });
317
337
  it('can click copy code button', () => __awaiter(void 0, void 0, void 0, function* () {
318
338
  // need explicit setup since RTL stubs clipboard if you do this
@@ -378,4 +398,19 @@ describe('Message', () => {
378
398
  } }));
379
399
  expect(screen.getAllByRole('img')[1]).toHaveAttribute('src', 'test.png');
380
400
  }));
401
+ it('should handle block quote correctly', () => {
402
+ render(React.createElement(Message, { avatar: "./img", role: "user", name: "User", content: BLOCK_QUOTES }));
403
+ expect(screen.getByText(/Blockquotes can also be nested.../)).toBeTruthy();
404
+ expect(screen.getByText('...by using additional greater-than signs (>) right next to each other...')).toBeTruthy();
405
+ expect(screen.getByText(/...or with spaces between each sign./)).toBeTruthy();
406
+ });
407
+ it('should handle heading correctly', () => {
408
+ render(React.createElement(Message, { avatar: "./img", role: "user", name: "User", content: HEADING }));
409
+ expect(screen.getByRole('heading', { name: /h1 Heading/i })).toBeTruthy();
410
+ expect(screen.getByRole('heading', { name: /h2 Heading/i })).toBeTruthy();
411
+ expect(screen.getByRole('heading', { name: /h3 Heading/i })).toBeTruthy();
412
+ expect(screen.getByRole('heading', { name: /h4 Heading/i })).toBeTruthy();
413
+ expect(screen.getByRole('heading', { name: /h5 Heading/i })).toBeTruthy();
414
+ expect(screen.getByRole('heading', { name: /h6 Heading/i })).toBeTruthy();
415
+ });
381
416
  });
package/dist/esm/Message/TextMessage/TextMessage.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
2
  import { ExtraProps } from 'react-markdown';
3
- declare const TextMessage: ({ children, ...props }: JSX.IntrinsicElements["p"] & ExtraProps) => React.JSX.Element;
3
+ import { ContentProps } from '@patternfly/react-core';
4
+ declare const TextMessage: ({ component, children, ...props }: ContentProps & ExtraProps) => React.JSX.Element;
4
5
  export default TextMessage;