@patternfly/chatbot 6.7.0-prerelease.2 → 6.7.0-prerelease.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +2 -2
- package/dist/cjs/ChatbotToggle/ChatbotToggle.d.ts +2 -0
- package/dist/cjs/ChatbotToggle/ChatbotToggle.js +5 -5
- package/dist/cjs/ChatbotToggle/ChatbotToggle.test.js +4 -0
- package/dist/cjs/MessageDivider/MessageDivider.js +1 -1
- package/dist/css/main.css +78 -83
- package/dist/css/main.css.map +1 -1
- package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +2 -2
- package/dist/esm/ChatbotToggle/ChatbotToggle.d.ts +2 -0
- package/dist/esm/ChatbotToggle/ChatbotToggle.js +5 -5
- package/dist/esm/ChatbotToggle/ChatbotToggle.test.js +4 -0
- package/dist/esm/MessageDivider/MessageDivider.js +1 -1
- package/package.json +8 -8
- package/patternfly-docs/content/extensions/chatbot/examples/UI/SecondaryChatbotToggle.tsx +15 -0
- package/patternfly-docs/content/extensions/chatbot/examples/UI/UI.md +8 -0
- package/src/Chatbot/Chatbot.scss +42 -26
- package/src/ChatbotContent/ChatbotContent.scss +10 -5
- package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss +14 -0
- package/src/ChatbotFooter/ChatbotFooter.scss +12 -10
- package/src/ChatbotHeader/ChatbotHeader.scss +7 -53
- package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx +2 -2
- package/src/ChatbotModal/ChatbotModal.scss +0 -9
- package/src/ChatbotToggle/ChatbotToggle.scss +24 -7
- package/src/ChatbotToggle/ChatbotToggle.test.tsx +4 -0
- package/src/ChatbotToggle/ChatbotToggle.tsx +18 -18
- package/src/ChatbotWelcomePrompt/__snapshots__/ChatbotWelcomePrompt.test.tsx.snap +1 -1
- package/src/FileDetailsLabel/FileDetailsLabel.scss +5 -0
- package/src/LoadingMessage/__snapshots__/LoadingMessage.test.tsx.snap +16 -4
- package/src/MessageBar/MessageBar.scss +4 -24
- package/src/MessageDivider/MessageDivider.scss +7 -9
- package/src/MessageDivider/MessageDivider.tsx +1 -1
|
@@ -36,33 +36,24 @@
|
|
|
36
36
|
position: absolute;
|
|
37
37
|
inset: 0;
|
|
38
38
|
border-radius: inherit;
|
|
39
|
-
border: var(--pf-t--global--border--width--control--default) solid
|
|
39
|
+
border: var(--pf-t--global--border--width--control--default) solid
|
|
40
|
+
var(--pf-t--global--border--color--control--default);
|
|
40
41
|
pointer-events: none;
|
|
41
42
|
transition:
|
|
42
43
|
border-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm),
|
|
43
44
|
border-width var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm);
|
|
44
45
|
}
|
|
45
46
|
|
|
46
|
-
&::after {
|
|
47
|
-
border-color: var(--pf-t--global--border--color--control--default, transparent);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
&.pf-m-primary {
|
|
51
|
-
&::after {
|
|
52
|
-
border-color: var(--pf-t--global--border--color--control--default, --pf-t--global--border--color--default);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
|
|
56
47
|
&:hover {
|
|
57
48
|
&::after {
|
|
58
|
-
border-color: var(--pf-t--global--border--color--hover
|
|
49
|
+
border-color: var(--pf-t--global--border--color--control--hover);
|
|
59
50
|
border-width: var(--pf-t--global--border--width--control--hover);
|
|
60
51
|
}
|
|
61
52
|
}
|
|
62
53
|
|
|
63
54
|
&:focus-within {
|
|
64
55
|
&::after {
|
|
65
|
-
border-color: var(--pf-t--global--border--color--clicked
|
|
56
|
+
border-color: var(--pf-t--global--border--color--control--clicked);
|
|
66
57
|
border-width: var(--pf-t--global--border--width--control--clicked);
|
|
67
58
|
}
|
|
68
59
|
}
|
|
@@ -183,14 +174,3 @@
|
|
|
183
174
|
.pf-chatbot__message-bar.pf-m-multiline {
|
|
184
175
|
border-radius: calc(var(--pf-t--global--border--radius--small) * 2);
|
|
185
176
|
}
|
|
186
|
-
|
|
187
|
-
// ============================================================================
|
|
188
|
-
// High contrast styles
|
|
189
|
-
// ============================================================================
|
|
190
|
-
:root:where(.pf-v6-theme-high-contrast) {
|
|
191
|
-
.pf-chatbot__message-bar {
|
|
192
|
-
&::after {
|
|
193
|
-
border-color: var(--pf-t--global--border--color--control--default, --pf-t--global--border--color--default);
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
}
|
|
@@ -12,30 +12,28 @@
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.pf-v6-c-label {
|
|
15
|
-
--pf-v6-c-label--
|
|
16
|
-
--pf-v6-c-label--
|
|
17
|
-
--pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
15
|
+
--pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--default);
|
|
16
|
+
--pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
18
17
|
--pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
19
|
-
|
|
18
|
+
|
|
20
19
|
.pf-v6-c-label__text {
|
|
21
20
|
font-weight: var(--pf-t--global--font--weight--body--bold);
|
|
22
21
|
text-align: center;
|
|
23
|
-
}
|
|
22
|
+
}
|
|
24
23
|
}
|
|
25
24
|
|
|
26
|
-
&.pf-m-divider {
|
|
25
|
+
&.pf-m-divider {
|
|
27
26
|
.pf-v6-c-label {
|
|
28
|
-
--pf-v6-c-label--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
29
27
|
--pf-v6-c-label--MaxWidth: 75%;
|
|
30
28
|
|
|
31
29
|
justify-self: center;
|
|
32
30
|
}
|
|
33
|
-
|
|
31
|
+
|
|
34
32
|
.pf-v6-c-divider {
|
|
35
33
|
align-self: center;
|
|
36
34
|
}
|
|
37
35
|
}
|
|
38
|
-
|
|
36
|
+
|
|
39
37
|
&.pf-m-wrap {
|
|
40
38
|
.pf-v6-c-label,
|
|
41
39
|
.pf-v6-c-label__text {
|
|
@@ -20,7 +20,7 @@ const MessageDivider: FunctionComponent<MessageDividerProps> = ({
|
|
|
20
20
|
return (
|
|
21
21
|
<div className="pf-chatbot__message-divider pf-m-divider pf-m-wrap" {...props}>
|
|
22
22
|
<Divider />
|
|
23
|
-
<Label
|
|
23
|
+
<Label>{content}</Label>
|
|
24
24
|
</div>
|
|
25
25
|
);
|
|
26
26
|
}
|