@pega/cosmos-react-work 7.0.0-build.29.1 → 7.0.0-build.29.2

package/lib/components/GenAICoach/GenAICoach.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenAICoach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.styles.ts"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,oBAAoB,wGAAc,CAAC;AAEhD,eAAO,MAAM,yBAAyB;aAC3B,eAAe,CAAC,SAAS,CAAC;oBACnB,eAAe,CAAC,gBAAgB,CAAC;SAkElD,CAAC;AAIF,eAAO,MAAM,sBAAsB;;uDAqBjC,CAAC;AAIH,eAAO,MAAM,iBAAiB;;uDAc5B,CAAC;AAIH,eAAO,MAAM,oBAAoB,mOAW/B,CAAC;AAIH,eAAO,MAAM,uBAAuB,yGAWnC,CAAC;AAIF,eAAO,MAAM,wBAAwB,yGAWpC,CAAC;AAIF,eAAO,MAAM,oBAAoB,yGAEhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,qOAE7B,CAAC;AAIF,eAAO,MAAM,6BAA6B,yGAUzC,CAAC;AAIF,eAAO,MAAM,oBAAoB,yGAWhC,CAAC;AAIF,eAAO,MAAM,gBAAgB,qOAuB3B,CAAC;AAIH,eAAO,MAAM,gBAAgB,qOAa3B,CAAC;AAIH,eAAO,MAAM,0BAA0B,yGAUtC,CAAC;AAIF,eAAO,MAAM,eAAe,mOAK1B,CAAC;AAIH,eAAO,MAAM,aAAa,uGAQxB,CAAC;AAIH,eAAO,MAAM,sBAAsB,yGAcjC,CAAC;AAIH,eAAO,MAAM,kBAAkB,wGAkB9B,CAAC"}
+{"version":3,"file":"GenAICoach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.styles.ts"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,oBAAoB,wGAAc,CAAC;AAEhD,eAAO,MAAM,yBAAyB;aAC3B,eAAe,CAAC,SAAS,CAAC;oBACnB,eAAe,CAAC,gBAAgB,CAAC;SAwElD,CAAC;AAIF,eAAO,MAAM,sBAAsB;;uDAqBjC,CAAC;AAIH,eAAO,MAAM,iBAAiB;;uDAc5B,CAAC;AAIH,eAAO,MAAM,oBAAoB,mOAW/B,CAAC;AAIH,eAAO,MAAM,uBAAuB,yGAWnC,CAAC;AAIF,eAAO,MAAM,wBAAwB,yGAWpC,CAAC;AAIF,eAAO,MAAM,oBAAoB,yGAEhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,qOAE7B,CAAC;AAIF,eAAO,MAAM,6BAA6B,yGAUzC,CAAC;AAIF,eAAO,MAAM,oBAAoB,yGAWhC,CAAC;AAIF,eAAO,MAAM,gBAAgB,qOAuB3B,CAAC;AAIH,eAAO,MAAM,gBAAgB,qOAa3B,CAAC;AAIH,eAAO,MAAM,0BAA0B,yGAUtC,CAAC;AAIF,eAAO,MAAM,eAAe,mOAK1B,CAAC;AAIH,eAAO,MAAM,aAAa,uGAQxB,CAAC;AAIH,eAAO,MAAM,sBAAsB,yGAcjC,CAAC;AAIH,eAAO,MAAM,kBAAkB,wGAkB9B,CAAC"}

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

@@ -52,11 +52,17 @@ export const StyledGenAICoachContainer = styled.div(({ theme: { base: { palette,
         }
       `}
 
-      /** 85 percent of Utilities height */
+      /*
+        ~85% of Utilities height and fixed height if screen size less than md and devices with coarse pointer
+        FIXME: This is a stopgap to address issue in Android web views via React Native where VH units do not work
+      */
       ${!starterMessage &&
         ((isInUtilities(variant) && variant.state === 'maximized') || !isInUtilities(variant)) &&
         css `
         height: calc(0.85 * var(--case-view-height, 95vh));
+        @media (pointer: coarse) and (max-width: ${breakpoints.md}) {
+          height: 40rem;
+        }
       `}
     `;
 });

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, { css } from 'styled-components';\nimport { useContext } from 'react';\n\nimport {\n  AppShellContext,\n  Button,\n  MenuButton,\n  StyledIcon,\n  StyledText,\n  Text,\n  calculateFontSize,\n  defaultThemeProp,\n  getHoverColors\n} from '@pega/cosmos-react-core';\nimport { lineClamp } from '@pega/cosmos-react-core/lib/styles/mixins';\nimport { StyledEditorContainer } from '@pega/cosmos-react-rte/lib/components/RichTextEditor/RichTextEditor.styles';\n\nimport type { GenAICoachProps } from './GenAICoach.types';\nimport { isInUtilities } from './GenAICoach.utils';\n\nexport const StyledMessageWrapper = styled.li``;\n\nexport const StyledGenAICoachContainer = styled.div<{\n  variant: GenAICoachProps['variant'];\n  starterMessage: GenAICoachProps['starterMessage'];\n}>(\n  ({\n    theme: {\n      base: { palette, 'z-index': zIndex, spacing, breakpoints },\n      components: {\n        card: { 'border-radius': borderRadius }\n      }\n    },\n    variant,\n    starterMessage\n  }) => {\n    const { previewActive } = useContext(AppShellContext);\n    return css`\n      background: ${palette['primary-background']};\n      min-width: var(--utilities-drawer-min-width);\n      border-radius: ${borderRadius};\n      ${isInUtilities(variant) &&\n      css`\n        min-height: 3rem;\n        max-width: 31.25rem;\n        box-shadow: 0 -1rem 1rem ${palette['app-background']};\n        position: fixed;\n        inset-block-end: calc(2 * ${spacing});\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.xl}) {\n            margin-inline-end: clamp(21.875rem, (100vw - 31.25rem) / 10 + 21.875rem, 31.25rem);\n          }\n        `}\n\n        ${(variant.state === 'minimized' || starterMessage) &&\n        css`\n          max-height: 20rem;\n          height: 20rem;\n        `}\n\n        ${variant.state === 'docked' &&\n        css`\n          height: 3rem;\n        `}\n\n\n        &::after {\n          content: '';\n          height: calc(2 * ${spacing});\n          width: 100%;\n          background: ${palette['app-background']};\n          position: fixed;\n          inset-block-end: 0;\n          z-index: calc(${zIndex.drawer} + 1);\n        }\n      `}\n\n      /** 85 percent of Utilities height */\n      ${!starterMessage &&\n      ((isInUtilities(variant) && variant.state === 'maximized') || !isInUtilities(variant)) &&\n      css`\n        height: calc(0.85 * var(--case-view-height, 95vh));\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 StyledSuggestions = styled(MenuButton)(({\n  theme: {\n    base: {\n      'font-size': fontSize,\n      'font-scale': fontScale,\n      palette: { ai }\n    }\n  }\n}) => {\n  const { xxs: buttonFontSize } = calculateFontSize(fontSize, fontScale);\n  return css`\n    color: ${ai};\n    font-size: ${buttonFontSize};\n  `;\n});\n\nStyledSuggestions.defaultProps = defaultThemeProp;\n\nexport const StyledDisclaimerText = styled(Text)(({\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: calc(2 * ${spacing});\n    opacity: 0.7;\n  `;\n});\n\nStyledDisclaimerText.defaultProps = defaultThemeProp;\n\nexport const StyledMessagesContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block-end: calc(2 * ${spacing});\n      overflow-y: auto;\n    `;\n  }\n);\n\nStyledMessagesContainer.defaultProps = defaultThemeProp;\n\nexport const StyledStarterMessageCard = styled.div(\n  ({\n    theme: {\n      base: { palette, 'border-radius': borderRadius }\n    }\n  }) => {\n    return css`\n      border: 0.0625rem solid ${palette['border-line']};\n      border-radius: calc(0.5 * ${borderRadius});\n    `;\n  }\n);\n\nStyledStarterMessageCard.defaultProps = defaultThemeProp;\n\nexport const StyledStarterMessage = styled.div`\n  ${lineClamp(10)}\n`;\n\nexport const StyledCloseButton = styled(Button)`\n  align-self: flex-start;\n`;\n\nStyledCloseButton.defaultProps = defaultThemeProp;\n\nexport const StyledInitialMessageContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block: calc(2 * ${spacing});\n    `;\n  }\n);\n\nStyledInitialMessageContainer.defaultProps = defaultThemeProp;\n\nexport const StyledInputContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block-end: calc(2 * ${spacing});\n      margin-inline: calc(2 * ${spacing});\n    `;\n  }\n);\n\nStyledInputContainer.defaultProps = defaultThemeProp;\n\nexport const StyledChatButton = styled(Button)(({\n  theme: {\n    base: {\n      palette: { ai, 'primary-background': primaryBackground },\n      spacing\n    }\n  }\n}) => {\n  const hoverColors = getHoverColors(ai);\n  return css`\n    background-color: ${ai};\n    color: ${primaryBackground};\n    border: none;\n    margin: ${spacing};\n    &:hover {\n      background-color: ${hoverColors.background};\n      color: ${hoverColors.foreground};\n      border: none;\n    }\n    &:focus {\n      border: none;\n    }\n  `;\n});\n\nStyledChatButton.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestion = styled(Button)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    width: fit-content;\n    & + & {\n      margin-inline-start: 0;\n      text-align: left;\n      padding: ${spacing};\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 StyledTimeStamp = styled(Text)(() => {\n  return css`\n    display: flex;\n    align-items: center;\n  `;\n});\n\nStyledTimeStamp.defaultProps = defaultThemeProp;\n\nexport const StyledMessage = styled.p(({ theme }) => {\n  return css`\n    margin-block-start: calc(0.5 * ${theme.base.spacing});\n    overflow-wrap: break-word;\n    ${StyledEditorContainer} {\n      padding: 0;\n    }\n  `;\n});\n\nStyledMessage.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestedMessage = styled.div(({ theme }) => {\n  return css`\n    column-gap: calc(2 * ${theme.base.spacing});\n    min-height: 2rem;\n    text-align: left;\n    border: 0.0625rem solid ${theme.base.palette['border-line']};\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n    padding-inline-end: calc(2 * ${theme.base.spacing});\n    cursor: pointer;\n    &:hover,\n    &:focus {\n      border: 0.0625rem solid ${theme.base.palette.interactive};\n    }\n  `;\n});\n\nStyledSuggestedMessage.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      & > li[type='message'] {\n        &:focus-visible {\n          outline: none;\n          box-shadow: ${shadow.focus};\n        }\n        margin-block-end: ${spacing};\n      }\n    `;\n  }\n);\n\nStyledMessagesList.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, { css } from 'styled-components';\nimport { useContext } from 'react';\n\nimport {\n  AppShellContext,\n  Button,\n  MenuButton,\n  StyledIcon,\n  StyledText,\n  Text,\n  calculateFontSize,\n  defaultThemeProp,\n  getHoverColors\n} from '@pega/cosmos-react-core';\nimport { lineClamp } from '@pega/cosmos-react-core/lib/styles/mixins';\nimport { StyledEditorContainer } from '@pega/cosmos-react-rte/lib/components/RichTextEditor/RichTextEditor.styles';\n\nimport type { GenAICoachProps } from './GenAICoach.types';\nimport { isInUtilities } from './GenAICoach.utils';\n\nexport const StyledMessageWrapper = styled.li``;\n\nexport const StyledGenAICoachContainer = styled.div<{\n  variant: GenAICoachProps['variant'];\n  starterMessage: GenAICoachProps['starterMessage'];\n}>(\n  ({\n    theme: {\n      base: { palette, 'z-index': zIndex, spacing, breakpoints },\n      components: {\n        card: { 'border-radius': borderRadius }\n      }\n    },\n    variant,\n    starterMessage\n  }) => {\n    const { previewActive } = useContext(AppShellContext);\n    return css`\n      background: ${palette['primary-background']};\n      min-width: var(--utilities-drawer-min-width);\n      border-radius: ${borderRadius};\n      ${isInUtilities(variant) &&\n      css`\n        min-height: 3rem;\n        max-width: 31.25rem;\n        box-shadow: 0 -1rem 1rem ${palette['app-background']};\n        position: fixed;\n        inset-block-end: calc(2 * ${spacing});\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.xl}) {\n            margin-inline-end: clamp(21.875rem, (100vw - 31.25rem) / 10 + 21.875rem, 31.25rem);\n          }\n        `}\n\n        ${(variant.state === 'minimized' || starterMessage) &&\n        css`\n          max-height: 20rem;\n          height: 20rem;\n        `}\n\n        ${variant.state === 'docked' &&\n        css`\n          height: 3rem;\n        `}\n\n\n        &::after {\n          content: '';\n          height: calc(2 * ${spacing});\n          width: 100%;\n          background: ${palette['app-background']};\n          position: fixed;\n          inset-block-end: 0;\n          z-index: calc(${zIndex.drawer} + 1);\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      ${!starterMessage &&\n      ((isInUtilities(variant) && variant.state === 'maximized') || !isInUtilities(variant)) &&\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  }\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 StyledSuggestions = styled(MenuButton)(({\n  theme: {\n    base: {\n      'font-size': fontSize,\n      'font-scale': fontScale,\n      palette: { ai }\n    }\n  }\n}) => {\n  const { xxs: buttonFontSize } = calculateFontSize(fontSize, fontScale);\n  return css`\n    color: ${ai};\n    font-size: ${buttonFontSize};\n  `;\n});\n\nStyledSuggestions.defaultProps = defaultThemeProp;\n\nexport const StyledDisclaimerText = styled(Text)(({\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: calc(2 * ${spacing});\n    opacity: 0.7;\n  `;\n});\n\nStyledDisclaimerText.defaultProps = defaultThemeProp;\n\nexport const StyledMessagesContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block-end: calc(2 * ${spacing});\n      overflow-y: auto;\n    `;\n  }\n);\n\nStyledMessagesContainer.defaultProps = defaultThemeProp;\n\nexport const StyledStarterMessageCard = styled.div(\n  ({\n    theme: {\n      base: { palette, 'border-radius': borderRadius }\n    }\n  }) => {\n    return css`\n      border: 0.0625rem solid ${palette['border-line']};\n      border-radius: calc(0.5 * ${borderRadius});\n    `;\n  }\n);\n\nStyledStarterMessageCard.defaultProps = defaultThemeProp;\n\nexport const StyledStarterMessage = styled.div`\n  ${lineClamp(10)}\n`;\n\nexport const StyledCloseButton = styled(Button)`\n  align-self: flex-start;\n`;\n\nStyledCloseButton.defaultProps = defaultThemeProp;\n\nexport const StyledInitialMessageContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block: calc(2 * ${spacing});\n    `;\n  }\n);\n\nStyledInitialMessageContainer.defaultProps = defaultThemeProp;\n\nexport const StyledInputContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block-end: calc(2 * ${spacing});\n      margin-inline: calc(2 * ${spacing});\n    `;\n  }\n);\n\nStyledInputContainer.defaultProps = defaultThemeProp;\n\nexport const StyledChatButton = styled(Button)(({\n  theme: {\n    base: {\n      palette: { ai, 'primary-background': primaryBackground },\n      spacing\n    }\n  }\n}) => {\n  const hoverColors = getHoverColors(ai);\n  return css`\n    background-color: ${ai};\n    color: ${primaryBackground};\n    border: none;\n    margin: ${spacing};\n    &:hover {\n      background-color: ${hoverColors.background};\n      color: ${hoverColors.foreground};\n      border: none;\n    }\n    &:focus {\n      border: none;\n    }\n  `;\n});\n\nStyledChatButton.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestion = styled(Button)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    width: fit-content;\n    & + & {\n      margin-inline-start: 0;\n      text-align: left;\n      padding: ${spacing};\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 StyledTimeStamp = styled(Text)(() => {\n  return css`\n    display: flex;\n    align-items: center;\n  `;\n});\n\nStyledTimeStamp.defaultProps = defaultThemeProp;\n\nexport const StyledMessage = styled.p(({ theme }) => {\n  return css`\n    margin-block-start: calc(0.5 * ${theme.base.spacing});\n    overflow-wrap: break-word;\n    ${StyledEditorContainer} {\n      padding: 0;\n    }\n  `;\n});\n\nStyledMessage.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestedMessage = styled.div(({ theme }) => {\n  return css`\n    column-gap: calc(2 * ${theme.base.spacing});\n    min-height: 2rem;\n    text-align: left;\n    border: 0.0625rem solid ${theme.base.palette['border-line']};\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n    padding-inline-end: calc(2 * ${theme.base.spacing});\n    cursor: pointer;\n    &:hover,\n    &:focus {\n      border: 0.0625rem solid ${theme.base.palette.interactive};\n    }\n  `;\n});\n\nStyledSuggestedMessage.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      & > li[type='message'] {\n        &:focus-visible {\n          outline: none;\n          box-shadow: ${shadow.focus};\n        }\n        margin-block-end: ${spacing};\n      }\n    `;\n  }\n);\n\nStyledMessagesList.defaultProps = defaultThemeProp;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-work",
-  "version": "7.0.0-build.29.1",
+  "version": "7.0.0-build.29.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/pegasystems/cosmos-react.git",
@@ -19,8 +19,8 @@
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "7.0.0-build.29.1",
-    "@pega/cosmos-react-rte": "7.0.0-build.29.1",
+    "@pega/cosmos-react-core": "7.0.0-build.29.2",
+    "@pega/cosmos-react-rte": "7.0.0-build.29.2",
     "@types/react": "^17.0.62",
     "@types/react-dom": "^17.0.20",
     "@types/styled-components": "^5.1.26",