@pega/cosmos-react-work 9.0.0-build.10.0 → 9.0.0-build.10.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/ArticleList/ArticleBuddyResponse.d.ts.map +1 -1
- package/lib/components/ArticleList/ArticleBuddyResponse.js +1 -1
- package/lib/components/ArticleList/ArticleBuddyResponse.js.map +1 -1
- package/lib/components/ArticleList/ArticleList.types.d.ts +2 -1
- package/lib/components/ArticleList/ArticleList.types.d.ts.map +1 -1
- package/lib/components/ArticleList/ArticleList.types.js.map +1 -1
- package/lib/components/CaseView/CaseView.styles.d.ts.map +1 -1
- package/lib/components/CaseView/CaseView.styles.js +4 -1
- package/lib/components/CaseView/CaseView.styles.js.map +1 -1
- package/lib/components/GenAICoach/GenAICoach.d.ts +1 -0
- package/lib/components/GenAICoach/GenAICoach.d.ts.map +1 -1
- package/lib/components/GenAICoach/GenAICoach.js +92 -50
- package/lib/components/GenAICoach/GenAICoach.js.map +1 -1
- package/lib/components/GenAICoach/GenAICoach.styles.d.ts +19 -2
- package/lib/components/GenAICoach/GenAICoach.styles.d.ts.map +1 -1
- package/lib/components/GenAICoach/GenAICoach.styles.js +124 -21
- package/lib/components/GenAICoach/GenAICoach.styles.js.map +1 -1
- package/lib/components/GenAICoach/GenAICoach.types.d.ts +6 -0
- package/lib/components/GenAICoach/GenAICoach.types.d.ts.map +1 -1
- package/lib/components/GenAICoach/GenAICoach.types.js.map +1 -1
- package/lib/components/GenAICoach/GenAIMessage.d.ts.map +1 -1
- package/lib/components/GenAICoach/GenAIMessage.js +13 -5
- package/lib/components/GenAICoach/GenAIMessage.js.map +1 -1
- package/lib/components/GenAICoach/InitialSuggestedMessage.d.ts.map +1 -1
- package/lib/components/GenAICoach/InitialSuggestedMessage.js +5 -6
- package/lib/components/GenAICoach/InitialSuggestedMessage.js.map +1 -1
- package/lib/components/UtilitiesLayout/UtilitiesLayout.d.ts.map +1 -1
- package/lib/components/UtilitiesLayout/UtilitiesLayout.js +3 -2
- package/lib/components/UtilitiesLayout/UtilitiesLayout.js.map +1 -1
- package/lib/components/UtilitiesLayout/UtilitiesLayout.styles.d.ts.map +1 -1
- package/lib/components/UtilitiesLayout/UtilitiesLayout.styles.js +2 -1
- package/lib/components/UtilitiesLayout/UtilitiesLayout.styles.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InitialSuggestedMessage.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/InitialSuggestedMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"InitialSuggestedMessage.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/InitialSuggestedMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE3F,MAAM,uBAAuB,GAC3B,SAAS,cAAc,CAAC,EACtB,EAAE,EACF,OAAO,EACP,MAAM,EACN,MAAM,EACwC;IAC9C,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAEzD,OAAO,CACL,KAAC,0BAA0B,IACzB,OAAO,EAAE,GAAG,EAAE;YACZ,MAAM,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;QAC1B,CAAC,EACD,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE;YAC9B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC,iBACY,OAAO,CAAC,IAAI,YAEzB,KAAC,wBAAwB,cAAE,OAAO,GAA4B,GACnC,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEJ,eAAe,uBAAuB,CAAC","sourcesContent":["import type { FunctionComponent, PropsWithoutRef } from 'react';\n\nimport { useTestIds } from '@pega/cosmos-react-core';\n\nimport type { InitialSuggestedMessageProps } from './GenAICoach.types';\nimport { getGenAICoachTestIds } from './GenAICoach.test-ids';\nimport { StyledInitialMessageButton, StyledInitialMessageText } from './GenAICoach.styles';\n\nconst InitialSuggestedMessage: FunctionComponent<InitialSuggestedMessageProps> =\n function SuggestionCard({\n id,\n message,\n testId,\n onSend\n }: PropsWithoutRef<InitialSuggestedMessageProps>) {\n const testIds = useTestIds(testId, getGenAICoachTestIds);\n\n return (\n <StyledInitialMessageButton\n onClick={() => {\n onSend({ id, message });\n }}\n onKeyDown={(e: KeyboardEvent) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n onSend({ id, message });\n }\n }}\n data-testid={testIds.root}\n >\n <StyledInitialMessageText>{message}</StyledInitialMessageText>\n </StyledInitialMessageButton>\n );\n };\n\nexport default InitialSuggestedMessage;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UtilitiesLayout.d.ts","sourceRoot":"","sources":["../../../src/components/UtilitiesLayout/UtilitiesLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,iBAAiB,EAA2C,MAAM,OAAO,CAAC;AAYlG,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAavE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAM9D,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,uBAAuB;IACvB,eAAe,CAAC,EAAE,wBAAwB,CAAC;IAC3C,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,sCAAsC;IACtC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"UtilitiesLayout.d.ts","sourceRoot":"","sources":["../../../src/components/UtilitiesLayout/UtilitiesLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,iBAAiB,EAA2C,MAAM,OAAO,CAAC;AAYlG,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAavE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAM9D,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,uBAAuB;IACvB,eAAe,CAAC,EAAE,wBAAwB,CAAC;IAC3C,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,sCAAsC;IACtC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CA0H3E,CAAC;AACF,eAAe,eAAe,CAAC"}
|
|
@@ -29,14 +29,15 @@ const UtilitiesLayout = ({ genAICoachProps, defaultExpandUtilities = false, disa
|
|
|
29
29
|
utilitiesToggled.current = true;
|
|
30
30
|
setUtilitiesExpanded(prevState => !prevState);
|
|
31
31
|
}, disabled: disabled, ref: toggleButtonRef, children: _jsx(Icon, { name: `arrow-micro-${utilitiesExpanded ? end : start}` }) }));
|
|
32
|
+
const genAICoachInUtilities = genAICoachProps && (_jsx(GenAICoach, { ...genAICoachProps, variant: { placement: 'fullpage' }, isInLandingPageUtilities: true }));
|
|
32
33
|
const genAICoach = genAICoachProps && (_jsx(GenAICoach, { ...genAICoachProps, variant: { placement: 'fullpage' } }));
|
|
33
34
|
if (!mdOrAbove && genAICoach) {
|
|
34
35
|
return genAICoach;
|
|
35
36
|
}
|
|
36
37
|
if (utilitiesExpanded && !lgOrAbove) {
|
|
37
|
-
return (_jsx(Drawer, { as: StyledCaseDrawer, open: utilitiesExpanded, position: 'fixed', placement: end, shadow: true, nullWhenClosed: true, children: _jsxs(Flex, { as: StyledCaseDrawerContent, container: { direction: 'column', gap: 2 }, "data-app-region": true, children: [_jsxs(Flex, { container: { alignItems: 'center', justify: 'between' }, children: [_jsx(Text, { variant: 'h2', children: t('utilities') }), utilitiesToggleButton] }),
|
|
38
|
+
return (_jsx(Drawer, { as: StyledCaseDrawer, open: utilitiesExpanded, position: 'fixed', placement: end, shadow: true, nullWhenClosed: true, children: _jsxs(Flex, { as: StyledCaseDrawerContent, container: { direction: 'column', gap: 2 }, "data-app-region": true, children: [_jsxs(Flex, { container: { alignItems: 'center', justify: 'between' }, children: [_jsx(Text, { variant: 'h2', children: t('utilities') }), utilitiesToggleButton] }), genAICoachInUtilities] }) }));
|
|
38
39
|
}
|
|
39
|
-
return (_jsxs(Flex, { ...restProps, container: { direction: 'column', gap: 1 }, as: StyledUtilitiesLayout, utilitiesExpanded: utilitiesExpanded, lgOrAbove: lgOrAbove, children: [_jsxs(Flex, { container: { alignItems: 'center', justify: 'between', pad: [0, 0, 1] }, children: [utilitiesExpanded && _jsx(Text, { variant: 'h2', children: t('utilities') }), utilitiesToggleButton] }), utilitiesExpanded &&
|
|
40
|
+
return (_jsxs(Flex, { ...restProps, container: { direction: 'column', gap: 1 }, as: StyledUtilitiesLayout, utilitiesExpanded: utilitiesExpanded, lgOrAbove: lgOrAbove, children: [_jsxs(Flex, { container: { alignItems: 'center', justify: 'between', pad: [0, 0, 1] }, children: [utilitiesExpanded && _jsx(Text, { variant: 'h2', children: t('utilities') }), utilitiesToggleButton] }), utilitiesExpanded && genAICoachInUtilities, !utilitiesExpanded && (_jsx(StyledCoachButton, { iconOnly: true, variant: 'primary', ref: genAICoachButtonRef, onClick: () => setShowCoach(cur => !cur), label: t('chat_with_ai'), disabled: disabled })), genAICoachButtonRef.current && genAICoachProps && showCoach && (_jsx(UtilitySummaryItemDialog, { target: genAICoachButtonRef.current, onDismiss: () => setShowCoach(false), children: _jsx(GenAICoach, { ...genAICoachProps, variant: {
|
|
40
41
|
placement: 'dialog',
|
|
41
42
|
onClose: () => {
|
|
42
43
|
genAICoachProps.onClose?.();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UtilitiesLayout.js","sourceRoot":"","sources":["../../../src/components/UtilitiesLayout/UtilitiesLayout.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"UtilitiesLayout.js","sourceRoot":"","sources":["../../../src/components/UtilitiesLayout/UtilitiesLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, type FunctionComponent, type PropsWithoutRef, useRef, useEffect } from 'react';\n\nimport {\n Drawer,\n Flex,\n Icon,\n useBreakpoint,\n useDirection,\n useI18n,\n Text,\n registerIcon\n} from '@pega/cosmos-react-core';\nimport type { BaseProps, ForwardProps } from '@pega/cosmos-react-core';\nimport * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';\nimport * as arrowMicroRightIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-right.icon';\nimport * as arrowMicroLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-left.icon';\n\nimport {\n StyledCaseDrawer,\n StyledCaseDrawerContent,\n StyledCoachButton,\n StyledExpandCollapseUtilitiesButton\n} from '../CaseView/CaseView.styles';\nimport { UtilitySummaryItemDialog } from '../CaseView';\nimport GenAICoach from '../GenAICoach';\nimport type { UtilitiesGenAICoachProps } from '../GenAICoach';\n\nimport StyledUtilitiesLayout from './UtilitiesLayout.styles';\n\nregisterIcon(polarisSolidIcon, arrowMicroRightIcon, arrowMicroLeftIcon);\n\nexport interface UtilitiesLayoutProps extends BaseProps {\n /** GenAICoach props */\n genAICoachProps?: UtilitiesGenAICoachProps;\n /** Callback triggered when utilities are expanded or collapsed */\n onToggleUtilities?: (utilitiesExpanded: boolean) => void;\n /** show utilities in expanded mode */\n defaultExpandUtilities?: boolean;\n /**\n * Determines if the actions will be disabled.\n * @default false\n */\n disabled?: boolean;\n}\n\nconst UtilitiesLayout: FunctionComponent<UtilitiesLayoutProps & ForwardProps> = ({\n genAICoachProps,\n defaultExpandUtilities = false,\n disabled = false,\n onToggleUtilities,\n ...restProps\n}: PropsWithoutRef<UtilitiesLayoutProps>) => {\n const [utilitiesExpanded, setUtilitiesExpanded] = useState(defaultExpandUtilities);\n const [showCoach, setShowCoach] = useState(false);\n\n const toggleButtonRef = useRef<HTMLButtonElement>(null);\n const genAICoachButtonRef = useRef<HTMLButtonElement>(null);\n const utilitiesToggled = useRef(false);\n const { end, start } = useDirection();\n const mdOrAbove = useBreakpoint('md');\n const lgOrAbove = useBreakpoint('lg');\n const t = useI18n();\n\n useEffect(() => {\n onToggleUtilities?.(utilitiesExpanded);\n if (!utilitiesExpanded && utilitiesToggled.current) {\n toggleButtonRef.current?.focus();\n }\n }, [utilitiesExpanded]);\n\n const utilitiesToggleButton = (\n <StyledExpandCollapseUtilitiesButton\n compact\n icon\n label={t(utilitiesExpanded ? 'collapse' : 'expand')}\n aria-label={t(utilitiesExpanded ? 'collapse_utilities_panel' : 'expand_utilities_panel')}\n onClick={() => {\n utilitiesToggled.current = true;\n setUtilitiesExpanded(prevState => !prevState);\n }}\n disabled={disabled}\n ref={toggleButtonRef}\n >\n <Icon name={`arrow-micro-${utilitiesExpanded ? end : start}`} />\n </StyledExpandCollapseUtilitiesButton>\n );\n\n const genAICoachInUtilities = genAICoachProps && (\n <GenAICoach {...genAICoachProps} variant={{ placement: 'fullpage' }} isInLandingPageUtilities />\n );\n\n const genAICoach = genAICoachProps && (\n <GenAICoach {...genAICoachProps} variant={{ placement: 'fullpage' }} />\n );\n\n if (!mdOrAbove && genAICoach) {\n return genAICoach;\n }\n\n if (utilitiesExpanded && !lgOrAbove) {\n return (\n <Drawer\n as={StyledCaseDrawer}\n open={utilitiesExpanded}\n position='fixed'\n placement={end}\n shadow\n nullWhenClosed\n >\n <Flex\n as={StyledCaseDrawerContent}\n container={{ direction: 'column', gap: 2 }}\n data-app-region\n >\n <Flex container={{ alignItems: 'center', justify: 'between' }}>\n <Text variant='h2'>{t('utilities')}</Text>\n {utilitiesToggleButton}\n </Flex>\n {genAICoachInUtilities}\n </Flex>\n </Drawer>\n );\n }\n\n return (\n <Flex\n {...restProps}\n container={{ direction: 'column', gap: 1 }}\n as={StyledUtilitiesLayout}\n utilitiesExpanded={utilitiesExpanded}\n lgOrAbove={lgOrAbove}\n >\n <Flex container={{ alignItems: 'center', justify: 'between', pad: [0, 0, 1] }}>\n {utilitiesExpanded && <Text variant='h2'>{t('utilities')}</Text>}\n {utilitiesToggleButton}\n </Flex>\n {utilitiesExpanded && genAICoachInUtilities}\n {!utilitiesExpanded && (\n <StyledCoachButton\n iconOnly\n variant='primary'\n ref={genAICoachButtonRef}\n onClick={() => setShowCoach(cur => !cur)}\n label={t('chat_with_ai')}\n disabled={disabled}\n />\n )}\n {genAICoachButtonRef.current && genAICoachProps && showCoach && (\n <UtilitySummaryItemDialog\n target={genAICoachButtonRef.current}\n onDismiss={() => setShowCoach(false)}\n >\n <GenAICoach\n {...genAICoachProps}\n variant={{\n placement: 'dialog',\n onClose: () => {\n genAICoachProps.onClose?.();\n setShowCoach(false);\n genAICoachButtonRef.current?.focus();\n }\n }}\n />\n </UtilitySummaryItemDialog>\n )}\n </Flex>\n );\n};\nexport default UtilitiesLayout;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UtilitiesLayout.styles.d.ts","sourceRoot":"","sources":["../../../src/components/UtilitiesLayout/UtilitiesLayout.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UtilitiesLayout.styles.d.ts","sourceRoot":"","sources":["../../../src/components/UtilitiesLayout/UtilitiesLayout.styles.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,qBAAqB;wBACL,OAAO;gBACf,OAAO;SAmBnB,CAAC;AAIH,eAAe,qBAAqB,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
2
|
import { defaultThemeProp } from '@pega/cosmos-react-core';
|
|
3
3
|
import { headerHeight } from '@pega/cosmos-react-core/lib/components/AppShell/AppShell.styles';
|
|
4
|
+
import { StyledFullscreen } from '@pega/cosmos-react-core/lib/components/Fullscreen/Fullscreen';
|
|
4
5
|
import { StyledGenAICoachContainer } from '../GenAICoach/GenAICoach.styles';
|
|
5
6
|
const StyledUtilitiesLayout = styled.div(({ utilitiesExpanded, lgOrAbove, theme }) => {
|
|
6
7
|
return css `
|
|
@@ -16,7 +17,7 @@ const StyledUtilitiesLayout = styled.div(({ utilitiesExpanded, lgOrAbove, theme
|
|
|
16
17
|
width: 25rem;
|
|
17
18
|
`}
|
|
18
19
|
|
|
19
|
-
${StyledGenAICoachContainer} {
|
|
20
|
+
${StyledFullscreen}, ${StyledGenAICoachContainer} {
|
|
20
21
|
height: 100%;
|
|
21
22
|
}
|
|
22
23
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UtilitiesLayout.styles.js","sourceRoot":"","sources":["../../../src/components/UtilitiesLayout/UtilitiesLayout.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,iEAAiE,CAAC;
|
|
1
|
+
{"version":3,"file":"UtilitiesLayout.styles.js","sourceRoot":"","sources":["../../../src/components/UtilitiesLayout/UtilitiesLayout.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,iEAAiE,CAAC;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,8DAA8D,CAAC;AAEhG,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAGrC,CAAC,EAAE,iBAAiB,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7C,OAAO,GAAG,CAAA;;8BAEkB,KAAK,CAAC,IAAI,CAAC,OAAO;;yBAEvB,YAAY;2BACV,YAAY;MACjC,SAAS;QACX,iBAAiB;QACjB,GAAG,CAAA;oCAC6B,KAAK,CAAC,IAAI,CAAC,OAAO;;KAEjD;;MAEC,gBAAgB,KAAK,yBAAyB;;;GAGjD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEtD,eAAe,qBAAqB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '@pega/cosmos-react-core';\nimport { headerHeight } from '@pega/cosmos-react-core/lib/components/AppShell/AppShell.styles';\nimport { StyledFullscreen } from '@pega/cosmos-react-core/lib/components/Fullscreen/Fullscreen';\n\nimport { StyledGenAICoachContainer } from '../GenAICoach/GenAICoach.styles';\n\nconst StyledUtilitiesLayout = styled.div<{\n utilitiesExpanded?: boolean;\n lgOrAbove?: boolean;\n}>(({ utilitiesExpanded, lgOrAbove, theme }) => {\n return css`\n width: 3rem;\n padding-block: calc(2 * ${theme.base.spacing});\n position: sticky;\n inset-block-start: ${headerHeight};\n height: calc(100vh - ${headerHeight} - 2rem);\n ${lgOrAbove &&\n utilitiesExpanded &&\n css`\n margin-inline-end: calc(2 * ${theme.base.spacing});\n width: 25rem;\n `}\n\n ${StyledFullscreen}, ${StyledGenAICoachContainer} {\n height: 100%;\n }\n `;\n});\n\nStyledUtilitiesLayout.defaultProps = defaultThemeProp;\n\nexport default StyledUtilitiesLayout;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pega/cosmos-react-work",
|
|
3
|
-
"version": "9.0.0-build.10.
|
|
3
|
+
"version": "9.0.0-build.10.2",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"author": "Pegasystems",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
"build": "tsc -b tsconfig.build.json"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@pega/cosmos-react-core": "9.0.0-build.10.
|
|
18
|
-
"@pega/cosmos-react-rte": "9.0.0-build.10.
|
|
17
|
+
"@pega/cosmos-react-core": "9.0.0-build.10.2",
|
|
18
|
+
"@pega/cosmos-react-rte": "9.0.0-build.10.2",
|
|
19
19
|
"@types/react": "^17.0.62 || ^18.3.3",
|
|
20
20
|
"@types/react-dom": "^17.0.20 || ^18.3.0",
|
|
21
21
|
"@types/styled-components": "^5.1.26",
|