@patternfly/chatbot 6.9.0 → 6.10.0-prerelease.2

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 (31) hide show
  1. package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.js +1 -1
  2. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.js +1 -1
  3. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +1 -1
  4. package/dist/cjs/MarkdownContent/MarkdownRenderer.d.ts +0 -1
  5. package/dist/cjs/MarkdownContent/MarkdownRenderer.js +1 -3
  6. package/dist/cjs/Message/CodeBlockMessage/CodeBlockMessage.js +2 -5
  7. package/dist/cjs/MessageBox/JumpButton.js +1 -1
  8. package/dist/css/main.css +12 -150
  9. package/dist/css/main.css.map +1 -1
  10. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.js +1 -1
  11. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.js +1 -1
  12. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +1 -1
  13. package/dist/esm/MarkdownContent/MarkdownRenderer.d.ts +0 -1
  14. package/dist/esm/MarkdownContent/MarkdownRenderer.js +1 -3
  15. package/dist/esm/Message/CodeBlockMessage/CodeBlockMessage.js +2 -5
  16. package/dist/esm/MessageBox/JumpButton.js +1 -1
  17. package/package.json +8 -8
  18. package/patternfly-docs/content/extensions/chatbot/tree-shaking.md +1 -1
  19. package/src/ChatbotAlert/ChatbotAlert.scss +2 -0
  20. package/src/ChatbotHeader/ChatbotHeader.scss +0 -39
  21. package/src/ChatbotHeader/ChatbotHeaderCloseButton.test.tsx +0 -5
  22. package/src/ChatbotHeader/ChatbotHeaderCloseButton.tsx +2 -2
  23. package/src/ChatbotHeader/ChatbotHeaderMenu.tsx +2 -1
  24. package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx +2 -1
  25. package/src/MarkdownContent/MarkdownRenderer.tsx +1 -3
  26. package/src/Message/CodeBlockMessage/CodeBlockMessage.scss +5 -46
  27. package/src/Message/CodeBlockMessage/CodeBlockMessage.test.tsx +0 -6
  28. package/src/Message/CodeBlockMessage/CodeBlockMessage.tsx +4 -5
  29. package/src/Message/Message.test.tsx +0 -3
  30. package/src/MessageBox/JumpButton.scss +0 -15
  31. package/src/MessageBox/JumpButton.tsx +1 -0
