@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.
Files changed (88) hide show
  1. package/lib/components/AppAnnouncement/AppAnnouncement.d.ts.map +1 -1
  2. package/lib/components/AppAnnouncement/AppAnnouncement.js +25 -3
  3. package/lib/components/AppAnnouncement/AppAnnouncement.js.map +1 -1
  4. package/lib/components/Article/ArticleRating.d.ts.map +1 -1
  5. package/lib/components/Article/ArticleRating.js +2 -2
  6. package/lib/components/Article/ArticleRating.js.map +1 -1
  7. package/lib/components/ArticleList/ArticleFeedback.d.ts.map +1 -1
  8. package/lib/components/ArticleList/ArticleFeedback.js +2 -2
  9. package/lib/components/ArticleList/ArticleFeedback.js.map +1 -1
  10. package/lib/components/CaseView/CaseHeader/CaseHeader.d.ts.map +1 -1
  11. package/lib/components/CaseView/CaseHeader/CaseHeader.js +1 -1
  12. package/lib/components/CaseView/CaseHeader/CaseHeader.js.map +1 -1
  13. package/lib/components/CaseView/CaseView.styles.d.ts.map +1 -1
  14. package/lib/components/CaseView/CaseView.styles.js +153 -137
  15. package/lib/components/CaseView/CaseView.styles.js.map +1 -1
  16. package/lib/components/CaseView/CaseView.types.d.ts +1 -0
  17. package/lib/components/CaseView/CaseView.types.d.ts.map +1 -1
  18. package/lib/components/CaseView/CaseView.types.js.map +1 -1
  19. package/lib/components/GenAICoach/GenAICoach.d.ts +1 -1
  20. package/lib/components/GenAICoach/GenAICoach.d.ts.map +1 -1
  21. package/lib/components/GenAICoach/GenAICoach.js +39 -6
  22. package/lib/components/GenAICoach/GenAICoach.js.map +1 -1
  23. package/lib/components/GenAICoach/GenAICoach.styles.d.ts +9 -0
  24. package/lib/components/GenAICoach/GenAICoach.styles.d.ts.map +1 -1
  25. package/lib/components/GenAICoach/GenAICoach.styles.js +146 -129
  26. package/lib/components/GenAICoach/GenAICoach.styles.js.map +1 -1
  27. package/lib/components/GenAICoach/GenAICoach.test-ids.d.ts +1 -1
  28. package/lib/components/GenAICoach/GenAICoach.test-ids.d.ts.map +1 -1
  29. package/lib/components/GenAICoach/GenAICoach.test-ids.js +3 -1
  30. package/lib/components/GenAICoach/GenAICoach.test-ids.js.map +1 -1
  31. package/lib/components/GenAICoach/GenAICoach.types.d.ts +13 -1
  32. package/lib/components/GenAICoach/GenAICoach.types.d.ts.map +1 -1
  33. package/lib/components/GenAICoach/GenAICoach.types.js.map +1 -1
  34. package/lib/components/GenAICoach/GenAIMessage.d.ts.map +1 -1
  35. package/lib/components/GenAICoach/GenAIMessage.js +7 -4
  36. package/lib/components/GenAICoach/GenAIMessage.js.map +1 -1
  37. package/lib/components/GenAICoach/GenAIMessageFeedback.d.ts.map +1 -1
  38. package/lib/components/GenAICoach/GenAIMessageFeedback.js +2 -2
  39. package/lib/components/GenAICoach/GenAIMessageFeedback.js.map +1 -1
  40. package/lib/components/GenAICoach/Questionnaire.d.ts.map +1 -1
  41. package/lib/components/GenAICoach/Questionnaire.js +10 -3
  42. package/lib/components/GenAICoach/Questionnaire.js.map +1 -1
  43. package/lib/components/GenAICoach/index.d.ts +1 -1
  44. package/lib/components/GenAICoach/index.d.ts.map +1 -1
  45. package/lib/components/GenAICoach/index.js.map +1 -1
  46. package/lib/components/IntelligentGuidance/IntelligentGuidance.styles.d.ts.map +1 -1
  47. package/lib/components/IntelligentGuidance/IntelligentGuidance.styles.js +20 -9
  48. package/lib/components/IntelligentGuidance/IntelligentGuidance.styles.js.map +1 -1
  49. package/lib/components/InteractionNotification/InteractionNotification.d.ts +1 -1
  50. package/lib/components/InteractionNotification/InteractionNotification.d.ts.map +1 -1
  51. package/lib/components/InteractionNotification/InteractionNotification.js +2 -2
  52. package/lib/components/InteractionNotification/InteractionNotification.js.map +1 -1
  53. package/lib/components/Shortcuts/Shortcuts.d.ts +1 -1
  54. package/lib/components/Shortcuts/Shortcuts.d.ts.map +1 -1
  55. package/lib/components/Shortcuts/Shortcuts.js +17 -9
  56. package/lib/components/Shortcuts/Shortcuts.js.map +1 -1
  57. package/lib/components/Shortcuts/Shortcuts.styles.d.ts +3 -1
  58. package/lib/components/Shortcuts/Shortcuts.styles.d.ts.map +1 -1
  59. package/lib/components/Shortcuts/Shortcuts.styles.js +20 -18
  60. package/lib/components/Shortcuts/Shortcuts.styles.js.map +1 -1
  61. package/lib/components/Shortcuts/Shortcuts.test-ids.d.ts +1 -1
  62. package/lib/components/Shortcuts/Shortcuts.test-ids.d.ts.map +1 -1
  63. package/lib/components/Shortcuts/Shortcuts.test-ids.js +4 -3
  64. package/lib/components/Shortcuts/Shortcuts.test-ids.js.map +1 -1
  65. package/lib/components/Shortcuts/Shortcuts.types.d.ts +14 -2
  66. package/lib/components/Shortcuts/Shortcuts.types.d.ts.map +1 -1
  67. package/lib/components/Shortcuts/Shortcuts.types.js.map +1 -1
  68. package/lib/components/Stages/Stages.d.ts.map +1 -1
  69. package/lib/components/Stages/Stages.js +6 -4
  70. package/lib/components/Stages/Stages.js.map +1 -1
  71. package/lib/components/Stages/Stages.styles.d.ts +3 -3
  72. package/lib/components/Stages/Stages.styles.d.ts.map +1 -1
  73. package/lib/components/Stages/Stages.styles.js +116 -22
  74. package/lib/components/Stages/Stages.styles.js.map +1 -1
  75. package/lib/components/Tags/Tags.d.ts.map +1 -1
  76. package/lib/components/Tags/Tags.js +1 -12
  77. package/lib/components/Tags/Tags.js.map +1 -1
  78. package/lib/components/Tasks/TaskCard.d.ts.map +1 -1
  79. package/lib/components/Tasks/TaskCard.js +5 -2
  80. package/lib/components/Tasks/TaskCard.js.map +1 -1
  81. package/lib/components/Tasks/TaskList.d.ts.map +1 -1
  82. package/lib/components/Tasks/TaskList.js +24 -16
  83. package/lib/components/Tasks/TaskList.js.map +1 -1
  84. package/lib/components/Tasks/Tasks.d.ts +7 -2
  85. package/lib/components/Tasks/Tasks.d.ts.map +1 -1
  86. package/lib/components/Tasks/Tasks.js +7 -5
  87. package/lib/components/Tasks/Tasks.js.map +1 -1
  88. 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":"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"}
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, meetsContrastGuidelines, 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, 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: { 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 } } }, variant, fullScreen, isCompact, isPortalAgent, simplifiedAgent }) => {
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
- 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
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
- --message-container-width: 40rem;
106
- --messages-list-margin-start: 0;
107
- `
105
+ --message-container-width: 40rem;
106
+ --messages-list-margin-start: 0;
107
+ `
108
108
  : css `
109
- --message-container-width: 62.5rem;
110
- `}
109
+ --message-container-width: 62.5rem;
110
+ `}
111
111
 
112
- ${variant.placement === 'dialog' &&
112
+ ${variant.placement === 'dialog' &&
113
113
  css `
