@pega/cosmos-react-work 10.0.0-build.1.9 → 10.0.0-build.2.0

package/lib/components/GenAICoach/GenAICoach.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenAICoach.styles.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components';\nimport { useContext } from 'react';\nimport { mix, darken, meetsContrastGuidelines, transparentize } from 'polished';\n\nimport {\n  AppShellContext,\n  Button,\n  FileList,\n  Flex,\n  FormControl,\n  Icon,\n  Image,\n  MenuButton,\n  InfoDialog,\n  StyledEmptyState,\n  StyledErrorState,\n  StyledIcon,\n  StyledText,\n  SummaryItem,\n  Text,\n  TextArea,\n  calculateFontSize,\n  calculateForegroundColor,\n  defaultThemeProp,\n  isSolidColor,\n  tryCatch,\n  Avatar,\n  Fullscreen,\n  animations,\n  Modal,\n  StyledIconShape\n} from '@pega/cosmos-react-core';\nimport { StyledCard } from '@pega/cosmos-react-core/lib/components/Card/Card';\nimport { StyledCardHeader } from '@pega/cosmos-react-core/lib/components/Card/CardHeader';\nimport { StyledCardFooter } from '@pega/cosmos-react-core/lib/components/Card/CardFooter';\nimport { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';\nimport { StyledFullscreenButton } from '@pega/cosmos-react-core/lib/components/Fullscreen/FullscreenButton';\nimport { StyledFormField } from '@pega/cosmos-react-core/lib/components/FormField/FormField';\nimport {\n  StyledHeader,\n  StyledSelectionCard,\n  StyledSingleField,\n  StyledTileContent\n} from '@pega/cosmos-react-core/lib/components/SelectionCard/SelectionCard.styles';\nimport { StyledEditorContainer } from '@pega/cosmos-react-rte/lib/components/RichTextEditor/RichTextEditor.styles';\nimport {\n  StyledProgress,\n  StyledProgressRing\n} from '@pega/cosmos-react-core/lib/components/Progress/Progress.styles';\nimport {\n  resizeDrawerMaxWidth,\n  portalAgentMinWidth,\n  portalAgentDefaultWidth\n} from '@pega/cosmos-react-core/lib/styles/constants';\nimport { lineClamp } from '@pega/cosmos-react-core/lib/styles/mixins';\nimport { RichTextViewer } from '@pega/cosmos-react-rte';\nimport {\n  StepMarker,\n  StyledStepText\n} from '@pega/cosmos-react-core/lib/components/MultiStepForm/FormProgress.styles';\nimport { StyledResizeHandle } from '@pega/cosmos-react-core/lib/components/Drawer/ResizeHandle';\n\nimport { StyledStages } from '../Stages/Stages.styles';\n\nimport type { GenAICoachProps } from './GenAICoach.types';\nimport { isInUtilities } from './GenAICoach.utils';\n\nconst maxWidthMessage = '62.5rem';\n\nexport const StyledComposerSection = styled.div``;\n\nexport const StyledGenAIFormControl = styled(FormControl)<{ focused?: boolean }>(({\n  theme,\n  focused\n}) => {\n  return css`\n    overflow: hidden;\n\n    ${focused &&\n    css`\n      &:not([disabled]) {\n        border-color: ${theme.components['form-control'][':focus']['border-color']};\n        box-shadow: ${theme.components['form-control'][':focus']['box-shadow']};\n      }\n\n      &:hover:not([readonly]):not([disabled]):not(:focus, :focus-within) {\n        border-color: transparent;\n      }\n    `}\n  `;\n});\n\nStyledGenAIFormControl.defaultProps = defaultThemeProp;\n\nexport const StyledComposerWrapper = styled.div<{ focused?: boolean; hasQuestionnaire?: boolean }>(\n  ({ theme, focused, hasQuestionnaire }) => {\n    const { 'border-radius': formControlBorderRadius, 'border-width': formControlBorderWidth } =\n      theme.components['form-control'];\n    const { 'border-radius': baseBorderRadius, palette } = theme.base;\n    const borderRadius = `calc(${formControlBorderRadius} * ${baseBorderRadius})`;\n    const borderWidth = formControlBorderWidth ?? '0.0625rem';\n\n    return css`\n      ${hasQuestionnaire &&\n      css`\n        border: ${borderWidth} solid ${palette['border-line']};\n        border-radius: ${borderRadius};\n        overflow: hidden;\n\n        ${focused &&\n        css`\n          border-color: ${theme.components['form-control'][':focus']['border-color']};\n          box-shadow: ${theme.components['form-control'][':focus']['box-shadow']};\n        `}\n\n        ${StyledGenAIFormControl} {\n          border: none;\n          border-radius: 0;\n          box-shadow: none;\n          overflow: visible;\n        }\n      `}\n    `;\n  }\n);\n\nStyledComposerWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledMessagesContainer = styled.div<{ withSuggestionCards?: boolean }>(\n  ({\n    theme: {\n      base: { spacing }\n    },\n    withSuggestionCards\n  }) => {\n    return css`\n      margin-block-end: calc(0.5 * ${spacing});\n      min-height: 0;\n      overflow-y: auto;\n      ${withSuggestionCards &&\n      css`\n        overflow-y: visible;\n        margin-block-end: 0;\n        padding-block-start: 0;\n        flex-shrink: 0;\n      `}\n    `;\n  }\n);\n\nStyledMessagesContainer.defaultProps = defaultThemeProp;\n\nexport const StyledFullscreenWrapper = styled(Fullscreen)`\n  height: 100%;\n`;\n\nexport const StyledGenAICoachContainer = styled.div<{\n  variant: GenAICoachProps['variant'];\n  fullScreen: GenAICoachProps['allowFullScreen'];\n  isCompact: boolean;\n  isPortalAgent: boolean;\n}>(\n  ({\n    theme: {\n      base: {\n        palette,\n        'z-index': zIndex,\n        spacing,\n        breakpoints,\n        animation,\n        'border-radius': baseBorderRadius\n      },\n      components: {\n        card: { 'border-radius': cardBorderRadius },\n        agent: { background: agentBackground, 'foreground-color': agentForegroundColor },\n        'form-control': { 'border-radius': formControlBorderRadius }\n      }\n    },\n    variant,\n    fullScreen,\n    isCompact,\n    isPortalAgent\n  }) => {\n    const { previewActive } = useContext(AppShellContext);\n    const foregroundColorForAgent = calculateForegroundColor(agentBackground, agentForegroundColor);\n\n    return css`\n      background: ${agentBackground};\n      color: ${foregroundColorForAgent};\n      min-width: var(--utilities-drawer-min-width);\n      border-radius: ${cardBorderRadius};\n      transition: height ${animation.speed} ${animation.timing.ease};\n\n      ${variant.placement === 'dialog' &&\n      css`\n        border-radius: calc(${formControlBorderRadius} * ${baseBorderRadius});\n      `}\n\n      ${isInUtilities(variant) &&\n      !fullScreen &&\n      css`\n        min-height: 3rem;\n        max-width: 31.25rem;\n        box-shadow: 0 -1rem 1rem ${palette['app-background']};\n        border-radius: ${cardBorderRadius} ${cardBorderRadius} 0 0;\n        position: fixed;\n        inset-block-end: var(--appshell-bottom-offset, 0);\n        inset-inline-end: calc(2 * ${spacing});\n        z-index: calc(${zIndex.drawer} + 1);\n        width: 25rem;\n\n        ${previewActive &&\n        css`\n          @media (min-width: ${breakpoints.md}) {\n            margin-inline-end: min(var(--resize-drawer-width), ${resizeDrawerMaxWidth});\n          }\n        `}\n\n        ${variant.state === 'minimized' &&\n        css`\n          height: 3rem;\n        `}\n      `}\n\n      /*\n        ~85% of Utilities height and fixed height if screen size less than md and devices with coarse pointer\n        FIXME: This is a stopgap to address issue in Android web views via React Native where VH units do not work\n      */\n      ${((isInUtilities(variant) && variant.state === 'maximized') || !isInUtilities(variant)) &&\n      !fullScreen &&\n      css`\n        height: calc(0.85 * var(--case-view-height, 95vh));\n        @media (pointer: coarse) and (max-width: ${breakpoints.md}) {\n          height: 40rem;\n        }\n      `}\n\n      ${variant.placement === 'fullpage' &&\n      css`\n        height: var(--content-height-in-view, 100vh);\n      `}\n\n      ${isCompact &&\n      css`\n        height: 100%;\n        max-height: var(--content-height-in-view, 100vh);\n\n        ${StyledMessagesContainer} {\n          margin-block-end: 0;\n        }\n      `}\n\n      ${fullScreen &&\n      css`\n        height: 100vh;\n        border-radius: 0;\n      `}\n\n      ${isPortalAgent &&\n      css`\n        height: calc(100vh - var(--appshell-offset, 0vh));\n        border-radius: 0;\n      `}\n    `;\n  }\n);\n\nStyledGenAICoachContainer.defaultProps = defaultThemeProp;\n\nexport const StyledGenAIOptionsMenu = styled(MenuButton)(({\n  theme: {\n    base: {\n      'font-size': fontSize,\n      'font-scale': fontScale,\n      'font-weight': fontWeight,\n      palette: { ai }\n    }\n  }\n}) => {\n  const { l } = calculateFontSize(fontSize, fontScale);\n  return css`\n    color: inherit;\n    ${StyledIcon}:first-child {\n      color: ${ai};\n    }\n    ${StyledText} {\n      font-weight: ${fontWeight['semi-bold']};\n      font-size: ${l};\n    }\n  `;\n});\n\nStyledGenAIOptionsMenu.defaultProps = defaultThemeProp;\n\nexport const StyledMenuSuggestions = styled(MenuButton)(({\n  theme: {\n    base: { 'border-radius': baseBorderRadius, spacing },\n    components: {\n      button: { 'border-radius': borderRadius }\n    }\n  }\n}) => {\n  return css`\n    padding: calc(0.75 * ${spacing});\n    border-radius: calc(${baseBorderRadius} * ${borderRadius});\n  `;\n});\n\nStyledMenuSuggestions.defaultProps = defaultThemeProp;\n\nexport const StyledDisclaimerText = styled(Text)<{ inFullPage: boolean }>(({\n  inFullPage,\n  theme: {\n    base: { 'font-size': fontSize, 'font-scale': fontScale, spacing }\n  }\n}) => {\n  const systemFontSize = calculateFontSize(fontSize, fontScale).xs;\n  return css`\n    font-size: ${systemFontSize};\n    margin-block-start: ${spacing};\n    ${inFullPage &&\n    css`\n      padding-block-end: calc(2 * ${spacing});\n    `}\n    opacity: 0.7;\n  `;\n});\n\nStyledDisclaimerText.defaultProps = defaultThemeProp;\n\nexport const StyledFlexWrapper = styled.div`\n  height: 100%;\n  overflow-y: auto;\n  position: relative;\n`;\nStyledFlexWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledGridContainer = styled.div<{ conversationHistory: boolean }>(\n  ({ theme: { base }, conversationHistory }) => {\n    return css`\n      height: 100%;\n      min-height: 0;\n      ${conversationHistory &&\n      css`\n        margin: calc(2 * ${base.spacing});\n        border-radius: ${base['border-radius']};\n      `}\n    `;\n  }\n);\n\nStyledGridContainer.defaultProps = defaultThemeProp;\n\nexport const StyledInitialMessageContainer = styled.div(() => {\n  return css`\n    ${StyledFormField} {\n      width: 100%;\n      max-width: ${maxWidthMessage};\n    }\n  `;\n});\n\nStyledInitialMessageContainer.defaultProps = defaultThemeProp;\n\nexport const StyledInputContainer = styled(Flex)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    margin-block-end: ${spacing};\n    margin-inline: calc(2 * ${spacing});\n    align-items: center;\n\n    ${StyledFormField}, ${StyledComposerSection} {\n      width: 100%;\n      max-width: ${maxWidthMessage};\n    }\n  `;\n});\n\nStyledInputContainer.defaultProps = defaultThemeProp;\n\nexport const StyledStickyComposer = styled.div(\n  ({\n    theme: {\n      base: { spacing },\n      components: {\n        agent: { background: agentBackground }\n      }\n    }\n  }) => {\n    return css`\n      position: sticky;\n      top: 0;\n      z-index: 2;\n      flex-shrink: 0;\n      background: ${agentBackground};\n      padding-block: calc(2 * ${spacing});\n\n      ${StyledInputContainer} {\n        margin-block-end: 0;\n      }\n    `;\n  }\n);\n\nStyledStickyComposer.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestion = styled(Button)(({\n  theme: {\n    base: { 'border-radius': borderRadius, spacing }\n  }\n}) => {\n  return css`\n    width: fit-content;\n    max-width: 100%;\n    padding: ${spacing};\n    white-space: normal;\n    word-break: break-word;\n    text-align: start;\n    border-start-start-radius: calc(1.25 * ${borderRadius});\n    border-start-end-radius: calc(0.5 * ${borderRadius});\n    border-end-start-radius: calc(1.25 * ${borderRadius});\n    border-end-end-radius: calc(1.25 * ${borderRadius});\n\n    & + & {\n      margin-inline-start: 0;\n    }\n  `;\n});\n\nStyledSuggestion.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestionsContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block-start: calc(1.5 * ${spacing});\n    `;\n  }\n);\n\nStyledSuggestionsContainer.defaultProps = defaultThemeProp;\n\nexport const StyledMessage = styled.p(({ theme }) => {\n  return css`\n    margin-block-start: calc(0.5 * ${theme.base.spacing});\n    width: 100%;\n    min-width: 0;\n    overflow-wrap: break-word;\n\n    ${StyledEditorContainer} {\n      padding: 0;\n\n      span {\n        animation: ${animations.reveal} 1s forwards;\n      }\n    }\n  `;\n});\n\nStyledMessage.defaultProps = defaultThemeProp;\n\nexport const StyledUserMessage = styled.li(\n  ({\n    theme: {\n      base: { 'border-radius': borderRadius, spacing },\n      components: {\n        agent: {\n          'user-message': {\n            background: userMessageBackground,\n            'foreground-color': userMessageForegroundColor\n          }\n        }\n      }\n    }\n  }) => {\n    const foregroundColorForUserMessage = calculateForegroundColor(\n      userMessageBackground,\n      userMessageForegroundColor\n    );\n\n    return css`\n      overflow-wrap: break-word;\n      background: ${userMessageBackground};\n      color: ${foregroundColorForUserMessage};\n      margin-inline-start: calc(4 * ${spacing});\n      margin-block-end: calc(0.5 * ${spacing});\n      padding: calc(0.5 * ${spacing});\n      border-start-start-radius: calc(1.25 * ${borderRadius});\n      border-start-end-radius: calc(0.5 * ${borderRadius});\n      border-end-start-radius: calc(1.25 * ${borderRadius});\n      border-end-end-radius: calc(1.25 * ${borderRadius});\n    `;\n  }\n);\n\nStyledUserMessage.defaultProps = defaultThemeProp;\n\nexport const StyledSystemMessage = styled.li<{ stopped?: boolean }>(\n  ({\n    stopped,\n    theme: {\n      base: {\n        spacing,\n        'font-size': fontSize,\n        'font-scale': fontScale,\n        'font-weight': fontWeight,\n        palette\n      }\n    }\n  }) => {\n    const systemFontSize = calculateFontSize(fontSize, fontScale).xs;\n\n    return css`\n      display: flex;\n      align-items: center;\n      gap: ${spacing};\n      overflow-wrap: break-word;\n      font-size: ${systemFontSize};\n      color: ${palette['foreground-color']};\n      opacity: 0.7;\n      margin-block: calc(2 * ${spacing});\n      ${stopped &&\n      css`\n        font-weight: ${fontWeight.normal};\n      `}\n\n      &::before,\n      &::after {\n        content: '';\n        flex: 1;\n        border-block-start: 0.0625rem solid ${palette['foreground-color']};\n        opacity: 0.7;\n      }\n    `;\n  }\n);\n\nStyledSystemMessage.defaultProps = defaultThemeProp;\n\nexport const StyledMessagesList = styled.ul(\n  ({\n    theme: {\n      base: { shadow, spacing }\n    }\n  }) => {\n    return css`\n      padding-block-start: ${spacing};\n      list-style-type: none;\n      align-self: center;\n      max-width: ${maxWidthMessage};\n      width: 100%;\n      margin-block-start: auto;\n      min-height: var(--stream-buffer, auto);\n\n      & > li {\n        max-width: calc(100% - calc(4.5 * ${spacing}));\n      }\n\n      & > li[from='user'] {\n        margin-inline-start: auto;\n        margin-block-end: ${spacing};\n      }\n\n      & > li[type='message'] {\n        &:focus-visible {\n          outline: none;\n          box-shadow: ${shadow.focus};\n        }\n        margin-block-end: ${spacing};\n      }\n\n      & > ${StyledSystemMessage} {\n        max-width: 100%;\n      }\n\n      & > li:has(${StyledSuggestionsContainer}) {\n        max-width: 100%;\n      }\n    `;\n  }\n);\n\nStyledMessagesList.defaultProps = defaultThemeProp;\n\nexport const StyledHistoryContainer = styled(Flex)<{ inFullPage: boolean }>(({\n  theme,\n  inFullPage\n}) => {\n  const { background, 'foreground-color': foregroundColor } = theme.components.agent.history;\n  const foreground = calculateForegroundColor(background, foregroundColor);\n  return css`\n    height: 100%;\n    min-height: 0;\n    background: ${background};\n    color: ${foreground};\n    border-radius: ${theme.components.card['border-radius']};\n    box-shadow: ${theme.base.shadow.low};\n\n    ${!inFullPage &&\n    css`\n      margin-inline: calc(1.5 * ${theme.base.spacing});\n    `}\n\n    ${StyledEmptyState}, ${StyledErrorState} {\n      justify-content: flex-start;\n      padding-inline: calc(2 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledHistoryContainer.defaultProps = defaultThemeProp;\n\nexport const StyledList = styled(Flex)(\n  ({ theme }) => css`\n    height: 100%;\n    overflow-y: auto;\n    margin-block-end: calc(2 * ${theme.base.spacing});\n  `\n);\n\nStyledList.defaultProps = defaultThemeProp;\n\nexport const StyledInnerList = styled.ul(\n  ({ theme }) => css`\n    padding-inline: calc(2 * ${theme.base.spacing});\n\n    ${StyledText} {\n      font-weight: ${theme.base['font-weight'].normal};\n    }\n  `\n);\n\nStyledInnerList.defaultProps = defaultThemeProp;\n\nexport const StyledHistorySummaryListItem = styled(SummaryItem)(({ theme }) => {\n  const hoverColor = tryCatch(() =>\n    mix(0.95, theme.base.palette['primary-background'], theme.base.palette.interactive)\n  );\n  return css`\n    padding-inline: calc(2 * ${theme.base.spacing});\n    padding-block: ${theme.base.spacing};\n\n    &:hover {\n      background-color: ${hoverColor};\n      border-radius: calc(3 * ${theme.base.spacing});\n      cursor: pointer;\n    }\n    &[aria-selected='true'] {\n      background-color: ${theme.components.agent.history.item['selected-background']};\n      border-radius: calc(3 * ${theme.base.spacing});\n    }\n    &:focus-visible {\n      border: 0.0625rem solid ${theme.base.palette.interactive};\n    }\n  `;\n});\n\nStyledHistorySummaryListItem.defaultProps = defaultThemeProp;\n\nexport const StyledLoadingItem = styled.li`\n  ${StyledProgress} {\n    margin: 0;\n  }\n`;\n\nexport const StyledGroupHeader = styled.div(({ theme }) => {\n  return css`\n    padding-inline: calc(2 * ${theme.base.spacing});\n    padding-block-start: calc(2 * ${theme.base.spacing});\n    padding-block-end: calc(0.5 * ${theme.base.spacing});\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n  `;\n});\n\nStyledGroupHeader.defaultProps = defaultThemeProp;\n\nexport const StyledErrorContainer = styled.div(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.urgent};\n  `;\n});\n\nStyledErrorContainer.defaultProps = defaultThemeProp;\n\nexport const StyledInput = styled.input(() => {\n  return css`\n    display: none;\n  `;\n});\n\nexport const StyledAttachmentsList = styled(FileList)(({ theme }) => {\n  return css`\n    padding: ${theme.base.spacing};\n  `;\n});\n\nStyledAttachmentsList.defaultProps = defaultThemeProp;\n\nexport const StyledGuidedSuggestions = styled(MenuButton)`\n  width: 100%;\n  max-width: ${maxWidthMessage};\n  > span {\n    justify-content: center;\n  }\n`;\n\nexport const StyledAgentIcon = styled.svg`\n  width: 3rem;\n  height: 3rem;\n`;\n\nStyledAgentIcon.defaultProps = defaultThemeProp;\n\nexport const StyledGenAITextArea = styled(TextArea)(({ theme: { components } }) => {\n  return css`\n    border: none;\n    box-shadow: none;\n    min-height: calc(1.75 * ${components.input.height});\n    max-height: 6rem;\n    overflow-y: auto;\n    padding-block-end: 0;\n    &:focus:not([disabled]) {\n      border: none;\n      box-shadow: none;\n      background-color: transparent;\n    }\n  `;\n});\n\nStyledGenAITextArea.defaultProps = defaultThemeProp;\n\nexport const StyledSendButton = styled(Button)(({\n  theme: {\n    base: { 'border-radius': baseBorderRadius },\n    components: {\n      'form-control': { 'border-radius': formControlBorderRadius }\n    }\n  }\n}) => {\n  return css`\n    border-radius: calc(${baseBorderRadius} * ${formControlBorderRadius});\n    margin-inline-start: auto;\n  `;\n});\n\nStyledSendButton.defaultProps = defaultThemeProp;\n\nexport const StyledStopGeneratingButton = styled(Button)(({\n  theme: {\n    base: { 'border-radius': baseBorderRadius },\n    components: {\n      'form-control': { 'border-radius': formControlBorderRadius }\n    }\n  }\n}) => {\n  return css`\n    border-radius: calc(${baseBorderRadius} * ${formControlBorderRadius});\n    margin-inline-start: auto;\n  `;\n});\n\nStyledStopGeneratingButton.defaultProps = defaultThemeProp;\n\nexport const StyledInitialMessageGrid = styled.div`\n  max-width: ${maxWidthMessage};\n  width: 100%;\n`;\n\nexport const StyledInitialMessageButton = styled(Button)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    white-space: normal;\n    text-align: left;\n    min-width: unset;\n    padding-block: ${spacing};\n    padding-inline: calc(2 * ${spacing});\n    align-items: start;\n\n    & + & {\n      margin-inline-start: 0;\n    }\n  `;\n});\n\nStyledInitialMessageButton.defaultProps = defaultThemeProp;\n\nexport const StyledInitialMessageText = styled.span`\n  ${lineClamp(3)};\n`;\n\nexport const StyledGenAIAvatar = styled(Avatar)(({\n  theme: {\n    components: {\n      agent: {\n        'coach-message': {\n          avatar: { background: avatarBackground }\n        }\n      }\n    }\n  }\n}) => {\n  return css`\n    background: ${avatarBackground};\n  `;\n});\n\nStyledGenAIAvatar.defaultProps = defaultThemeProp;\n\nexport const StyledGenAIFooter = styled.div`\n  width: 100%;\n  max-width: ${maxWidthMessage};\n`;\n\nexport const StyledToolMessage = styled.p(\n  ({\n    theme: {\n      base: {\n        spacing,\n        palette: { 'border-line': borderLine }\n      }\n    }\n  }) => {\n    return css`\n      border-block-end: 0.125rem solid ${borderLine};\n      padding: calc(2 * ${spacing});\n    `;\n  }\n);\n\nStyledToolMessage.defaultProps = defaultThemeProp;\n\nexport const StyledToolMessageContainer = styled.div(\n  ({\n    theme: {\n      base: {\n        spacing,\n        'border-radius': borderRadius,\n        palette: { 'border-line': borderLine }\n      }\n    }\n  }) => {\n    return css`\n      border: 0.125rem solid ${borderLine};\n      border-radius: min(calc(2 * ${borderRadius}), 1rem);\n      margin-block: ${spacing};\n    `;\n  }\n);\n\nStyledToolMessageContainer.defaultProps = defaultThemeProp;\n\nexport const StyledConfirmationMsg = styled(RichTextViewer)(\n  ({\n    theme: {\n      base,\n      components: {\n        'form-control': {\n          ':read-only': { 'background-color': readOnlyBackgroundColor }\n        }\n      }\n    }\n  }) => `\n  padding: 0;\n  background-color: ${readOnlyBackgroundColor};\n  border-radius: calc(0.5 * ${base['border-radius']});\n`\n);\n\nStyledConfirmationMsg.defaultProps = defaultThemeProp;\n\nexport const StyledActionsContainer = styled.div(\n  () => css`\n    margin-inline-start: auto;\n\n    && button {\n      margin-inline-start: 0;\n    }\n  `\n);\n\nStyledActionsContainer.defaultProps = defaultThemeProp;\n\nexport const StyledScrollButton = styled(Button)(({ theme }) => {\n  return css`\n    position: absolute;\n    bottom: calc(var(--composer-height, 0rem) + calc(5 * ${theme.base.spacing}));\n    width: fit-content;\n    align-self: center;\n    z-index: 1;\n    box-shadow: ${theme.base.shadow.high};\n  `;\n});\n\nStyledScrollButton.defaultProps = defaultThemeProp;\n\nexport const ProgressAngleStyle = createGlobalStyle`\n  @property --angle {\n    syntax: \"<angle>\";\n    inherits: true;\n    initial-value: 0deg;\n  }\n`;\n\nexport const StyledProgressContainer = styled.div(({ theme }) => {\n  const aiColor = isSolidColor(theme.base.palette.ai)\n    ? theme.base.palette.ai\n    : theme.base.colors.purple.dark;\n  const aiTransparent = transparentize(0.85, aiColor);\n\n  return css`\n    position: relative;\n    isolation: isolate;\n    border-radius: calc(2 * ${theme.base.spacing});\n    border-start-start-radius: calc(0.5 * ${theme.base.spacing});\n    border: calc(0.125 * ${theme.base.spacing}) solid transparent;\n    background:\n      linear-gradient(${aiTransparent} 0 0) padding-box,\n      conic-gradient(\n          from var(--angle) in oklab,\n          ${aiTransparent} 0%,\n          ${aiTransparent} 10%,\n          ${aiColor} 50%,\n          ${aiTransparent} 90%,\n          ${aiTransparent} 100%\n        )\n        border-box;\n    animation: spin 1s ease-in-out infinite;\n    width: fit-content;\n\n    @keyframes spin {\n      to {\n        --angle: 360deg;\n      }\n    }\n  `;\n});\n\nStyledProgressContainer.defaultProps = defaultThemeProp;\n\nexport const StyledProgressContent = styled.div(({ theme }) => {\n  return css`\n    background: ${theme.components.agent.background};\n    border-radius: calc(2 * ${theme.base.spacing});\n    border-start-start-radius: calc(0.5 * ${theme.base.spacing});\n    padding: calc(2 * ${theme.base.spacing});\n\n    ${StyledProgressRing} {\n      width: ${theme.components.icon.size.s};\n    }\n  `;\n});\n\nStyledProgressContent.defaultProps = defaultThemeProp;\n\nexport const StyledProgressText = styled(Text)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.ai};\n  `;\n});\n\nStyledProgressText.defaultProps = defaultThemeProp;\n\nexport const StyledActionContainer = styled(Flex)`\n  && {\n    display: flex;\n  }\n\n  && > button:first-child:not(:last-child) {\n    margin-inline-end: 0;\n  }\n  margin-inline-end: auto;\n`;\n\nexport const StyledToolCandidatesModal = styled(Modal)(({ theme }) => {\n  return css`\n    max-width: ${theme.base['content-width'].xl};\n  `;\n});\n\nStyledToolCandidatesModal.defaultProps = defaultThemeProp;\n\nexport const StyledPortalSplitContainer = styled.div`\n  container-type: inline-size;\n  container-name: portal-split;\n  display: flex;\n  width: 100%;\n  height: calc(100dvh - var(--appshell-offset, 0));\n  min-height: calc(100dvh - var(--appshell-offset, 0));\n`;\n\nStyledPortalSplitContainer.defaultProps = defaultThemeProp;\n\nconst portalAgentRegionBasis = (agentVisible: boolean, mainVisible: boolean): string => {\n  if (!agentVisible) return '0%';\n  if (!mainVisible) return '100%';\n  return `clamp(${portalAgentMinWidth}, var(--region-a-width, ${portalAgentDefaultWidth}), calc(100% - ${portalAgentMinWidth}))`;\n};\n\nexport const StyledPortalAgentRegion = styled.aside<{\n  agentVisible: boolean;\n  mainVisible: boolean;\n}>(\n  ({ agentVisible, mainVisible, theme }) => css`\n    flex: 0 0 ${portalAgentRegionBasis(agentVisible, mainVisible)};\n    min-width: 0;\n    transition: flex-basis calc(${theme.base.animation.speed} / 2)\n      ${theme.base.animation.timing.ease};\n    will-change: flex-basis;\n    border-inline-end: 0.0625rem solid ${theme.base.palette['border-line']};\n\n    @container portal-split (min-width: ${theme.base.breakpoints.xl}) {\n      ${agentVisible &&\n      mainVisible &&\n      css`\n        flex-basis: clamp(\n          ${portalAgentMinWidth},\n          var(--region-a-width, 25%),\n          calc(100% - ${portalAgentMinWidth})\n        );\n      `}\n    }\n\n    ${!agentVisible &&\n    css`\n      overflow: hidden;\n    `}\n  `\n);\n\nStyledPortalAgentRegion.defaultProps = defaultThemeProp;\n\nexport const StyledPortalMainRegion = styled.div`\n  --appshell-sticky-offset: 0;\n  flex: 1 1 0%;\n  overflow: auto;\n  min-width: 0;\n  min-height: inherit;\n  contain: style;\n\n  &[inert] {\n    display: none;\n  }\n`;\n\nStyledPortalMainRegion.defaultProps = defaultThemeProp;\n\nexport const StyledPortalSeparator = styled.div`\n  position: relative;\n  flex-shrink: 0;\n  align-self: stretch;\n\n  ${StyledResizeHandle} {\n    z-index: 1;\n  }\n`;\n\nStyledPortalSeparator.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestionCardsView = styled.div(\n  ({\n    theme: {\n      base: {\n        spacing,\n        'font-size': fontSize,\n        'font-scale': fontScale,\n        'font-weight': fontWeight,\n        transparency,\n        'content-width': contentWidth\n      },\n      components: {\n        'form-control': { 'border-color': formControlBorderColor }\n      }\n    }\n  }) => {\n    const cardFontSize = calculateFontSize(fontSize, fontScale).xxs;\n    const columnTrack = `clamp(2.5rem, var(--tile-col-track, 2.5rem), 5rem) minmax(20ch, ${contentWidth.sm}) 1fr`;\n    const singleCardSize = `calc(${contentWidth.sm} + 8.875rem)`;\n\n    return css`\n      max-width: 95rem;\n      width: 100%;\n      margin-inline: auto;\n\n      [data-testid='gallery'] {\n        min-height: 0;\n        max-height: none;\n      }\n\n      .bContainer {\n        height: auto !important;\n      }\n\n      && .grid-container {\n        position: static;\n        gap: calc(2 * ${spacing});\n        grid-auto-rows: minmax(2.75rem, 1fr);\n\n        @container (min-width: calc(1.25 * ${singleCardSize})) {\n          grid-template-columns: repeat(2, ${columnTrack});\n        }\n\n        @container (min-width: calc(2 * ${singleCardSize})) {\n          grid-template-columns: repeat(3, ${columnTrack});\n        }\n\n        @container (min-width: calc(3 * ${singleCardSize})) {\n          grid-template-columns: repeat(4, ${columnTrack});\n        }\n      }\n\n      && ${StyledCard} {\n        background: transparent;\n      }\n\n      ${StyledFullscreenButton} {\n        display: none;\n      }\n\n      ${StyledHeader} {\n        ${StyledText} {\n          font-size: ${cardFontSize};\n        }\n      }\n\n      ${StyledSingleField} {\n        font-size: ${cardFontSize};\n        opacity: ${transparency['transparent-2']};\n      }\n\n      ${StyledSelectionCard} {\n        border-color: ${formControlBorderColor};\n\n        &:focus,\n        &:not([data-main-focus]):focus-within {\n          border-color: transparent;\n        }\n\n        ${StyledTileContent} {\n          font-size: ${cardFontSize};\n          font-weight: ${fontWeight['semi-bold']};\n        }\n      }\n    `;\n  }\n);\n\nStyledSuggestionCardsView.defaultProps = defaultThemeProp;\n\nexport const StyledAISuggestedBadge = styled(Flex)(({\n  theme: {\n    base: { 'font-size': fontSize, 'font-scale': fontScale, transparency }\n  }\n}) => {\n  const systemFontSize = calculateFontSize(fontSize, fontScale).xxs;\n  return css`\n    ${StyledText} {\n      font-size: ${systemFontSize};\n    }\n    opacity: ${transparency['transparent-2']};\n  `;\n});\n\nStyledAISuggestedBadge.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestionCardsBottomHalf = styled(Flex)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    min-height: 50%;\n    flex-shrink: 0;\n    margin-block-start: calc(2.5 * ${spacing});\n  `;\n});\n\nStyledSuggestionCardsBottomHalf.defaultProps = defaultThemeProp;\n\nexport const StyledCaseWorkflowBanner = styled(Flex)(({ theme }) => {\n  const background = theme.components['case-view'].header.background;\n  const foreground = calculateForegroundColor(\n    background,\n    theme.components['case-view'].header['foreground-color']\n  );\n\n  return css`\n    @keyframes case-header-fade-in {\n      from {\n        opacity: 0;\n        transform: translateY(calc(${theme.base.spacing} * -1.5)) scale(0.98);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n      }\n    }\n    margin-inline: calc(2 * ${theme.base.spacing});\n    margin-block: ${theme.base.spacing} 0;\n    padding: calc(${theme.base.spacing} * 0.75) ${theme.base.spacing};\n    background: ${background};\n    color: ${foreground};\n    border-radius: ${theme.base['border-radius']};\n    box-shadow: ${theme.base.shadow.low};\n    animation: case-header-fade-in ${theme.base.animation.speed} ${theme.base.animation.timing.ease}\n      both;\n  `;\n});\n\nStyledCaseWorkflowBanner.defaultProps = defaultThemeProp;\n\nexport const StyledCaseLaunchButton = styled(Button)(({ theme }) => {\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: ${theme.base.spacing};\n    min-width: 0;\n    flex: 1 1 0;\n    padding: 0 calc(${theme.base.spacing} * 0.5);\n    font-size: ${fontSize.s};\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n    text-align: start;\n  `;\n});\n\nStyledCaseLaunchButton.defaultProps = defaultThemeProp;\n\nexport const StyledCaseIconWrapper = styled.span`\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n\n  ${StyledIconShape} {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n`;\n\nStyledCaseIconWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledCaseTitleText = styled.span`\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n  flex: 1 1 0;\n`;\n\nStyledCaseTitleText.defaultProps = defaultThemeProp;\n\nexport const StyledProgressLabel = styled.span(({ theme }) => {\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    flex: 0 1 auto;\n    max-width: 40%;\n    margin-inline-start: auto;\n    font-size: ${fontSize.xxs};\n    font-weight: ${theme.base['font-weight'].normal};\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n  `;\n});\n\nStyledProgressLabel.defaultProps = defaultThemeProp;\n\nexport const StyledWorkflowInfoDialog = styled(InfoDialog)(({ theme }) => {\n  return css`\n    width: ${theme.base['content-width'].sm};\n    max-height: 80vh;\n  `;\n});\n\nStyledWorkflowInfoDialog.defaultProps = defaultThemeProp;\n\nexport const StyledStageList = styled.ol(({ theme }) => {\n  return css`\n    list-style: none;\n    padding: calc(${theme.base.spacing} * 0.5);\n    overflow-y: auto;\n    min-height: 0;\n\n    > li:not(:last-child) {\n      margin-block-end: calc(${theme.base.spacing} * 0.5);\n    }\n  `;\n});\n\nStyledStageList.defaultProps = defaultThemeProp;\n\nexport const StyledStageButton = styled(Button)<{ expanded?: boolean }>(({ theme, expanded }) => {\n  return css`\n    width: 100%;\n    justify-content: start;\n    color: ${theme.base.palette['foreground-color']};\n    gap: calc(${theme.base.spacing} * 0.5);\n\n    ${StyledIcon} {\n      transition: transform ${theme.base.animation.speed} ${theme.base.animation.timing.ease};\n      flex-shrink: 0;\n      transform: rotateZ(${expanded ? '0deg' : '-90deg'});\n    }\n  `;\n});\n\nStyledStageButton.defaultProps = defaultThemeProp;\n\nexport const StyledStepsContainer = styled.div<{\n  stageStatus?: 'active' | 'completed' | 'not-started';\n}>(({ theme, stageStatus }) => {\n  const isInactive = stageStatus === 'completed' || stageStatus === 'not-started';\n  const { m: stepMarkerSize } = calculateFontSize(\n    theme.base['font-size'],\n    theme.base['font-scale']\n  );\n\n  return css`\n    padding-inline-start: calc(${theme.base.spacing} * 2);\n    padding-block: calc(${theme.base.spacing} * 0.5);\n\n    ${isInactive &&\n    css`\n      ${StepMarker}[aria-current='step']::before {\n        width: ${stepMarkerSize};\n        height: ${stepMarkerSize};\n      }\n\n      ${StyledStepText} {\n        font-weight: ${theme.base['font-weight'].normal};\n        font-size: inherit;\n      }\n    `}\n\n    ${stageStatus === 'not-started' &&\n    css`\n      ${StepMarker}[aria-current='step']::before {\n        background: ${theme.base.palette['primary-background']};\n        border: calc(2 * ${theme.components['form-control']['border-width']}) solid\n          ${theme.components['form-control']['border-color']};\n      }\n    `}\n  `;\n});\n\nStyledStepsContainer.defaultProps = defaultThemeProp;\n\nexport const StyledCaseViewIcon = styled(Icon)(({ theme, foreground, background }) => {\n  const meetsContrast =\n    foreground && background\n      ? tryCatch(\n          () => meetsContrastGuidelines(foreground, background).AA,\n          () => false\n        )\n      : true;\n\n  return css`\n    --brand-accent: ${theme.base.palette['brand-accent']};\n    --gradient-start: oklch(from var(--brand-accent) calc(l - 0.3) calc(c * 1.5) h);\n    --gradient-mid: oklch(from var(--brand-accent) l c h);\n    --gradient-end: oklch(from var(--brand-accent) calc(l + 0.5) calc(c * 1.5) h);\n\n    ${!meetsContrast\n      ? css`\n          color: inherit;\n          background: transparent;\n        `\n      : null}\n\n    ${theme.components['case-view'].icon.color !== 'auto'\n      ? css`\n          color: ${theme.components['case-view'].icon.color};\n        `\n      : null}\n\n    ${theme.components['case-view'].icon.background !== 'auto'\n      ? css`\n          background: ${theme.components['case-view'].icon.background};\n        `\n      : null}\n\n    ${theme.components['case-view'].icon['box-shadow'] !== 'auto'\n      ? css`\n          box-shadow: ${theme.components['case-view'].icon['box-shadow']};\n        `\n      : null}\n  `;\n});\n\nStyledCaseViewIcon.defaultProps = defaultThemeProp;\n\nexport const StyledCaseViewImage = styled(Image)`\n  max-height: 100%;\n`;\n\nStyledCaseViewImage.defaultProps = defaultThemeProp;\n\nexport const StyledActiveCaseButton = styled.button(({ theme }) => {\n  const background = theme.components['case-view'].header.background;\n  const foreground = calculateForegroundColor(\n    background,\n    theme.components['case-view'].header['foreground-color']\n  );\n  const hoverBg = tryCatch(\n    () => darken(0.05, background),\n    () => background\n  );\n\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    border: none;\n    outline: none;\n    cursor: pointer;\n    font-size: ${fontSize.xs};\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n    padding: calc(${theme.base.spacing} * 0.5) ${theme.base.spacing};\n    border-radius: ${theme.base['border-radius']};\n    background: ${background};\n    color: ${foreground};\n    box-shadow: ${theme.base.shadow.low};\n\n    &:hover {\n      background: ${hoverBg};\n    }\n\n    &:focus-visible {\n      box-shadow: ${theme.base.shadow.focus};\n    }\n  `;\n});\n\nStyledActiveCaseButton.defaultProps = defaultThemeProp;\n\nexport const StyledActiveCasesList = styled(Flex)(({ theme }) => {\n  return css`\n    overflow-y: auto;\n    padding: calc(${theme.base.spacing} * 0.5) calc(${theme.base.spacing} * 0.5);\n    min-height: 0;\n  `;\n});\n\nStyledActiveCasesList.defaultProps = defaultThemeProp;\n\nexport const StyledActiveCaseName = styled(Button)(({ theme }) => {\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    justify-content: start;\n    font-size: ${fontSize.s};\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n    padding: 0;\n    width: 100%;\n    text-align: start;\n  `;\n});\n\nStyledActiveCaseName.defaultProps = defaultThemeProp;\n\nexport const StyledActiveCaseStages = styled.div(({ theme }) => {\n  return css`\n    ${StyledStages} {\n      border: ${theme.components.button['border-width']} solid ${theme.base.palette['border-line']};\n    }\n  `;\n});\n\nStyledActiveCaseStages.defaultProps = defaultThemeProp;\n\nexport const StyledSalutation = styled(Text)(({ theme }) => {\n  return css`\n    text-align: center;\n    overflow-wrap: break-word;\n    word-break: break-word;\n    font-size: clamp(1.5rem, 1.333rem + 0.052vw, 2rem);\n    font-weight: ${theme.base['font-weight'].bold};\n  `;\n});\n\nStyledSalutation.defaultProps = defaultThemeProp;\n\nexport const StyledQuestionnaireCard = styled.article(\n  ({\n    theme: {\n      base: {\n        spacing,\n        palette: { 'border-line': borderLine }\n      },\n      components: {\n        agent: {\n          questionnaire: { background, 'foreground-color': foregroundColor }\n        }\n      }\n    }\n  }) => {\n    const foreground = calculateForegroundColor(background, foregroundColor);\n\n    return css`\n      width: 100%;\n      border: none;\n      border-block-end: 0.0625rem solid ${borderLine};\n      border-radius: 0;\n      background: ${background};\n      color: ${foreground};\n\n      &&& ${StyledCardHeader} {\n        padding-block-start: ${spacing};\n        padding-inline-end: ${spacing};\n      }\n\n      &&& ${StyledCardFooter} {\n        padding-block-end: ${spacing};\n      }\n\n      &&& ${StyledCardContent} {\n        padding-block-end: ${spacing};\n      }\n    `;\n  }\n);\n\nStyledQuestionnaireCard.defaultProps = defaultThemeProp;\n\nexport const StyledQuestionBlock = styled.fieldset`\n  border: none;\n  padding: 0;\n  margin: 0;\n\n  /* Let radio/checkbox labels stretch so the ComboBox can fill available width */\n  label {\n    width: 100%;\n  }\n`;\n\nStyledQuestionBlock.defaultProps = defaultThemeProp;\n\nexport const StyledComboBoxWrapper = styled.div`\n  min-width: 12rem;\n  flex: 1;\n`;\n\nStyledComboBoxWrapper.defaultProps = defaultThemeProp;\n"]}
+{"version":3,"file":"GenAICoach.styles.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components';\nimport { useContext } from 'react';\nimport { mix, darken, meetsContrastGuidelines, transparentize } from 'polished';\n\nimport {\n  AppShellContext,\n  Button,\n  FileList,\n  Flex,\n  FormControl,\n  Icon,\n  Image,\n  MenuButton,\n  InfoDialog,\n  StyledEmptyState,\n  StyledErrorState,\n  StyledIcon,\n  StyledText,\n  SummaryItem,\n  Text,\n  TextArea,\n  calculateFontSize,\n  calculateForegroundColor,\n  defaultThemeProp,\n  isSolidColor,\n  tryCatch,\n  Avatar,\n  Fullscreen,\n  animations,\n  Modal,\n  StyledIconShape\n} from '@pega/cosmos-react-core';\nimport { StyledCard } from '@pega/cosmos-react-core/lib/components/Card/Card';\nimport { StyledCardHeader } from '@pega/cosmos-react-core/lib/components/Card/CardHeader';\nimport { StyledCardFooter } from '@pega/cosmos-react-core/lib/components/Card/CardFooter';\nimport { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';\nimport { StyledFullscreenButton } from '@pega/cosmos-react-core/lib/components/Fullscreen/FullscreenButton';\nimport { StyledFormField } from '@pega/cosmos-react-core/lib/components/FormField/FormField';\nimport {\n  StyledHeader,\n  StyledSelectionCard,\n  StyledSingleField,\n  StyledTileContent\n} from '@pega/cosmos-react-core/lib/components/SelectionCard/SelectionCard.styles';\nimport { StyledEditorContainer } from '@pega/cosmos-react-rte/lib/components/RichTextEditor/RichTextEditor.styles';\nimport {\n  StyledProgress,\n  StyledProgressRing\n} from '@pega/cosmos-react-core/lib/components/Progress/Progress.styles';\nimport {\n  resizeDrawerMaxWidth,\n  portalAgentMinWidth,\n  portalAgentDefaultWidth\n} from '@pega/cosmos-react-core/lib/styles/constants';\nimport { lineClamp } from '@pega/cosmos-react-core/lib/styles/mixins';\nimport { RichTextViewer } from '@pega/cosmos-react-rte';\nimport {\n  StepMarker,\n  StyledStepText\n} from '@pega/cosmos-react-core/lib/components/MultiStepForm/FormProgress.styles';\nimport { StyledResizeHandle } from '@pega/cosmos-react-core/lib/components/Drawer/ResizeHandle';\n\nimport { StyledStages } from '../Stages/Stages.styles';\n\nimport type { GenAICoachProps } from './GenAICoach.types';\nimport { isInUtilities } from './GenAICoach.utils';\n\nconst maxWidthMessage = '62.5rem';\n\nexport const StyledComposerSection = styled.div``;\n\nexport const StyledGenAIFormControl = styled(FormControl)<{ focused?: boolean }>(({\n  theme,\n  focused\n}) => {\n  return css`\n    overflow: hidden;\n\n    ${focused &&\n    css`\n      &:not([disabled]) {\n        border-color: ${theme.components['form-control'][':focus']['border-color']};\n        box-shadow: ${theme.components['form-control'][':focus']['box-shadow']};\n      }\n\n      &:hover:not([readonly]):not([disabled]):not(:focus, :focus-within) {\n        border-color: transparent;\n      }\n    `}\n  `;\n});\n\nStyledGenAIFormControl.defaultProps = defaultThemeProp;\n\nexport const StyledComposerWrapper = styled.div<{ focused?: boolean; hasQuestionnaire?: boolean }>(\n  ({ theme, focused, hasQuestionnaire }) => {\n    const { 'border-radius': formControlBorderRadius, 'border-width': formControlBorderWidth } =\n      theme.components['form-control'];\n    const { 'border-radius': baseBorderRadius, palette } = theme.base;\n    const borderRadius = `calc(${formControlBorderRadius} * ${baseBorderRadius})`;\n    const borderWidth = formControlBorderWidth ?? '0.0625rem';\n\n    return css`\n      ${hasQuestionnaire &&\n      css`\n        border: ${borderWidth} solid ${palette['border-line']};\n        border-radius: ${borderRadius};\n        overflow: hidden;\n\n        ${focused &&\n        css`\n          border-color: ${theme.components['form-control'][':focus']['border-color']};\n          box-shadow: ${theme.components['form-control'][':focus']['box-shadow']};\n        `}\n\n        ${StyledGenAIFormControl} {\n          border: none;\n          border-radius: 0;\n          box-shadow: none;\n          overflow: visible;\n        }\n      `}\n    `;\n  }\n);\n\nStyledComposerWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledMessagesContainer = styled.div<{ withSuggestionCards?: boolean }>(\n  ({\n    theme: {\n      base: { spacing }\n    },\n    withSuggestionCards\n  }) => {\n    return css`\n      margin-block-end: calc(0.5 * ${spacing});\n      min-height: 0;\n      overflow-y: auto;\n      ${withSuggestionCards &&\n      css`\n        overflow-y: visible;\n        margin-block-end: 0;\n        padding-block-start: 0;\n        flex-shrink: 0;\n      `}\n    `;\n  }\n);\n\nStyledMessagesContainer.defaultProps = defaultThemeProp;\n\nexport const StyledFullscreenWrapper = styled(Fullscreen)`\n  height: 100%;\n`;\n\nexport const StyledGenAICoachContainer = styled.div<{\n  variant: GenAICoachProps['variant'];\n  fullScreen: GenAICoachProps['allowFullScreen'];\n  isCompact: boolean;\n  isPortalAgent: boolean;\n}>(\n  ({\n    theme: {\n      base: {\n        palette,\n        'z-index': zIndex,\n        spacing,\n        breakpoints,\n        animation,\n        'border-radius': baseBorderRadius\n      },\n      components: {\n        card: { 'border-radius': cardBorderRadius },\n        agent: { background: agentBackground, 'foreground-color': agentForegroundColor },\n        'form-control': { 'border-radius': formControlBorderRadius }\n      }\n    },\n    variant,\n    fullScreen,\n    isCompact,\n    isPortalAgent\n  }) => {\n    const { previewActive } = useContext(AppShellContext);\n    const foregroundColorForAgent = calculateForegroundColor(agentBackground, agentForegroundColor);\n\n    return css`\n      background: ${agentBackground};\n      color: ${foregroundColorForAgent};\n      min-width: var(--utilities-drawer-min-width);\n      border-radius: ${cardBorderRadius};\n      transition: height ${animation.speed} ${animation.timing.ease};\n\n      ${variant.placement === 'dialog' &&\n      css`\n        border-radius: calc(${formControlBorderRadius} * ${baseBorderRadius});\n      `}\n\n      ${isInUtilities(variant) &&\n      !fullScreen &&\n      css`\n        min-height: 3rem;\n        max-width: 31.25rem;\n        box-shadow: 0 -1rem 1rem ${palette['app-background']};\n        border-radius: ${cardBorderRadius} ${cardBorderRadius} 0 0;\n        position: fixed;\n        inset-block-end: var(--appshell-bottom-offset, 0);\n        inset-inline-end: calc(2 * ${spacing});\n        z-index: calc(${zIndex.drawer} + 1);\n        width: 25rem;\n\n        ${previewActive &&\n        css`\n          @media (min-width: ${breakpoints.md}) {\n            margin-inline-end: min(var(--resize-drawer-width), ${resizeDrawerMaxWidth});\n          }\n        `}\n\n        ${variant.state === 'minimized' &&\n        css`\n          height: 3rem;\n        `}\n      `}\n\n      /*\n        ~85% of Utilities height and fixed height if screen size less than md and devices with coarse pointer\n        FIXME: This is a stopgap to address issue in Android web views via React Native where VH units do not work\n      */\n      ${((isInUtilities(variant) && variant.state === 'maximized') || !isInUtilities(variant)) &&\n      !fullScreen &&\n      css`\n        height: calc(0.85 * var(--case-view-height, 95vh));\n        @media (pointer: coarse) and (max-width: ${breakpoints.md}) {\n          height: 40rem;\n        }\n      `}\n\n      ${variant.placement === 'fullpage' &&\n      css`\n        height: var(--content-height-in-view, 100vh);\n      `}\n\n      ${isCompact &&\n      css`\n        height: 100%;\n        max-height: var(--content-height-in-view, 100vh);\n\n        ${StyledMessagesContainer} {\n          margin-block-end: 0;\n        }\n      `}\n\n      ${fullScreen &&\n      css`\n        height: 100vh;\n        border-radius: 0;\n      `}\n\n      ${isPortalAgent &&\n      css`\n        height: calc(100vh - var(--appshell-top-offset, 0vh));\n        border-radius: 0;\n      `}\n    `;\n  }\n);\n\nStyledGenAICoachContainer.defaultProps = defaultThemeProp;\n\nexport const StyledGenAIOptionsMenu = styled(MenuButton)(({\n  theme: {\n    base: {\n      'font-size': fontSize,\n      'font-scale': fontScale,\n      'font-weight': fontWeight,\n      palette: { ai }\n    }\n  }\n}) => {\n  const { l } = calculateFontSize(fontSize, fontScale);\n  return css`\n    color: inherit;\n    ${StyledIcon}:first-child {\n      color: ${ai};\n    }\n    ${StyledText} {\n      font-weight: ${fontWeight['semi-bold']};\n      font-size: ${l};\n    }\n  `;\n});\n\nStyledGenAIOptionsMenu.defaultProps = defaultThemeProp;\n\nexport const StyledMenuSuggestions = styled(MenuButton)(({\n  theme: {\n    base: { 'border-radius': baseBorderRadius, spacing },\n    components: {\n      button: { 'border-radius': borderRadius }\n    }\n  }\n}) => {\n  return css`\n    padding: calc(0.75 * ${spacing});\n    border-radius: calc(${baseBorderRadius} * ${borderRadius});\n  `;\n});\n\nStyledMenuSuggestions.defaultProps = defaultThemeProp;\n\nexport const StyledDisclaimerText = styled(Text)<{ inFullPage: boolean }>(({\n  inFullPage,\n  theme: {\n    base: { 'font-size': fontSize, 'font-scale': fontScale, spacing }\n  }\n}) => {\n  const systemFontSize = calculateFontSize(fontSize, fontScale).xs;\n  return css`\n    font-size: ${systemFontSize};\n    margin-block-start: ${spacing};\n    ${inFullPage &&\n    css`\n      padding-block-end: calc(2 * ${spacing});\n    `}\n    opacity: 0.7;\n  `;\n});\n\nStyledDisclaimerText.defaultProps = defaultThemeProp;\n\nexport const StyledFlexWrapper = styled.div`\n  height: 100%;\n  overflow-y: auto;\n  position: relative;\n`;\nStyledFlexWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledGridContainer = styled.div<{ conversationHistory: boolean }>(\n  ({ theme: { base }, conversationHistory }) => {\n    return css`\n      height: 100%;\n      min-height: 0;\n      ${conversationHistory &&\n      css`\n        margin: calc(2 * ${base.spacing});\n        border-radius: ${base['border-radius']};\n      `}\n    `;\n  }\n);\n\nStyledGridContainer.defaultProps = defaultThemeProp;\n\nexport const StyledInitialMessageContainer = styled.div(() => {\n  return css`\n    ${StyledFormField} {\n      width: 100%;\n      max-width: ${maxWidthMessage};\n    }\n  `;\n});\n\nStyledInitialMessageContainer.defaultProps = defaultThemeProp;\n\nexport const StyledInputContainer = styled(Flex)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    margin-block-end: ${spacing};\n    margin-inline: calc(2 * ${spacing});\n    align-items: center;\n\n    ${StyledFormField}, ${StyledComposerSection} {\n      width: 100%;\n      max-width: ${maxWidthMessage};\n    }\n  `;\n});\n\nStyledInputContainer.defaultProps = defaultThemeProp;\n\nexport const StyledStickyComposer = styled.div(\n  ({\n    theme: {\n      base: { spacing },\n      components: {\n        agent: { background: agentBackground }\n      }\n    }\n  }) => {\n    return css`\n      position: sticky;\n      top: 0;\n      z-index: 2;\n      flex-shrink: 0;\n      background: ${agentBackground};\n      padding-block: calc(2 * ${spacing});\n\n      ${StyledInputContainer} {\n        margin-block-end: 0;\n      }\n    `;\n  }\n);\n\nStyledStickyComposer.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestion = styled(Button)(({\n  theme: {\n    base: { 'border-radius': borderRadius, spacing }\n  }\n}) => {\n  return css`\n    width: fit-content;\n    max-width: 100%;\n    padding: ${spacing};\n    white-space: normal;\n    word-break: break-word;\n    text-align: start;\n    border-start-start-radius: calc(1.25 * ${borderRadius});\n    border-start-end-radius: calc(0.5 * ${borderRadius});\n    border-end-start-radius: calc(1.25 * ${borderRadius});\n    border-end-end-radius: calc(1.25 * ${borderRadius});\n\n    & + & {\n      margin-inline-start: 0;\n    }\n  `;\n});\n\nStyledSuggestion.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestionsContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block-start: calc(1.5 * ${spacing});\n    `;\n  }\n);\n\nStyledSuggestionsContainer.defaultProps = defaultThemeProp;\n\nexport const StyledMessage = styled.p(({ theme }) => {\n  return css`\n    margin-block-start: calc(0.5 * ${theme.base.spacing});\n    width: 100%;\n    min-width: 0;\n    overflow-wrap: break-word;\n\n    ${StyledEditorContainer} {\n      padding: 0;\n\n      span {\n        animation: ${animations.reveal} 1s forwards;\n      }\n    }\n  `;\n});\n\nStyledMessage.defaultProps = defaultThemeProp;\n\nexport const StyledUserMessage = styled.li(\n  ({\n    theme: {\n      base: { 'border-radius': borderRadius, spacing },\n      components: {\n        agent: {\n          'user-message': {\n            background: userMessageBackground,\n            'foreground-color': userMessageForegroundColor\n          }\n        }\n      }\n    }\n  }) => {\n    const foregroundColorForUserMessage = calculateForegroundColor(\n      userMessageBackground,\n      userMessageForegroundColor\n    );\n\n    return css`\n      overflow-wrap: break-word;\n      background: ${userMessageBackground};\n      color: ${foregroundColorForUserMessage};\n      margin-inline-start: calc(4 * ${spacing});\n      margin-block-end: calc(0.5 * ${spacing});\n      padding: calc(0.5 * ${spacing});\n      border-start-start-radius: calc(1.25 * ${borderRadius});\n      border-start-end-radius: calc(0.5 * ${borderRadius});\n      border-end-start-radius: calc(1.25 * ${borderRadius});\n      border-end-end-radius: calc(1.25 * ${borderRadius});\n    `;\n  }\n);\n\nStyledUserMessage.defaultProps = defaultThemeProp;\n\nexport const StyledSystemMessage = styled.li<{ stopped?: boolean }>(\n  ({\n    stopped,\n    theme: {\n      base: {\n        spacing,\n        'font-size': fontSize,\n        'font-scale': fontScale,\n        'font-weight': fontWeight,\n        palette\n      }\n    }\n  }) => {\n    const systemFontSize = calculateFontSize(fontSize, fontScale).xs;\n\n    return css`\n      display: flex;\n      align-items: center;\n      gap: ${spacing};\n      overflow-wrap: break-word;\n      font-size: ${systemFontSize};\n      color: ${palette['foreground-color']};\n      opacity: 0.7;\n      margin-block: calc(2 * ${spacing});\n      ${stopped &&\n      css`\n        font-weight: ${fontWeight.normal};\n      `}\n\n      &::before,\n      &::after {\n        content: '';\n        flex: 1;\n        border-block-start: 0.0625rem solid ${palette['foreground-color']};\n        opacity: 0.7;\n      }\n    `;\n  }\n);\n\nStyledSystemMessage.defaultProps = defaultThemeProp;\n\nexport const StyledMessagesList = styled.ul(\n  ({\n    theme: {\n      base: { shadow, spacing }\n    }\n  }) => {\n    return css`\n      padding-block-start: ${spacing};\n      list-style-type: none;\n      align-self: center;\n      max-width: ${maxWidthMessage};\n      width: 100%;\n      margin-block-start: auto;\n      min-height: var(--stream-buffer, auto);\n\n      & > li {\n        max-width: calc(100% - calc(4.5 * ${spacing}));\n      }\n\n      & > li[from='user'] {\n        margin-inline-start: auto;\n        margin-block-end: ${spacing};\n      }\n\n      & > li[type='message'] {\n        &:focus-visible {\n          outline: none;\n          box-shadow: ${shadow.focus};\n        }\n        margin-block-end: ${spacing};\n      }\n\n      & > ${StyledSystemMessage} {\n        max-width: 100%;\n      }\n\n      & > li:has(${StyledSuggestionsContainer}) {\n        max-width: 100%;\n      }\n    `;\n  }\n);\n\nStyledMessagesList.defaultProps = defaultThemeProp;\n\nexport const StyledHistoryContainer = styled(Flex)<{ inFullPage: boolean }>(({\n  theme,\n  inFullPage\n}) => {\n  const { background, 'foreground-color': foregroundColor } = theme.components.agent.history;\n  const foreground = calculateForegroundColor(background, foregroundColor);\n  return css`\n    height: 100%;\n    min-height: 0;\n    background: ${background};\n    color: ${foreground};\n    border-radius: ${theme.components.card['border-radius']};\n    box-shadow: ${theme.base.shadow.low};\n\n    ${!inFullPage &&\n    css`\n      margin-inline: calc(1.5 * ${theme.base.spacing});\n    `}\n\n    ${StyledEmptyState}, ${StyledErrorState} {\n      justify-content: flex-start;\n      padding-inline: calc(2 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledHistoryContainer.defaultProps = defaultThemeProp;\n\nexport const StyledList = styled(Flex)(\n  ({ theme }) => css`\n    height: 100%;\n    overflow-y: auto;\n    margin-block-end: calc(2 * ${theme.base.spacing});\n  `\n);\n\nStyledList.defaultProps = defaultThemeProp;\n\nexport const StyledInnerList = styled.ul(\n  ({ theme }) => css`\n    padding-inline: calc(2 * ${theme.base.spacing});\n\n    ${StyledText} {\n      font-weight: ${theme.base['font-weight'].normal};\n    }\n  `\n);\n\nStyledInnerList.defaultProps = defaultThemeProp;\n\nexport const StyledHistorySummaryListItem = styled(SummaryItem)(({ theme }) => {\n  const hoverColor = tryCatch(() =>\n    mix(0.95, theme.base.palette['primary-background'], theme.base.palette.interactive)\n  );\n  return css`\n    padding-inline: calc(2 * ${theme.base.spacing});\n    padding-block: ${theme.base.spacing};\n\n    &:hover {\n      background-color: ${hoverColor};\n      border-radius: calc(3 * ${theme.base.spacing});\n      cursor: pointer;\n    }\n    &[aria-selected='true'] {\n      background-color: ${theme.components.agent.history.item['selected-background']};\n      border-radius: calc(3 * ${theme.base.spacing});\n    }\n    &:focus-visible {\n      border: 0.0625rem solid ${theme.base.palette.interactive};\n    }\n  `;\n});\n\nStyledHistorySummaryListItem.defaultProps = defaultThemeProp;\n\nexport const StyledLoadingItem = styled.li`\n  ${StyledProgress} {\n    margin: 0;\n  }\n`;\n\nexport const StyledGroupHeader = styled.div(({ theme }) => {\n  return css`\n    padding-inline: calc(2 * ${theme.base.spacing});\n    padding-block-start: calc(2 * ${theme.base.spacing});\n    padding-block-end: calc(0.5 * ${theme.base.spacing});\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n  `;\n});\n\nStyledGroupHeader.defaultProps = defaultThemeProp;\n\nexport const StyledErrorContainer = styled.div(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.urgent};\n  `;\n});\n\nStyledErrorContainer.defaultProps = defaultThemeProp;\n\nexport const StyledInput = styled.input(() => {\n  return css`\n    display: none;\n  `;\n});\n\nexport const StyledAttachmentsList = styled(FileList)(({ theme }) => {\n  return css`\n    padding: ${theme.base.spacing};\n  `;\n});\n\nStyledAttachmentsList.defaultProps = defaultThemeProp;\n\nexport const StyledGuidedSuggestions = styled(MenuButton)`\n  width: 100%;\n  max-width: ${maxWidthMessage};\n  > span {\n    justify-content: center;\n  }\n`;\n\nexport const StyledAgentIcon = styled.svg`\n  width: 3rem;\n  height: 3rem;\n`;\n\nStyledAgentIcon.defaultProps = defaultThemeProp;\n\nexport const StyledGenAITextArea = styled(TextArea)(({ theme: { components } }) => {\n  return css`\n    border: none;\n    box-shadow: none;\n    min-height: calc(1.75 * ${components.input.height});\n    max-height: 6rem;\n    overflow-y: auto;\n    padding-block-end: 0;\n    &:focus:not([disabled]) {\n      border: none;\n      box-shadow: none;\n      background-color: transparent;\n    }\n  `;\n});\n\nStyledGenAITextArea.defaultProps = defaultThemeProp;\n\nexport const StyledSendButton = styled(Button)(({\n  theme: {\n    base: { 'border-radius': baseBorderRadius },\n    components: {\n      'form-control': { 'border-radius': formControlBorderRadius }\n    }\n  }\n}) => {\n  return css`\n    border-radius: calc(${baseBorderRadius} * ${formControlBorderRadius});\n    margin-inline-start: auto;\n  `;\n});\n\nStyledSendButton.defaultProps = defaultThemeProp;\n\nexport const StyledStopGeneratingButton = styled(Button)(({\n  theme: {\n    base: { 'border-radius': baseBorderRadius },\n    components: {\n      'form-control': { 'border-radius': formControlBorderRadius }\n    }\n  }\n}) => {\n  return css`\n    border-radius: calc(${baseBorderRadius} * ${formControlBorderRadius});\n    margin-inline-start: auto;\n  `;\n});\n\nStyledStopGeneratingButton.defaultProps = defaultThemeProp;\n\nexport const StyledInitialMessageGrid = styled.div`\n  max-width: ${maxWidthMessage};\n  width: 100%;\n`;\n\nexport const StyledInitialMessageButton = styled(Button)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    white-space: normal;\n    text-align: left;\n    min-width: unset;\n    padding-block: ${spacing};\n    padding-inline: calc(2 * ${spacing});\n    align-items: start;\n\n    & + & {\n      margin-inline-start: 0;\n    }\n  `;\n});\n\nStyledInitialMessageButton.defaultProps = defaultThemeProp;\n\nexport const StyledInitialMessageText = styled.span`\n  ${lineClamp(3)};\n`;\n\nexport const StyledGenAIAvatar = styled(Avatar)(({\n  theme: {\n    components: {\n      agent: {\n        'coach-message': {\n          avatar: { background: avatarBackground }\n        }\n      }\n    }\n  }\n}) => {\n  return css`\n    background: ${avatarBackground};\n  `;\n});\n\nStyledGenAIAvatar.defaultProps = defaultThemeProp;\n\nexport const StyledGenAIFooter = styled.div`\n  width: 100%;\n  max-width: ${maxWidthMessage};\n`;\n\nexport const StyledToolMessage = styled.p(\n  ({\n    theme: {\n      base: {\n        spacing,\n        palette: { 'border-line': borderLine }\n      }\n    }\n  }) => {\n    return css`\n      border-block-end: 0.125rem solid ${borderLine};\n      padding: calc(2 * ${spacing});\n    `;\n  }\n);\n\nStyledToolMessage.defaultProps = defaultThemeProp;\n\nexport const StyledToolMessageContainer = styled.div(\n  ({\n    theme: {\n      base: {\n        spacing,\n        'border-radius': borderRadius,\n        palette: { 'border-line': borderLine }\n      }\n    }\n  }) => {\n    return css`\n      border: 0.125rem solid ${borderLine};\n      border-radius: min(calc(2 * ${borderRadius}), 1rem);\n      margin-block: ${spacing};\n    `;\n  }\n);\n\nStyledToolMessageContainer.defaultProps = defaultThemeProp;\n\nexport const StyledConfirmationMsg = styled(RichTextViewer)(\n  ({\n    theme: {\n      base,\n      components: {\n        'form-control': {\n          ':read-only': { 'background-color': readOnlyBackgroundColor }\n        }\n      }\n    }\n  }) => `\n  padding: 0;\n  background-color: ${readOnlyBackgroundColor};\n  border-radius: calc(0.5 * ${base['border-radius']});\n`\n);\n\nStyledConfirmationMsg.defaultProps = defaultThemeProp;\n\nexport const StyledActionsContainer = styled.div(\n  () => css`\n    margin-inline-start: auto;\n\n    && button {\n      margin-inline-start: 0;\n    }\n  `\n);\n\nStyledActionsContainer.defaultProps = defaultThemeProp;\n\nexport const StyledScrollButton = styled(Button)(({ theme }) => {\n  return css`\n    position: absolute;\n    bottom: calc(var(--composer-height, 0rem) + calc(5 * ${theme.base.spacing}));\n    width: fit-content;\n    align-self: center;\n    z-index: 1;\n    box-shadow: ${theme.base.shadow.high};\n  `;\n});\n\nStyledScrollButton.defaultProps = defaultThemeProp;\n\nexport const ProgressAngleStyle = createGlobalStyle`\n  @property --angle {\n    syntax: \"<angle>\";\n    inherits: true;\n    initial-value: 0deg;\n  }\n`;\n\nexport const StyledProgressContainer = styled.div(({ theme }) => {\n  const aiColor = isSolidColor(theme.base.palette.ai)\n    ? theme.base.palette.ai\n    : theme.base.colors.purple.dark;\n  const aiTransparent = transparentize(0.85, aiColor);\n\n  return css`\n    position: relative;\n    isolation: isolate;\n    border-radius: calc(2 * ${theme.base.spacing});\n    border-start-start-radius: calc(0.5 * ${theme.base.spacing});\n    border: calc(0.125 * ${theme.base.spacing}) solid transparent;\n    background:\n      linear-gradient(${aiTransparent} 0 0) padding-box,\n      conic-gradient(\n          from var(--angle) in oklab,\n          ${aiTransparent} 0%,\n          ${aiTransparent} 10%,\n          ${aiColor} 50%,\n          ${aiTransparent} 90%,\n          ${aiTransparent} 100%\n        )\n        border-box;\n    animation: spin 1s ease-in-out infinite;\n    width: fit-content;\n\n    @keyframes spin {\n      to {\n        --angle: 360deg;\n      }\n    }\n  `;\n});\n\nStyledProgressContainer.defaultProps = defaultThemeProp;\n\nexport const StyledProgressContent = styled.div(({ theme }) => {\n  return css`\n    background: ${theme.components.agent.background};\n    border-radius: calc(2 * ${theme.base.spacing});\n    border-start-start-radius: calc(0.5 * ${theme.base.spacing});\n    padding: calc(2 * ${theme.base.spacing});\n\n    ${StyledProgressRing} {\n      width: ${theme.components.icon.size.s};\n    }\n  `;\n});\n\nStyledProgressContent.defaultProps = defaultThemeProp;\n\nexport const StyledProgressText = styled(Text)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.ai};\n  `;\n});\n\nStyledProgressText.defaultProps = defaultThemeProp;\n\nexport const StyledActionContainer = styled(Flex)`\n  && {\n    display: flex;\n  }\n\n  && > button:first-child:not(:last-child) {\n    margin-inline-end: 0;\n  }\n  margin-inline-end: auto;\n`;\n\nexport const StyledToolCandidatesModal = styled(Modal)(({ theme }) => {\n  return css`\n    max-width: ${theme.base['content-width'].xl};\n  `;\n});\n\nStyledToolCandidatesModal.defaultProps = defaultThemeProp;\n\nexport const StyledPortalSplitContainer = styled.div`\n  container-type: inline-size;\n  container-name: portal-split;\n  display: flex;\n  width: 100%;\n  height: calc(100dvh - var(--appshell-top-offset, 0));\n  min-height: calc(100dvh - var(--appshell-top-offset, 0));\n`;\n\nStyledPortalSplitContainer.defaultProps = defaultThemeProp;\n\nconst portalAgentRegionBasis = (agentVisible: boolean, mainVisible: boolean): string => {\n  if (!agentVisible) return '0%';\n  if (!mainVisible) return '100%';\n  return `clamp(${portalAgentMinWidth}, var(--region-a-width, ${portalAgentDefaultWidth}), calc(100% - ${portalAgentMinWidth}))`;\n};\n\nexport const StyledPortalAgentRegion = styled.aside<{\n  agentVisible: boolean;\n  mainVisible: boolean;\n}>(\n  ({ agentVisible, mainVisible, theme }) => css`\n    flex: 0 0 ${portalAgentRegionBasis(agentVisible, mainVisible)};\n    min-width: 0;\n    transition: flex-basis calc(${theme.base.animation.speed} / 2)\n      ${theme.base.animation.timing.ease};\n    will-change: flex-basis;\n    border-inline-end: 0.0625rem solid ${theme.base.palette['border-line']};\n\n    @container portal-split (min-width: ${theme.base.breakpoints.xl}) {\n      ${agentVisible &&\n      mainVisible &&\n      css`\n        flex-basis: clamp(\n          ${portalAgentMinWidth},\n          var(--region-a-width, 25%),\n          calc(100% - ${portalAgentMinWidth})\n        );\n      `}\n    }\n\n    ${!agentVisible &&\n    css`\n      overflow: hidden;\n    `}\n  `\n);\n\nStyledPortalAgentRegion.defaultProps = defaultThemeProp;\n\nexport const StyledPortalMainRegion = styled.div`\n  flex: 1 1 0%;\n  overflow: auto;\n  min-width: 0;\n  min-height: inherit;\n  contain: style;\n\n  &[inert] {\n    display: none;\n  }\n`;\n\nStyledPortalMainRegion.defaultProps = defaultThemeProp;\n\nexport const StyledPortalSeparator = styled.div`\n  position: relative;\n  flex-shrink: 0;\n  align-self: stretch;\n\n  ${StyledResizeHandle} {\n    z-index: 1;\n  }\n`;\n\nStyledPortalSeparator.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestionCardsView = styled.div(\n  ({\n    theme: {\n      base: {\n        spacing,\n        'font-size': fontSize,\n        'font-scale': fontScale,\n        'font-weight': fontWeight,\n        transparency,\n        'content-width': contentWidth\n      },\n      components: {\n        'form-control': { 'border-color': formControlBorderColor }\n      }\n    }\n  }) => {\n    const cardFontSize = calculateFontSize(fontSize, fontScale).xxs;\n    const columnTrack = `clamp(2.5rem, var(--tile-col-track, 2.5rem), 5rem) minmax(20ch, ${contentWidth.sm}) 1fr`;\n    const singleCardSize = `calc(${contentWidth.sm} + 8.875rem)`;\n\n    return css`\n      max-width: 95rem;\n      width: 100%;\n      margin-inline: auto;\n\n      [data-testid='gallery'] {\n        min-height: 0;\n        max-height: none;\n      }\n\n      .bContainer {\n        height: auto !important;\n      }\n\n      && .grid-container {\n        position: static;\n        gap: calc(2 * ${spacing});\n        grid-auto-rows: minmax(2.75rem, 1fr);\n\n        @container (min-width: calc(1.25 * ${singleCardSize})) {\n          grid-template-columns: repeat(2, ${columnTrack});\n        }\n\n        @container (min-width: calc(2 * ${singleCardSize})) {\n          grid-template-columns: repeat(3, ${columnTrack});\n        }\n\n        @container (min-width: calc(3 * ${singleCardSize})) {\n          grid-template-columns: repeat(4, ${columnTrack});\n        }\n      }\n\n      && ${StyledCard} {\n        background: transparent;\n      }\n\n      ${StyledFullscreenButton} {\n        display: none;\n      }\n\n      ${StyledHeader} {\n        ${StyledText} {\n          font-size: ${cardFontSize};\n        }\n      }\n\n      ${StyledSingleField} {\n        font-size: ${cardFontSize};\n        opacity: ${transparency['transparent-2']};\n      }\n\n      ${StyledSelectionCard} {\n        border-color: ${formControlBorderColor};\n\n        &:focus,\n        &:not([data-main-focus]):focus-within {\n          border-color: transparent;\n        }\n\n        ${StyledTileContent} {\n          font-size: ${cardFontSize};\n          font-weight: ${fontWeight['semi-bold']};\n        }\n      }\n    `;\n  }\n);\n\nStyledSuggestionCardsView.defaultProps = defaultThemeProp;\n\nexport const StyledAISuggestedBadge = styled(Flex)(({\n  theme: {\n    base: { 'font-size': fontSize, 'font-scale': fontScale, transparency }\n  }\n}) => {\n  const systemFontSize = calculateFontSize(fontSize, fontScale).xxs;\n  return css`\n    ${StyledText} {\n      font-size: ${systemFontSize};\n    }\n    opacity: ${transparency['transparent-2']};\n  `;\n});\n\nStyledAISuggestedBadge.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestionCardsBottomHalf = styled(Flex)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    min-height: 50%;\n    flex-shrink: 0;\n    margin-block-start: calc(2.5 * ${spacing});\n  `;\n});\n\nStyledSuggestionCardsBottomHalf.defaultProps = defaultThemeProp;\n\nexport const StyledCaseWorkflowBanner = styled(Flex)(({ theme }) => {\n  const background = theme.components['case-view'].header.background;\n  const foreground = calculateForegroundColor(\n    background,\n    theme.components['case-view'].header['foreground-color']\n  );\n\n  return css`\n    @keyframes case-header-fade-in {\n      from {\n        opacity: 0;\n        transform: translateY(calc(${theme.base.spacing} * -1.5)) scale(0.98);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n      }\n    }\n    margin-inline: calc(2 * ${theme.base.spacing});\n    margin-block: ${theme.base.spacing} 0;\n    padding: calc(${theme.base.spacing} * 0.75) ${theme.base.spacing};\n    background: ${background};\n    color: ${foreground};\n    border-radius: ${theme.base['border-radius']};\n    box-shadow: ${theme.base.shadow.low};\n    animation: case-header-fade-in ${theme.base.animation.speed} ${theme.base.animation.timing.ease}\n      both;\n  `;\n});\n\nStyledCaseWorkflowBanner.defaultProps = defaultThemeProp;\n\nexport const StyledCaseLaunchButton = styled(Button)(({ theme }) => {\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: ${theme.base.spacing};\n    min-width: 0;\n    flex: 1 1 0;\n    padding: 0 calc(${theme.base.spacing} * 0.5);\n    font-size: ${fontSize.s};\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n    text-align: start;\n  `;\n});\n\nStyledCaseLaunchButton.defaultProps = defaultThemeProp;\n\nexport const StyledCaseIconWrapper = styled.span`\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n\n  ${StyledIconShape} {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n`;\n\nStyledCaseIconWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledCaseTitleText = styled.span`\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n  flex: 1 1 0;\n`;\n\nStyledCaseTitleText.defaultProps = defaultThemeProp;\n\nexport const StyledProgressLabel = styled.span(({ theme }) => {\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    flex: 0 1 auto;\n    max-width: 40%;\n    margin-inline-start: auto;\n    font-size: ${fontSize.xxs};\n    font-weight: ${theme.base['font-weight'].normal};\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n  `;\n});\n\nStyledProgressLabel.defaultProps = defaultThemeProp;\n\nexport const StyledWorkflowInfoDialog = styled(InfoDialog)(({ theme }) => {\n  return css`\n    width: ${theme.base['content-width'].sm};\n    max-height: 80vh;\n  `;\n});\n\nStyledWorkflowInfoDialog.defaultProps = defaultThemeProp;\n\nexport const StyledStageList = styled.ol(({ theme }) => {\n  return css`\n    list-style: none;\n    padding: calc(${theme.base.spacing} * 0.5);\n    overflow-y: auto;\n    min-height: 0;\n\n    > li:not(:last-child) {\n      margin-block-end: calc(${theme.base.spacing} * 0.5);\n    }\n  `;\n});\n\nStyledStageList.defaultProps = defaultThemeProp;\n\nexport const StyledStageButton = styled(Button)<{ expanded?: boolean }>(({ theme, expanded }) => {\n  return css`\n    width: 100%;\n    justify-content: start;\n    color: ${theme.base.palette['foreground-color']};\n    gap: calc(${theme.base.spacing} * 0.5);\n\n    ${StyledIcon} {\n      transition: transform ${theme.base.animation.speed} ${theme.base.animation.timing.ease};\n      flex-shrink: 0;\n      transform: rotateZ(${expanded ? '0deg' : '-90deg'});\n    }\n  `;\n});\n\nStyledStageButton.defaultProps = defaultThemeProp;\n\nexport const StyledStepsContainer = styled.div<{\n  stageStatus?: 'active' | 'completed' | 'not-started';\n}>(({ theme, stageStatus }) => {\n  const isInactive = stageStatus === 'completed' || stageStatus === 'not-started';\n  const { m: stepMarkerSize } = calculateFontSize(\n    theme.base['font-size'],\n    theme.base['font-scale']\n  );\n\n  return css`\n    padding-inline-start: calc(${theme.base.spacing} * 2);\n    padding-block: calc(${theme.base.spacing} * 0.5);\n\n    ${isInactive &&\n    css`\n      ${StepMarker}[aria-current='step']::before {\n        width: ${stepMarkerSize};\n        height: ${stepMarkerSize};\n      }\n\n      ${StyledStepText} {\n        font-weight: ${theme.base['font-weight'].normal};\n        font-size: inherit;\n      }\n    `}\n\n    ${stageStatus === 'not-started' &&\n    css`\n      ${StepMarker}[aria-current='step']::before {\n        background: ${theme.base.palette['primary-background']};\n        border: calc(2 * ${theme.components['form-control']['border-width']}) solid\n          ${theme.components['form-control']['border-color']};\n      }\n    `}\n  `;\n});\n\nStyledStepsContainer.defaultProps = defaultThemeProp;\n\nexport const StyledCaseViewIcon = styled(Icon)(({ theme, foreground, background }) => {\n  const meetsContrast =\n    foreground && background\n      ? tryCatch(\n          () => meetsContrastGuidelines(foreground, background).AA,\n          () => false\n        )\n      : true;\n\n  return css`\n    --brand-accent: ${theme.base.palette['brand-accent']};\n    --gradient-start: oklch(from var(--brand-accent) calc(l - 0.3) calc(c * 1.5) h);\n    --gradient-mid: oklch(from var(--brand-accent) l c h);\n    --gradient-end: oklch(from var(--brand-accent) calc(l + 0.5) calc(c * 1.5) h);\n\n    ${!meetsContrast\n      ? css`\n          color: inherit;\n          background: transparent;\n        `\n      : null}\n\n    ${theme.components['case-view'].icon.color !== 'auto'\n      ? css`\n          color: ${theme.components['case-view'].icon.color};\n        `\n      : null}\n\n    ${theme.components['case-view'].icon.background !== 'auto'\n      ? css`\n          background: ${theme.components['case-view'].icon.background};\n        `\n      : null}\n\n    ${theme.components['case-view'].icon['box-shadow'] !== 'auto'\n      ? css`\n          box-shadow: ${theme.components['case-view'].icon['box-shadow']};\n        `\n      : null}\n  `;\n});\n\nStyledCaseViewIcon.defaultProps = defaultThemeProp;\n\nexport const StyledCaseViewImage = styled(Image)`\n  max-height: 100%;\n`;\n\nStyledCaseViewImage.defaultProps = defaultThemeProp;\n\nexport const StyledActiveCaseButton = styled.button(({ theme }) => {\n  const background = theme.components['case-view'].header.background;\n  const foreground = calculateForegroundColor(\n    background,\n    theme.components['case-view'].header['foreground-color']\n  );\n  const hoverBg = tryCatch(\n    () => darken(0.05, background),\n    () => background\n  );\n\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    border: none;\n    outline: none;\n    cursor: pointer;\n    font-size: ${fontSize.xs};\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n    padding: calc(${theme.base.spacing} * 0.5) ${theme.base.spacing};\n    border-radius: ${theme.base['border-radius']};\n    background: ${background};\n    color: ${foreground};\n    box-shadow: ${theme.base.shadow.low};\n\n    &:hover {\n      background: ${hoverBg};\n    }\n\n    &:focus-visible {\n      box-shadow: ${theme.base.shadow.focus};\n    }\n  `;\n});\n\nStyledActiveCaseButton.defaultProps = defaultThemeProp;\n\nexport const StyledActiveCasesList = styled(Flex)(({ theme }) => {\n  return css`\n    overflow-y: auto;\n    padding: calc(${theme.base.spacing} * 0.5) calc(${theme.base.spacing} * 0.5);\n    min-height: 0;\n  `;\n});\n\nStyledActiveCasesList.defaultProps = defaultThemeProp;\n\nexport const StyledActiveCaseName = styled(Button)(({ theme }) => {\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    justify-content: start;\n    font-size: ${fontSize.s};\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n    padding: 0;\n    width: 100%;\n    text-align: start;\n  `;\n});\n\nStyledActiveCaseName.defaultProps = defaultThemeProp;\n\nexport const StyledActiveCaseStages = styled.div(({ theme }) => {\n  return css`\n    ${StyledStages} {\n      border: ${theme.components.button['border-width']} solid ${theme.base.palette['border-line']};\n    }\n  `;\n});\n\nStyledActiveCaseStages.defaultProps = defaultThemeProp;\n\nexport const StyledSalutation = styled(Text)(({ theme }) => {\n  return css`\n    text-align: center;\n    overflow-wrap: break-word;\n    word-break: break-word;\n    font-size: clamp(1.5rem, 1.333rem + 0.052vw, 2rem);\n    font-weight: ${theme.base['font-weight'].bold};\n  `;\n});\n\nStyledSalutation.defaultProps = defaultThemeProp;\n\nexport const StyledQuestionnaireCard = styled.article(\n  ({\n    theme: {\n      base: {\n        spacing,\n        palette: { 'border-line': borderLine }\n      },\n      components: {\n        agent: {\n          questionnaire: { background, 'foreground-color': foregroundColor }\n        }\n      }\n    }\n  }) => {\n    const foreground = calculateForegroundColor(background, foregroundColor);\n\n    return css`\n      width: 100%;\n      border: none;\n      border-block-end: 0.0625rem solid ${borderLine};\n      border-radius: 0;\n      background: ${background};\n      color: ${foreground};\n\n      &&& ${StyledCardHeader} {\n        padding-block-start: ${spacing};\n        padding-inline-end: ${spacing};\n      }\n\n      &&& ${StyledCardFooter} {\n        padding-block-end: ${spacing};\n      }\n\n      &&& ${StyledCardContent} {\n        padding-block-end: ${spacing};\n      }\n    `;\n  }\n);\n\nStyledQuestionnaireCard.defaultProps = defaultThemeProp;\n\nexport const StyledQuestionBlock = styled.fieldset`\n  border: none;\n  padding: 0;\n  margin: 0;\n\n  /* Let radio/checkbox labels stretch so the ComboBox can fill available width */\n  label {\n    width: 100%;\n  }\n`;\n\nStyledQuestionBlock.defaultProps = defaultThemeProp;\n\nexport const StyledComboBoxWrapper = styled.div`\n  min-width: 12rem;\n  flex: 1;\n`;\n\nStyledComboBoxWrapper.defaultProps = defaultThemeProp;\n"]}

