From 27f5af527f4b24ae9f1ff39e478461f96b660556 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Wed, 11 Sep 2024 11:17:14 -0400 Subject: [PATCH 1/4] fix(AttachMenu): Update styles and fix bug Updated styles to use Kayla's tokens and fixed a bug related to React keys. --- .../examples/ChatbotAttachment/AttachMenu.tsx | 16 ++++++++--- .../examples/demos/ChatbotAttachmentMenu.tsx | 16 ++++++++--- .../module/src/AttachMenu/AttachMenu.scss | 28 +++++++++---------- 3 files changed, 38 insertions(+), 22 deletions(-) diff --git a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachMenu.tsx b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachMenu.tsx index dc8c01d..1218060 100644 --- a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachMenu.tsx +++ b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachMenu.tsx @@ -7,7 +7,12 @@ import AttachmentIcon from './AttachmentIcon'; const initialMenuItems = [ - }> + } + >
auth-operator
Pod
@@ -60,7 +65,7 @@ export const AttachmentMenuExample: React.FunctionComponent = () => { if (React.isValidElement(element)) { // Check if the element's value matches the targetValue if (element.props.value && element.props.value.toLowerCase().includes(targetValue.toLowerCase())) { - matchingElements.push(element); + matchingElements.push(React.cloneElement(element, { key: element.props.value })); } // Recursively check the element's children @@ -86,8 +91,11 @@ export const AttachmentMenuExample: React.FunctionComponent = () => { setUserFacingMenuItems( <> - {newMenuItems.map((item) => item)} - {newMenuItems.length === 0 && No results found} + {newMenuItems.length === 0 ? ( + No results found + ) : ( + newMenuItems.map((item) => item) + )} {uploadMenuItems.map((item) => item)} diff --git a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/ChatbotAttachmentMenu.tsx b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/ChatbotAttachmentMenu.tsx index 60726f1..47fdd85 100644 --- a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/ChatbotAttachmentMenu.tsx +++ b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/ChatbotAttachmentMenu.tsx @@ -24,7 +24,12 @@ import { useDropzone } from 'react-dropzone'; const initialMenuItems = [ - }> + } + >
auth-operator
Pod
@@ -219,7 +224,7 @@ export const BasicDemo: React.FunctionComponent = () => { if (React.isValidElement(element)) { // Check if the element's value matches the targetValue if (element.props.value && element.props.value.toLowerCase().includes(targetValue.toLowerCase())) { - matchingElements.push(element); + matchingElements.push(React.cloneElement(element, { key: element.props.value })); } // Recursively check the element's children @@ -245,8 +250,11 @@ export const BasicDemo: React.FunctionComponent = () => { setUserFacingMenuItems( <> - {newMenuItems.map((item) => item)} - {newMenuItems.length === 0 && No results found} + {newMenuItems.length === 0 ? ( + No results found + ) : ( + newMenuItems.map((item) => item) + )} {uploadMenuItems.map((item) => item)} diff --git a/packages/module/src/AttachMenu/AttachMenu.scss b/packages/module/src/AttachMenu/AttachMenu.scss index 7533402..bab9060 100644 --- a/packages/module/src/AttachMenu/AttachMenu.scss +++ b/packages/module/src/AttachMenu/AttachMenu.scss @@ -1,5 +1,6 @@ .pf-chatbot__menu.pf-v6-c-menu { --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--large); + --pf-v6-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default); } .pf-chatbot__menu { @@ -18,7 +19,7 @@ /* there is spacing between groups because of this normally, even if there's no title */ .pf-v6-c-menu__group-title { height: 0; - --pf-v6-c-menu__group-title--PaddingBlockStart: 0; + --pf-v6-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm); --pf-v6-c-menu__group-title--PaddingBlockEnd: 0; --pf-v6-c-menu__group-title--PaddingInlineStart: 0; --pf-v6-c-menu__group-title--PaddingInlineEnd: 0; @@ -40,28 +41,27 @@ overflow: hidden; } + .pf-v6-c-menu__item { + padding-inline-start: var(--pf-t--global--spacer--md); + padding-inline-end: var(--pf-t--global--spacer--md); + } + .pf-v6-c-menu__item-icon { - --pf-v6-c-menu__item--icon--Color: #707070; + --pf-v6-c-menu__item--icon--Color: var(--pf-t--global--icon--color--subtle); display: flex; justify-content: center; + width: 21px; + } + + .pf-chatbot__object > .pf-v6-c-menu__item-main > .pf-v6-c-menu__item-icon { width: 24px; } .pf-v6-c-menu__item-description { font-weight: 500; } -} -.pf-v6-theme-dark { - .pf-chatbot__menu.pf-v6-c-menu { - --pf-v6-c-menu--Color: #f2f2f2; - --pf-v6-c-menu--BackgroundColor: #383838; - --pf-v6-c-menu__list-item--hover--BackgroundColor: #1f1f1f; - } - .pf-v6-c-menu__item-icon { - --pf-v6-c-menu__item--icon--Color: #c7c7c7; - } - .pf-chatbot__menu-operator { - color: #fff; + .pf-v6-c-divider { + padding: 0 var(--pf-t--global--spacer--md) 0 var(--pf-t--global--spacer--md); } } From a011eb8e87cabf3f090c3d5593a55052611f9ff4 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Wed, 11 Sep 2024 14:24:33 -0400 Subject: [PATCH 2/4] Address feedback --- .../examples/ChatbotAttachment/AttachMenu.tsx | 21 +++++++++++++++++-- .../ChatbotAttachment/AttachmentIcon.svg | 11 ---------- .../examples/demos/AttachmentDemos.md | 1 - .../examples/demos/AttachmentIcon.svg | 11 ---------- .../examples/demos/ChatbotAttachmentMenu.tsx | 21 +++++++++++++++++-- .../module/src/AttachMenu/AttachMenu.scss | 11 +++++----- 6 files changed, 44 insertions(+), 32 deletions(-) delete mode 100644 packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachmentIcon.svg delete mode 100644 packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/AttachmentIcon.svg diff --git a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachMenu.tsx b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachMenu.tsx index 1218060..fa16d02 100644 --- a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachMenu.tsx +++ b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachMenu.tsx @@ -3,7 +3,6 @@ import AttachMenu from '@patternfly/virtual-assistant/dist/dynamic/AttachMenu'; import { Button, Divider, DropdownGroup, DropdownItem, DropdownList } from '@patternfly/react-core'; import { BellIcon, CodeIcon, ClipboardIcon, CalendarAltIcon, UploadIcon } from '@patternfly/react-icons'; import PaperclipIcon from './PaperclipIcon'; -import AttachmentIcon from './AttachmentIcon'; const initialMenuItems = [ @@ -11,7 +10,25 @@ const initialMenuItems = [ value="auth-operator Pod" className="pf-chatbot__object" id="0" - icon={Pod icon} + icon={ + + + + + + + + + + + + } >
auth-operator diff --git a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachmentIcon.svg b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachmentIcon.svg deleted file mode 100644 index f37767f..0000000 --- a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachmentIcon.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/AttachmentDemos.md b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/AttachmentDemos.md index a4db4c4..0b80483 100644 --- a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/AttachmentDemos.md +++ b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/AttachmentDemos.md @@ -24,7 +24,6 @@ import FileDetailsLabel from '@patternfly/virtual-assistant/dist/dynamic/FileDet import PreviewAttachment from '@patternfly/virtual-assistant/dist/dynamic/PreviewAttachment'; import AttachmentEdit from '@patternfly/virtual-assistant/dist/dynamic/AttachmentEdit'; import { BellIcon, CalendarAltIcon, ClipboardIcon, CodeIcon, UploadIcon } from '@patternfly/react-icons'; -import AttachmentIcon from './AttachmentIcon.svg'; import { useDropzone } from 'react-dropzone'; # Demos diff --git a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/AttachmentIcon.svg b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/AttachmentIcon.svg deleted file mode 100644 index f37767f..0000000 --- a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/AttachmentIcon.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/ChatbotAttachmentMenu.tsx b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/ChatbotAttachmentMenu.tsx index 47fdd85..af3ca92 100644 --- a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/ChatbotAttachmentMenu.tsx +++ b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/ChatbotAttachmentMenu.tsx @@ -19,7 +19,6 @@ import { } from '@patternfly/react-core'; import FileDetailsLabel from '@patternfly/virtual-assistant/dist/dynamic/FileDetailsLabel'; import { BellIcon, CalendarAltIcon, ClipboardIcon, CodeIcon, UploadIcon } from '@patternfly/react-icons'; -import AttachmentIcon from './AttachmentIcon.svg'; import { useDropzone } from 'react-dropzone'; const initialMenuItems = [ @@ -28,7 +27,25 @@ const initialMenuItems = [ className="pf-chatbot__object" value="auth-operator Pod" id="0" - icon={Pod icon} + icon={ + + + + + + + + + + + + } >
auth-operator diff --git a/packages/module/src/AttachMenu/AttachMenu.scss b/packages/module/src/AttachMenu/AttachMenu.scss index bab9060..6a5a629 100644 --- a/packages/module/src/AttachMenu/AttachMenu.scss +++ b/packages/module/src/AttachMenu/AttachMenu.scss @@ -47,16 +47,11 @@ } .pf-v6-c-menu__item-icon { - --pf-v6-c-menu__item--icon--Color: var(--pf-t--global--icon--color--subtle); display: flex; justify-content: center; width: 21px; } - .pf-chatbot__object > .pf-v6-c-menu__item-main > .pf-v6-c-menu__item-icon { - width: 24px; - } - .pf-v6-c-menu__item-description { font-weight: 500; } @@ -64,4 +59,10 @@ .pf-v6-c-divider { padding: 0 var(--pf-t--global--spacer--md) 0 var(--pf-t--global--spacer--md); } + + // this is only used in demo code + .pf-chatbot__object > .pf-v6-c-menu__item-main > .pf-v6-c-menu__item-icon { + width: 24px; + color: var(--pf-t--global--icon--color--status--custom--default); + } } From 5fd4f0124273bb547b895175b6c1077c00b9c0cb Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Wed, 11 Sep 2024 14:38:07 -0400 Subject: [PATCH 3/4] Post-rebase cleanup --- .../examples/ChatbotAttachment/ChatbotAttachment.md | 13 ++----------- 1 file changed, 2 insertions(+), 11 deletions(-) diff --git a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/ChatbotAttachment.md b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/ChatbotAttachment.md index 991c1e8..cf4d8fc 100644 --- a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/ChatbotAttachment.md +++ b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/ChatbotAttachment.md @@ -10,15 +10,7 @@ id: Chatbot attachment source: react # If you use typescript, the name of the interface to display props for # These are found through the sourceProps function provided in patternfly-docs.source.js -propComponents: - [ - 'AttachMenu', - 'AttachmentEdit', - 'FileDetails', - 'FileDetailsLabel', - 'FileDropZone', - 'PreviewAttachment' - ] +propComponents: ['AttachMenu', 'AttachmentEdit', 'FileDetails', 'FileDetailsLabel', 'FileDropZone', 'PreviewAttachment'] --- import AttachmentEdit from '@patternfly/virtual-assistant/dist/dynamic/AttachmentEdit'; @@ -30,7 +22,6 @@ import { PreviewAttachment } from '@patternfly/virtual-assistant/dist/dynamic/Pr import { BellIcon, UploadIcon, CodeIcon, ClipboardIcon, CalendarAltIcon } from '@patternfly/react-icons'; import PaperclipIcon from './PaperclipIcon.svg'; -import AttachmentIcon from './AttachmentIcon.svg'; ### Attach menu for appending to attach icon @@ -52,7 +43,7 @@ import AttachmentIcon from './AttachmentIcon.svg'; ### Details of file attached to chat conversation -The file extension on the upladed file is reflected in the text below the file name. +The file extension on the uploaded file is reflected in the text below the file name. ```js file="./FileDetails.tsx" From 2d37fdefb2f9fe6d571d4ec0f40573ab6b75f5b7 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Fri, 13 Sep 2024 19:05:42 -0400 Subject: [PATCH 4/4] Turn Pod into special component --- .../examples/ChatbotAttachment/AttachMenu.tsx | 49 +++++++++---------- .../ChatbotAttachment/ChatbotAttachment.md | 1 + .../examples/demos/AttachmentDemos.md | 1 + .../examples/demos/ChatbotAttachmentMenu.tsx | 49 +++++++++---------- .../module/src/AttachMenu/AttachMenu.scss | 6 --- .../SourceDetailsMenuItem.scss | 33 +++++++++++++ .../SourceDetailsMenuItem.tsx | 31 ++++++++++++ .../module/src/SourceDetailsMenuItem/index.ts | 2 + packages/module/src/index.ts | 3 ++ packages/module/src/main.scss | 24 +++++---- 10 files changed, 131 insertions(+), 68 deletions(-) create mode 100644 packages/module/src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss create mode 100644 packages/module/src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx create mode 100644 packages/module/src/SourceDetailsMenuItem/index.ts diff --git a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachMenu.tsx b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachMenu.tsx index fa16d02..bf1b95a 100644 --- a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachMenu.tsx +++ b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/AttachMenu.tsx @@ -1,39 +1,36 @@ import React from 'react'; import AttachMenu from '@patternfly/virtual-assistant/dist/dynamic/AttachMenu'; +import SourceDetailsMenuItem from '@patternfly/virtual-assistant/dist/dynamic/SourceDetailsMenuItem'; import { Button, Divider, DropdownGroup, DropdownItem, DropdownList } from '@patternfly/react-core'; import { BellIcon, CodeIcon, ClipboardIcon, CalendarAltIcon, UploadIcon } from '@patternfly/react-icons'; import PaperclipIcon from './PaperclipIcon'; const initialMenuItems = [ - - - + + - - - - - - - - } - > -
- auth-operator -
Pod
-
+ + + + + + + + + + } + name="auth-operator" + type="Pod" + /> , diff --git a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/ChatbotAttachment.md b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/ChatbotAttachment.md index cf4d8fc..5960819 100644 --- a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/ChatbotAttachment.md +++ b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotAttachment/ChatbotAttachment.md @@ -19,6 +19,7 @@ import FileDetails from '@patternfly/virtual-assistant/dist/dynamic/FileDetails' import FileDetailsLabel from '@patternfly/virtual-assistant/dist/dynamic/FileDetailsLabel'; import FileDropZone from '@patternfly/virtual-assistant/dist/dynamic/FileDropZone'; import { PreviewAttachment } from '@patternfly/virtual-assistant/dist/dynamic/PreviewAttachment'; +import SourceDetailsMenuItem from '@patternfly/virtual-assistant/dist/dynamic/SourceDetailsMenuItem'; import { BellIcon, UploadIcon, CodeIcon, ClipboardIcon, CalendarAltIcon } from '@patternfly/react-icons'; import PaperclipIcon from './PaperclipIcon.svg'; diff --git a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/AttachmentDemos.md b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/AttachmentDemos.md index 0b80483..606da15 100644 --- a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/AttachmentDemos.md +++ b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/AttachmentDemos.md @@ -23,6 +23,7 @@ import FileDropZone from '@patternfly/virtual-assistant/dist/dynamic/FileDropZon import FileDetailsLabel from '@patternfly/virtual-assistant/dist/dynamic/FileDetailsLabel'; import PreviewAttachment from '@patternfly/virtual-assistant/dist/dynamic/PreviewAttachment'; import AttachmentEdit from '@patternfly/virtual-assistant/dist/dynamic/AttachmentEdit'; +import SourceDetailsMenuItem from '@patternfly/virtual-assistant/dist/dynamic/SourceDetailsMenuItem'; import { BellIcon, CalendarAltIcon, ClipboardIcon, CodeIcon, UploadIcon } from '@patternfly/react-icons'; import { useDropzone } from 'react-dropzone'; diff --git a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/ChatbotAttachmentMenu.tsx b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/ChatbotAttachmentMenu.tsx index af3ca92..cd3f51f 100644 --- a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/ChatbotAttachmentMenu.tsx +++ b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/demos/ChatbotAttachmentMenu.tsx @@ -8,6 +8,7 @@ import MessageBar from '@patternfly/virtual-assistant/dist/dynamic/MessageBar'; import MessageBox from '@patternfly/virtual-assistant/dist/dynamic/MessageBox'; import Message, { MessageProps } from '@patternfly/virtual-assistant/dist/dynamic/Message'; import FileDropZone from '@patternfly/virtual-assistant/dist/dynamic/FileDropZone'; +import SourceDetailsMenuItem from '@patternfly/virtual-assistant/dist/dynamic/SourceDetailsMenuItem'; import { Alert, AlertActionCloseButton, @@ -23,34 +24,30 @@ import { useDropzone } from 'react-dropzone'; const initialMenuItems = [ - - - + + - - - - - - - - } - > -
- auth-operator -
Pod
-
+ + + + + + + + + + } + name="auth-operator" + type="Pod" + /> , diff --git a/packages/module/src/AttachMenu/AttachMenu.scss b/packages/module/src/AttachMenu/AttachMenu.scss index 6a5a629..fd4f0fe 100644 --- a/packages/module/src/AttachMenu/AttachMenu.scss +++ b/packages/module/src/AttachMenu/AttachMenu.scss @@ -59,10 +59,4 @@ .pf-v6-c-divider { padding: 0 var(--pf-t--global--spacer--md) 0 var(--pf-t--global--spacer--md); } - - // this is only used in demo code - .pf-chatbot__object > .pf-v6-c-menu__item-main > .pf-v6-c-menu__item-icon { - width: 24px; - color: var(--pf-t--global--icon--color--status--custom--default); - } } diff --git a/packages/module/src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss b/packages/module/src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss new file mode 100644 index 0000000..9cbcc75 --- /dev/null +++ b/packages/module/src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss @@ -0,0 +1,33 @@ +.pf-chatbot__source-details-subhead { + color: var(--pf-t--global--text--color--subtle); + font-size: var(--pf-t--global--icon--size--font--xs); + font-weight: 500; +} + +.pf-chatbot__source-details-heading { + font-size: var(--pf-t--global--font--size--body--default); + word-wrap: break-word; +} + +.pf-chatbot__source-details-icon { + width: 100%; +} + +// this is only used in demo code +.pf-chatbot__source-details-icon > .pf-v6-c-icon__content > svg { + width: 24px; + color: var(--pf-t--global--icon--color--status--custom--default); +} +.pf-chatbot-source-details-dropdown-item:hover { + .pf-chatbot__source-details-icon > .pf-v6-c-icon__content > svg { + color: var(--pf-t--global--icon--color--status--custom--hover); + } +} + +.pf-chatbot__source-details { + flex-direction: row; +} + +.pf-chatbot__source-details-text { + max-width: 20rem; +} diff --git a/packages/module/src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx b/packages/module/src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx new file mode 100644 index 0000000..7b38543 --- /dev/null +++ b/packages/module/src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx @@ -0,0 +1,31 @@ +import React, { PropsWithChildren } from 'react'; +import { Icon, Flex, Stack, StackItem } from '@patternfly/react-core'; + +interface SourceDetailsMenuItemProps { + /** Icon */ + icon: React.ReactNode; + /** Name of source */ + name: string; + /** Description of source */ + type?: string; +} + +export const SourceDetailsMenuItem = ({ icon, name, type }: PropsWithChildren) => ( + + + {icon} + + + + {name} + + {type && {type}} + + +); + +export default SourceDetailsMenuItem; diff --git a/packages/module/src/SourceDetailsMenuItem/index.ts b/packages/module/src/SourceDetailsMenuItem/index.ts new file mode 100644 index 0000000..9e506f3 --- /dev/null +++ b/packages/module/src/SourceDetailsMenuItem/index.ts @@ -0,0 +1,2 @@ +export { default } from './SourceDetailsMenuItem'; +export * from './SourceDetailsMenuItem'; diff --git a/packages/module/src/index.ts b/packages/module/src/index.ts index 53d7e4f..684d9b6 100644 --- a/packages/module/src/index.ts +++ b/packages/module/src/index.ts @@ -60,6 +60,9 @@ export * from './MessageBox'; export { default as PreviewAttachment } from './PreviewAttachment'; export * from './PreviewAttachment'; +export { default as SourceDetailsMenuItem } from './SourceDetailsMenuItem'; +export * from './SourceDetailsMenuItem'; + export { default as SystemMessageEntry } from './SystemMessageEntry'; export * from './SystemMessageEntry'; diff --git a/packages/module/src/main.scss b/packages/module/src/main.scss index 2357869..c8fd250 100644 --- a/packages/module/src/main.scss +++ b/packages/module/src/main.scss @@ -14,6 +14,7 @@ @import './MessageBox/MessageBox'; @import './Message/Message'; @import './ChatbotPopover/ChatbotPopover'; +@import './SourceDetailsMenuItem/SourceDetailsMenuItem'; :where(:root) { // ============================================================================ @@ -21,12 +22,12 @@ // ============================================================================ --pf-t--chatbot--heading--font-family: var( - --pf-v6-c-content--heading--FontFamily, - redhatdisplayvf, - redhatdisplay, - helvetica, - arial, - sans-serif + --pf-v6-c-content--heading--FontFamily, + redhatdisplayvf, + redhatdisplay, + helvetica, + arial, + sans-serif ); --pf-t--chatbot--illustration--fill: var(--pf-t--color--red--50); @@ -36,9 +37,14 @@ --pf-t--chatbot-toggle--background--hover: var(--pf-t--color--gray--70); - --pf-t--chatbot--timing-function: cubic-bezier(0.77,0,0.175,1); + --pf-t--chatbot--timing-function: cubic-bezier(0.77, 0, 0.175, 1); - --pf-t--chatbot--blue-icon--background--color--hover: rgba(185, 218, 252, .25); // --pf-t--global--color--nonstatus--blue--default @ 25% + --pf-t--chatbot--blue-icon--background--color--hover: rgba( + 185, + 218, + 252, + 0.25 + ); // --pf-t--global--color--nonstatus--blue--default @ 25% --pf-t--chatbot--blue-icon--fill--hover: var(--pf-t--global--color--brand--hover); // ============================================================================ @@ -69,7 +75,6 @@ --pf-t--chatbot--blue-icon--background--color--hover: var(--pf-t--global--color--brand--hover); --pf-t--chatbot--blue-icon--fill--hover: var(--pf-t--global--icon--color--inverse); - } .ws-full-page-utils { @@ -84,4 +89,3 @@ .pf-v6-c-backdrop { position: static; } -