114
- border-radius: calc(${formControlBorderRadius} * ${baseBorderRadius});
115
- `}
114
+ border-radius: calc(${formControlBorderRadius} * ${baseBorderRadius});
115
+ `}
116
116
 
117
117
  ${isInUtilities(variant) &&
118
118
  !fullScreen &&
119
119
  css `
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 &&
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
- @media (min-width: ${breakpoints.md}) {
133
- margin-inline-end: min(var(--resize-drawer-width), ${resizeDrawerMaxWidth});
134
- }
135
- `}
132
+ @media (min-width: ${breakpoints.md}) {
133
+ margin-inline-end: min(var(--resize-drawer-width), ${resizeDrawerMaxWidth});
134
+ }
135
+ `}
136
136
 
137
- ${variant.state === 'minimized' &&
137
+ ${variant.state === 'minimized' &&
138
138
  css `
139
- height: 3rem;
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
- height: calc(0.85 * var(--case-view-height, 95vh));
151
- @media (pointer: coarse) and (max-width: ${breakpoints.md}) {
152
- height: 40rem;
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
- ${simplifiedAgent
158
+ ${simplifiedAgent
159
159
  ? css `
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
- `
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
- height: var(--content-height-in-view, 100vh);
165
- `}
166
- `}
164
+ height: var(--content-height-in-view, 100vh);
165
+ `}
166
+ `}
167
167
 
168
168
  ${isCompact &&
169
169
  css `
170
- height: ${simplifiedAgent ? 'var(--compact-height, auto)' : '100%'};
171
- max-height: ${simplifiedAgent
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
- ${StyledMessagesContainer} {
176
- margin-block-end: 0;
177
- }
178
- `}
175
+ ${StyledMessagesContainer} {
176
+ margin-block-end: 0;
177
+ }
178
+ `}
179
179
 
180
180
  ${fullScreen &&
181
181
  css `
182
- height: 100vh;
183
- border-radius: 0;
184
- `}
182
+ height: 100vh;
183
+ border-radius: 0;
184
+ `}
185
185
 
