@pega/cosmos-react-work 10.0.0-build.4.9 → 10.0.0-build.5.0
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/lib/components/AppAnnouncement/AppAnnouncement.d.ts.map +1 -1
- package/lib/components/AppAnnouncement/AppAnnouncement.js +25 -3
- package/lib/components/AppAnnouncement/AppAnnouncement.js.map +1 -1
- package/lib/components/Article/ArticleRating.d.ts.map +1 -1
- package/lib/components/Article/ArticleRating.js +2 -2
- package/lib/components/Article/ArticleRating.js.map +1 -1
- package/lib/components/ArticleList/ArticleFeedback.d.ts.map +1 -1
- package/lib/components/ArticleList/ArticleFeedback.js +2 -2
- package/lib/components/ArticleList/ArticleFeedback.js.map +1 -1
- package/lib/components/CaseView/CaseHeader/CaseHeader.d.ts.map +1 -1
- package/lib/components/CaseView/CaseHeader/CaseHeader.js +1 -1
- package/lib/components/CaseView/CaseHeader/CaseHeader.js.map +1 -1
- package/lib/components/CaseView/CaseView.styles.d.ts.map +1 -1
- package/lib/components/CaseView/CaseView.styles.js +153 -137
- package/lib/components/CaseView/CaseView.styles.js.map +1 -1
- package/lib/components/CaseView/CaseView.types.d.ts +1 -0
- package/lib/components/CaseView/CaseView.types.d.ts.map +1 -1
- package/lib/components/CaseView/CaseView.types.js.map +1 -1
- package/lib/components/GenAICoach/GenAICoach.d.ts +1 -1
- package/lib/components/GenAICoach/GenAICoach.d.ts.map +1 -1
- package/lib/components/GenAICoach/GenAICoach.js +39 -6
- package/lib/components/GenAICoach/GenAICoach.js.map +1 -1
- package/lib/components/GenAICoach/GenAICoach.styles.d.ts +9 -0
- package/lib/components/GenAICoach/GenAICoach.styles.d.ts.map +1 -1
- package/lib/components/GenAICoach/GenAICoach.styles.js +146 -129
- package/lib/components/GenAICoach/GenAICoach.styles.js.map +1 -1
- package/lib/components/GenAICoach/GenAICoach.test-ids.d.ts +1 -1
- package/lib/components/GenAICoach/GenAICoach.test-ids.d.ts.map +1 -1
- package/lib/components/GenAICoach/GenAICoach.test-ids.js +3 -1
- package/lib/components/GenAICoach/GenAICoach.test-ids.js.map +1 -1
- package/lib/components/GenAICoach/GenAICoach.types.d.ts +13 -1
- package/lib/components/GenAICoach/GenAICoach.types.d.ts.map +1 -1
- package/lib/components/GenAICoach/GenAICoach.types.js.map +1 -1
- package/lib/components/GenAICoach/GenAIMessage.d.ts.map +1 -1
- package/lib/components/GenAICoach/GenAIMessage.js +7 -4
- package/lib/components/GenAICoach/GenAIMessage.js.map +1 -1
- package/lib/components/GenAICoach/GenAIMessageFeedback.d.ts.map +1 -1
- package/lib/components/GenAICoach/GenAIMessageFeedback.js +2 -2
- package/lib/components/GenAICoach/GenAIMessageFeedback.js.map +1 -1
- package/lib/components/GenAICoach/Questionnaire.d.ts.map +1 -1
- package/lib/components/GenAICoach/Questionnaire.js +10 -3
- package/lib/components/GenAICoach/Questionnaire.js.map +1 -1
- package/lib/components/GenAICoach/index.d.ts +1 -1
- package/lib/components/GenAICoach/index.d.ts.map +1 -1
- package/lib/components/GenAICoach/index.js.map +1 -1
- package/lib/components/IntelligentGuidance/IntelligentGuidance.styles.d.ts.map +1 -1
- package/lib/components/IntelligentGuidance/IntelligentGuidance.styles.js +20 -9
- package/lib/components/IntelligentGuidance/IntelligentGuidance.styles.js.map +1 -1
- package/lib/components/InteractionNotification/InteractionNotification.d.ts +1 -1
- package/lib/components/InteractionNotification/InteractionNotification.d.ts.map +1 -1
- package/lib/components/InteractionNotification/InteractionNotification.js +2 -2
- package/lib/components/InteractionNotification/InteractionNotification.js.map +1 -1
- package/lib/components/Shortcuts/Shortcuts.d.ts +1 -1
- package/lib/components/Shortcuts/Shortcuts.d.ts.map +1 -1
- package/lib/components/Shortcuts/Shortcuts.js +17 -9
- package/lib/components/Shortcuts/Shortcuts.js.map +1 -1
- package/lib/components/Shortcuts/Shortcuts.styles.d.ts +3 -1
- package/lib/components/Shortcuts/Shortcuts.styles.d.ts.map +1 -1
- package/lib/components/Shortcuts/Shortcuts.styles.js +20 -18
- package/lib/components/Shortcuts/Shortcuts.styles.js.map +1 -1
- package/lib/components/Shortcuts/Shortcuts.test-ids.d.ts +1 -1
- package/lib/components/Shortcuts/Shortcuts.test-ids.d.ts.map +1 -1
- package/lib/components/Shortcuts/Shortcuts.test-ids.js +4 -3
- package/lib/components/Shortcuts/Shortcuts.test-ids.js.map +1 -1
- package/lib/components/Shortcuts/Shortcuts.types.d.ts +14 -2
- package/lib/components/Shortcuts/Shortcuts.types.d.ts.map +1 -1
- package/lib/components/Shortcuts/Shortcuts.types.js.map +1 -1
- package/lib/components/Stages/Stages.d.ts.map +1 -1
- package/lib/components/Stages/Stages.js +6 -4
- package/lib/components/Stages/Stages.js.map +1 -1
- package/lib/components/Stages/Stages.styles.d.ts +3 -3
- package/lib/components/Stages/Stages.styles.d.ts.map +1 -1
- package/lib/components/Stages/Stages.styles.js +116 -22
- package/lib/components/Stages/Stages.styles.js.map +1 -1
- package/lib/components/Tags/Tags.d.ts.map +1 -1
- package/lib/components/Tags/Tags.js +1 -12
- package/lib/components/Tags/Tags.js.map +1 -1
- package/lib/components/Tasks/TaskCard.d.ts.map +1 -1
- package/lib/components/Tasks/TaskCard.js +5 -2
- package/lib/components/Tasks/TaskCard.js.map +1 -1
- package/lib/components/Tasks/TaskList.d.ts.map +1 -1
- package/lib/components/Tasks/TaskList.js +24 -16
- package/lib/components/Tasks/TaskList.js.map +1 -1
- package/lib/components/Tasks/Tasks.d.ts +7 -2
- package/lib/components/Tasks/Tasks.d.ts.map +1 -1
- package/lib/components/Tasks/Tasks.js +7 -5
- package/lib/components/Tasks/Tasks.js.map +1 -1
- package/package.json +3 -3
|
@@ -215,6 +215,15 @@ export declare const StyledMenuSuggestions: import("styled-components/dist/types
|
|
|
215
215
|
}, never>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").MenuButtonProps> & {
|
|
216
216
|
getTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly []>;
|
|
217
217
|
}, keyof import("react").Component<any, {}, any>>;
|
|
218
|
+
/**
|
|
219
|
+
* Compact MenuButton used in the composer toolbar for agent mode and model selection.
|
|
220
|
+
* Appears only when the corresponding config prop is provided.
|
|
221
|
+
*/
|
|
222
|
+
export declare const StyledComposerSelector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@pega/cosmos-react-core").MenuButtonProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
|
|
223
|
+
ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
|
|
224
|
+
}, never>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").MenuButtonProps> & {
|
|
225
|
+
getTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly []>;
|
|
226
|
+
}, keyof import("react").Component<any, {}, any>>;
|
|
218
227
|
export declare const StyledDisclaimerText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("@pega/cosmos-react-core").TextProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement | HTMLSpanElement> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
|
|
219
228
|
ref?: ((instance: HTMLHeadingElement | HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLHeadingElement | HTMLSpanElement> | null | undefined;
|
|
220
229
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenAICoach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.styles.ts"],"names":[],"mappings":"AAiEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,qBAAqB,6NAAe,CAAC;AAElD,eAAO,MAAM,sBAAsB;cAAmC,OAAO;0MAmB3E,CAAC;AAIH,eAAO,MAAM,qBAAqB;cAA0B,OAAO;uBAAqB,OAAO;YA8B9F,CAAC;AAIF,eAAO,MAAM,uBAAuB;0BAAsC,OAAO;YAoBhF,CAAC;AAIF,eAAO,MAAM,uBAAuB;;;
|
|
1
|
+
{"version":3,"file":"GenAICoach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styled, { createGlobalStyle, css, keyframes } from 'styled-components';
|
|
2
2
|
import { useContext } from 'react';
|
|
3
|
-
import { mix, darken,
|
|
4
|
-
import { AppShellContext, Button, FileList, Flex, FormControl, Icon, Image, MenuButton, InfoDialog, StyledEmptyState, StyledErrorState, StyledIcon, StyledText, SummaryItem, Text, TextArea, calculateFontSize, calculateForegroundColor, defaultThemeProp, isSolidColor, tryCatch, Avatar, Fullscreen, animations, Modal, StyledIconShape } from '@pega/cosmos-react-core';
|
|
3
|
+
import { mix, darken, transparentize } from 'polished';
|
|
4
|
+
import { AppShellContext, Button, FileList, Flex, FormControl, Icon, Image, MenuButton, InfoDialog, StyledEmptyState, StyledErrorState, StyledIcon, StyledText, SummaryItem, Text, TextArea, calculateFontSize, calculateForegroundColor, defaultThemeProp, isSolidColor, meetsMinContrast, tryCatch, Avatar, Fullscreen, animations, Modal, StyledIconShape } from '@pega/cosmos-react-core';
|
|
5
5
|
import { StyledCard } from '@pega/cosmos-react-core/lib/components/Card/Card';
|
|
6
6
|
import { StyledCardHeader } from '@pega/cosmos-react-core/lib/components/Card/CardHeader';
|
|
7
7
|
import { StyledCardFooter } from '@pega/cosmos-react-core/lib/components/Card/CardFooter';
|
|
@@ -15,7 +15,6 @@ import { resizeDrawerMaxWidth, portalAgentMinWidth, portalAgentDefaultWidth } fr
|
|
|
15
15
|
import { lineClamp } from '@pega/cosmos-react-core/lib/styles/mixins';
|
|
16
16
|
import { RichTextViewer } from '@pega/cosmos-react-rte';
|
|
17
17
|
import { StepMarker, StyledStepText } from '@pega/cosmos-react-core/lib/components/MultiStepForm/FormProgress.styles';
|
|
18
|
-
import { StyledResizeHandle } from '@pega/cosmos-react-core/lib/components/Drawer/ResizeHandle';
|
|
19
18
|
import { StyledTouchDialog } from '@pega/cosmos-react-core/lib/components/Dialog/TouchDialog.styles';
|
|
20
19
|
import { StyledStages } from '../Stages/Stages.styles';
|
|
21
20
|
import { isInUtilities } from './GenAICoach.utils';
|
|
@@ -91,54 +90,55 @@ export const StyledHeaderContainer = styled(Flex)(({ theme }) => {
|
|
|
91
90
|
`;
|
|
92
91
|
});
|
|
93
92
|
StyledHeaderContainer.defaultProps = defaultThemeProp;
|
|
94
|
-
export const StyledGenAICoachContainer = styled.div(({ theme
|
|
93
|
+
export const StyledGenAICoachContainer = styled.div(({ theme, variant, fullScreen, isCompact, isPortalAgent, simplifiedAgent }) => {
|
|
94
|
+
const { base: { palette, 'z-index': zIndex, spacing, breakpoints, animation, 'border-radius': baseBorderRadius }, components: { card: { 'border-radius': cardBorderRadius }, agent: { background: agentBackground, 'foreground-color': agentForegroundColor }, 'form-control': { 'border-radius': formControlBorderRadius } } } = theme;
|
|
95
95
|
const { previewActive } = useContext(AppShellContext);
|
|
96
|
-
const foregroundColorForAgent = calculateForegroundColor(agentBackground, agentForegroundColor);
|
|
96
|
+
const foregroundColorForAgent = calculateForegroundColor(agentBackground, agentForegroundColor, theme);
|
|
97
97
|
return css `
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
98
|
+
background: ${agentBackground};
|
|
99
|
+
color: ${foregroundColorForAgent};
|
|
100
|
+
min-width: var(--utilities-drawer-min-width);
|
|
101
|
+
border-radius: ${cardBorderRadius};
|
|
102
|
+
transition: height ${animation.speed} ${animation.timing.ease};
|
|
103
|
+
${simplifiedAgent
|
|
104
104
|
? css `
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
105
|
+
--message-container-width: 40rem;
|
|
106
|
+
--messages-list-margin-start: 0;
|
|
107
|
+
`
|
|
108
108
|
: css `
|
|
109
|
-
|
|
110
|
-
|
|
109
|
+
--message-container-width: 62.5rem;
|
|
110
|
+
`}
|
|
111
111
|
|
|
112
|
-
|
|
112
|
+
${variant.placement === 'dialog' &&
|
|
113
113
|
css `
|
|
114
|
-
|
|
115
|
-
|
|
114
|
+
border-radius: calc(${formControlBorderRadius} * ${baseBorderRadius});
|
|
115
|
+
`}
|
|
116
116
|
|
|
117
117
|
${isInUtilities(variant) &&
|
|
118
118
|
!fullScreen &&
|
|
119
119
|
css `
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
120
|
+
min-height: 3rem;
|
|
121
|
+
max-width: 31.25rem;
|
|
122
|
+
box-shadow: 0 -1rem 1rem ${palette['app-background']};
|
|
123
|
+
border-radius: ${cardBorderRadius} ${cardBorderRadius} 0 0;
|
|
124
|
+
position: fixed;
|
|
125
|
+
inset-block-end: var(--appshell-bottom-offset, 0);
|
|
126
|
+
inset-inline-end: calc(2 * ${spacing});
|
|
127
|
+
z-index: calc(${zIndex.drawer} + 1);
|
|
128
|
+
width: 25rem;
|
|
129
|
+
|
|
130
|
+
${previewActive &&
|
|
131
131
|
css `
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
132
|
+
@media (min-width: ${breakpoints.md}) {
|
|
133
|
+
margin-inline-end: min(var(--resize-drawer-width), ${resizeDrawerMaxWidth});
|
|
134
|
+
}
|
|
135
|
+
`}
|
|
136
136
|
|
|
137
|
-
|
|
137
|
+
${variant.state === 'minimized' &&
|
|
138
138
|
css `
|
|
139
|
-
|
|
140
|
-
`}
|
|
139
|
+
height: 3rem;
|
|
141
140
|
`}
|
|
141
|
+
`}
|
|
142
142
|
|
|
143
143
|
/*
|
|
144
144
|
~85% of Utilities height and fixed height if screen size less than md and devices with coarse pointer
|
|
@@ -147,55 +147,55 @@ export const StyledGenAICoachContainer = styled.div(({ theme: { base: { palette,
|
|
|
147
147
|
${((isInUtilities(variant) && variant.state === 'maximized') || !isInUtilities(variant)) &&
|
|
148
148
|
!fullScreen &&
|
|
149
149
|
css `
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
150
|
+
height: calc(0.85 * var(--case-view-height, 95vh));
|
|
151
|
+
@media (pointer: coarse) and (max-width: ${breakpoints.md}) {
|
|
152
|
+
height: 40rem;
|
|
153
|
+
}
|
|
154
|
+
`}
|
|
155
155
|
|
|
156
156
|
${variant.placement === 'fullpage' &&
|
|
157
157
|
css `
|
|
158
|
-
|
|
158
|
+
${simplifiedAgent
|
|
159
159
|
? css `
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
160
|
+
transition: height 0.6s cubic-bezier(0.4, 0, 0.6, 1);
|
|
161
|
+
height: var(--content-height-in-agent, var(--content-height-in-view, 100vh));
|
|
162
|
+
`
|
|
163
163
|
: css `
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
164
|
+
height: var(--content-height-in-view, 100vh);
|
|
165
|
+
`}
|
|
166
|
+
`}
|
|
167
167
|
|
|
168
168
|
${isCompact &&
|
|
169
169
|
css `
|
|
170
|
-
|
|
171
|
-
|
|
170
|
+
height: ${simplifiedAgent ? 'var(--compact-height, auto)' : '100%'};
|
|
171
|
+
max-height: ${simplifiedAgent
|
|
172
172
|
? 'var(--content-height-in-agent, var(--content-height-in-view, 100vh))'
|
|
173
173
|
: 'var(--content-height-in-view, 100vh)'};
|
|
174
174
|
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
175
|
+
${StyledMessagesContainer} {
|
|
176
|
+
margin-block-end: 0;
|
|
177
|
+
}
|
|
178
|
+
`}
|
|
179
179
|
|
|
180
180
|
${fullScreen &&
|
|
181
181
|
css `
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
182
|
+
height: 100vh;
|
|
183
|
+
border-radius: 0;
|
|
184
|
+
`}
|
|
185
185
|
|
|
186
186
|
${isPortalAgent &&
|
|
187
187
|
css `
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
188
|
+
height: 100%;
|
|
189
|
+
min-height: 0;
|
|
190
|
+
border-radius: 0;
|
|
191
|
+
`}
|
|
192
192
|
|
|
193
193
|
${StyledErrorState} {
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
}
|
|
194
|
+
${StyledText} {
|
|
195
|
+
color: ${agentForegroundColor};
|
|
197
196
|
}
|
|
198
|
-
|
|
197
|
+
}
|
|
198
|
+
`;
|
|
199
199
|
});
|
|
200
200
|
StyledGenAICoachContainer.defaultProps = defaultThemeProp;
|
|
201
201
|
export const StyledGenAIOptionsMenu = styled(MenuButton)(({ theme: { base: { 'font-size': fontSize, 'font-scale': fontScale, 'font-weight': fontWeight }, components: { agent: { ai } } } }) => {
|
|
@@ -219,6 +219,21 @@ export const StyledMenuSuggestions = styled(MenuButton)(({ theme: { base: { 'bor
|
|
|
219
219
|
`;
|
|
220
220
|
});
|
|
221
221
|
StyledMenuSuggestions.defaultProps = defaultThemeProp;
|
|
222
|
+
/**
|
|
223
|
+
* Compact MenuButton used in the composer toolbar for agent mode and model selection.
|
|
224
|
+
* Appears only when the corresponding config prop is provided.
|
|
225
|
+
*/
|
|
226
|
+
export const StyledComposerSelector = styled(MenuButton)(({ theme: { base: { spacing } } }) => {
|
|
227
|
+
return css `
|
|
228
|
+
color: inherit;
|
|
229
|
+
padding-inline: calc(0.5 * ${spacing});
|
|
230
|
+
margin-inline-start: ${spacing};
|
|
231
|
+
flex-shrink: 1;
|
|
232
|
+
min-width: 7ch;
|
|
233
|
+
max-width: 30ch;
|
|
234
|
+
`;
|
|
235
|
+
});
|
|
236
|
+
StyledComposerSelector.defaultProps = defaultThemeProp;
|
|
222
237
|
export const StyledDisclaimerText = styled(Text)(({ inFullPage, theme: { base: { 'font-size': fontSize, 'font-scale': fontScale, spacing, animation } } }) => {
|
|
223
238
|
const systemFontSize = calculateFontSize(fontSize, fontScale).xs;
|
|
224
239
|
return css `
|
|
@@ -372,47 +387,49 @@ export const StyledMessageSender = styled(Text)(({ theme: { base: { 'font-size':
|
|
|
372
387
|
`;
|
|
373
388
|
});
|
|
374
389
|
StyledMessageSender.defaultProps = defaultThemeProp;
|
|
375
|
-
export const StyledUserMessage = styled.li(({ theme
|
|
376
|
-
const
|
|
390
|
+
export const StyledUserMessage = styled.li(({ theme }) => {
|
|
391
|
+
const { base: { 'border-radius': borderRadius, spacing }, components: { agent: { 'user-message': { background: userMessageBackground, 'foreground-color': userMessageForegroundColor } } } } = theme;
|
|
392
|
+
const foregroundColorForUserMessage = calculateForegroundColor(userMessageBackground, userMessageForegroundColor, theme);
|
|
377
393
|
return css `
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
394
|
+
overflow-wrap: break-word;
|
|
395
|
+
background: ${userMessageBackground};
|
|
396
|
+
color: ${foregroundColorForUserMessage};
|
|
397
|
+
margin-inline-start: calc(4 * ${spacing});
|
|
398
|
+
margin-block-end: calc(0.5 * ${spacing});
|
|
399
|
+
padding: calc(0.5 * ${spacing});
|
|
400
|
+
border-start-start-radius: calc(1.25 * ${borderRadius});
|
|
401
|
+
border-start-end-radius: calc(0.5 * ${borderRadius});
|
|
402
|
+
border-end-start-radius: calc(1.25 * ${borderRadius});
|
|
403
|
+
border-end-end-radius: calc(1.25 * ${borderRadius});
|
|
404
|
+
`;
|
|
389
405
|
});
|
|
390
406
|
StyledUserMessage.defaultProps = defaultThemeProp;
|
|
391
|
-
export const StyledSystemMessage = styled.li(({ stopped, theme
|
|
407
|
+
export const StyledSystemMessage = styled.li(({ stopped, theme }) => {
|
|
408
|
+
const { base: { spacing, 'font-size': fontSize, 'font-scale': fontScale, 'font-weight': fontWeight }, components: { agent: { 'foreground-color': agentForegroundColor, background: agentBackground } } } = theme;
|
|
392
409
|
const systemFontSize = calculateFontSize(fontSize, fontScale).xs;
|
|
393
|
-
const foregroundColorForSystemMessage = calculateForegroundColor(agentBackground, agentForegroundColor);
|
|
410
|
+
const foregroundColorForSystemMessage = calculateForegroundColor(agentBackground, agentForegroundColor, theme);
|
|
394
411
|
return css `
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
412
|
+
display: flex;
|
|
413
|
+
align-items: center;
|
|
414
|
+
gap: ${spacing};
|
|
415
|
+
overflow-wrap: break-word;
|
|
416
|
+
font-size: ${systemFontSize};
|
|
417
|
+
color: ${foregroundColorForSystemMessage};
|
|
418
|
+
opacity: 0.7;
|
|
419
|
+
margin-block: calc(2 * ${spacing});
|
|
420
|
+
${stopped &&
|
|
404
421
|
css `
|
|
405
|
-
|
|
406
|
-
|
|
422
|
+
font-weight: ${fontWeight.normal};
|
|
423
|
+
`}
|
|
407
424
|
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
425
|
+
&::before,
|
|
426
|
+
&::after {
|
|
427
|
+
content: '';
|
|
428
|
+
flex: 1;
|
|
429
|
+
border-block-start: 0.0625rem solid ${foregroundColorForSystemMessage};
|
|
430
|
+
opacity: 0.7;
|
|
431
|
+
}
|
|
432
|
+
`;
|
|
416
433
|
});
|
|
417
434
|
StyledSystemMessage.defaultProps = defaultThemeProp;
|
|
418
435
|
export const StyledMessagesList = styled.ul(({ theme: { base: { shadow, spacing } }, simplified }) => {
|
|
@@ -454,7 +471,7 @@ export const StyledMessagesList = styled.ul(({ theme: { base: { shadow, spacing
|
|
|
454
471
|
StyledMessagesList.defaultProps = defaultThemeProp;
|
|
455
472
|
export const StyledHistoryContainer = styled(Flex)(({ theme, inFullPage }) => {
|
|
456
473
|
const { background, 'foreground-color': foregroundColor } = theme.components.agent.history;
|
|
457
|
-
const foreground = calculateForegroundColor(background, foregroundColor);
|
|
474
|
+
const foreground = calculateForegroundColor(background, foregroundColor, theme);
|
|
458
475
|
return css `
|
|
459
476
|
height: 100%;
|
|
460
477
|
min-height: 0;
|
|
@@ -577,7 +594,7 @@ export const StyledSendButton = styled(Button)(({ theme: { base: { 'border-radiu
|
|
|
577
594
|
const radiusMultiplier = simplified ? 0.5 : 1;
|
|
578
595
|
return css `
|
|
579
596
|
border-radius: calc(${baseBorderRadius} * ${formControlBorderRadius} * ${radiusMultiplier});
|
|
580
|
-
|
|
597
|
+
flex-shrink: 0;
|
|
581
598
|
`;
|
|
582
599
|
});
|
|
583
600
|
StyledSendButton.defaultProps = defaultThemeProp;
|
|
@@ -585,7 +602,7 @@ export const StyledStopGeneratingButton = styled(Button)(({ theme: { base: { 'bo
|
|
|
585
602
|
const radiusMultiplier = simplified ? 0.5 : 1;
|
|
586
603
|
return css `
|
|
587
604
|
border-radius: calc(${baseBorderRadius} * ${formControlBorderRadius} * ${radiusMultiplier});
|
|
588
|
-
|
|
605
|
+
flex-shrink: 0;
|
|
589
606
|
`;
|
|
590
607
|
});
|
|
591
608
|
StyledStopGeneratingButton.defaultProps = defaultThemeProp;
|
|
@@ -801,6 +818,7 @@ StyledPortalAgentRegion.defaultProps = defaultThemeProp;
|
|
|
801
818
|
export const StyledPortalMainRegion = styled.div `
|
|
802
819
|
flex: 1 1 0%;
|
|
803
820
|
min-width: 0;
|
|
821
|
+
min-height: calc(100dvh - var(--appshell-total-offset, 0rem));
|
|
804
822
|
|
|
805
823
|
&[inert] {
|
|
806
824
|
display: none;
|
|
@@ -813,10 +831,7 @@ export const StyledPortalSeparator = styled.div `
|
|
|
813
831
|
align-self: flex-start;
|
|
814
832
|
flex-shrink: 0;
|
|
815
833
|
height: calc(100dvh - var(--appshell-total-offset, 0rem));
|
|
816
|
-
|
|
817
|
-
${StyledResizeHandle} {
|
|
818
|
-
z-index: 1;
|
|
819
|
-
}
|
|
834
|
+
z-index: 1;
|
|
820
835
|
`;
|
|
821
836
|
StyledPortalSeparator.defaultProps = defaultThemeProp;
|
|
822
837
|
export const StyledSuggestionCardsView = styled.div(({ theme: { base: { spacing, 'font-size': fontSize, 'font-scale': fontScale, 'font-weight': fontWeight, transparency, 'content-width': contentWidth }, components: { 'form-control': { 'border-color': formControlBorderColor } } } }) => {
|
|
@@ -910,7 +925,7 @@ export const StyledSuggestionCardsBottomHalf = styled(Flex)(({ theme: { base: {
|
|
|
910
925
|
StyledSuggestionCardsBottomHalf.defaultProps = defaultThemeProp;
|
|
911
926
|
export const StyledCaseWorkflowBanner = styled(Flex)(({ theme }) => {
|
|
912
927
|
const background = theme.components['case-view'].header.background;
|
|
913
|
-
const foreground = calculateForegroundColor(background, theme.components['case-view'].header['foreground-color']);
|
|
928
|
+
const foreground = calculateForegroundColor(background, theme.components['case-view'].header['foreground-color'], theme);
|
|
914
929
|
return css `
|
|
915
930
|
@keyframes case-header-fade-in {
|
|
916
931
|
from {
|
|
@@ -1054,8 +1069,9 @@ export const StyledStepsContainer = styled.div(({ theme, stageStatus }) => {
|
|
|
1054
1069
|
});
|
|
1055
1070
|
StyledStepsContainer.defaultProps = defaultThemeProp;
|
|
1056
1071
|
export const StyledCaseViewIcon = styled(Icon)(({ theme, foreground, background }) => {
|
|
1072
|
+
const minContrast = theme.base['min-contrast'];
|
|
1057
1073
|
const meetsContrast = foreground && background
|
|
1058
|
-
? tryCatch(() =>
|
|
1074
|
+
? tryCatch(() => meetsMinContrast(foreground, background, minContrast), () => false)
|
|
1059
1075
|
: true;
|
|
1060
1076
|
return css `
|
|
1061
1077
|
--brand-accent: ${theme.base.palette['brand-accent']};
|
|
@@ -1096,7 +1112,7 @@ export const StyledCaseViewImage = styled(Image) `
|
|
|
1096
1112
|
StyledCaseViewImage.defaultProps = defaultThemeProp;
|
|
1097
1113
|
export const StyledActiveCaseButton = styled.button(({ theme }) => {
|
|
1098
1114
|
const background = theme.components['case-view'].header.background;
|
|
1099
|
-
const foreground = calculateForegroundColor(background, theme.components['case-view'].header['foreground-color']);
|
|
1115
|
+
const foreground = calculateForegroundColor(background, theme.components['case-view'].header['foreground-color'], theme);
|
|
1100
1116
|
const hoverBg = tryCatch(() => darken(0.05, background), () => background);
|
|
1101
1117
|
const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);
|
|
1102
1118
|
return css `
|
|
@@ -1171,29 +1187,30 @@ export const StyledSubHeading = styled(Text)(({ theme }) => {
|
|
|
1171
1187
|
`;
|
|
1172
1188
|
});
|
|
1173
1189
|
StyledSubHeading.defaultProps = defaultThemeProp;
|
|
1174
|
-
export const StyledQuestionnaireCard = styled.article(({ theme
|
|
1175
|
-
const
|
|
1190
|
+
export const StyledQuestionnaireCard = styled.article(({ theme }) => {
|
|
1191
|
+
const { base: { spacing, palette: { 'border-line': borderLine } }, components: { agent: { questionnaire: { background, 'foreground-color': foregroundColor } } } } = theme;
|
|
1192
|
+
const foreground = calculateForegroundColor(background, foregroundColor, theme);
|
|
1176
1193
|
return css `
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1194
|
+
width: 100%;
|
|
1195
|
+
border: none;
|
|
1196
|
+
border-block-end: 0.0625rem solid ${borderLine};
|
|
1197
|
+
border-radius: 0;
|
|
1198
|
+
background: ${background};
|
|
1199
|
+
color: ${foreground};
|
|
1183
1200
|
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1201
|
+
&&& ${StyledCardHeader} {
|
|
1202
|
+
padding-block-start: ${spacing};
|
|
1203
|
+
padding-inline-end: ${spacing};
|
|
1204
|
+
}
|
|
1188
1205
|
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1206
|
+
&&& ${StyledCardFooter} {
|
|
1207
|
+
padding-block-end: ${spacing};
|
|
1208
|
+
}
|
|
1192
1209
|
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1210
|
+
&&& ${StyledCardContent} {
|
|
1211
|
+
padding-block-end: ${spacing};
|
|
1212
|
+
}
|
|
1213
|
+
`;
|
|
1197
1214
|
});
|
|
1198
1215
|
StyledQuestionnaireCard.defaultProps = defaultThemeProp;
|
|
1199
1216
|
export const StyledQuestionBlock = styled.fieldset `
|