package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.js CHANGED
@@ -20,6 +20,6 @@ const ChatbotHeaderCloseButtonBase = (_a) => {
20
20
  var { className, onClick, tooltipProps, menuAriaLabel = 'Close', innerRef, tooltipContent = 'Close', isCompact } = _a, props = __rest(_a, ["className", "onClick", "tooltipProps", "menuAriaLabel", "innerRef", "tooltipContent", "isCompact"]);
21
21
  return ((0, jsx_runtime_1.jsx)("div", { className: `pf-chatbot__menu${className ? ` ${className}` : ''}`, children: (0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ content: tooltipContent, position: "bottom",
22
22
  // prevents VO announcements of both aria label and tooltip
23
- aria: "none" }, tooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ className: `pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", onClick: onClick, "aria-label": menuAriaLabel, ref: innerRef, icon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { size: isCompact ? 'lg' : 'xl', isInline: true, children: (0, jsx_runtime_1.jsx)(react_icons_1.RhMicronsCloseIcon, {}) }), size: isCompact ? 'sm' : undefined }, props)) })) }));
23
+ aria: "none" }, tooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ variant: "plain", onClick: onClick, "aria-label": menuAriaLabel, ref: innerRef, icon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { children: (0, jsx_runtime_1.jsx)(react_icons_1.RhMicronsCloseIcon, {}) }), size: isCompact ? 'sm' : undefined, isCircle: true }, props)) })) }));
24
24
  };
25
25
  exports.ChatbotHeaderCloseButton = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(ChatbotHeaderCloseButtonBase, Object.assign({ innerRef: ref }, props))));
package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.js CHANGED
@@ -42,7 +42,7 @@ const ChatbotHeaderMenuBase = (_a) => {
42
42
  return () => clearTimeout(timeout);
43
43
  }
44
44
  }, [drawerState, isDrawerOpen]);
45
- const button = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ className: `pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", onClick: onMenuToggle, "aria-label": menuAriaLabel, ref: innerRef !== null && innerRef !== void 0 ? innerRef : buttonRef, icon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { size: isCompact ? 'lg' : 'xl', isInline: true, children: (0, jsx_runtime_1.jsx)(rh_ui_menu_bars_icon_1.RhUiMenuBarsIcon, {}) }), size: isCompact ? 'sm' : undefined }, props))),
45
+ const button = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ className: `pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", onClick: onMenuToggle, "aria-label": menuAriaLabel, ref: innerRef !== null && innerRef !== void 0 ? innerRef : buttonRef, icon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { children: (0, jsx_runtime_1.jsx)(rh_ui_menu_bars_icon_1.RhUiMenuBarsIcon, {}) }), size: isCompact ? 'sm' : undefined }, props, { isCircle: true }))),
46
46
  // eslint-disable-next-line react-hooks/exhaustive-deps
47
47
  [isCompact, menuAriaLabel, onMenuToggle, innerRef, buttonRef]);
48
48
  return ((0, jsx_runtime_1.jsx)("div", { className: `pf-chatbot__menu ${className}`, children: isDrawerAnimating ? (button) : ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ content: tooltipContent, position: "bottom",
package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.js CHANGED
@@ -24,7 +24,7 @@ const ChatbotHeaderOptionsDropdown = (_a) => {
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)(rh_ui_ellipsis_horizontal_fill_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, { children: (0, jsx_runtime_1.jsx)(rh_ui_ellipsis_horizontal_fill_icon_1.default, {}) }), isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen), size: isCompact ? 'sm' : undefined, isCircle: true }, 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/MarkdownContent/MarkdownRenderer.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { type FunctionComponent } from 'react';
2
- import 'highlight.js/styles/vs2015.css';
3
2
  import type { MarkdownContentProps } from './MarkdownContent';
4
3
  export type MarkdownRendererProps = Omit<MarkdownContentProps, 'isMarkdownDisabled' | 'textComponent'>;
5
4
  declare const MarkdownRenderer: FunctionComponent<MarkdownRendererProps>;
package/dist/cjs/MarkdownContent/MarkdownRenderer.js CHANGED
@@ -33,14 +33,12 @@ const ImageMessage_1 = __importDefault(require("../Message/ImageMessage/ImageMes
33
33
  const rehype_unwrap_images_1 = __importDefault(require("rehype-unwrap-images"));
34
34
  const rehype_external_links_1 = __importDefault(require("rehype-external-links"));
35
35
  const rehype_sanitize_1 = __importDefault(require("rehype-sanitize"));
36
- const rehype_highlight_1 = __importDefault(require("rehype-highlight"));
37
- require("highlight.js/styles/vs2015.css");
38
36
  const LinkMessage_1 = __importDefault(require("../Message/LinkMessage/LinkMessage"));
39
37
  const rehypeMoveImagesOutOfParagraphs_1 = require("../Message/Plugins/rehypeMoveImagesOutOfParagraphs");
40
38
  const SuperscriptMessage_1 = __importDefault(require("../Message/SuperscriptMessage/SuperscriptMessage"));
41
39
  const react_styles_1 = require("@patternfly/react-styles");
42
40
  const MarkdownRenderer = ({ content, codeBlockProps, tableProps, openLinkInNewTab = true, additionalRehypePlugins = [], additionalRemarkPlugins = [], linkProps, reactMarkdownProps, remarkGfmProps, hasNoImages = false, isPrimary, shouldRetainStyles }) => {
43
- let rehypePlugins = [rehype_unwrap_images_1.default, rehypeMoveImagesOutOfParagraphs_1.rehypeMoveImagesOutOfParagraphs, rehype_highlight_1.default];
41
+ let rehypePlugins = [rehype_unwrap_images_1.default, rehypeMoveImagesOutOfParagraphs_1.rehypeMoveImagesOutOfParagraphs];
44
42
  if (openLinkInNewTab) {
45
43
  rehypePlugins = rehypePlugins.concat([[rehype_external_links_1.default, { target: '_blank' }, rehype_sanitize_1.default]]);
46
44
  }
package/dist/cjs/Message/CodeBlockMessage/CodeBlockMessage.js CHANGED
@@ -16,14 +16,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
16
16
  // Chatbot Main - Message - Content - Code Block
17
17
  // ============================================================================
18
18
  const react_1 = require("react");
19
- // Import PatternFly components
20
19
  const react_core_1 = require("@patternfly/react-core");
21
20
  const react_styles_1 = require("@patternfly/react-styles");
22
21
  const react_icons_1 = require("@patternfly/react-icons");
23
22
  const DEFAULT_EXPANDED_TEXT = 'Show less';
24
23
  const DEFAULT_COLLAPSED_TEXT = 'Show more';
25
24
  const CodeBlockMessage = (_a) => {
26
- var _b;
27
25
  var { children, className, 'aria-label': ariaLabel, isExpandable = false, expandableSectionProps, expandableSectionToggleProps, expandedText = DEFAULT_EXPANDED_TEXT, collapsedText = DEFAULT_COLLAPSED_TEXT, customActions, isPrimary, shouldRetainStyles } = _a, props = __rest(_a, ["children", "className", 'aria-label', "isExpandable", "expandableSectionProps", "expandableSectionToggleProps", "expandedText", "collapsedText", "customActions", "isPrimary", "shouldRetainStyles"]);
28
26
  const [copied, setCopied] = (0, react_1.useState)(false);
29
27
  const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
@@ -32,7 +30,6 @@ const CodeBlockMessage = (_a) => {
32
30
  const toggleId = (0, react_core_1.getUniqueId)();
33
31
  const contentId = (0, react_core_1.getUniqueId)();
34
32
  const codeBlockRef = (0, react_1.useRef)(null);
35
- const language = (_b = /language-(\w+)/.exec(className || '')) === null || _b === void 0 ? void 0 : _b[1];
36
33
  // Get custom toggle text from data attributes if available - for use with rehype plugins
37
34
  const customExpandedText = props['data-expanded-text'];
38
35
  const customCollapsedText = props['data-collapsed-text'];
@@ -74,7 +71,7 @@ const CodeBlockMessage = (_a) => {
74
71
  return ((0, jsx_runtime_1.jsx)("code", Object.assign({}, props, { className: `pf-chatbot__message-inline-code ${isPrimary ? 'pf-m-primary' : ''}`, children: children })));
75
72
  }
76
73
  // Setup code block header
77
- const actions = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_core_1.CodeBlockAction, { className: "pf-chatbot__message-code-block-default-action", children: [language && (0, jsx_runtime_1.jsx)("div", { className: "pf-chatbot__message-code-block-language", children: language }), (0, jsx_runtime_1.jsx)(react_core_1.Button, { ref: buttonRef, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Copy code', variant: "plain", className: "pf-chatbot__button--copy", onClick: (event) => handleCopy(event, children), children: copied ? (0, jsx_runtime_1.jsx)(react_icons_1.RhMicronsCheckmarkIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.RhUiCopyFillIcon, {}) }), (0, jsx_runtime_1.jsx)(react_core_1.Tooltip, { id: tooltipID, content: "Copy", position: "top", triggerRef: buttonRef })] }), customActions] }));
78
- return ((0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)('pf-chatbot__message-code-block', shouldRetainStyles && 'pf-m-markdown'), ref: codeBlockRef, children: (0, jsx_runtime_1.jsxs)(react_core_1.CodeBlock, { actions: actions, children: [(0, jsx_runtime_1.jsx)(react_core_1.CodeBlockCode, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isExpandable ? ((0, jsx_runtime_1.jsx)(react_core_1.ExpandableSection, Object.assign({ variant: react_core_1.ExpandableSectionVariant.truncate, isExpanded: isExpanded, isDetached: true, toggleId: toggleId, contentId: contentId }, expandableSectionProps, { children: children }))) : (children) }) }), isExpandable && ((0, jsx_runtime_1.jsx)(react_core_1.ExpandableSectionToggle, Object.assign({ isExpanded: isExpanded, onToggle: onToggle, direction: "up", toggleId: toggleId, contentId: contentId, hasTruncatedContent: true, className: "pf-chatbot__message-code-toggle" }, expandableSectionToggleProps, { children: isExpanded ? finalExpandedText : finalCollapsedText })))] }) }));
74
+ const actions = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_core_1.CodeBlockAction, { className: "pf-chatbot__message-code-block-default-action", children: [(0, jsx_runtime_1.jsx)(react_core_1.Button, { ref: buttonRef, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Copy code', variant: "plain", className: "pf-chatbot__button--copy", onClick: (event) => handleCopy(event, children), children: copied ? (0, jsx_runtime_1.jsx)(react_icons_1.RhMicronsCheckmarkIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.RhUiCopyFillIcon, {}) }), (0, jsx_runtime_1.jsx)(react_core_1.Tooltip, { id: tooltipID, content: "Copy", position: "top", triggerRef: buttonRef })] }), customActions] }));
75
+ return ((0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)('pf-chatbot__message-code-block', shouldRetainStyles && 'pf-m-markdown', className), ref: codeBlockRef, children: (0, jsx_runtime_1.jsxs)(react_core_1.CodeBlock, { actions: actions, children: [(0, jsx_runtime_1.jsx)(react_core_1.CodeBlockCode, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isExpandable ? ((0, jsx_runtime_1.jsx)(react_core_1.ExpandableSection, Object.assign({ variant: react_core_1.ExpandableSectionVariant.truncate, isExpanded: isExpanded, isDetached: true, toggleId: toggleId, contentId: contentId }, expandableSectionProps, { children: children }))) : (children) }) }), isExpandable && ((0, jsx_runtime_1.jsx)(react_core_1.ExpandableSectionToggle, Object.assign({ isExpanded: isExpanded, onToggle: onToggle, direction: "up", toggleId: toggleId, contentId: contentId, hasTruncatedContent: true, className: "pf-chatbot__message-code-toggle" }, expandableSectionToggleProps, { children: isExpanded ? finalExpandedText : finalCollapsedText })))] }) }));
79
76
  };
80
77
  exports.default = CodeBlockMessage;
package/dist/cjs/MessageBox/JumpButton.js CHANGED
@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  const react_core_1 = require("@patternfly/react-core");
5
5
  const react_icons_1 = require("@patternfly/react-icons");
6
- const JumpButton = ({ position, isHidden, onClick, jumpButtonProps, jumpButtonTooltipProps }) => isHidden ? null : ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ id: `pf-chatbot__tooltip--jump-${position}`, content: `Back to ${position}`, position: "top" }, jumpButtonTooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ variant: "plain", className: `pf-chatbot__jump pf-chatbot__jump--${position}`, "aria-label": `Back to ${position}`, onClick: onClick }, jumpButtonProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { iconSize: "lg", isInline: true, children: position === 'top' ? (0, jsx_runtime_1.jsx)(react_icons_1.RhMicronsArrowUpIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.RhMicronsArrowDownIcon, {}) }) })) })));
6
+ const JumpButton = ({ position, isHidden, onClick, jumpButtonProps, jumpButtonTooltipProps }) => isHidden ? null : ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ id: `pf-chatbot__tooltip--jump-${position}`, content: `Back to ${position}`, position: "top" }, jumpButtonTooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ variant: "plain", className: `pf-chatbot__jump pf-chatbot__jump--${position}`, "aria-label": `Back to ${position}`, onClick: onClick, isCircle: true }, jumpButtonProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { iconSize: "lg", isInline: true, children: position === 'top' ? (0, jsx_runtime_1.jsx)(react_icons_1.RhMicronsArrowUpIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.RhMicronsArrowDownIcon, {}) }) })) })));
7
7
  exports.default = JumpButton;
package/dist/css/main.css CHANGED
@@ -203,9 +203,11 @@
203
203
  }
204
204
 
205
205
  .pf-chatbot__alert {
206
+ background-color: var(--pf-t--global--background--color--floating--default);
206
207
  position: sticky;
207
208
  top: var(--pf-t--global--spacer--lg);
208
209
  z-index: var(--pf-t--global--z-index--sm);
210
+ border-radius: var(--pf-t--global--border--radius--medium);
209
211
  }
210
212
 
211
213
  .pf-chatbot__content {
@@ -632,40 +634,6 @@
632
634
  background-color: var(--pf-t--global--background--color--primary--default);
633
635
  }
634
636
 
635
- .pf-chatbot__button--toggle-options,
636
- .pf-chatbot__button--toggle-menu {
637
- width: 3rem;
638
- height: 3rem;
639
- border-radius: var(--pf-t--global--border--radius--pill);
640
- align-items: center;
641
- justify-content: center;
642
- }
643
- .pf-chatbot__button--toggle-options::before,
644
- .pf-chatbot__button--toggle-menu::before {
645
- border-radius: inherit;
646
- }
647
- .pf-chatbot__button--toggle-options .pf-v6-c-button__icon,
648
- .pf-chatbot__button--toggle-options .pf-v6-c-menu-toggle__icon,
649
- .pf-chatbot__button--toggle-menu .pf-v6-c-button__icon,
650
- .pf-chatbot__button--toggle-menu .pf-v6-c-menu-toggle__icon {
651
- display: flex;
652
- align-items: center;
653
- justify-content: center;
654
- }
655
- .pf-chatbot__button--toggle-options:hover .pf-v6-c-button__icon,
656
- .pf-chatbot__button--toggle-options:hover .pf-v6-c-menu-toggle__icon,
657
- .pf-chatbot__button--toggle-options:hover .pf-v6-c-icon__content, .pf-chatbot__button--toggle-options:focus .pf-v6-c-button__icon,
658
- .pf-chatbot__button--toggle-options:focus .pf-v6-c-menu-toggle__icon,
659
- .pf-chatbot__button--toggle-options:focus .pf-v6-c-icon__content,
660
- .pf-chatbot__button--toggle-menu:hover .pf-v6-c-button__icon,
661
- .pf-chatbot__button--toggle-menu:hover .pf-v6-c-menu-toggle__icon,
662
- .pf-chatbot__button--toggle-menu:hover .pf-v6-c-icon__content,
663
- .pf-chatbot__button--toggle-menu:focus .pf-v6-c-button__icon,
664
- .pf-chatbot__button--toggle-menu:focus .pf-v6-c-menu-toggle__icon,
665
- .pf-chatbot__button--toggle-menu:focus .pf-v6-c-icon__content {
666
- color: var(--pf-t--global--icon--color--regular);
667
- }
668
-
669
637
  .show-dark,
670
638
  :where(.pf-v6-theme-dark) .show-light {
671
639
  display: none;
@@ -688,12 +656,6 @@
688
656
  vertical-align: middle;
689
657
  }
690
658
 
691
- .pf-v6-c-menu-toggle.pf-chatbot__button--toggle-options.pf-m-compact,
692
- .pf-chatbot__button--toggle-menu.pf-m-compact {
693
- width: 2rem;
694
- height: 2rem;
695
- }
696
-
697
659
  .pf-chatbot__header .pf-chatbot__actions .pf-v6-c-menu-toggle.pf-m-secondary.pf-m-compact {
698
660
  width: initial;
699
661
  }
@@ -1642,9 +1604,8 @@
1642
1604
  }
1643
1605
 
1644
1606
  .pf-chatbot__message-code-block {
1645
- width: 100%;
1646
- background-color: var(--pf-t--color--gray--80);
1647
- color: var(--pf-t--color--white);
1607
+ background-color: var(--pf-t--global--background--color--inverse--default);
1608
+ color: var(--pf-t--global--text--color--inverse);
1648
1609
  border-radius: var(--pf-t--global--border--radius--small);
1649
1610
  }
1650
1611
  .pf-chatbot__message-code-block .pf-v6-c-code-block {
@@ -1652,55 +1613,20 @@
1652
1613
  background-color: inherit;
1653
1614
  }
1654
1615
  .pf-chatbot__message-code-block .pf-v6-c-code-block__header {
1655
- --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
1656
- --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
1657
- --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
1658
- --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
1659
- color: var(--pf-t--color--white);
1660
- }
1661
- .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions {
1662
- width: 100%;
1663
- }
1664
- .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__message-code-block-language {
1665
- text-transform: uppercase;
1666
- font-family: var(--pf-t--global--font--family--body);
1667
- }
1668
- .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__message-code-block-default-action {
1669
- display: flex;
1670
- align-items: center;
1671
- justify-content: space-between;
1672
- width: 100%;
1673
- font-size: var(--pf-t--global--font--size--sm);
1674
- font-weight: var(--pf-t--global--font--weight--body--bold);
1616
+ color: var(--pf-t--global--text--color--inverse);
1675
1617
  }
1676
1618
  .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain {
1677
- color: var(--pf-t--color--white);
1619
+ color: var(--pf-t--global--text--color--inverse);
1678
1620
  }
1679
1621
  .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain:hover, .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain:focus {
1680
- color: var(--pf-t--color--white);
1622
+ color: var(--pf-t--global--text--color--inverse);
1681
1623
  }
1682
1624
  .pf-chatbot__message-code-block .pf-v6-c-code-block__content {
1683
- --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
1684
- --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1685
- --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
1686
- --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
1687
1625
  font-size: var(--pf-t--global--font--size--sm);
1688
1626
  }
1689
- .pf-chatbot__message-code-block .pf-v6-c-code-block__content pre,
1690
- .pf-chatbot__message-code-block .pf-v6-c-code-block__content pre:hover {
1691
- overflow: hidden;
1692
- white-space: pre-wrap;
1693
- word-break: break-all;
1694
- }
1695
1627
  .pf-chatbot__message-code-block .pf-v6-c-code-block__content pre code {
1696
- display: block;
1697
- overflow: hidden;
1698
1628
  font-size: var(--pf-t--global--font--size--sm);
1699
1629
  }
1700
- .pf-chatbot__message-code-block .pf-v6-c-code-block__content .pf-v6-c-code-block__code > div {
1701
- padding: 0 !important;
1702
- overflow: hidden !important;
1703
- }
1704
1630
  .pf-chatbot__message-code-block.pf-m-markdown .pf-v6-c-code-block__code {
1705
1631
  font-size: inherit;
1706
1632
  }
@@ -1859,9 +1785,8 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
1859
1785
  }
1860
1786
 
1861
1787
  .pf-chatbot__message-code-block {
1862
- width: 100%;
1863
- background-color: var(--pf-t--color--gray--80);
1864
- color: var(--pf-t--color--white);
1788
+ background-color: var(--pf-t--global--background--color--inverse--default);
1789
+ color: var(--pf-t--global--text--color--inverse);
1865
1790
  border-radius: var(--pf-t--global--border--radius--small);
1866
1791
  }
1867
1792
  .pf-chatbot__message-code-block .pf-v6-c-code-block {
@@ -1869,55 +1794,20 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
1869
1794
  background-color: inherit;
1870
1795
  }
1871
1796
  .pf-chatbot__message-code-block .pf-v6-c-code-block__header {
1872
- --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
1873
- --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
1874
- --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
1875
- --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
1876
- color: var(--pf-t--color--white);
1877
- }
1878
- .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions {
1879
- width: 100%;
1880
- }
1881
- .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__message-code-block-language {
1882
- text-transform: uppercase;
1883
- font-family: var(--pf-t--global--font--family--body);
1884
- }
1885
- .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__message-code-block-default-action {
1886
- display: flex;
1887
- align-items: center;
1888
- justify-content: space-between;
1889
- width: 100%;
1890
- font-size: var(--pf-t--global--font--size--sm);
1891
- font-weight: var(--pf-t--global--font--weight--body--bold);
1797
+ color: var(--pf-t--global--text--color--inverse);
1892
1798
  }
1893
1799
  .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain {
1894
- color: var(--pf-t--color--white);
1800
+ color: var(--pf-t--global--text--color--inverse);
1895
1801
  }
1896
1802
  .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain:hover, .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain:focus {
1897
- color: var(--pf-t--color--white);
1803
+ color: var(--pf-t--global--text--color--inverse);
1898
1804
  }
1899
1805
  .pf-chatbot__message-code-block .pf-v6-c-code-block__content {
1900
- --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
1901
- --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1902
- --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
1903
- --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
1904
1806
  font-size: var(--pf-t--global--font--size--sm);
1905
1807
  }
1906
- .pf-chatbot__message-code-block .pf-v6-c-code-block__content pre,
1907
- .pf-chatbot__message-code-block .pf-v6-c-code-block__content pre:hover {
1908
- overflow: hidden;
1909
- white-space: pre-wrap;
1910
- word-break: break-all;
1911
- }
1912
1808
  .pf-chatbot__message-code-block .pf-v6-c-code-block__content pre code {
1913
- display: block;
1914
- overflow: hidden;
1915
1809
  font-size: var(--pf-t--global--font--size--sm);
1916
1810
  }
1917
- .pf-chatbot__message-code-block .pf-v6-c-code-block__content .pf-v6-c-code-block__code > div {
1918
- padding: 0 !important;
1919
- overflow: hidden !important;
1920
- }
1921
1811
  .pf-chatbot__message-code-block.pf-m-markdown .pf-v6-c-code-block__code {
1922
1812
  font-size: inherit;
1923
1813
  }
@@ -2563,29 +2453,15 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
2563
2453
  .pf-chatbot__jump {
2564
2454
  position: absolute !important;
2565
2455
  inset-inline-start: 75% !important;
2566
- width: 2rem !important;
2567
- height: 2rem !important;
2568
- display: flex !important;
2569
- align-items: center !important;
2570
- justify-content: center !important;
2571
- padding: var(--pf-t--global--spacer--md) !important;
2572
- border-radius: var(--pf-t--global--border--radius--pill) !important;
2573
- --pf-v6-c-button--MinWidth: 2rem !important;
2574
2456
  background-color: var(--pf-t--global--background--color--floating--default);
2575
- border: 1px solid var(--pf-t--global--border--color--default) !important;
2576
2457
  box-shadow: var(--pf-t--global--box-shadow--sm);
2577
- color: var(--pf-t--global--icon--color--subtle) !important;
2578
2458
  transform: translate3d(-50%, 0, 0) !important;
2579
2459
  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;
2580
2460
  z-index: var(--pf-t--global--z-index--md) !important;
2581
2461
  }
2582
- .pf-chatbot__jump .pf-v6-c-button__text {
2583
- line-height: 1rem;
2584
- }
2585
2462
  .pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
2586
2463
  background-color: var(--pf-t--global--background--color--floating--hover);
2587
2464
  box-shadow: var(--pf-t--global--box-shadow--md) !important;
2588
- color: var(--pf-t--global--icon--color--regular) !important;
2589
2465
  }
2590
2466
  .pf-chatbot__jump--top {
2591
2467
  inset-block-start: var(--pf-t--global--spacer--md) !important;
@@ -2678,29 +2554,15 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
2678
2554
  .pf-chatbot__jump {
2679
2555
  position: absolute !important;
2680
2556
  inset-inline-start: 75% !important;
2681
- width: 2rem !important;
2682
- height: 2rem !important;
2683
- display: flex !important;
2684
- align-items: center !important;
2685
- justify-content: center !important;
2686
- padding: var(--pf-t--global--spacer--md) !important;
2687
- border-radius: var(--pf-t--global--border--radius--pill) !important;
2688
- --pf-v6-c-button--MinWidth: 2rem !important;
2689
2557
  background-color: var(--pf-t--global--background--color--floating--default);
2690
- border: 1px solid var(--pf-t--global--border--color--default) !important;
2691
2558
  box-shadow: var(--pf-t--global--box-shadow--sm);
2692
- color: var(--pf-t--global--icon--color--subtle) !important;
2693
2559
  transform: translate3d(-50%, 0, 0) !important;
2694
2560
  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;
2695
2561
  z-index: var(--pf-t--global--z-index--md) !important;
2696
2562
  }
2697
- .pf-chatbot__jump .pf-v6-c-button__text {
2698
- line-height: 1rem;
2699
- }
2700
2563
  .pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
2701
2564
  background-color: var(--pf-t--global--background--color--floating--hover);
2702
2565
  box-shadow: var(--pf-t--global--box-shadow--md) !important;
2703
- color: var(--pf-t--global--icon--color--regular) !important;
2704
2566
  }
2705
2567
  .pf-chatbot__jump--top {
2706
2568
  inset-block-start: var(--pf-t--global--spacer--md) !important;
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/Canvas/Canvas.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;;;AAGF;AACE;AAsBA;AAKA;;AA1BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AC/CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAYF;;AAVA;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAOF;EA/BF;IAgCI;IACA;;;AAIF;EArCF;IAsCI;;;AAGF;EACE;;AAMF;EACE;;;AAKF;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;;;;AAQF;EACE;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;EACA;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AChMJ;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;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAOF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;;;AAOJ;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;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;;AAKN;EACE;EACA;EACA;EACA;;;AAsBF;EACE;;;AASF;AAAA;EACE;;AAEA;AAAA;AAAA;AAAA;EAEE;;;AASJ;EACE;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;;;AAUF;AAAA;AAAA;AAAA;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;;;AClXJ;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;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAMJ;EACE;;AAES;EACP;;;AAIJ;EACE;;;AAOJ;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;;;AC/IF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;;AAIJ;EACE;;;AAMF;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;;;AChGF;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;EACA;;AAEA;EACE;;AAIA;EACE;;AAKJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;;;ACnDF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAOJ;EAIM;AAAA;IACE;IACA;;;AC3DR;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;;AAIJ;EACE;IACE;IACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;;AAOV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AClJF;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;EACA;;AAGF;EACE;;AAGF;EAKE;;AAJA;EACE;EACA;;AAOJ;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EACA;EAQA;EACA;;AAKA;EACE;EACA;;AAKJ;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;;;ACnLF;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;;;AJ6LF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAIA;EACE;EACA;;AAEA;EACE;EACA;;AAKN;EACE;;;AEzNJ;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;EAGE;;AAEA;EACE;;;AAQN;EACE;EACA;EACA;;;ACvBF;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;EAEA;;;AAGF;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAOJ;EACE;EACA;EACA;;;AC1BF;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;EAGI;AAAA;IACE;IACA;;AAIJ;AAAA;AAAA;EAGC;IACC;IACA;IACA;;EAGF;IACE;IACA;;;AAMF;EACE;;;ACjDJ;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;;AAGF;EACC;EACA;;;AAIH;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIE;AAAA;EACE;;AAMF;AAAA;EACE;;AAGJ;EACE;;;AAON;EACE;EACA;;;AC9GJ;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;;;ACYJ;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/Canvas/Canvas.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;;;AAGF;AACE;AAsBA;AAKA;;AA1BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AC/CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAYF;;AAVA;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAOF;EA/BF;IAgCI;IACA;;;AAIF;EArCF;IAsCI;;;AAGF;EACE;;AAMF;EACE;;;AAKF;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;;;;AAQF;EACE;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;EACA;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AChMJ;EACE;EACA;EACA;EACA;EACA;;;ACFF;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;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAOF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;;;AAOJ;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;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;;AAKN;EACE;EACA;EACA;EACA;;;AAsBF;EACE;;;AASF;AAAA;EACE;;AAEA;AAAA;AAAA;AAAA;EAEE;;;AASJ;EACE;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;;;AAUF;AAAA;AAAA;AAAA;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;;;AClXJ;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;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAMJ;EACE;;AAES;EACP;;;AAIJ;EACE;;;AAOJ;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAOA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;;;ACxGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;;AAIJ;EACE;;;AAMF;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;;;AChGF;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;EACA;;AAEA;EACE;;AAIA;EACE;;AAKJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;;;ACnDF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAOJ;EAIM;AAAA;IACE;IACA;;;AC3DR;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;;AAIJ;EACE;IACE;IACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;;AAOV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AClJF;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;EACA;;AAGF;EACE;;AAGF;EAKE;;AAJA;EACE;EACA;;AAOJ;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EACA;EAQA;EACA;;AAKA;EACE;EACA;;AAKJ;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;;;ACnLF;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;;AAGA;EACE;EACA;;AAIF;EACE;;AAEA;EACE;;AAEA;EAEE;;AAMN;EACE;;AAEA;EACE;;AAIJ;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;;AC5DJ;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;;;AJ6LF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAIA;EACE;EACA;;AAEA;EACE;EACA;;AAKN;EACE;;;AEzNJ;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;;AAEA;EACE;;AAEA;EAEE;;AAMN;EACE;;AAEA;EACE;;AAIJ;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;;AGhEJ;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;EAGE;;AAEA;EACE;;;AAQN;EACE;EACA;EACA;;;ACvBF;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;EAEA;;;AAGF;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAOJ;EACE;EACA;EACA;;;AC1BF;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,YACE;EAIF;;AAEA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA5BF;IA6BI;;;;AC/BJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EAVF;IAWI;;;AAGF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;EAGI;AAAA;IACE;IACA;;AAIJ;AAAA;AAAA;EAGC;IACC;IACA;IACA;;EAGF;IACE;IACA;;;AAMF;EACE;;;ACjDJ;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,YACE;EAIF;;AAEA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA5BF;IA6BI;;;;AGjCJ;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;;AAGF;EACC;EACA;;;AAIH;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIE;AAAA;EACE;;AAMF;AAAA;EACE;;AAGJ;EACE;;;AAON;EACE;EACA;;;AC9GJ;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;;;ACYJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}
package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.js CHANGED
@@ -17,6 +17,6 @@ const ChatbotHeaderCloseButtonBase = (_a) => {
17
17
  var { className, onClick, tooltipProps, menuAriaLabel = 'Close', innerRef, tooltipContent = 'Close', isCompact } = _a, props = __rest(_a, ["className", "onClick", "tooltipProps", "menuAriaLabel", "innerRef", "tooltipContent", "isCompact"]);
18
18
  return (_jsx("div", { className: `pf-chatbot__menu${className ? ` ${className}` : ''}`, children: _jsx(Tooltip, Object.assign({ content: tooltipContent, position: "bottom",
19
19
  // prevents VO announcements of both aria label and tooltip
20
- aria: "none" }, tooltipProps, { children: _jsx(Button, Object.assign({ className: `pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", onClick: onClick, "aria-label": menuAriaLabel, ref: innerRef, icon: _jsx(Icon, { size: isCompact ? 'lg' : 'xl', isInline: true, children: _jsx(RhMicronsCloseIcon, {}) }), size: isCompact ? 'sm' : undefined }, props)) })) }));
20
+ aria: "none" }, tooltipProps, { children: _jsx(Button, Object.assign({ variant: "plain", onClick: onClick, "aria-label": menuAriaLabel, ref: innerRef, icon: _jsx(Icon, { children: _jsx(RhMicronsCloseIcon, {}) }), size: isCompact ? 'sm' : undefined, isCircle: true }, props)) })) }));
21
21
  };