186
186
  ${isPortalAgent &&
187
187
  css `
188
- height: 100%;
189
- min-height: 0;
190
- border-radius: 0;
191
- `}
188
+ height: 100%;
189
+ min-height: 0;
190
+ border-radius: 0;
191
+ `}
192
192
 
193
193
  ${StyledErrorState} {
194
- ${StyledText} {
195
- color: ${agentForegroundColor};
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: { base: { 'border-radius': borderRadius, spacing }, components: { agent: { 'user-message': { background: userMessageBackground, 'foreground-color': userMessageForegroundColor } } } } }) => {
376
- const foregroundColorForUserMessage = calculateForegroundColor(userMessageBackground, userMessageForegroundColor);
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
- overflow-wrap: break-word;
379
- background: ${userMessageBackground};
380
- color: ${foregroundColorForUserMessage};
381
- margin-inline-start: calc(4 * ${spacing});
382
- margin-block-end: calc(0.5 * ${spacing});
383
- padding: calc(0.5 * ${spacing});
384
- border-start-start-radius: calc(1.25 * ${borderRadius});
385
- border-start-end-radius: calc(0.5 * ${borderRadius});
386
- border-end-start-radius: calc(1.25 * ${borderRadius});
387
- border-end-end-radius: calc(1.25 * ${borderRadius});
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: { base: { spacing, 'font-size': fontSize, 'font-scale': fontScale, 'font-weight': fontWeight }, components: { agent: { 'foreground-color': agentForegroundColor, background: agentBackground } } } }) => {
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
- display: flex;
396
- align-items: center;
397
- gap: ${spacing};
398
- overflow-wrap: break-word;
399
- font-size: ${systemFontSize};
400
- color: ${foregroundColorForSystemMessage};
401
- opacity: 0.7;
402
- margin-block: calc(2 * ${spacing});
403
- ${stopped &&
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
- font-weight: ${fontWeight.normal};
406
- `}
422
+ font-weight: ${fontWeight.normal};
423
+ `}
407
424
 
408
- &::before,
409
- &::after {
410
- content: '';
411
- flex: 1;
412
- border-block-start: 0.0625rem solid ${foregroundColorForSystemMessage};
413
- opacity: 0.7;
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
- margin-inline-start: auto;
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
- margin-inline-start: auto;
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(() => meetsContrastGuidelines(foreground, background).AA, () => false)
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: { base: { spacing, palette: { 'border-line': borderLine } }, components: { agent: { questionnaire: { background, 'foreground-color': foregroundColor } } } } }) => {
1175
- const foreground = calculateForegroundColor(background, foregroundColor);
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
- width: 100%;
1178
- border: none;
1179
- border-block-end: 0.0625rem solid ${borderLine};
1180
- border-radius: 0;
1181
- background: ${background};
1182
- color: ${foreground};
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
- &&& ${StyledCardHeader} {
1185
- padding-block-start: ${spacing};
1186
- padding-inline-end: ${spacing};
1187
- }
1201
+ &&& ${StyledCardHeader} {
1202
+ padding-block-start: ${spacing};
1203
+ padding-inline-end: ${spacing};
1204
+ }
1188
1205
 
1189
- &&& ${StyledCardFooter} {
1190
- padding-block-end: ${spacing};
1191
- }
1206
+ &&& ${StyledCardFooter} {
1207
+ padding-block-end: ${spacing};
1208
+ }
1192
1209
 
1193
- &&& ${StyledCardContent} {
1194
- padding-block-end: ${spacing};
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 `