package/lib/components/InteractionNotification/InteractionNotification.d.ts

@@ -1,7 +1,7 @@
 import type { Ref } from 'react';
-import type { StatusProps, ForwardRefForwardPropsComponent, FieldValueListProps, NoChildrenProp, RequireAtLeastOne } from '@pega/cosmos-react-core';
+import type { StatusProps, ForwardRefForwardPropsComponent, FieldValueListProps, NoChildrenProp, RequireAtLeastOne, LinkProps } from '@pega/cosmos-react-core';
 import type { CountdownButtonProps } from './CountdownButton';
-interface InfoText {
+interface InfoText extends Partial<Pick<LinkProps, 'href' | 'onPreview'>> {
     /** Visually hidden description for accessibility purposes. */
     description: string;
     /** Information text. */

package/lib/components/InteractionNotification/InteractionNotification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InteractionNotification.d.ts","sourceRoot":"","sources":["../../../src/components/InteractionNotification/InteractionNotification.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AA2BlD,OAAO,KAAK,EACV,WAAW,EACX,+BAA+B,EAC/B,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,UAAU,QAAQ;IAChB,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAC;IACpB,wBAAwB;IACxB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,kFAAkF;AAClF,KAAK,kBAAkB,GACnB,CAAC,MAAM,IAAI,CAAC,GACZ;IACE,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEN,MAAM,MAAM,4BAA4B,GAAG,iBAAiB,CAC1D,cAAc,GAAG;IACf,wBAAwB;IACxB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,MAAM,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1D,iFAAiF;IACjF,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACvC,yBAAyB;IACzB,2BAA2B,CAAC,EAAE;QAC5B,SAAS,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC;QAC7C,aAAa,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAC/C,UAAU,CAAC,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC;KACjD,CAAC;IACF,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,kBAAkB,CAAC;CAChC,GAAG,CACE;IACE,wEAAwE;IACxE,WAAW,EAAE,QAAQ,CAAC;IACtB,yFAAyF;IACzF,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,gFAAgF;IAChF,YAAY,CAAC,EAAE,QAAQ,CAAC;CACzB,GACD;IACE,wEAAwE;IACxE,WAAW,EAAE,MAAM,CAAC;IACpB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CACJ,EACH,UAAU,GAAG,WAAW,CACzB,CAAC;AA0GF,QAAA,MAAM,uBAAuB,EAAE,+BAA+B,CAAC,4BAA4B,CAqHvF,CAAC;AAEL,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"InteractionNotification.d.ts","sourceRoot":"","sources":["../../../src/components/InteractionNotification/InteractionNotification.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AA4BlD,OAAO,KAAK,EACV,WAAW,EACX,+BAA+B,EAC/B,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EACjB,SAAS,EACV,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,UAAU,QAAS,SAAQ,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,CAAC,CAAC;IACvE,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAC;IACpB,wBAAwB;IACxB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,kFAAkF;AAClF,KAAK,kBAAkB,GACnB,CAAC,MAAM,IAAI,CAAC,GACZ;IACE,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEN,MAAM,MAAM,4BAA4B,GAAG,iBAAiB,CAC1D,cAAc,GAAG;IACf,wBAAwB;IACxB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,MAAM,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1D,iFAAiF;IACjF,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACvC,yBAAyB;IACzB,2BAA2B,CAAC,EAAE;QAC5B,SAAS,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC;QAC7C,aAAa,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAC/C,UAAU,CAAC,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC;KACjD,CAAC;IACF,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,kBAAkB,CAAC;CAChC,GAAG,CACE;IACE,wEAAwE;IACxE,WAAW,EAAE,QAAQ,CAAC;IACtB,yFAAyF;IACzF,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,gFAAgF;IAChF,YAAY,CAAC,EAAE,QAAQ,CAAC;CACzB,GACD;IACE,wEAAwE;IACxE,WAAW,EAAE,MAAM,CAAC;IACpB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CACJ,EACH,UAAU,GAAG,WAAW,CACzB,CAAC;AAmHF,QAAA,MAAM,uBAAuB,EAAE,+BAA+B,CAAC,4BAA4B,CAqHvF,CAAC;AAEL,eAAe,uBAAuB,CAAC"}

package/lib/components/InteractionNotification/InteractionNotification.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect, useRef } from 'react';
 import styled, { css } from 'styled-components';
-import { Button, Card, CardContent, CardHeader, Status, Text, defaultThemeProp, Flex, StyledText, FieldValueList, StyledFieldValueList, useI18n, useDirection, Icon, StyledLabel, useLiveLog, registerAction, useShortcut, useConsolidatedRef, useEscape, CardFooter, VisuallyHiddenText } from '@pega/cosmos-react-core';
+import { Button, Card, CardContent, CardHeader, Status, Text, defaultThemeProp, Flex, StyledText, FieldValueList, StyledFieldValueList, useI18n, useDirection, Icon, StyledLabel, useLiveLog, registerAction, useShortcut, useConsolidatedRef, useEscape, CardFooter, VisuallyHiddenText, Link } from '@pega/cosmos-react-core';
 import { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';
 import CountdownButton from './CountdownButton';
 const StyledInteractionNotification = styled(Card)(({ theme: { base } }) => {
@@ -43,7 +43,7 @@ const StyledInteractionNotification = styled(Card)(({ theme: { base } }) => {
       overflow: auto;
 
       ${StyledText} {
-        color: ${base.colors.white};
+        color: inherit;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
@@ -78,8 +78,10 @@ registerAction({
 });
 const NotificationText = ({ content, variant = 'h5' }) => {
     const isString = typeof content === 'string';
-    const text = (_jsx(Text, { variant: variant, as: 'span', children: isString ? content : content.text }));
-    return isString ? (text) : (_jsxs("div", { children: [_jsx(VisuallyHiddenText, { children: `${content.description} - ` }), text] }));
+    const { text, href, onPreview } = isString ? { text: content } : content;
+    const textElement = (_jsx(Text, { variant: variant, as: 'span', children: text }));
+    const contentElement = href ? (_jsx(Link, { href: href, previewable: !!onPreview, onPreview: onPreview, hideNewTabIcon: true, children: textElement })) : (textElement);
+    return isString ? (textElement) : (_jsxs("div", { children: [_jsx(VisuallyHiddenText, { children: `${content.description} - ` }), contentElement] }));
 };
 const InteractionNotification = forwardRef(function InteractionNotification({ icon, title, primaryText, secondaryText, tertiaryText, status, fields, incomingNotificationTimeout, onAccept, onDismiss }, ref) {
     const t = useI18n();

package/lib/components/InteractionNotification/InteractionNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"InteractionNotification.js","sourceRoot":"","sources":["../../../src/components/InteractionNotification/InteractionNotification.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useRef } from 'react';\nimport type { PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  Status,\n  Text,\n  defaultThemeProp,\n  Flex,\n  StyledText,\n  FieldValueList,\n  StyledFieldValueList,\n  useI18n,\n  useDirection,\n  Icon,\n  StyledLabel,\n  useLiveLog,\n  registerAction,\n  useShortcut,\n  useConsolidatedRef,\n  useEscape,\n  CardFooter,\n  VisuallyHiddenText\n} from '@pega/cosmos-react-core';\nimport type {\n  StatusProps,\n  ForwardRefForwardPropsComponent,\n  FieldValueListProps,\n  NoChildrenProp,\n  RequireAtLeastOne\n} from '@pega/cosmos-react-core';\nimport { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';\n\nimport CountdownButton from './CountdownButton';\nimport type { CountdownButtonProps } from './CountdownButton';\n\ninterface InfoText {\n  /** Visually hidden description for accessibility purposes. */\n  description: string;\n  /** Information text. */\n  text: string;\n}\n\n/** A simple callback or an object to customize notification button properties. */\ntype NotificationAction =\n  | (() => void)\n  | {\n      /** Custom label for the button. */\n      text?: string;\n      /** Handler invoked when the button is clicked. */\n      handler: () => void;\n    };\n\nexport type InteractionNotificationProps = RequireAtLeastOne<\n  NoChildrenProp & {\n    /** Ref to Component. */\n    ref?: Ref<HTMLDivElement>;\n    /** Name of the icon used in header. */\n    icon: string;\n    /** Interaction title. */\n    title: string;\n    /** Represents the current status of interaction. */\n    status: { variant: StatusProps['variant']; text: string };\n    /** Information structured as field values to be displayed below main section. */\n    fields?: FieldValueListProps['fields'];\n    /** Timeout definition */\n    incomingNotificationTimeout?: {\n      startTime: CountdownButtonProps['startTime'];\n      answerTimeout: CountdownButtonProps['timeout'];\n      onTimerEnd?: CountdownButtonProps['onTimerEnd'];\n    };\n    /** Callback when accept button is clicked. */\n    onAccept?: NotificationAction;\n    /** Callback when dismiss button is clicked. */\n    onDismiss?: NotificationAction;\n  } & (\n      | {\n          /** Primary information of the notification. For example caller name. */\n          primaryText: InfoText;\n          /** Secondary information of the notification. For example phone number of the caller. */\n          secondaryText?: InfoText;\n          /** Tertiary information of the notification. For example role of the caller. */\n          tertiaryText?: InfoText;\n        }\n      | {\n          /** Primary information of the notification. For example caller name. */\n          primaryText: string;\n          /** Secondary information of the notification. For example phone number of the caller. */\n          secondaryText?: string;\n          /** Tertiary information of the notification. For example role of the caller. */\n          tertiaryText?: string;\n        }\n    ),\n  'onAccept' | 'onDismiss'\n>;\n\ninterface NotificationTextProps {\n  /** Information of the notification. */\n  content: InfoText | string;\n  /** Heading variant for the notification text. */\n  variant?: 'h1' | 'h5';\n}\n\nconst StyledInteractionNotification = styled(Card)(({ theme: { base } }) => {\n  const { rtl } = useDirection();\n  return css`\n    position: fixed;\n    inset-block-start: calc(2 * ${base.spacing});\n    inset-inline-end: calc(2 * ${base.spacing});\n    width: min(calc(100% - 2rem), ${base['content-width'].md});\n    max-height: calc(100vh - 2rem);\n    z-index: ${base['z-index'].backdrop - 1};\n    color: ${base.colors.white};\n    animation: SlideIn calc(4 * ${base.animation.speed});\n    padding: calc(0.75 * ${base.spacing}) 0;\n    box-shadow: ${base.shadow.low};\n\n    &&& {\n      background-color: ${base.colors.slate['extra-dark']};\n    }\n\n    @keyframes SlideIn {\n      0% {\n        ${rtl\n          ? css`\n              transform: translateX(calc(-100% - 1rem));\n            `\n          : css`\n              transform: translateX(calc(100% + 1rem));\n            `}\n      }\n\n      100% {\n        transform: translateX(0);\n      }\n    }\n\n    ${StyledCardContent} {\n      margin: calc(2 * ${base.spacing}) 0;\n      overflow: auto;\n\n      ${StyledText} {\n        color: ${base.colors.white};\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        width: 100%;\n        text-align: center;\n      }\n    }\n\n    ${StyledFieldValueList} {\n      border-block-start: solid 0.0625rem ${base.palette['border-line']};\n      padding-block-start: calc(2 * ${base.spacing});\n      color: ${base.colors.white};\n\n      ${StyledLabel} {\n        color: ${base.colors.white};\n      }\n    }\n\n    @media (min-width: calc(${base.breakpoints.md})) {\n      inset-block-start: calc(8 * ${base.spacing});\n      max-height: initial;\n    }\n  `;\n});\n\nStyledInteractionNotification.defaultProps = defaultThemeProp;\n\nregisterAction(\n  {\n    id: 'GoToIncomingInteraction',\n    defaultKeyBinding: 'Alt+Enter'\n  },\n  {\n    id: 'DismissIncomingInteraction',\n    defaultKeyBinding: 'Alt+Q'\n  }\n);\n\nconst NotificationText = ({ content, variant = 'h5' }: NotificationTextProps) => {\n  const isString = typeof content === 'string';\n\n  const text = (\n    <Text variant={variant} as='span'>\n      {isString ? content : content.text}\n    </Text>\n  );\n\n  return isString ? (\n    text\n  ) : (\n    <div>\n      <VisuallyHiddenText>{`${content.description} - `}</VisuallyHiddenText>\n      {text}\n    </div>\n  );\n};\n\nconst InteractionNotification: ForwardRefForwardPropsComponent<InteractionNotificationProps> =\n  forwardRef(function InteractionNotification(\n    {\n      icon,\n      title,\n      primaryText,\n      secondaryText,\n      tertiaryText,\n      status,\n      fields,\n      incomingNotificationTimeout,\n      onAccept,\n      onDismiss\n    }: PropsWithoutRef<InteractionNotificationProps>,\n    ref: InteractionNotificationProps['ref']\n  ) {\n    const t = useI18n();\n    const { announceAssertive } = useLiveLog();\n    const containerRef = useConsolidatedRef(ref);\n    const returnRef = useRef<HTMLElement>();\n    const acceptButtonRef = useRef<HTMLButtonElement>(null);\n\n    const onAcceptHandler = typeof onAccept === 'function' ? onAccept : onAccept?.handler;\n    const onDismissHandler = typeof onDismiss === 'function' ? onDismiss : onDismiss?.handler;\n    const acceptLabel = typeof onAccept !== 'function' ? onAccept?.text : t('accept');\n    const dismissLabel = typeof onDismiss !== 'function' ? onDismiss?.text : undefined;\n\n    const { binding: goToBinding } = useShortcut('GoToIncomingInteraction', () => {\n      if (containerRef.current) {\n        returnRef.current = (document.activeElement as HTMLElement) ?? undefined;\n        acceptButtonRef.current?.focus();\n      }\n    });\n    const { binding: dismissBinding } = useShortcut('DismissIncomingInteraction', () =>\n      onDismissHandler?.()\n    );\n\n    useEscape(\n      () => {\n        returnRef.current?.focus();\n        onDismissHandler?.();\n      },\n      containerRef.current,\n      [onDismissHandler]\n    );\n\n    useEffect(() => {\n      announceAssertive({\n        message: `${title} ${\n          typeof primaryText === 'string' ? primaryText : primaryText.description\n        } ${t('status')} ${status.text}. ${\n          goToBinding ? t('interaction_shortcut_goto_info', [goToBinding]) : ''\n        }${\n          dismissBinding && onDismissHandler\n            ? t('interaction_shortcut_dismiss_info', [dismissBinding])\n            : ''\n        }`,\n        type: 'alert'\n      });\n    }, []);\n\n    const acceptButton = incomingNotificationTimeout ? (\n      <CountdownButton\n        variant='primary'\n        onClick={onAcceptHandler}\n        startTime={incomingNotificationTimeout.startTime}\n        timeout={incomingNotificationTimeout.answerTimeout}\n        onTimerEnd={incomingNotificationTimeout.onTimerEnd ?? onDismissHandler}\n        ref={acceptButtonRef}\n      >\n        {acceptLabel}\n      </CountdownButton>\n    ) : (\n      <Button variant='primary' onClick={onAcceptHandler} ref={acceptButtonRef}>\n        {acceptLabel}\n      </Button>\n    );\n\n    return (\n      <StyledInteractionNotification\n        ref={containerRef}\n        data-app-region\n        role='alertdialog'\n        aria-label={title}\n      >\n        <CardHeader>\n          <Flex container={{ alignItems: 'center', gap: 1 }}>\n            <Icon name={icon} />\n            <Text variant='h2'>{title}</Text>\n          </Flex>\n        </CardHeader>\n        <CardContent container={{ gap: 2 }}>\n          <Flex container={{ direction: 'column', alignItems: 'center', gap: 1 }}>\n            <NotificationText content={primaryText} variant='h1' />\n            {secondaryText && <NotificationText content={secondaryText} />}\n            {tertiaryText && <NotificationText content={tertiaryText} />}\n            <Status variant={status.variant}>{status.text}</Status>\n          </Flex>\n          {fields && fields.length !== 0 && <FieldValueList variant='inline' fields={fields} />}\n        </CardContent>\n\n        {onAcceptHandler ? (\n          <CardFooter justify={onDismissHandler ? 'between' : 'end'}>\n            {onDismissHandler && (\n              <Button onClick={onDismissHandler}>{dismissLabel ?? t('decline')}</Button>\n            )}\n            {acceptButton}\n          </CardFooter>\n        ) : (\n          <CardFooter justify='end'>\n            <Button variant='primary' onClick={onDismissHandler}>\n              {dismissLabel ?? t('close')}\n            </Button>\n          </CardFooter>\n        )}\n      </StyledInteractionNotification>\n    );\n  });\n\nexport default InteractionNotification;\n"]}
+{"version":3,"file":"InteractionNotification.js","sourceRoot":"","sources":["../../../src/components/InteractionNotification/InteractionNotification.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useRef } from 'react';\nimport type { PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  Status,\n  Text,\n  defaultThemeProp,\n  Flex,\n  StyledText,\n  FieldValueList,\n  StyledFieldValueList,\n  useI18n,\n  useDirection,\n  Icon,\n  StyledLabel,\n  useLiveLog,\n  registerAction,\n  useShortcut,\n  useConsolidatedRef,\n  useEscape,\n  CardFooter,\n  VisuallyHiddenText,\n  Link\n} from '@pega/cosmos-react-core';\nimport type {\n  StatusProps,\n  ForwardRefForwardPropsComponent,\n  FieldValueListProps,\n  NoChildrenProp,\n  RequireAtLeastOne,\n  LinkProps\n} from '@pega/cosmos-react-core';\nimport { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';\n\nimport CountdownButton from './CountdownButton';\nimport type { CountdownButtonProps } from './CountdownButton';\n\ninterface InfoText extends Partial<Pick<LinkProps, 'href' | 'onPreview'>> {\n  /** Visually hidden description for accessibility purposes. */\n  description: string;\n  /** Information text. */\n  text: string;\n}\n\n/** A simple callback or an object to customize notification button properties. */\ntype NotificationAction =\n  | (() => void)\n  | {\n      /** Custom label for the button. */\n      text?: string;\n      /** Handler invoked when the button is clicked. */\n      handler: () => void;\n    };\n\nexport type InteractionNotificationProps = RequireAtLeastOne<\n  NoChildrenProp & {\n    /** Ref to Component. */\n    ref?: Ref<HTMLDivElement>;\n    /** Name of the icon used in header. */\n    icon: string;\n    /** Interaction title. */\n    title: string;\n    /** Represents the current status of interaction. */\n    status: { variant: StatusProps['variant']; text: string };\n    /** Information structured as field values to be displayed below main section. */\n    fields?: FieldValueListProps['fields'];\n    /** Timeout definition */\n    incomingNotificationTimeout?: {\n      startTime: CountdownButtonProps['startTime'];\n      answerTimeout: CountdownButtonProps['timeout'];\n      onTimerEnd?: CountdownButtonProps['onTimerEnd'];\n    };\n    /** Callback when accept button is clicked. */\n    onAccept?: NotificationAction;\n    /** Callback when dismiss button is clicked. */\n    onDismiss?: NotificationAction;\n  } & (\n      | {\n          /** Primary information of the notification. For example caller name. */\n          primaryText: InfoText;\n          /** Secondary information of the notification. For example phone number of the caller. */\n          secondaryText?: InfoText;\n          /** Tertiary information of the notification. For example role of the caller. */\n          tertiaryText?: InfoText;\n        }\n      | {\n          /** Primary information of the notification. For example caller name. */\n          primaryText: string;\n          /** Secondary information of the notification. For example phone number of the caller. */\n          secondaryText?: string;\n          /** Tertiary information of the notification. For example role of the caller. */\n          tertiaryText?: string;\n        }\n    ),\n  'onAccept' | 'onDismiss'\n>;\n\ninterface NotificationTextProps {\n  /** Information of the notification. */\n  content: InfoText | string;\n  /** Heading variant for the notification text. */\n  variant?: 'h1' | 'h5';\n}\n\nconst StyledInteractionNotification = styled(Card)(({ theme: { base } }) => {\n  const { rtl } = useDirection();\n  return css`\n    position: fixed;\n    inset-block-start: calc(2 * ${base.spacing});\n    inset-inline-end: calc(2 * ${base.spacing});\n    width: min(calc(100% - 2rem), ${base['content-width'].md});\n    max-height: calc(100vh - 2rem);\n    z-index: ${base['z-index'].backdrop - 1};\n    color: ${base.colors.white};\n    animation: SlideIn calc(4 * ${base.animation.speed});\n    padding: calc(0.75 * ${base.spacing}) 0;\n    box-shadow: ${base.shadow.low};\n\n    &&& {\n      background-color: ${base.colors.slate['extra-dark']};\n    }\n\n    @keyframes SlideIn {\n      0% {\n        ${rtl\n          ? css`\n              transform: translateX(calc(-100% - 1rem));\n            `\n          : css`\n              transform: translateX(calc(100% + 1rem));\n            `}\n      }\n\n      100% {\n        transform: translateX(0);\n      }\n    }\n\n    ${StyledCardContent} {\n      margin: calc(2 * ${base.spacing}) 0;\n      overflow: auto;\n\n      ${StyledText} {\n        color: inherit;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        width: 100%;\n        text-align: center;\n      }\n    }\n\n    ${StyledFieldValueList} {\n      border-block-start: solid 0.0625rem ${base.palette['border-line']};\n      padding-block-start: calc(2 * ${base.spacing});\n      color: ${base.colors.white};\n\n      ${StyledLabel} {\n        color: ${base.colors.white};\n      }\n    }\n\n    @media (min-width: calc(${base.breakpoints.md})) {\n      inset-block-start: calc(8 * ${base.spacing});\n      max-height: initial;\n    }\n  `;\n});\n\nStyledInteractionNotification.defaultProps = defaultThemeProp;\n\nregisterAction(\n  {\n    id: 'GoToIncomingInteraction',\n    defaultKeyBinding: 'Alt+Enter'\n  },\n  {\n    id: 'DismissIncomingInteraction',\n    defaultKeyBinding: 'Alt+Q'\n  }\n);\n\nconst NotificationText = ({ content, variant = 'h5' }: NotificationTextProps) => {\n  const isString = typeof content === 'string';\n  const { text, href, onPreview } = isString ? { text: content } : content;\n\n  const textElement = (\n    <Text variant={variant} as='span'>\n      {text}\n    </Text>\n  );\n\n  const contentElement = href ? (\n    <Link href={href} previewable={!!onPreview} onPreview={onPreview} hideNewTabIcon>\n      {textElement}\n    </Link>\n  ) : (\n    textElement\n  );\n\n  return isString ? (\n    textElement\n  ) : (\n    <div>\n      <VisuallyHiddenText>{`${content.description} - `}</VisuallyHiddenText>\n      {contentElement}\n    </div>\n  );\n};\n\nconst InteractionNotification: ForwardRefForwardPropsComponent<InteractionNotificationProps> =\n  forwardRef(function InteractionNotification(\n    {\n      icon,\n      title,\n      primaryText,\n      secondaryText,\n      tertiaryText,\n      status,\n      fields,\n      incomingNotificationTimeout,\n      onAccept,\n      onDismiss\n    }: PropsWithoutRef<InteractionNotificationProps>,\n    ref: InteractionNotificationProps['ref']\n  ) {\n    const t = useI18n();\n    const { announceAssertive } = useLiveLog();\n    const containerRef = useConsolidatedRef(ref);\n    const returnRef = useRef<HTMLElement>();\n    const acceptButtonRef = useRef<HTMLButtonElement>(null);\n\n    const onAcceptHandler = typeof onAccept === 'function' ? onAccept : onAccept?.handler;\n    const onDismissHandler = typeof onDismiss === 'function' ? onDismiss : onDismiss?.handler;\n    const acceptLabel = typeof onAccept !== 'function' ? onAccept?.text : t('accept');\n    const dismissLabel = typeof onDismiss !== 'function' ? onDismiss?.text : undefined;\n\n    const { binding: goToBinding } = useShortcut('GoToIncomingInteraction', () => {\n      if (containerRef.current) {\n        returnRef.current = (document.activeElement as HTMLElement) ?? undefined;\n        acceptButtonRef.current?.focus();\n      }\n    });\n    const { binding: dismissBinding } = useShortcut('DismissIncomingInteraction', () =>\n      onDismissHandler?.()\n    );\n\n    useEscape(\n      () => {\n        returnRef.current?.focus();\n        onDismissHandler?.();\n      },\n      containerRef.current,\n      [onDismissHandler]\n    );\n\n    useEffect(() => {\n      announceAssertive({\n        message: `${title} ${\n          typeof primaryText === 'string' ? primaryText : primaryText.description\n        } ${t('status')} ${status.text}. ${\n          goToBinding ? t('interaction_shortcut_goto_info', [goToBinding]) : ''\n        }${\n          dismissBinding && onDismissHandler\n            ? t('interaction_shortcut_dismiss_info', [dismissBinding])\n            : ''\n        }`,\n        type: 'alert'\n      });\n    }, []);\n\n    const acceptButton = incomingNotificationTimeout ? (\n      <CountdownButton\n        variant='primary'\n        onClick={onAcceptHandler}\n        startTime={incomingNotificationTimeout.startTime}\n        timeout={incomingNotificationTimeout.answerTimeout}\n        onTimerEnd={incomingNotificationTimeout.onTimerEnd ?? onDismissHandler}\n        ref={acceptButtonRef}\n      >\n        {acceptLabel}\n      </CountdownButton>\n    ) : (\n      <Button variant='primary' onClick={onAcceptHandler} ref={acceptButtonRef}>\n        {acceptLabel}\n      </Button>\n    );\n\n    return (\n      <StyledInteractionNotification\n        ref={containerRef}\n        data-app-region\n        role='alertdialog'\n        aria-label={title}\n      >\n        <CardHeader>\n          <Flex container={{ alignItems: 'center', gap: 1 }}>\n            <Icon name={icon} />\n            <Text variant='h2'>{title}</Text>\n          </Flex>\n        </CardHeader>\n        <CardContent container={{ gap: 2 }}>\n          <Flex container={{ direction: 'column', alignItems: 'center', gap: 1 }}>\n            <NotificationText content={primaryText} variant='h1' />\n            {secondaryText && <NotificationText content={secondaryText} />}\n            {tertiaryText && <NotificationText content={tertiaryText} />}\n            <Status variant={status.variant}>{status.text}</Status>\n          </Flex>\n          {fields && fields.length !== 0 && <FieldValueList variant='inline' fields={fields} />}\n        </CardContent>\n\n        {onAcceptHandler ? (\n          <CardFooter justify={onDismissHandler ? 'between' : 'end'}>\n            {onDismissHandler && (\n              <Button onClick={onDismissHandler}>{dismissLabel ?? t('decline')}</Button>\n            )}\n            {acceptButton}\n          </CardFooter>\n        ) : (\n          <CardFooter justify='end'>\n            <Button variant='primary' onClick={onDismissHandler}>\n              {dismissLabel ?? t('close')}\n            </Button>\n          </CardFooter>\n        )}\n      </StyledInteractionNotification>\n    );\n  });\n\nexport default InteractionNotification;\n"]}

package/lib/components/SearchResults/SearchResults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchResults.d.ts","sourceRoot":"","sources":["../../../src/components/SearchResults/SearchResults.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,+BAA+B,EAAgB,MAAM,yBAAyB,CAAC;AAI7F,OAAO,KAAK,EACV,kBAAkB,EAInB,MAAM,uBAAuB,CAAC;AAgF/B,QAAA,MAAM,aAAa,EAAE,+BAA+B,CAAC,kBAAkB,CAkRtE,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SearchResults.d.ts","sourceRoot":"","sources":["../../../src/components/SearchResults/SearchResults.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,+BAA+B,EAAgB,MAAM,yBAAyB,CAAC;AAI7F,OAAO,KAAK,EACV,kBAAkB,EAInB,MAAM,uBAAuB,CAAC;AAgF/B,QAAA,MAAM,aAAa,EAAE,+BAA+B,CAAC,kBAAkB,CAsRtE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/SearchResults/SearchResults.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useContext, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { Button, Count, Flex, Grid, Icon, registerIcon, Modal, EmptyState, SearchInput, Text, useModalManager, useI18n, useBreakpoint, useAfterInitialEffect, useConsolidatedRef, SummaryItem, Avatar, focusHeadingOrContainer, useTheme, AppShellContext, Progress, useLiveLog } from '@pega/cosmos-react-core';
+import { Button, Count, Flex, Grid, Icon, registerIcon, Modal, EmptyState, SearchInput, Text, useModalManager, useI18n, useBreakpoint, useAfterInitialEffect, useConsolidatedRef, SummaryItem, Avatar, focusHeadingOrContainer, useTheme, AppShellContext, Progress, useLiveLog, createStringMatcher } from '@pega/cosmos-react-core';
 import * as filterIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter.icon';
 import * as filterOnIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter-on.icon';
 import SearchResult from './SearchResult';
@@ -74,7 +74,9 @@ const SearchResults = forwardRef(function SearchResults({ results, searchInputPr
             filtersMethods.current.dismiss();
     }, [isMedium]);
     useAfterInitialEffect(() => {
-        setAccent(submittedSearchValue ? new RegExp(submittedSearchValue, 'gi') : undefined);
+        setAccent(submittedSearchValue
+            ? createStringMatcher(submittedSearchValue, 'contains', 'gi')
+            : undefined);
     }, [submittedSearchValue]);
     useAfterInitialEffect(() => {
         if (loading)

package/lib/components/SearchResults/SearchResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchResults.js","sourceRoot":"","sources":["../../../src/components/SearchResults/SearchResults.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useContext, useEffect, useRef, useState } from 'react';\nimport type { PropsWithoutRef, ComponentProps } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  Button,\n  Count,\n  Flex,\n  Grid,\n  Icon,\n  registerIcon,\n  Modal,\n  EmptyState,\n  SearchInput,\n  Text,\n  useModalManager,\n  useI18n,\n  useBreakpoint,\n  useAfterInitialEffect,\n  useConsolidatedRef,\n  SummaryItem,\n  Avatar,\n  focusHeadingOrContainer,\n  useTheme,\n  AppShellContext,\n  Progress,\n  useLiveLog\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent, ModalMethods } from '@pega/cosmos-react-core';\nimport * as filterIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter.icon';\nimport * as filterOnIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter-on.icon';\n\nimport type {\n  SearchResultsProps,\n  SearchResultProps,\n  FilterProps,\n  ActiveFilters\n} from './SearchResults.types';\nimport SearchResult from './SearchResult';\nimport Filter from './Filter';\nimport {\n  StyledModalFilterContent,\n  StyledCountText,\n  StyledSelectedFilters,\n  StyledSearchResults,\n  StyledResults,\n  StyledFilters,\n  StyledSearchSummaryItem\n} from './SearchResults.styles';\nimport ActiveFilter from './ActiveFilter';\n\nregisterIcon(filterIcon, filterOnIcon);\n\nconst FilterModal = (\n  props: Pick<\n    SearchResultsProps,\n    'count' | 'filters' | 'onFilterChange' | 'onClearFilter' | 'onClearAllFilters'\n  > & {\n    activeFilters: ActiveFilters[];\n  }\n) => {\n  const { activeFilters, count, filters, onFilterChange, onClearFilter, onClearAllFilters } = props;\n  const t = useI18n();\n\n  return (\n    <Modal heading={t('filters')}>\n      <Grid as={StyledModalFilterContent} container={{ rowGap: 2 }}>\n        <Flex container={{ gap: 1, alignItems: 'center' }}>\n          <Text as={StyledCountText} variant='secondary'>\n            {t('results_count', [count], { count })}\n          </Text>\n          {onClearAllFilters && !!activeFilters.length && (\n            <Button variant='link' onClick={onClearAllFilters}>\n              {t('clear_all')}\n            </Button>\n          )}\n        </Flex>\n        {!!activeFilters.length && (\n          <Flex\n            as={StyledSelectedFilters}\n            container={{ gap: 1 }}\n            aria-label={t('search_results_active_filters')}\n          >\n            {activeFilters.map(filter => {\n              return (\n                <ActiveFilter\n                  key={filter.id}\n                  name={`${filter.groupName}: ${filter.name}`}\n                  onRemove={() =>\n                    onFilterChange?.({\n                      name: filter.groupName,\n                      type: filter.type,\n                      value: filter.resetValue\n                    })\n                  }\n                />\n              );\n            })}\n          </Flex>\n        )}\n        <div>\n          {filters.map((filter: FilterProps) => {\n            return (\n              <Filter\n                key={filter.name}\n                onFilterChange={onFilterChange}\n                onClearFilter={onClearFilter}\n                {...filter}\n              />\n            );\n          })}\n        </div>\n      </Grid>\n    </Modal>\n  );\n};\n\nconst SearchResults: ForwardRefForwardPropsComponent<SearchResultsProps> = forwardRef(\n  function SearchResults(\n    {\n      results,\n      searchInputProps,\n      count,\n      filters,\n      onFilterChange,\n      onClearAllFilters,\n      onClearFilter,\n      onShowMore,\n      loading = false,\n      ...restProps\n    }: PropsWithoutRef<SearchResultsProps>,\n    ref: SearchResultsProps['ref']\n  ) {\n    const t = useI18n();\n    const isMedium = useBreakpoint('md');\n    const { create } = useModalManager();\n    const { searchContainerEl } = useContext(AppShellContext);\n    const { announcePolite } = useLiveLog();\n    const filtersMethods = useRef<ModalMethods<ComponentProps<typeof FilterModal>>>();\n    const {\n      base: {\n        palette: { 'brand-primary': primary }\n      }\n    } = useTheme();\n    const [accent, setAccent] = useState<undefined | RegExp>();\n    const [submittedSearchValue, setSubmittedSearchValue] = useState(searchInputProps.value);\n    const pageRef = useConsolidatedRef(ref);\n\n    const activeFilters: ActiveFilters[] = filters.flatMap(group => {\n      if (group.type === 'select') {\n        return group.items.flatMap(item => {\n          if (item.checked) {\n            return {\n              id: item.id,\n              name: item.name,\n              resetValue: { ...item, checked: false },\n              groupName: group.name,\n              type: group.type\n            };\n          }\n          return [];\n        });\n      }\n      return [];\n    });\n\n    const openFiltersModal = () => {\n      filtersMethods.current = create(FilterModal, {\n        activeFilters,\n        count,\n        filters,\n        onFilterChange,\n        onClearFilter,\n        onClearAllFilters\n      });\n    };\n\n    useAfterInitialEffect(() => {\n      if (filtersMethods.current) {\n        filtersMethods.current.update({\n          activeFilters,\n          count,\n          filters\n        });\n      }\n    }, [activeFilters, count, filters]);\n\n    useAfterInitialEffect(() => {\n      if (isMedium && filtersMethods.current) filtersMethods.current.dismiss();\n    }, [isMedium]);\n\n    useAfterInitialEffect(() => {\n      setAccent(submittedSearchValue ? new RegExp(submittedSearchValue, 'gi') : undefined);\n    }, [submittedSearchValue]);\n\n    useAfterInitialEffect(() => {\n      if (loading) announcePolite({ message: t('loading') });\n    }, [loading]);\n\n    useAfterInitialEffect(() => {\n      if (!loading) announcePolite({ message: t('results_count', [count], { count }) });\n    }, [loading, count]);\n\n    useEffect(() => {\n      if (filters.length) announcePolite({ message: t('search_filter_update_message') });\n    }, []);\n\n    useEffect(() => {\n      const focusContainer = pageRef.current;\n\n      if (!loading && submittedSearchValue && focusContainer) {\n        focusHeadingOrContainer(focusContainer, t('search'));\n      }\n    }, [loading, submittedSearchValue, t]);\n\n    const searchTitle = (\n      <SummaryItem\n        as={StyledSearchSummaryItem}\n        visual={\n          <Avatar\n            icon='search'\n            name='search'\n            shape='squircle'\n            backgroundColor={primary}\n            color='white'\n          />\n        }\n        primary={<Text variant='h1'>{t('search')}</Text>}\n        actions={\n          onClearAllFilters &&\n          isMedium &&\n          !!activeFilters.length && (\n            <Button\n              variant='link'\n              onClick={onClearAllFilters}\n              aria-label={t('search_results_clear_all_filters')}\n            >\n              {t('clear_all')}\n            </Button>\n          )\n        }\n      />\n    );\n    const searchInput = (\n      <SearchInput\n        {...searchInputProps}\n        onSearchSubmit={val => {\n          searchInputProps.onSearchSubmit?.(val);\n          setSubmittedSearchValue(val);\n        }}\n        placeholder={searchInputProps.placeholder}\n      />\n    );\n\n    return (\n      <Grid\n        {...restProps}\n        as={StyledSearchResults}\n        ref={pageRef}\n        md={\n          filters.length\n            ? {\n                container: {\n                  cols: '15rem auto'\n                }\n              }\n            : undefined\n        }\n        sm={\n          filters.length\n            ? {\n                container: {\n                  cols: 'auto',\n                  rowGap: 2\n                }\n              }\n            : undefined\n        }\n        container={{\n          rows: 'auto auto',\n          cols: 'auto 1fr',\n          areas: '\"filters results\"'\n        }}\n      >\n        {isMedium && !!filters.length && (\n          <Grid item={{ area: 'filters', alignSelf: 'start' }} as={StyledFilters}>\n            {searchTitle}\n            {filters.map((filter: FilterProps) => {\n              return (\n                <Filter\n                  key={filter.name}\n                  onFilterChange={onFilterChange}\n                  onClearFilter={onClearFilter}\n                  {...filter}\n                />\n              );\n            })}\n          </Grid>\n        )}\n        <Grid\n          item={{ alignSelf: 'start', area: 'results' }}\n          container={{\n            alignItems: 'center',\n            rowGap: 2,\n            rows: 'auto auto 1fr',\n            areas: '\"search\" \"meta\" \"items\"'\n          }}\n          as={StyledResults}\n          aria-busy={loading || undefined}\n        >\n          {loading && <Progress placement='local' />}\n          {searchContainerEl && isMedium ? (\n            createPortal(searchInput, searchContainerEl)\n          ) : (\n            <Grid item={{ area: 'search' }}>\n              {!isMedium && searchTitle}\n              {searchInput}\n            </Grid>\n          )}\n          <Grid item={{ area: 'meta' }} container={{ rowGap: 1 }}>\n            <Flex container={{ justify: 'between', alignItems: 'center' }}>\n              {!loading && (\n                <Text as={StyledCountText} variant='secondary'>\n                  {submittedSearchValue !== '' || results.length > 0\n                    ? t('results_count', [count], { count })\n                    : ''}\n                </Text>\n              )}\n              {!isMedium && !!filters.length && (\n                <Button variant='secondary' onClick={openFiltersModal}>\n                  <Icon name={activeFilters.length > 0 ? 'filter-on' : 'filter'} />\n                  &nbsp;{t('filters')}&nbsp;\n                  <Count>{activeFilters.length}</Count>\n                </Button>\n              )}\n            </Flex>\n            {!!activeFilters.length && (\n              <Flex\n                as={StyledSelectedFilters}\n                container={{ gap: 1, wrap: 'wrap' }}\n                aria-label={t('search_results_active_filters')}\n              >\n                {activeFilters.map(filter => {\n                  return (\n                    <ActiveFilter\n                      key={filter.id}\n                      name={`${filter.groupName}: ${filter.name}`}\n                      onRemove={() =>\n                        onFilterChange?.({\n                          name: filter.groupName,\n                          type: filter.type,\n                          value: filter.resetValue\n                        })\n                      }\n                    />\n                  );\n                })}\n              </Flex>\n            )}\n          </Grid>\n          <Grid\n            item={{ area: 'items', alignSelf: results.length ? 'start' : 'stretch' }}\n            container={{ rowGap: 2 }}\n          >\n            {!loading && (\n              <>\n                {results.length ? (\n                  results.map((result: SearchResultProps) => {\n                    return <SearchResult key={result.id} {...result} accent={accent} />;\n                  })\n                ) : (\n                  <Grid item={{ alignSelf: 'stretch' }}>\n                    <EmptyState\n                      message={submittedSearchValue === '' ? t('empty_search') : undefined}\n                    />\n                  </Grid>\n                )}\n                {onShowMore && (\n                  <Flex container={{ justify: 'center' }}>\n                    <Button variant='link' onClick={onShowMore}>\n                      {t('show_more')}\n                    </Button>\n                  </Flex>\n                )}\n              </>\n            )}\n          </Grid>\n        </Grid>\n      </Grid>\n    );\n  }\n);\n\nexport default SearchResults;\n"]}
+{"version":3,"file":"SearchResults.js","sourceRoot":"","sources":["../../../src/components/SearchResults/SearchResults.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useContext, useEffect, useRef, useState } from 'react';\nimport type { PropsWithoutRef, ComponentProps } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  Button,\n  Count,\n  Flex,\n  Grid,\n  Icon,\n  registerIcon,\n  Modal,\n  EmptyState,\n  SearchInput,\n  Text,\n  useModalManager,\n  useI18n,\n  useBreakpoint,\n  useAfterInitialEffect,\n  useConsolidatedRef,\n  SummaryItem,\n  Avatar,\n  focusHeadingOrContainer,\n  useTheme,\n  AppShellContext,\n  Progress,\n  useLiveLog,\n  createStringMatcher\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent, ModalMethods } from '@pega/cosmos-react-core';\nimport * as filterIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter.icon';\nimport * as filterOnIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter-on.icon';\n\nimport type {\n  SearchResultsProps,\n  SearchResultProps,\n  FilterProps,\n  ActiveFilters\n} from './SearchResults.types';\nimport SearchResult from './SearchResult';\nimport Filter from './Filter';\nimport {\n  StyledModalFilterContent,\n  StyledCountText,\n  StyledSelectedFilters,\n  StyledSearchResults,\n  StyledResults,\n  StyledFilters,\n  StyledSearchSummaryItem\n} from './SearchResults.styles';\nimport ActiveFilter from './ActiveFilter';\n\nregisterIcon(filterIcon, filterOnIcon);\n\nconst FilterModal = (\n  props: Pick<\n    SearchResultsProps,\n    'count' | 'filters' | 'onFilterChange' | 'onClearFilter' | 'onClearAllFilters'\n  > & {\n    activeFilters: ActiveFilters[];\n  }\n) => {\n  const { activeFilters, count, filters, onFilterChange, onClearFilter, onClearAllFilters } = props;\n  const t = useI18n();\n\n  return (\n    <Modal heading={t('filters')}>\n      <Grid as={StyledModalFilterContent} container={{ rowGap: 2 }}>\n        <Flex container={{ gap: 1, alignItems: 'center' }}>\n          <Text as={StyledCountText} variant='secondary'>\n            {t('results_count', [count], { count })}\n          </Text>\n          {onClearAllFilters && !!activeFilters.length && (\n            <Button variant='link' onClick={onClearAllFilters}>\n              {t('clear_all')}\n            </Button>\n          )}\n        </Flex>\n        {!!activeFilters.length && (\n          <Flex\n            as={StyledSelectedFilters}\n            container={{ gap: 1 }}\n            aria-label={t('search_results_active_filters')}\n          >\n            {activeFilters.map(filter => {\n              return (\n                <ActiveFilter\n                  key={filter.id}\n                  name={`${filter.groupName}: ${filter.name}`}\n                  onRemove={() =>\n                    onFilterChange?.({\n                      name: filter.groupName,\n                      type: filter.type,\n                      value: filter.resetValue\n                    })\n                  }\n                />\n              );\n            })}\n          </Flex>\n        )}\n        <div>\n          {filters.map((filter: FilterProps) => {\n            return (\n              <Filter\n                key={filter.name}\n                onFilterChange={onFilterChange}\n                onClearFilter={onClearFilter}\n                {...filter}\n              />\n            );\n          })}\n        </div>\n      </Grid>\n    </Modal>\n  );\n};\n\nconst SearchResults: ForwardRefForwardPropsComponent<SearchResultsProps> = forwardRef(\n  function SearchResults(\n    {\n      results,\n      searchInputProps,\n      count,\n      filters,\n      onFilterChange,\n      onClearAllFilters,\n      onClearFilter,\n      onShowMore,\n      loading = false,\n      ...restProps\n    }: PropsWithoutRef<SearchResultsProps>,\n    ref: SearchResultsProps['ref']\n  ) {\n    const t = useI18n();\n    const isMedium = useBreakpoint('md');\n    const { create } = useModalManager();\n    const { searchContainerEl } = useContext(AppShellContext);\n    const { announcePolite } = useLiveLog();\n    const filtersMethods = useRef<ModalMethods<ComponentProps<typeof FilterModal>>>();\n    const {\n      base: {\n        palette: { 'brand-primary': primary }\n      }\n    } = useTheme();\n    const [accent, setAccent] = useState<undefined | RegExp>();\n    const [submittedSearchValue, setSubmittedSearchValue] = useState(searchInputProps.value);\n    const pageRef = useConsolidatedRef(ref);\n\n    const activeFilters: ActiveFilters[] = filters.flatMap(group => {\n      if (group.type === 'select') {\n        return group.items.flatMap(item => {\n          if (item.checked) {\n            return {\n              id: item.id,\n              name: item.name,\n              resetValue: { ...item, checked: false },\n              groupName: group.name,\n              type: group.type\n            };\n          }\n          return [];\n        });\n      }\n      return [];\n    });\n\n    const openFiltersModal = () => {\n      filtersMethods.current = create(FilterModal, {\n        activeFilters,\n        count,\n        filters,\n        onFilterChange,\n        onClearFilter,\n        onClearAllFilters\n      });\n    };\n\n    useAfterInitialEffect(() => {\n      if (filtersMethods.current) {\n        filtersMethods.current.update({\n          activeFilters,\n          count,\n          filters\n        });\n      }\n    }, [activeFilters, count, filters]);\n\n    useAfterInitialEffect(() => {\n      if (isMedium && filtersMethods.current) filtersMethods.current.dismiss();\n    }, [isMedium]);\n\n    useAfterInitialEffect(() => {\n      setAccent(\n        submittedSearchValue\n          ? createStringMatcher(submittedSearchValue, 'contains', 'gi')\n          : undefined\n      );\n    }, [submittedSearchValue]);\n\n    useAfterInitialEffect(() => {\n      if (loading) announcePolite({ message: t('loading') });\n    }, [loading]);\n\n    useAfterInitialEffect(() => {\n      if (!loading) announcePolite({ message: t('results_count', [count], { count }) });\n    }, [loading, count]);\n\n    useEffect(() => {\n      if (filters.length) announcePolite({ message: t('search_filter_update_message') });\n    }, []);\n\n    useEffect(() => {\n      const focusContainer = pageRef.current;\n\n      if (!loading && submittedSearchValue && focusContainer) {\n        focusHeadingOrContainer(focusContainer, t('search'));\n      }\n    }, [loading, submittedSearchValue, t]);\n\n    const searchTitle = (\n      <SummaryItem\n        as={StyledSearchSummaryItem}\n        visual={\n          <Avatar\n            icon='search'\n            name='search'\n            shape='squircle'\n            backgroundColor={primary}\n            color='white'\n          />\n        }\n        primary={<Text variant='h1'>{t('search')}</Text>}\n        actions={\n          onClearAllFilters &&\n          isMedium &&\n          !!activeFilters.length && (\n            <Button\n              variant='link'\n              onClick={onClearAllFilters}\n              aria-label={t('search_results_clear_all_filters')}\n            >\n              {t('clear_all')}\n            </Button>\n          )\n        }\n      />\n    );\n    const searchInput = (\n      <SearchInput\n        {...searchInputProps}\n        onSearchSubmit={val => {\n          searchInputProps.onSearchSubmit?.(val);\n          setSubmittedSearchValue(val);\n        }}\n        placeholder={searchInputProps.placeholder}\n      />\n    );\n\n    return (\n      <Grid\n        {...restProps}\n        as={StyledSearchResults}\n        ref={pageRef}\n        md={\n          filters.length\n            ? {\n                container: {\n                  cols: '15rem auto'\n                }\n              }\n            : undefined\n        }\n        sm={\n          filters.length\n            ? {\n                container: {\n                  cols: 'auto',\n                  rowGap: 2\n                }\n              }\n            : undefined\n        }\n        container={{\n          rows: 'auto auto',\n          cols: 'auto 1fr',\n          areas: '\"filters results\"'\n        }}\n      >\n        {isMedium && !!filters.length && (\n          <Grid item={{ area: 'filters', alignSelf: 'start' }} as={StyledFilters}>\n            {searchTitle}\n            {filters.map((filter: FilterProps) => {\n              return (\n                <Filter\n                  key={filter.name}\n                  onFilterChange={onFilterChange}\n                  onClearFilter={onClearFilter}\n                  {...filter}\n                />\n              );\n            })}\n          </Grid>\n        )}\n        <Grid\n          item={{ alignSelf: 'start', area: 'results' }}\n          container={{\n            alignItems: 'center',\n            rowGap: 2,\n            rows: 'auto auto 1fr',\n            areas: '\"search\" \"meta\" \"items\"'\n          }}\n          as={StyledResults}\n          aria-busy={loading || undefined}\n        >\n          {loading && <Progress placement='local' />}\n          {searchContainerEl && isMedium ? (\n            createPortal(searchInput, searchContainerEl)\n          ) : (\n            <Grid item={{ area: 'search' }}>\n              {!isMedium && searchTitle}\n              {searchInput}\n            </Grid>\n          )}\n          <Grid item={{ area: 'meta' }} container={{ rowGap: 1 }}>\n            <Flex container={{ justify: 'between', alignItems: 'center' }}>\n              {!loading && (\n                <Text as={StyledCountText} variant='secondary'>\n                  {submittedSearchValue !== '' || results.length > 0\n                    ? t('results_count', [count], { count })\n                    : ''}\n                </Text>\n              )}\n              {!isMedium && !!filters.length && (\n                <Button variant='secondary' onClick={openFiltersModal}>\n                  <Icon name={activeFilters.length > 0 ? 'filter-on' : 'filter'} />\n                  &nbsp;{t('filters')}&nbsp;\n                  <Count>{activeFilters.length}</Count>\n                </Button>\n              )}\n            </Flex>\n            {!!activeFilters.length && (\n              <Flex\n                as={StyledSelectedFilters}\n                container={{ gap: 1, wrap: 'wrap' }}\n                aria-label={t('search_results_active_filters')}\n              >\n                {activeFilters.map(filter => {\n                  return (\n                    <ActiveFilter\n                      key={filter.id}\n                      name={`${filter.groupName}: ${filter.name}`}\n                      onRemove={() =>\n                        onFilterChange?.({\n                          name: filter.groupName,\n                          type: filter.type,\n                          value: filter.resetValue\n                        })\n                      }\n                    />\n                  );\n                })}\n              </Flex>\n            )}\n          </Grid>\n          <Grid\n            item={{ area: 'items', alignSelf: results.length ? 'start' : 'stretch' }}\n            container={{ rowGap: 2 }}\n          >\n            {!loading && (\n              <>\n                {results.length ? (\n                  results.map((result: SearchResultProps) => {\n                    return <SearchResult key={result.id} {...result} accent={accent} />;\n                  })\n                ) : (\n                  <Grid item={{ alignSelf: 'stretch' }}>\n                    <EmptyState\n                      message={submittedSearchValue === '' ? t('empty_search') : undefined}\n                    />\n                  </Grid>\n                )}\n                {onShowMore && (\n                  <Flex container={{ justify: 'center' }}>\n                    <Button variant='link' onClick={onShowMore}>\n                      {t('show_more')}\n                    </Button>\n                  </Flex>\n                )}\n              </>\n            )}\n          </Grid>\n        </Grid>\n      </Grid>\n    );\n  }\n);\n\nexport default SearchResults;\n"]}