22
22
  export const ChatbotHeaderCloseButton = forwardRef((props, ref) => (_jsx(ChatbotHeaderCloseButtonBase, Object.assign({ innerRef: ref }, props))));
package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.js CHANGED
@@ -39,7 +39,7 @@ const ChatbotHeaderMenuBase = (_a) => {
39
39
  return () => clearTimeout(timeout);
40
40
  }
41
41
  }, [drawerState, isDrawerOpen]);
42
- const button = useMemo(() => (_jsx(Button, Object.assign({ className: `pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", onClick: onMenuToggle, "aria-label": menuAriaLabel, ref: innerRef !== null && innerRef !== void 0 ? innerRef : buttonRef, icon: _jsx(Icon, { size: isCompact ? 'lg' : 'xl', isInline: true, children: _jsx(RhUiMenuBarsIcon, {}) }), size: isCompact ? 'sm' : undefined }, props))),
42
+ const button = useMemo(() => (_jsx(Button, Object.assign({ className: `pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", onClick: onMenuToggle, "aria-label": menuAriaLabel, ref: innerRef !== null && innerRef !== void 0 ? innerRef : buttonRef, icon: _jsx(Icon, { children: _jsx(RhUiMenuBarsIcon, {}) }), size: isCompact ? 'sm' : undefined }, props, { isCircle: true }))),
43
43
  // eslint-disable-next-line react-hooks/exhaustive-deps
44
44
  [isCompact, menuAriaLabel, onMenuToggle, innerRef, buttonRef]);
45
45
  return (_jsx("div", { className: `pf-chatbot__menu ${className}`, children: isDrawerAnimating ? (button) : (_jsx(Tooltip, Object.assign({ content: tooltipContent, position: "bottom",
package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.js CHANGED
@@ -18,7 +18,7 @@ export const ChatbotHeaderOptionsDropdown = (_a) => {
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(RhUiEllipsisHorizontalFillIcon, {}) }), 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, { children: _jsx(RhUiEllipsisHorizontalFillIcon, {}) }), isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen), size: isCompact ? 'sm' : undefined, isCircle: true }, 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/MarkdownContent/MarkdownRenderer.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { type FunctionComponent } from 'react';
2
- import 'highlight.js/styles/vs2015.css';
3
2
  import type { MarkdownContentProps } from './MarkdownContent';
4
3
  export type MarkdownRendererProps = Omit<MarkdownContentProps, 'isMarkdownDisabled' | 'textComponent'>;
5
4
  declare const MarkdownRenderer: FunctionComponent<MarkdownRendererProps>;
package/dist/esm/MarkdownContent/MarkdownRenderer.js CHANGED
@@ -28,14 +28,12 @@ import ImageMessage from '../Message/ImageMessage/ImageMessage';
28
28
  import rehypeUnwrapImages from 'rehype-unwrap-images';
29
29
  import rehypeExternalLinks from 'rehype-external-links';
30
30
  import rehypeSanitize from 'rehype-sanitize';
31
- import rehypeHighlight from 'rehype-highlight';
32
- import 'highlight.js/styles/vs2015.css';
33
31
  import LinkMessage from '../Message/LinkMessage/LinkMessage';
34
32
  import { rehypeMoveImagesOutOfParagraphs } from '../Message/Plugins/rehypeMoveImagesOutOfParagraphs';
35
33
  import SuperscriptMessage from '../Message/SuperscriptMessage/SuperscriptMessage';
36
34
  import { css } from '@patternfly/react-styles';
37
35
  const MarkdownRenderer = ({ content, codeBlockProps, tableProps, openLinkInNewTab = true, additionalRehypePlugins = [], additionalRemarkPlugins = [], linkProps, reactMarkdownProps, remarkGfmProps, hasNoImages = false, isPrimary, shouldRetainStyles }) => {
38
- let rehypePlugins = [rehypeUnwrapImages, rehypeMoveImagesOutOfParagraphs, rehypeHighlight];
36
+ let rehypePlugins = [rehypeUnwrapImages, rehypeMoveImagesOutOfParagraphs];
39
37
  if (openLinkInNewTab) {
40
38
  rehypePlugins = rehypePlugins.concat([[rehypeExternalLinks, { target: '_blank' }, rehypeSanitize]]);
41
39
  }
package/dist/esm/Message/CodeBlockMessage/CodeBlockMessage.js CHANGED
@@ -14,14 +14,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
14
14
  // Chatbot Main - Message - Content - Code Block
15
15
  // ============================================================================
16
16
  import { useState, useRef, useCallback, useEffect } from 'react';
17
- // Import PatternFly components
18
17
  import { CodeBlock, CodeBlockAction, CodeBlockCode, Button, Tooltip, ExpandableSection, ExpandableSectionToggle, ExpandableSectionVariant, getUniqueId } from '@patternfly/react-core';
19
18
  import { css } from '@patternfly/react-styles';
20
19
  import { RhMicronsCheckmarkIcon, RhUiCopyFillIcon } from '@patternfly/react-icons';
21
20
  const DEFAULT_EXPANDED_TEXT = 'Show less';
22
21
  const DEFAULT_COLLAPSED_TEXT = 'Show more';
23
22
  const CodeBlockMessage = (_a) => {
24
- var _b;
25
23
  var { children, className, 'aria-label': ariaLabel, isExpandable = false, expandableSectionProps, expandableSectionToggleProps, expandedText = DEFAULT_EXPANDED_TEXT, collapsedText = DEFAULT_COLLAPSED_TEXT, customActions, isPrimary, shouldRetainStyles } = _a, props = __rest(_a, ["children", "className", 'aria-label', "isExpandable", "expandableSectionProps", "expandableSectionToggleProps", "expandedText", "collapsedText", "customActions", "isPrimary", "shouldRetainStyles"]);
26
24
  const [copied, setCopied] = useState(false);
27
25
  const [isExpanded, setIsExpanded] = useState(false);
@@ -30,7 +28,6 @@ const CodeBlockMessage = (_a) => {
30
28
  const toggleId = getUniqueId();
31
29
  const contentId = getUniqueId();
32
30
  const codeBlockRef = useRef(null);
33
- const language = (_b = /language-(\w+)/.exec(className || '')) === null || _b === void 0 ? void 0 : _b[1];
34
31
  // Get custom toggle text from data attributes if available - for use with rehype plugins
35
32
  const customExpandedText = props['data-expanded-text'];
36
33
  const customCollapsedText = props['data-collapsed-text'];
@@ -72,7 +69,7 @@ const CodeBlockMessage = (_a) => {
72
69
  return (_jsx("code", Object.assign({}, props, { className: `pf-chatbot__message-inline-code ${isPrimary ? 'pf-m-primary' : ''}`, children: children })));
73
70
  }
74
71
  // Setup code block header
75
- const actions = (_jsxs(_Fragment, { children: [_jsxs(CodeBlockAction, { className: "pf-chatbot__message-code-block-default-action", children: [language && _jsx("div", { className: "pf-chatbot__message-code-block-language", children: language }), _jsx(Button, { ref: buttonRef, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Copy code', variant: "plain", className: "pf-chatbot__button--copy", onClick: (event) => handleCopy(event, children), children: copied ? _jsx(RhMicronsCheckmarkIcon, {}) : _jsx(RhUiCopyFillIcon, {}) }), _jsx(Tooltip, { id: tooltipID, content: "Copy", position: "top", triggerRef: buttonRef })] }), customActions] }));
76
- return (_jsx("div", { className: css('pf-chatbot__message-code-block', shouldRetainStyles && 'pf-m-markdown'), ref: codeBlockRef, children: _jsxs(CodeBlock, { actions: actions, children: [_jsx(CodeBlockCode, { children: _jsx(_Fragment, { children: isExpandable ? (_jsx(ExpandableSection, Object.assign({ variant: ExpandableSectionVariant.truncate, isExpanded: isExpanded, isDetached: true, toggleId: toggleId, contentId: contentId }, expandableSectionProps, { children: children }))) : (children) }) }), isExpandable && (_jsx(ExpandableSectionToggle, Object.assign({ isExpanded: isExpanded, onToggle: onToggle, direction: "up", toggleId: toggleId, contentId: contentId, hasTruncatedContent: true, className: "pf-chatbot__message-code-toggle" }, expandableSectionToggleProps, { children: isExpanded ? finalExpandedText : finalCollapsedText })))] }) }));
72
+ const actions = (_jsxs(_Fragment, { children: [_jsxs(CodeBlockAction, { className: "pf-chatbot__message-code-block-default-action", children: [_jsx(Button, { ref: buttonRef, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Copy code', variant: "plain", className: "pf-chatbot__button--copy", onClick: (event) => handleCopy(event, children), children: copied ? _jsx(RhMicronsCheckmarkIcon, {}) : _jsx(RhUiCopyFillIcon, {}) }), _jsx(Tooltip, { id: tooltipID, content: "Copy", position: "top", triggerRef: buttonRef })] }), customActions] }));
73
+ return (_jsx("div", { className: css('pf-chatbot__message-code-block', shouldRetainStyles && 'pf-m-markdown', className), ref: codeBlockRef, children: _jsxs(CodeBlock, { actions: actions, children: [_jsx(CodeBlockCode, { children: _jsx(_Fragment, { children: isExpandable ? (_jsx(ExpandableSection, Object.assign({ variant: ExpandableSectionVariant.truncate, isExpanded: isExpanded, isDetached: true, toggleId: toggleId, contentId: contentId }, expandableSectionProps, { children: children }))) : (children) }) }), isExpandable && (_jsx(ExpandableSectionToggle, Object.assign({ isExpanded: isExpanded, onToggle: onToggle, direction: "up", toggleId: toggleId, contentId: contentId, hasTruncatedContent: true, className: "pf-chatbot__message-code-toggle" }, expandableSectionToggleProps, { children: isExpanded ? finalExpandedText : finalCollapsedText })))] }) }));
77
74
  };
78
75
  export default CodeBlockMessage;
package/dist/esm/MessageBox/JumpButton.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { Button, Tooltip, Icon } from '@patternfly/react-core';
3
3
  import { RhMicronsArrowDownIcon, RhMicronsArrowUpIcon } from '@patternfly/react-icons';
4
- const JumpButton = ({ position, isHidden, onClick, jumpButtonProps, jumpButtonTooltipProps }) => isHidden ? null : (_jsx(Tooltip, Object.assign({ id: `pf-chatbot__tooltip--jump-${position}`, content: `Back to ${position}`, position: "top" }, jumpButtonTooltipProps, { children: _jsx(Button, Object.assign({ variant: "plain", className: `pf-chatbot__jump pf-chatbot__jump--${position}`, "aria-label": `Back to ${position}`, onClick: onClick }, jumpButtonProps, { children: _jsx(Icon, { iconSize: "lg", isInline: true, children: position === 'top' ? _jsx(RhMicronsArrowUpIcon, {}) : _jsx(RhMicronsArrowDownIcon, {}) }) })) })));
4
+ const JumpButton = ({ position, isHidden, onClick, jumpButtonProps, jumpButtonTooltipProps }) => isHidden ? null : (_jsx(Tooltip, Object.assign({ id: `pf-chatbot__tooltip--jump-${position}`, content: `Back to ${position}`, position: "top" }, jumpButtonTooltipProps, { children: _jsx(Button, Object.assign({ variant: "plain", className: `pf-chatbot__jump pf-chatbot__jump--${position}`, "aria-label": `Back to ${position}`, onClick: onClick, isCircle: true }, jumpButtonProps, { children: _jsx(Icon, { iconSize: "lg", isInline: true, children: position === 'top' ? _jsx(RhMicronsArrowUpIcon, {}) : _jsx(RhMicronsArrowDownIcon, {}) }) })) })));
5
5
  export default JumpButton;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/chatbot",
3
- "version": "6.9.0",
3
+ "version": "6.10.0-prerelease.2",
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.7.0-prerelease.6",
37
- "@patternfly/react-core": "^6.7.0-prerelease.6",
38
- "@patternfly/react-icons": "^6.7.0-prerelease.3",
39
- "@patternfly/react-styles": "^6.7.0-prerelease.3",
40
- "@patternfly/react-table": "^6.7.0-prerelease.7",
36
+ "@patternfly/react-code-editor": "^6.7.0",
37
+ "@patternfly/react-core": "^6.7.0",
38
+ "@patternfly/react-icons": "^6.7.0",
39
+ "@patternfly/react-styles": "^6.7.0",
40
+ "@patternfly/react-table": "^6.7.0",
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.53.0",
70
- "@patternfly/patternfly": "^6.7.0-prerelease.3",
69
+ "@patternfly/documentation-framework": "^6.54.0",
70
+ "@patternfly/patternfly": "^6.7.0",
71
71
  "@patternfly/patternfly-a11y": "^5.2.1",
72
72
  "@types/dom-speech-recognition": "^0.0.4",
73
73
  "@types/react": "^18.2.61",
package/patternfly-docs/content/extensions/chatbot/tree-shaking.md CHANGED
@@ -82,7 +82,7 @@ import AttachmentEdit from '@patternfly/chatbot/dist/dynamic/AttachmentEdit';
82
82
 
83
83
  ## Markdown rendering (`Message`, `MarkdownContent`)
84
84
 
85
- `MarkdownContent` lazy-loads its markdown parser so lightweight imports avoid pulling in `react-markdown`, syntax highlighting, and related dependencies until they are needed. That async chunk is roughly 400 KB.
85
+ `MarkdownContent` lazy-loads its markdown parser so lightweight imports avoid pulling in `react-markdown` and related dependencies until they are needed.
86
86
 
87
87
  `MessageBox` automatically preloads the markdown renderer and coordinates rendering so existing messages do not each flash an individual loading state — message chrome (avatars, timestamps, and so on) appears immediately, and markdown content fills in once the chunk is ready.
88
88
 
package/src/ChatbotAlert/ChatbotAlert.scss CHANGED
@@ -1,5 +1,7 @@
1
1
  .pf-chatbot__alert {
2
+ background-color: var(--pf-t--global--background--color--floating--default);
2
3
  position: sticky;
3
4
  top: var(--pf-t--global--spacer--lg);
4
5
  z-index: var(--pf-t--global--z-index--sm);
6
+ border-radius: var(--pf-t--global--border--radius--medium);
5
7
  }
package/src/ChatbotHeader/ChatbotHeader.scss CHANGED
@@ -70,39 +70,6 @@
70
70
  }
71
71
  }
72
72
 
73
- // ============================================================================
74
- // Toggle Options
75
- // ============================================================================
76
- .pf-chatbot__button--toggle-options,
77
- .pf-chatbot__button--toggle-menu {
78
- width: 3rem;
79
- height: 3rem;
80
- border-radius: var(--pf-t--global--border--radius--pill);
81
- align-items: center;
82
- justify-content: center;
83
-
84
- &::before {
85
- border-radius: inherit;
86
- }
87
-
88
- .pf-v6-c-button__icon,
89
- .pf-v6-c-menu-toggle__icon {
90
- display: flex;
91
- align-items: center;
92
- justify-content: center;
93
- }
94
-
95
- // Interactive states
96
- &:hover,
97
- &:focus {
98
- .pf-v6-c-button__icon,
99
- .pf-v6-c-menu-toggle__icon,
100
- .pf-v6-c-icon__content {
101
- color: var(--pf-t--global--icon--color--regular);
102
- }
103
- }
104
- }
105
-
106
73
  // ============================================================================
107
74
  // Examples
108
75
  // ============================================================================
@@ -134,12 +101,6 @@
134
101
  }
135
102
  }
136
103
 
137
- .pf-v6-c-menu-toggle.pf-chatbot__button--toggle-options.pf-m-compact,
138
- .pf-chatbot__button--toggle-menu.pf-m-compact {
139
- width: 2rem;
140
- height: 2rem;
141
- }
142
-
143
104
  .pf-chatbot__header .pf-chatbot__actions .pf-v6-c-menu-toggle.pf-m-secondary.pf-m-compact {
144
105
  width: initial;
145
106
  }
package/src/ChatbotHeader/ChatbotHeaderCloseButton.test.tsx CHANGED
@@ -17,9 +17,4 @@ describe('ChatbotHeaderCloseButton', () => {
17
17
  fireEvent.click(screen.getByRole('button', { name: 'Close' }));
18
18
  expect(onClick).toHaveBeenCalled();
19
19
  });
20
-
21
- it('should render button with isCompact', () => {
22
- render(<ChatbotHeaderCloseButton data-testid="close-button" onClick={jest.fn()} isCompact />);
23
- expect(screen.getByTestId('close-button')).toHaveClass('pf-m-compact');
24
- });
25
20
  });
package/src/ChatbotHeader/ChatbotHeaderCloseButton.tsx CHANGED
@@ -40,17 +40,17 @@ const ChatbotHeaderCloseButtonBase: FunctionComponent<ChatbotHeaderCloseButtonPr
40
40
  {...tooltipProps}
41
41
  >
42
42
  <Button
43
- className={`pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`}
44
43
  variant="plain"
45
44
  onClick={onClick}
46
45
  aria-label={menuAriaLabel}
47
46
  ref={innerRef}
48
47
  icon={
49
- <Icon size={isCompact ? 'lg' : 'xl'} isInline>
48
+ <Icon>
50
49
  <RhMicronsCloseIcon />
51
50
  </Icon>
52
51
  }
53
52
  size={isCompact ? 'sm' : undefined}
53
+ isCircle
54
54
  {...props}
55
55
  />
56
56
  </Tooltip>
package/src/ChatbotHeader/ChatbotHeaderMenu.tsx CHANGED
@@ -68,12 +68,13 @@ const ChatbotHeaderMenuBase: FunctionComponent<ChatbotHeaderMenuProps> = ({
68
68
  aria-label={menuAriaLabel}
69
69
  ref={innerRef ?? buttonRef}
70
70
  icon={
71
- <Icon size={isCompact ? 'lg' : 'xl'} isInline>
71
+ <Icon>
72
72
  <RhUiMenuBarsIcon />
73
73
  </Icon>
74
74
  }
75
75
  size={isCompact ? 'sm' : undefined}
76
76
  {...props}
77
+ isCircle
77
78
  />
78
79
  ),
79
80
  // eslint-disable-next-line react-hooks/exhaustive-deps
package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx CHANGED
@@ -55,13 +55,14 @@ export const ChatbotHeaderOptionsDropdown: FunctionComponent<ChatbotHeaderOption
55
55
  aria-label={menuToggleAriaLabel}
56
56
  ref={toggleRef}
57
57
  icon={
58
- <Icon size={isCompact ? 'lg' : 'xl'} isInline>
58
+ <Icon>
59
59
  <RhUiEllipsisHorizontalFillIcon />
60
60
  </Icon>
61
61
  }
62
62
  isExpanded={isOptionsMenuOpen}
63
63
  onClick={() => setIsOptionsMenuOpen(!isOptionsMenuOpen)}
64
64
  size={isCompact ? 'sm' : undefined}
65
+ isCircle
65
66
  {...toggleProps}
66
67
  />
67
68
  </Tooltip>
package/src/MarkdownContent/MarkdownRenderer.tsx CHANGED
@@ -20,8 +20,6 @@ import ImageMessage from '../Message/ImageMessage/ImageMessage';
20
20
  import rehypeUnwrapImages from 'rehype-unwrap-images';
21
21
  import rehypeExternalLinks from 'rehype-external-links';
22
22
  import rehypeSanitize from 'rehype-sanitize';
23
- import rehypeHighlight from 'rehype-highlight';
24
- import 'highlight.js/styles/vs2015.css';
25
23
  import type { PluggableList } from 'unified';
26
24
  import LinkMessage from '../Message/LinkMessage/LinkMessage';
27
25
  import { rehypeMoveImagesOutOfParagraphs } from '../Message/Plugins/rehypeMoveImagesOutOfParagraphs';
@@ -45,7 +43,7 @@ const MarkdownRenderer: FunctionComponent<MarkdownRendererProps> = ({
45
43
  isPrimary,
46
44
  shouldRetainStyles
47
45
  }) => {
48
- let rehypePlugins: PluggableList = [rehypeUnwrapImages, rehypeMoveImagesOutOfParagraphs, rehypeHighlight];
46
+ let rehypePlugins: PluggableList = [rehypeUnwrapImages, rehypeMoveImagesOutOfParagraphs];
49
47
  if (openLinkInNewTab) {
50
48
  rehypePlugins = rehypePlugins.concat([[rehypeExternalLinks, { target: '_blank' }, rehypeSanitize]]);
51
49
  }
package/src/Message/CodeBlockMessage/CodeBlockMessage.scss CHANGED
@@ -2,9 +2,8 @@
2
2
  // Chatbot Main - Message - Content - Code Block
3
3
  // ============================================================================
4
4
  .pf-chatbot__message-code-block {
5
- width: 100%;
6
- background-color: var(--pf-t--color--gray--80); // same in light + dark theme
7
- color: var(--pf-t--color--white); // same in light + dark theme
5
+ background-color: var(--pf-t--global--background--color--inverse--default);
6
+ color: var(--pf-t--global--text--color--inverse);
8
7
  border-radius: var(--pf-t--global--border--radius--small);
9
8
 
10
9
  // Code block
@@ -15,65 +14,25 @@
15
14
 
16
15
  // Code block header
17
16
  .pf-v6-c-code-block__header {
18
- --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19
- --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20
- --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
21
- --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22
- color: var(--pf-t--color--white); // same in light + dark theme
23
-
24
- .pf-v6-c-code-block__actions {
25
- width: 100%;
26
- }
27
-
28
- .pf-chatbot__message-code-block-language {
29
- text-transform: uppercase;
30
- font-family: var(--pf-t--global--font--family--body);
31
- }
32
-
33
- // we are overriding some default PatternFly positioning here - it's only necessary for the first two items
34
- .pf-chatbot__message-code-block-default-action {
35
- display: flex;
36
- align-items: center;
37
- justify-content: space-between;
38
- width: 100%;
39
- font-size: var(--pf-t--global--font--size--sm);
40
- font-weight: var(--pf-t--global--font--weight--body--bold);
41
- }
17
+ color: var(--pf-t--global--text--color--inverse);
42
18
 
43
19
  .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain {
44
- color: var(--pf-t--color--white); // same in light + dark theme
20
+ color: var(--pf-t--global--text--color--inverse);
45
21
 
46
22
  &:hover,
47
23
  &:focus {
48
- color: var(--pf-t--color--white); // same in light + dark theme
24
+ color: var(--pf-t--global--text--color--inverse);
49
25
  }
50
26
  }
51
27
  }
52
28
 
53
29
  // Code block content
54
30
  .pf-v6-c-code-block__content {
55
- --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
56
- --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
57
- --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
58
- --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
59
31
  font-size: var(--pf-t--global--font--size--sm);
60
32
 
61
- pre,
62
- pre:hover {
63
- overflow: hidden;
64
- white-space: pre-wrap;
65
- word-break: break-all;
66
- }
67
33
  pre code {
68
- display: block;
69
- overflow: hidden;
70
34
  font-size: var(--pf-t--global--font--size--sm);
71
35
  }
72
-
73
- .pf-v6-c-code-block__code > div {
74
- padding: 0 !important;
75
- overflow: hidden !important;
76
- }
77
36
  }
78
37
 
79
38
  &.pf-m-markdown .pf-v6-c-code-block__code {
package/src/Message/CodeBlockMessage/CodeBlockMessage.test.tsx CHANGED
@@ -29,12 +29,6 @@ describe('CodeBlockMessage', () => {
29
29
  expect(codeElement?.textContent).toBe(multilineCode);
30
30
  });
31
31
 
32
- it('should display language label', () => {
33
- const code = 'const x = 5;\nconst y = 10;';
34
- render(<CodeBlockMessage className="language-javascript">{code}</CodeBlockMessage>);
35
- expect(screen.getByText('javascript')).toBeInTheDocument();
36
- });
37
-
38
32
  it('should render copy button', () => {
39
33
  const code = 'const x = 5;\nconst y = 10;';
40
34
  render(<CodeBlockMessage>{code}</CodeBlockMessage>);
package/src/Message/CodeBlockMessage/CodeBlockMessage.tsx CHANGED
@@ -2,7 +2,6 @@
2
2
  // Chatbot Main - Message - Content - Code Block
3
3
  // ============================================================================
4
4
  import { useState, useRef, useCallback, useEffect } from 'react';
5
- // Import PatternFly components
6
5
  import {
7
6
  CodeBlock,
8
7
  CodeBlockAction,
@@ -71,8 +70,6 @@ const CodeBlockMessage = ({
71
70
  const contentId = getUniqueId();
72
71
  const codeBlockRef = useRef<HTMLDivElement>(null);
73
72
 
74
- const language = /language-(\w+)/.exec(className || '')?.[1];
75
-
76
73
  // Get custom toggle text from data attributes if available - for use with rehype plugins
77
74
  const customExpandedText = props['data-expanded-text'];
78
75
  const customCollapsedText = props['data-collapsed-text'];
@@ -133,7 +130,6 @@ const CodeBlockMessage = ({
133
130
  const actions = (
134
131
  <>
135
132
  <CodeBlockAction className="pf-chatbot__message-code-block-default-action">
136
- {language && <div className="pf-chatbot__message-code-block-language">{language}</div>}
137
133
  <Button
138
134
  ref={buttonRef}
139
135
  aria-label={ariaLabel ?? 'Copy code'}
@@ -150,7 +146,10 @@ const CodeBlockMessage = ({
150
146
  );
151
147
 
152
148
  return (
153
- <div className={css('pf-chatbot__message-code-block', shouldRetainStyles && 'pf-m-markdown')} ref={codeBlockRef}>
149
+ <div
150
+ className={css('pf-chatbot__message-code-block', shouldRetainStyles && 'pf-m-markdown', className)}
151
+ ref={codeBlockRef}
152
+ >
154
153
  <CodeBlock actions={actions}>
155
154
  <CodeBlockCode>
156
155
  <>
package/src/Message/Message.test.tsx CHANGED
@@ -808,7 +808,6 @@ describe('Message', () => {
808
808
  render(<Message avatar="./img" role="user" name="User" content={CODE_MESSAGE} />);
809
809
  expect(screen.getByText('Here is some YAML code:')).toBeTruthy();
810
810
  expect(screen.getByRole('button', { name: 'Copy code' })).toBeTruthy();
811
- expect(screen.getByText(/yaml/)).toBeTruthy();
812
811
  expect(screen.getByText(/apiVersion:/i)).toBeTruthy();
813
812
  expect(screen.getByText(/helm.openshift.io\/v1beta1/i)).toBeTruthy();
814
813
  expect(screen.getByText(/metadata:/i)).toBeTruthy();
@@ -827,7 +826,6 @@ describe('Message', () => {
827
826
  );
828
827
  expect(screen.getByText('Here is some YAML code:')).toBeTruthy();
829
828
  expect(screen.getByRole('button', { name: 'Copy code' })).toBeTruthy();
830
- expect(screen.getByText(/yaml/)).toBeTruthy();
831
829
  expect(screen.getByText(/apiVersion/i)).toBeTruthy();
832
830
  expect(screen.getByRole('button', { name: /Show more/i })).toBeTruthy();
833
831
  });
@@ -838,7 +836,6 @@ describe('Message', () => {
838
836
  const button = screen.getByRole('button', { name: /Show more/i });
839
837
  await userEvent.click(button);
840
838
  expect(screen.getByRole('button', { name: /Show less/i })).toBeTruthy();
841
- expect(screen.getByText(/yaml/)).toBeTruthy();
842
839
  expect(screen.getByText(/apiVersion:/i)).toBeTruthy();
843
840
  expect(screen.getByText(/helm.openshift.io\/v1beta1/i)).toBeTruthy();
844
841
  expect(screen.getByText(/metadata:/i)).toBeTruthy();
package/src/MessageBox/JumpButton.scss CHANGED
@@ -5,18 +5,8 @@
5
5
  .pf-chatbot__jump {
6
6
  position: absolute !important;
7
7
  inset-inline-start: 75% !important;
8
- width: 2rem !important;
9
- height: 2rem !important;
10
- display: flex !important;
11
- align-items: center !important;
12
- justify-content: center !important;
13
- padding: var(--pf-t--global--spacer--md) !important;
14
- border-radius: var(--pf-t--global--border--radius--pill) !important;
15
- --pf-v6-c-button--MinWidth: 2rem !important;
16
8
  background-color: var(--pf-t--global--background--color--floating--default);
17
- border: 1px solid var(--pf-t--global--border--color--default) !important;
18
9
  box-shadow: var(--pf-t--global--box-shadow--sm);
19
- color: var(--pf-t--global--icon--color--subtle) !important;
20
10
  transform: translate3d(-50%, 0, 0) !important;
21
11
  transition:
22
12
  background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm),
@@ -25,15 +15,10 @@
25
15
  opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
26
16
  z-index: var(--pf-t--global--z-index--md) !important;
27
17
 
28
- .pf-v6-c-button__text {
29
- line-height: 1rem;
30
- }
31
-
32
18
  &:hover,
33
19
  &:focus {
34
20
  background-color: var(--pf-t--global--background--color--floating--hover);
35
21
  box-shadow: var(--pf-t--global--box-shadow--md) !important;
36
- color: var(--pf-t--global--icon--color--regular) !important;
37
22
  }
38
23
 
39
24
  &--top {
package/src/MessageBox/JumpButton.tsx CHANGED
@@ -37,6 +37,7 @@ const JumpButton: FunctionComponent<JumpButtonProps> = ({
37
37
  className={`pf-chatbot__jump pf-chatbot__jump--${position}`}
38
38
  aria-label={`Back to ${position}`}
39
39
  onClick={onClick}
40
+ isCircle
40
41
  {...jumpButtonProps}
41
42
  >
42
43
  <Icon iconSize="lg" isInline>