@pega/cosmos-react-demos 7.11.3 → 7.11.4-10

package/jsx/core/Drawer/Drawer.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.stories.jsx","sourceRoot":"","sources":["../../../src/core/Drawer/Drawer.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { Button, Card, Drawer, Flex, Text, useTheme } from '@pega/cosmos-react-core';\nimport type { DrawerProps } from '@pega/cosmos-react-core';\n\nimport { StyledDrawerContent } from './Drawer.styles';\n\nexport default {\n  title: 'Core/Drawer',\n  component: Drawer,\n  args: {\n    placement: 'right',\n    transitionSpeed: '0.25s'\n  },\n  argTypes: {\n    placement: { options: ['top', 'right', 'bottom', 'left'], control: { type: 'select' } },\n    transitionSpeed: { control: { type: 'text' } }\n  }\n} as Meta;\n\nexport const ContainedDrawer: StoryFn<DrawerProps> = (args: DrawerProps) => {\n  const [open, setOpen] = useState(false);\n  const theme = useTheme();\n\n  const drawer = (\n    <Drawer\n      open={open}\n      nullWhenClosed\n      onOuterClick={() => {\n        setOpen(false);\n      }}\n      position='absolute'\n      size='100%'\n      placement={args.placement}\n      transitionSpeed={args.transitionSpeed}\n    >\n      <Flex\n        as={StyledDrawerContent}\n        container={{\n          direction: 'column',\n          justify: 'center',\n          alignItems: 'center',\n          gap: 2,\n          pad: 4\n        }}\n      >\n        <Text variant='h1'>This is a Drawer</Text>\n        <Text>\n          You can close this Drawer by clicking anywhere in the area outside of it, or by clicking\n          the Button below.\n        </Text>\n        <Button onClick={() => setOpen(false)}>Close Drawer</Button>\n      </Flex>\n    </Drawer>\n  );\n\n  return (\n    <Card\n      style={{\n        position: 'relative',\n        overflow: 'hidden',\n        height: '20rem',\n        width: '100%',\n        border: `${theme.base.spacing} solid ${theme.base.colors.gray.light}`,\n        backgroundColor: `${theme.base.colors.blue['extra-light']}`,\n        justifyContent: 'center',\n        alignItems: 'center'\n      }}\n    >\n      <Button variant='primary' onClick={() => setOpen(true)}>\n        Open Drawer\n      </Button>\n      {drawer}\n    </Card>\n  );\n};\n\nexport const ViewportDrawer: StoryFn<DrawerProps> = (args: DrawerProps) => {\n  const [open, setOpen] = useState(false);\n  const theme = useTheme();\n\n  const drawer = (\n    <Drawer\n      open={open}\n      onOuterClick={() => {\n        setOpen(false);\n      }}\n      position='fixed'\n      size={args.size}\n      placement={args.placement}\n      transitionSpeed={args.transitionSpeed}\n      shadow={args.shadow}\n    >\n      <Flex\n        as={StyledDrawerContent}\n        container={{\n          direction: 'column',\n          justify: 'center',\n          alignItems: 'center',\n          gap: 2,\n          pad: 4\n        }}\n      >\n        <Text variant='h1'>This is a Drawer</Text>\n        <Text>\n          You can close this Drawer by clicking anywhere in the area outside of it, or by clicking\n          the Button below.\n        </Text>\n        <Button onClick={() => setOpen(false)}>Close Drawer</Button>\n      </Flex>\n    </Drawer>\n  );\n\n  return (\n    <Card\n      style={{\n        position: 'relative',\n        overflow: 'hidden',\n        height: '20rem',\n        width: '100%',\n        border: `${theme.base.spacing} solid ${theme.base.colors.gray.light}`,\n        backgroundColor: `${theme.base.colors.blue['extra-light']}`,\n        justifyContent: 'center',\n        alignItems: 'center'\n      }}\n    >\n      <Button variant='primary' onClick={() => setOpen(true)}>\n        Open Drawer\n      </Button>\n      {drawer}\n    </Card>\n  );\n};\n\nViewportDrawer.args = {\n  size: '30rem',\n  shadow: false\n};\n\nViewportDrawer.argTypes = {\n  size: { control: { type: 'text' } },\n  shadow: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/core/Drawer/Drawer.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledDrawerContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=Drawer.styles.d.ts.map

package/jsx/core/Drawer/Drawer.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/core/Drawer/Drawer.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,yGAS9B,CAAC"}

package/jsx/core/Drawer/Drawer.styles.js

@@ -1,11 +0,0 @@
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '@pega/cosmos-react-core';
-export const StyledDrawerContent = styled.div(props => {
-    const { theme: { base } } = props;
-    return css `
-    height: 100%;
-    background-color: ${base.palette['primary-background']};
-  `;
-});
-StyledDrawerContent.defaultProps = defaultThemeProp;
-//# sourceMappingURL=Drawer.styles.js.map

package/jsx/core/Drawer/Drawer.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.styles.js","sourceRoot":"","sources":["../../../src/core/Drawer/Drawer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;IACpD,MAAM,EACJ,KAAK,EAAE,EAAE,IAAI,EAAE,EAChB,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;;wBAEY,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;GACvD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,mBAAmB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '@pega/cosmos-react-core';\n\nexport const StyledDrawerContent = styled.div(props => {\n  const {\n    theme: { base }\n  } = props;\n\n  return css`\n    height: 100%;\n    background-color: ${base.palette['primary-background']};\n  `;\n});\n\nStyledDrawerContent.defaultProps = defaultThemeProp;\n"]}

package/jsx/core/Email/EmailDisplay.stories.d.ts

@@ -1,6 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { EmailDisplayProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-export declare const EmailDisplayDemo: StoryFn<EmailDisplayProps>;
-//# sourceMappingURL=EmailDisplay.stories.d.ts.map

package/jsx/core/Email/EmailDisplay.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmailDisplay.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Email/EmailDisplay.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;;AAEjE,wBAGU;AAEV,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,iBAAiB,CAEvD,CAAC"}

package/jsx/core/Email/EmailDisplay.stories.jsx

@@ -1,19 +0,0 @@
-import { EmailDisplay } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Email',
-    component: EmailDisplay
-};
-export const EmailDisplayDemo = (args) => {
-    return <EmailDisplay value={args.value} displayText={args.displayText} variant={args.variant}/>;
-};
-EmailDisplayDemo.args = {
-    value: 'email@example.com',
-    displayText: 'Example Email',
-    variant: 'link'
-};
-EmailDisplayDemo.argTypes = {
-    value: { control: { type: 'text' } },
-    displayText: { control: { type: 'text' } },
-    variant: { options: ['link', 'text'], control: { type: 'select' } }
-};
-//# sourceMappingURL=EmailDisplay.stories.jsx.map

package/jsx/core/Email/EmailDisplay.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmailDisplay.stories.jsx","sourceRoot":"","sources":["../../../src/core/Email/EmailDisplay.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGvD,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,YAAY;CAChB,CAAC;AAEV,MAAM,CAAC,MAAM,gBAAgB,GAA+B,CAAC,IAAuB,EAAE,EAAE;IACtF,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAG,CAAC;AACnG,CAAC,CAAC;AAEF,gBAAgB,CAAC,IAAI,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,eAAe;IAC5B,OAAO,EAAE,MAAM;CAChB,CAAC;AAEF,gBAAgB,CAAC,QAAQ,GAAG;IAC1B,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC1C,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CACpE,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { EmailDisplay } from '@pega/cosmos-react-core';\nimport type { EmailDisplayProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Email',\n  component: EmailDisplay\n} as Meta;\n\nexport const EmailDisplayDemo: StoryFn<EmailDisplayProps> = (args: EmailDisplayProps) => {\n  return <EmailDisplay value={args.value} displayText={args.displayText} variant={args.variant} />;\n};\n\nEmailDisplayDemo.args = {\n  value: 'email@example.com',\n  displayText: 'Example Email',\n  variant: 'link'\n};\n\nEmailDisplayDemo.argTypes = {\n  value: { control: { type: 'text' } },\n  displayText: { control: { type: 'text' } },\n  variant: { options: ['link', 'text'], control: { type: 'select' } }\n};\n"]}

package/jsx/core/EmojiPicker/EmojiPicker.stories.d.ts

@@ -1,8 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { EmojiPickerProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-export declare const EmojiPickerDemo: StoryFn<EmojiPickerProps>;
-export declare const EmojiPickerExcludeDemo: StoryFn<EmojiPickerProps>;
-export declare const CustomEmojiSet: StoryFn<EmojiPickerProps>;
-//# sourceMappingURL=EmojiPicker.stories.d.ts.map

package/jsx/core/EmojiPicker/EmojiPicker.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmojiPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/core/EmojiPicker/EmojiPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAKtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;;AAEhE,wBAaU;AAEV,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,gBAAgB,CAkBrD,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,gBAAgB,CAmB5D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,gBAAgB,CA8BpD,CAAC"}

package/jsx/core/EmojiPicker/EmojiPicker.stories.jsx

@@ -1,53 +0,0 @@
-import { useMemo, useState } from 'react';
-import { EmojiPicker, EmojiContext, Flex, Input } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/EmojiPicker',
-    component: EmojiPicker,
-    args: {
-        showFooter: false,
-        emojiSize: 24,
-        perLine: 9
-    },
-    argTypes: {
-        showFooter: { control: { type: 'boolean' } },
-        emojiSize: { control: { type: 'number' } },
-        perLine: { control: { type: 'number' } }
-    }
-};
-export const EmojiPickerDemo = (args) => {
-    const [value, setValue] = useState('');
-    const onEmojiSelect = (emoji) => {
-        setValue(curr => `${curr}${emoji.native}`);
-    };
-    return (<Flex container={{ direction: 'column' }}>
-      <Input value={value}/>
-      <EmojiPicker showFooter={args.showFooter} emojiSize={args.emojiSize} perLine={args.perLine} onSelect={onEmojiSelect}/>
-    </Flex>);
-};
-export const EmojiPickerExcludeDemo = (args) => {
-    const [value, setValue] = useState('');
-    const onEmojiSelect = (emoji) => {
-        setValue(curr => `${curr}${emoji.native}`);
-    };
-    return (<Flex container={{ direction: 'column' }}>
-      <Input value={value}/>
-      <EmojiPicker exclude={['recent', 'people', 'foods', 'activity', 'flags']} showFooter={args.showFooter} emojiSize={args.emojiSize} perLine={args.perLine} onSelect={onEmojiSelect}/>
-    </Flex>);
-};
-export const CustomEmojiSet = (args) => {
-    const [value, setValue] = useState('');
-    const onEmojiSelect = (emoji) => {
-        setValue(curr => `${curr}${emoji.native}`);
-    };
-    const ctx = useMemo(() => ({
-        set: 'google',
-        spriteSrcResolver: () => 'https://unpkg.com/emoji-datasource-google@5.0.1/img/google/sheets-clean/32.png'
-    }), []);
-    return (<EmojiContext.Provider value={ctx}>
-      <Flex container={{ direction: 'column' }}>
-        <Input value={value}/>
-        <EmojiPicker showFooter={args.showFooter} emojiSize={args.emojiSize} perLine={args.perLine} onSelect={onEmojiSelect}/>
-      </Flex>
-    </EmojiContext.Provider>);
-};
-//# sourceMappingURL=EmojiPicker.stories.jsx.map

package/jsx/core/EmojiPicker/EmojiPicker.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmojiPicker.stories.jsx","sourceRoot":"","sources":["../../../src/core/EmojiPicker/EmojiPicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGjF,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,EAAE;QACb,OAAO,EAAE,CAAC;KACX;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC5C,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;QAC1C,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KACzC;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,IAAsB,EAAE,EAAE;IACnF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,CAAC,KAAgB,EAAE,EAAE;QACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CACvC;MAAA,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EACpB;MAAA,CAAC,WAAW,CACV,UAAU,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAC5B,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,QAAQ,CAAC,CAAC,aAAa,CAAC,EAE5B;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAA8B,CAAC,IAAsB,EAAE,EAAE;IAC1F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,CAAC,KAAgB,EAAE,EAAE;QACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CACvC;MAAA,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EACpB;MAAA,CAAC,WAAW,CACV,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAC5D,UAAU,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAC5B,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,QAAQ,CAAC,CAAC,aAAa,CAAC,EAE5B;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAA8B,CAAC,IAAsB,EAAE,EAAE;IAClF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,CAAC,KAAgB,EAAE,EAAE;QACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,GAAG,GAAG,OAAO,CACjB,GAAG,EAAE,CACH,CAAC;QACC,GAAG,EAAE,QAAQ;QACb,iBAAiB,EAAE,GAAG,EAAE,CACtB,gFAAgF;KACnF,CAAU,EACb,EAAE,CACH,CAAC;IAEF,OAAO,CACL,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAChC;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CACvC;QAAA,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EACpB;QAAA,CAAC,WAAW,CACV,UAAU,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAC5B,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,QAAQ,CAAC,CAAC,aAAa,CAAC,EAE5B;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,YAAY,CAAC,QAAQ,CAAC,CACzB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useMemo, useState } from 'react';\nimport type { BaseEmoji } from 'emoji-mart';\n\nimport { EmojiPicker, EmojiContext, Flex, Input } from '@pega/cosmos-react-core';\nimport type { EmojiPickerProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/EmojiPicker',\n  component: EmojiPicker,\n  args: {\n    showFooter: false,\n    emojiSize: 24,\n    perLine: 9\n  },\n  argTypes: {\n    showFooter: { control: { type: 'boolean' } },\n    emojiSize: { control: { type: 'number' } },\n    perLine: { control: { type: 'number' } }\n  }\n} as Meta;\n\nexport const EmojiPickerDemo: StoryFn<EmojiPickerProps> = (args: EmojiPickerProps) => {\n  const [value, setValue] = useState<string>('');\n\n  const onEmojiSelect = (emoji: BaseEmoji) => {\n    setValue(curr => `${curr}${emoji.native}`);\n  };\n\n  return (\n    <Flex container={{ direction: 'column' }}>\n      <Input value={value} />\n      <EmojiPicker\n        showFooter={args.showFooter}\n        emojiSize={args.emojiSize}\n        perLine={args.perLine}\n        onSelect={onEmojiSelect}\n      />\n    </Flex>\n  );\n};\n\nexport const EmojiPickerExcludeDemo: StoryFn<EmojiPickerProps> = (args: EmojiPickerProps) => {\n  const [value, setValue] = useState<string>('');\n\n  const onEmojiSelect = (emoji: BaseEmoji) => {\n    setValue(curr => `${curr}${emoji.native}`);\n  };\n\n  return (\n    <Flex container={{ direction: 'column' }}>\n      <Input value={value} />\n      <EmojiPicker\n        exclude={['recent', 'people', 'foods', 'activity', 'flags']}\n        showFooter={args.showFooter}\n        emojiSize={args.emojiSize}\n        perLine={args.perLine}\n        onSelect={onEmojiSelect}\n      />\n    </Flex>\n  );\n};\n\nexport const CustomEmojiSet: StoryFn<EmojiPickerProps> = (args: EmojiPickerProps) => {\n  const [value, setValue] = useState<string>('');\n\n  const onEmojiSelect = (emoji: BaseEmoji) => {\n    setValue(curr => `${curr}${emoji.native}`);\n  };\n\n  const ctx = useMemo(\n    () =>\n      ({\n        set: 'google',\n        spriteSrcResolver: () =>\n          'https://unpkg.com/emoji-datasource-google@5.0.1/img/google/sheets-clean/32.png'\n      }) as const,\n    []\n  );\n\n  return (\n    <EmojiContext.Provider value={ctx}>\n      <Flex container={{ direction: 'column' }}>\n        <Input value={value} />\n        <EmojiPicker\n          showFooter={args.showFooter}\n          emojiSize={args.emojiSize}\n          perLine={args.perLine}\n          onSelect={onEmojiSelect}\n        />\n      </Flex>\n    </EmojiContext.Provider>\n  );\n};\n"]}

package/jsx/core/EmptyState/EmptyState.stories.d.ts

@@ -1,6 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { EmptyStateProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-export declare const EmptyStateDemo: StoryFn<EmptyStateProps>;
-//# sourceMappingURL=EmptyState.stories.d.ts.map

package/jsx/core/EmptyState/EmptyState.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../../src/core/EmptyState/EmptyState.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;;AAE/D,wBAMU;AAEV,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,eAAe,CAEnD,CAAC"}

package/jsx/core/EmptyState/EmptyState.stories.jsx

@@ -1,18 +0,0 @@
-import { EmptyState } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/EmptyState',
-    component: EmptyState,
-    parameters: {
-        layout: 'centered'
-    }
-};
-export const EmptyStateDemo = (args) => {
-    return <EmptyState message={args.message}/>;
-};
-EmptyStateDemo.args = {
-    message: 'No items'
-};
-EmptyStateDemo.argTypes = {
-    message: { control: { type: 'text' } }
-};
-//# sourceMappingURL=EmptyState.stories.jsx.map

package/jsx/core/EmptyState/EmptyState.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.stories.jsx","sourceRoot":"","sources":["../../../src/core/EmptyState/EmptyState.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,cAAc,GAA6B,CAAC,IAAqB,EAAE,EAAE;IAChF,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAG,CAAC;AAC/C,CAAC,CAAC;AAEF,cAAc,CAAC,IAAI,GAAG;IACpB,OAAO,EAAE,UAAU;CACpB,CAAC;AAEF,cAAc,CAAC,QAAQ,GAAG;IACxB,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACvC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { EmptyState } from '@pega/cosmos-react-core';\nimport type { EmptyStateProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/EmptyState',\n  component: EmptyState,\n  parameters: {\n    layout: 'centered'\n  }\n} as Meta;\n\nexport const EmptyStateDemo: StoryFn<EmptyStateProps> = (args: EmptyStateProps) => {\n  return <EmptyState message={args.message} />;\n};\n\nEmptyStateDemo.args = {\n  message: 'No items'\n};\n\nEmptyStateDemo.argTypes = {\n  message: { control: { type: 'text' } }\n};\n"]}

package/jsx/core/ErrorState/ErrorState.stories.d.ts

@@ -1,9 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { ErrorStateProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-interface ErrorStateStoryProps extends ErrorStateProps {
-    displayRetry?: boolean;
-}
-export declare const ErrorStateDemo: StoryFn<ErrorStateStoryProps>;
-//# sourceMappingURL=ErrorState.stories.d.ts.map

package/jsx/core/ErrorState/ErrorState.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorState.stories.d.ts","sourceRoot":"","sources":["../../../src/core/ErrorState/ErrorState.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;;AAE/D,wBAMU;AAEV,UAAU,oBAAqB,SAAQ,eAAe;IACpD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,oBAAoB,CAExD,CAAC"}

package/jsx/core/ErrorState/ErrorState.stories.jsx

@@ -1,20 +0,0 @@
-import { ErrorState } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/ErrorState',
-    component: ErrorState,
-    parameters: {
-        layout: 'centered'
-    }
-};
-export const ErrorStateDemo = (args) => {
-    return <ErrorState message={args.message} onRetry={args.displayRetry ? () => { } : undefined}/>;
-};
-ErrorStateDemo.args = {
-    message: 'Unknown error',
-    displayRetry: false
-};
-ErrorStateDemo.argTypes = {
-    message: { control: { type: 'text' } },
-    displayRetry: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=ErrorState.stories.jsx.map

package/jsx/core/ErrorState/ErrorState.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorState.stories.jsx","sourceRoot":"","sources":["../../../src/core/ErrorState/ErrorState.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACM,CAAC;AAMV,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,IAA0B,EAAE,EAAE;IAC1F,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAG,CAAC;AAClG,CAAC,CAAC;AAEF,cAAc,CAAC,IAAI,GAAG;IACpB,OAAO,EAAE,eAAe;IACxB,YAAY,EAAE,KAAK;CACpB,CAAC;AAEF,cAAc,CAAC,QAAQ,GAAG;IACxB,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACtC,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAC/C,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { ErrorState } from '@pega/cosmos-react-core';\nimport type { ErrorStateProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/ErrorState',\n  component: ErrorState,\n  parameters: {\n    layout: 'centered'\n  }\n} as Meta;\n\ninterface ErrorStateStoryProps extends ErrorStateProps {\n  displayRetry?: boolean;\n}\n\nexport const ErrorStateDemo: StoryFn<ErrorStateStoryProps> = (args: ErrorStateStoryProps) => {\n  return <ErrorState message={args.message} onRetry={args.displayRetry ? () => {} : undefined} />;\n};\n\nErrorStateDemo.args = {\n  message: 'Unknown error',\n  displayRetry: false\n};\n\nErrorStateDemo.argTypes = {\n  message: { control: { type: 'text' } },\n  displayRetry: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/core/ExpandCollapse/ExpandCollapse.stories.d.ts

@@ -1,7 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { ExpandCollapseProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-export declare const VerticalExpandCollapse: StoryFn<ExpandCollapseProps>;
-export declare const HorizontalExpandCollapse: StoryFn<ExpandCollapseProps>;
-//# sourceMappingURL=ExpandCollapse.stories.d.ts.map

package/jsx/core/ExpandCollapse/ExpandCollapse.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandCollapse.stories.d.ts","sourceRoot":"","sources":["../../../src/core/ExpandCollapse/ExpandCollapse.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;;AAInE,wBAaU;AAEV,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,mBAAmB,CAoC/D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,OAAO,CAAC,mBAAmB,CA2CjE,CAAC"}

package/jsx/core/ExpandCollapse/ExpandCollapse.stories.jsx

@@ -1,73 +0,0 @@
-import { useState } from 'react';
-import { Button, ExpandCollapse, Flex, Text } from '@pega/cosmos-react-core';
-import { StyledRegion } from './ExpandCollapse.styles';
-export default {
-    title: 'Core/ExpandCollapse',
-    component: ExpandCollapse,
-    args: {
-        min: '',
-        max: '',
-        transitionSpeed: '0.25s'
-    },
-    argTypes: {
-        min: { control: { type: 'text' } },
-        max: { control: { type: 'text' } },
-        transitionSpeed: { control: { type: 'text' } }
-    }
-};
-export const VerticalExpandCollapse = (args) => {
-    const [collapsed, setCollapsed] = useState(true);
-    return (<Flex container={{ direction: 'column' }}>
-      <StyledRegion>
-        <Button onClick={() => setCollapsed(curState => !curState)}>
-          {collapsed ? 'Expand' : 'Collapse '}
-        </Button>
-      </StyledRegion>
-
-      <ExpandCollapse dimension='height' collapsed={collapsed} min={args.min} max={args.max} transitionSpeed={args.transitionSpeed} nullWhenCollapsed>
-        <StyledRegion innerRegion>
-          <Text>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-            incididunt ut ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
-            exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
-            dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-            mollit anim id est laborum.
-          </Text>
-        </StyledRegion>
-      </ExpandCollapse>
-
-      <StyledRegion>
-        <Text>This content is outside of the ExpandCollapse and so it will always be visible.</Text>
-      </StyledRegion>
-    </Flex>);
-};
-export const HorizontalExpandCollapse = (args) => {
-    const [collapsed, setCollapsed] = useState(true);
-    const [showText, setShowText] = useState(false);
-    return (<Flex container>
-      <StyledRegion>
-        <Button onClick={() => setCollapsed(curState => !curState)}>
-          {collapsed ? 'Expand' : 'Collapse '}
-        </Button>
-      </StyledRegion>
-
-      <ExpandCollapse dimension='width' collapsed={collapsed} min={args.min} max={args.max} transitionSpeed={args.transitionSpeed} nullWhenCollapsed onAfterExpand={() => setShowText(true)} onBeforeCollapse={() => setShowText(false)}>
-        <StyledRegion innerRegion>
-          {showText && (<Text>
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-              incididunt ut ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
-              exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
-              dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-              Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-              mollit anim id est laborum.
-            </Text>)}
-        </StyledRegion>
-      </ExpandCollapse>
-
-      <StyledRegion>
-        <Text>This content is outside of the ExpandCollapse and so it will always be visible.</Text>
-      </StyledRegion>
-    </Flex>);
-};
-//# sourceMappingURL=ExpandCollapse.stories.jsx.map

package/jsx/core/ExpandCollapse/ExpandCollapse.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandCollapse.stories.jsx","sourceRoot":"","sources":["../../../src/core/ExpandCollapse/ExpandCollapse.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { Button, ExpandCollapse, Flex, Text } from '@pega/cosmos-react-core';\nimport type { ExpandCollapseProps } from '@pega/cosmos-react-core';\n\nimport { StyledRegion } from './ExpandCollapse.styles';\n\nexport default {\n  title: 'Core/ExpandCollapse',\n  component: ExpandCollapse,\n  args: {\n    min: '',\n    max: '',\n    transitionSpeed: '0.25s'\n  },\n  argTypes: {\n    min: { control: { type: 'text' } },\n    max: { control: { type: 'text' } },\n    transitionSpeed: { control: { type: 'text' } }\n  }\n} as Meta;\n\nexport const VerticalExpandCollapse: StoryFn<ExpandCollapseProps> = (args: ExpandCollapseProps) => {\n  const [collapsed, setCollapsed] = useState(true);\n\n  return (\n    <Flex container={{ direction: 'column' }}>\n      <StyledRegion>\n        <Button onClick={() => setCollapsed(curState => !curState)}>\n          {collapsed ? 'Expand' : 'Collapse '}\n        </Button>\n      </StyledRegion>\n\n      <ExpandCollapse\n        dimension='height'\n        collapsed={collapsed}\n        min={args.min}\n        max={args.max}\n        transitionSpeed={args.transitionSpeed}\n        nullWhenCollapsed\n      >\n        <StyledRegion innerRegion>\n          <Text>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\n            incididunt ut ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud\n            exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure\n            dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt\n            mollit anim id est laborum.\n          </Text>\n        </StyledRegion>\n      </ExpandCollapse>\n\n      <StyledRegion>\n        <Text>This content is outside of the ExpandCollapse and so it will always be visible.</Text>\n      </StyledRegion>\n    </Flex>\n  );\n};\n\nexport const HorizontalExpandCollapse: StoryFn<ExpandCollapseProps> = (\n  args: ExpandCollapseProps\n) => {\n  const [collapsed, setCollapsed] = useState(true);\n  const [showText, setShowText] = useState(false);\n\n  return (\n    <Flex container>\n      <StyledRegion>\n        <Button onClick={() => setCollapsed(curState => !curState)}>\n          {collapsed ? 'Expand' : 'Collapse '}\n        </Button>\n      </StyledRegion>\n\n      <ExpandCollapse\n        dimension='width'\n        collapsed={collapsed}\n        min={args.min}\n        max={args.max}\n        transitionSpeed={args.transitionSpeed}\n        nullWhenCollapsed\n        onAfterExpand={() => setShowText(true)}\n        onBeforeCollapse={() => setShowText(false)}\n      >\n        <StyledRegion innerRegion>\n          {showText && (\n            <Text>\n              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\n              incididunt ut ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud\n              exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure\n              dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n              Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt\n              mollit anim id est laborum.\n            </Text>\n          )}\n        </StyledRegion>\n      </ExpandCollapse>\n\n      <StyledRegion>\n        <Text>This content is outside of the ExpandCollapse and so it will always be visible.</Text>\n      </StyledRegion>\n    </Flex>\n  );\n};\n"]}

package/jsx/core/ExpandCollapse/ExpandCollapse.styles.d.ts

@@ -1,4 +0,0 @@
-export declare const StyledRegion: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    innerRegion?: boolean | undefined;
-}, never>;
-//# sourceMappingURL=ExpandCollapse.styles.d.ts.map

package/jsx/core/ExpandCollapse/ExpandCollapse.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandCollapse.styles.d.ts","sourceRoot":"","sources":["../../../src/core/ExpandCollapse/ExpandCollapse.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY;;SAcvB,CAAC"}

package/jsx/core/ExpandCollapse/ExpandCollapse.styles.js

@@ -1,17 +0,0 @@
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '@pega/cosmos-react-core';
-export const StyledRegion = styled.div(({ innerRegion, theme }) => {
-    return css `
-    background-color: ${theme.base.palette[innerRegion ? 'primary-background' : 'secondary-background']};
-    padding: calc(4 * ${theme.base.spacing});
-    display: flex;
-    justify-content: center;
-
-    button {
-      height: max-content;
-      align-self: center;
-    }
-  `;
-});
-StyledRegion.defaultProps = defaultThemeProp;
-//# sourceMappingURL=ExpandCollapse.styles.js.map

package/jsx/core/ExpandCollapse/ExpandCollapse.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandCollapse.styles.js","sourceRoot":"","sources":["../../../src/core/ExpandCollapse/ExpandCollapse.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAA4B,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3F,OAAO,GAAG,CAAA;wBACY,KAAK,CAAC,IAAI,CAAC,OAAO,CACpC,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,CAC5D;wBACmB,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;;;;GAQvC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '@pega/cosmos-react-core';\n\nexport const StyledRegion = styled.div<{ innerRegion?: boolean }>(({ innerRegion, theme }) => {\n  return css`\n    background-color: ${theme.base.palette[\n      innerRegion ? 'primary-background' : 'secondary-background'\n    ]};\n    padding: calc(4 * ${theme.base.spacing});\n    display: flex;\n    justify-content: center;\n\n    button {\n      height: max-content;\n      align-self: center;\n    }\n  `;\n});\n\nStyledRegion.defaultProps = defaultThemeProp;\n"]}

package/jsx/core/FieldGroup/FieldGroup.stories.d.ts

@@ -1,20 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { FieldGroupProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-interface FieldGroupStoryProps {
-    firstGroupName?: string;
-    firstGroupHeadingTag?: FieldGroupProps['headingTag'];
-    showfirstGroupHeadingTag?: boolean;
-    firstGroupCollapsible?: boolean;
-    firstGroupDescription?: string;
-    showFirstAdditionalInfo?: boolean;
-    secondGroupName?: string;
-    secondGroupHeadingTag?: FieldGroupProps['headingTag'];
-    showsecondGroupHeadingTag?: boolean;
-    secondGroupCollapsible?: boolean;
-    secondGroupDescription?: string;
-    showSecondAdditionalInfo?: boolean;
-}
-export declare const FieldGroupDemo: StoryFn<FieldGroupStoryProps>;
-//# sourceMappingURL=FieldGroup.stories.d.ts.map

package/jsx/core/FieldGroup/FieldGroup.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/core/FieldGroup/FieldGroup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAWtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;;AAE/D,wBAGU;AAEV,UAAU,oBAAoB;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACrD,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACtD,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,oBAAoB,CA8ExD,CAAC"}

package/jsx/core/FieldGroup/FieldGroup.stories.jsx

@@ -1,94 +0,0 @@
-import { useState } from 'react';
-import { DateInput, FieldGroup, Grid, Input, Select, Option, TextArea } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/FieldGroup',
-    component: FieldGroup
-};
-export const FieldGroupDemo = (args) => {
-    const [firstGroupCollapsed, setFirstGroupCollapsed] = useState(false);
-    const [secondGroupCollapsed, setSecondGroupCollapsed] = useState(false);
-    return (<Grid container={{ rowGap: 2 }}>
-      <FieldGroup name={args.firstGroupName} headingTag={args.showfirstGroupHeadingTag ? args.firstGroupHeadingTag : undefined} description={args.firstGroupDescription} collapsed={args.firstGroupCollapsible ? firstGroupCollapsed : undefined} onToggleCollapsed={args.firstGroupCollapsible
-            ? () => {
-                setFirstGroupCollapsed(state => !state);
-            }
-            : undefined} additionalInfo={args.showFirstAdditionalInfo
-            ? {
-                content: 'This is a field group'
-            }
-            : undefined} variant='form-group'>
-        <Grid container={{ gap: 1, cols: 'repeat(auto-fit, minmax(min(40ch, 100%), 1fr))' }}>
-          <Input type='text' label='Text 1'/>
-          <Select label='Select 1'>
-            <Option value='A'>Option 1A</Option>
-            <Option value='B'>Option 1B</Option>
-          </Select>
-          <DateInput label='Date 1'/>
-          <Grid item={{ colStart: '1', colEnd: '-1' }}>
-            <TextArea label='TextArea 1'/>
-          </Grid>
-          <Input required type='text' label='Required 1'/>
-          <Input disabled type='text' label='Disabled 1'/>
-        </Grid>
-      </FieldGroup>
-
-      <FieldGroup name={args.secondGroupName} headingTag={args.showsecondGroupHeadingTag ? args.secondGroupHeadingTag : undefined} description={args.secondGroupDescription} collapsed={args.secondGroupCollapsible ? secondGroupCollapsed : undefined} onToggleCollapsed={args.secondGroupCollapsible
-            ? () => {
-                setSecondGroupCollapsed(state => !state);
-            }
-            : undefined} additionalInfo={args.showSecondAdditionalInfo
-            ? {
-                content: 'This is another field group'
-            }
-            : undefined} variant='form-group'>
-        <Grid container={{ gap: 1, cols: 'repeat(auto-fill, minmax(min(40ch, 100%), 1fr))' }}>
-          <Input type='text' label='Text 2'/>
-          <Select label='Select 2'>
-            <Option value='A'>Option 2A</Option>
-            <Option value='B'>Option 2B</Option>
-          </Select>
-          <DateInput label='Date 2'/>
-          <Grid item={{ colStart: '1', colEnd: '-1' }}>
-            <TextArea label='TextArea 2'/>
-          </Grid>
-          <Input required type='text' label='Required 2'/>
-          <Input disabled type='text' label='Disabled 2'/>
-        </Grid>
-      </FieldGroup>
-    </Grid>);
-};
-FieldGroupDemo.args = {
-    firstGroupName: 'Field group 1',
-    firstGroupHeadingTag: undefined,
-    showfirstGroupHeadingTag: true,
-    firstGroupCollapsible: true,
-    firstGroupDescription: '',
-    showFirstAdditionalInfo: true,
-    secondGroupName: 'Field group 2',
-    secondGroupHeadingTag: undefined,
-    showsecondGroupHeadingTag: true,
-    secondGroupCollapsible: true,
-    secondGroupDescription: '',
-    showSecondAdditionalInfo: true
-};
-FieldGroupDemo.argTypes = {
-    firstGroupName: { control: { type: 'text' } },
-    firstGroupHeadingTag: {
-        options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
-        control: { type: 'select' }
-    },
-    showfirstGroupHeadingTag: { control: { type: 'boolean' } },
-    firstGroupCollapsible: { control: { type: 'boolean' } },
-    firstGroupDescription: { control: { type: 'text' } },
-    showFirstAdditionalInfo: { control: { type: 'boolean' } },
-    secondGroupName: { control: { type: 'text' } },
-    secondGroupHeadingTag: {
-        options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
-        control: { type: 'select' }
-    },
-    showsecondGroupHeadingTag: { control: { type: 'boolean' } },
-    secondGroupCollapsible: { control: { type: 'boolean' } },
-    secondGroupDescription: { control: { type: 'text' } },
-    showSecondAdditionalInfo: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=FieldGroup.stories.jsx.map

package/jsx/core/FieldGroup/FieldGroup.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldGroup.stories.jsx","sourceRoot":"","sources":["../../../src/core/FieldGroup/FieldGroup.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport {\n  DateInput,\n  FieldGroup,\n  Grid,\n  Input,\n  Select,\n  Option,\n  TextArea\n} from '@pega/cosmos-react-core';\nimport type { FieldGroupProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/FieldGroup',\n  component: FieldGroup\n} as Meta;\n\ninterface FieldGroupStoryProps {\n  firstGroupName?: string;\n  firstGroupHeadingTag?: FieldGroupProps['headingTag'];\n  showfirstGroupHeadingTag?: boolean;\n  firstGroupCollapsible?: boolean;\n  firstGroupDescription?: string;\n  showFirstAdditionalInfo?: boolean;\n  secondGroupName?: string;\n  secondGroupHeadingTag?: FieldGroupProps['headingTag'];\n  showsecondGroupHeadingTag?: boolean;\n  secondGroupCollapsible?: boolean;\n  secondGroupDescription?: string;\n  showSecondAdditionalInfo?: boolean;\n}\n\nexport const FieldGroupDemo: StoryFn<FieldGroupStoryProps> = (args: FieldGroupStoryProps) => {\n  const [firstGroupCollapsed, setFirstGroupCollapsed] = useState(false);\n  const [secondGroupCollapsed, setSecondGroupCollapsed] = useState(false);\n  return (\n    <Grid container={{ rowGap: 2 }}>\n      <FieldGroup\n        name={args.firstGroupName!}\n        headingTag={args.showfirstGroupHeadingTag ? args.firstGroupHeadingTag : undefined}\n        description={args.firstGroupDescription}\n        collapsed={args.firstGroupCollapsible ? firstGroupCollapsed : undefined}\n        onToggleCollapsed={\n          args.firstGroupCollapsible\n            ? () => {\n                setFirstGroupCollapsed(state => !state);\n              }\n            : undefined\n        }\n        additionalInfo={\n          args.showFirstAdditionalInfo\n            ? {\n                content: 'This is a field group'\n              }\n            : undefined\n        }\n        variant='form-group'\n      >\n        <Grid container={{ gap: 1, cols: 'repeat(auto-fit, minmax(min(40ch, 100%), 1fr))' }}>\n          <Input type='text' label='Text 1' />\n          <Select label='Select 1'>\n            <Option value='A'>Option 1A</Option>\n            <Option value='B'>Option 1B</Option>\n          </Select>\n          <DateInput label='Date 1' />\n          <Grid item={{ colStart: '1', colEnd: '-1' }}>\n            <TextArea label='TextArea 1' />\n          </Grid>\n          <Input required type='text' label='Required 1' />\n          <Input disabled type='text' label='Disabled 1' />\n        </Grid>\n      </FieldGroup>\n\n      <FieldGroup\n        name={args.secondGroupName!}\n        headingTag={args.showsecondGroupHeadingTag ? args.secondGroupHeadingTag : undefined}\n        description={args.secondGroupDescription}\n        collapsed={args.secondGroupCollapsible ? secondGroupCollapsed : undefined}\n        onToggleCollapsed={\n          args.secondGroupCollapsible\n            ? () => {\n                setSecondGroupCollapsed(state => !state);\n              }\n            : undefined\n        }\n        additionalInfo={\n          args.showSecondAdditionalInfo\n            ? {\n                content: 'This is another field group'\n              }\n            : undefined\n        }\n        variant='form-group'\n      >\n        <Grid container={{ gap: 1, cols: 'repeat(auto-fill, minmax(min(40ch, 100%), 1fr))' }}>\n          <Input type='text' label='Text 2' />\n          <Select label='Select 2'>\n            <Option value='A'>Option 2A</Option>\n            <Option value='B'>Option 2B</Option>\n          </Select>\n          <DateInput label='Date 2' />\n          <Grid item={{ colStart: '1', colEnd: '-1' }}>\n            <TextArea label='TextArea 2' />\n          </Grid>\n          <Input required type='text' label='Required 2' />\n          <Input disabled type='text' label='Disabled 2' />\n        </Grid>\n      </FieldGroup>\n    </Grid>\n  );\n};\n\nFieldGroupDemo.args = {\n  firstGroupName: 'Field group 1',\n  firstGroupHeadingTag: undefined,\n  showfirstGroupHeadingTag: true,\n  firstGroupCollapsible: true,\n  firstGroupDescription: '',\n  showFirstAdditionalInfo: true,\n  secondGroupName: 'Field group 2',\n  secondGroupHeadingTag: undefined,\n  showsecondGroupHeadingTag: true,\n  secondGroupCollapsible: true,\n  secondGroupDescription: '',\n  showSecondAdditionalInfo: true\n};\n\nFieldGroupDemo.argTypes = {\n  firstGroupName: { control: { type: 'text' } },\n  firstGroupHeadingTag: {\n    options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\n    control: { type: 'select' }\n  },\n  showfirstGroupHeadingTag: { control: { type: 'boolean' } },\n  firstGroupCollapsible: { control: { type: 'boolean' } },\n  firstGroupDescription: { control: { type: 'text' } },\n  showFirstAdditionalInfo: { control: { type: 'boolean' } },\n  secondGroupName: { control: { type: 'text' } },\n  secondGroupHeadingTag: {\n    options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\n    control: { type: 'select' }\n  },\n  showsecondGroupHeadingTag: { control: { type: 'boolean' } },\n  secondGroupCollapsible: { control: { type: 'boolean' } },\n  secondGroupDescription: { control: { type: 'text' } },\n  showSecondAdditionalInfo: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/core/FieldGroup/FieldGroupList.mocks.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import type { FieldGroupListItemProps } from '@pega/cosmos-react-core';
-type FieldGroupReducerPayload = {
-    action: 'add';
-} | {
-    action: 'delete';
-    id: string;
-};
-export interface FieldMeta {
-    label: string;
-    type: 'text' | 'date' | 'file' | 'select' | 'textarea';
-}
-export interface GroupMeta {
-    label: string;
-    fields: FieldMeta[];
-}
-export declare const fieldGroupReducer: (groupMeta: GroupMeta, FieldRenderer: (props: FieldMeta) => JSX.Element | null) => (items: FieldGroupListItemProps[], payload: FieldGroupReducerPayload) => FieldGroupListItemProps[];
-export declare const DemoFieldRenderer: ({ label, type }: FieldMeta) => import("react").JSX.Element | null;
-export declare const demoGroupMeta: GroupMeta;
-export declare const ExpensesFieldRenderer: ({ label, type }: FieldMeta) => import("react").JSX.Element | null;
-export declare const expensesGroupMeta: GroupMeta;
-export declare const InsuranceFieldRenderer: ({ label, type }: FieldMeta) => import("react").JSX.Element | null;
-export declare const insuranceGroupMeta: GroupMeta;
-export {};
-//# sourceMappingURL=FieldGroupList.mocks.d.ts.map

package/jsx/core/FieldGroup/FieldGroupList.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldGroupList.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/FieldGroup/FieldGroupList.mocks.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAEvE,KAAK,wBAAwB,GACzB;IACE,MAAM,EAAE,KAAK,CAAC;CACf,GACD;IACE,MAAM,EAAE,QAAQ,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEN,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;CACxD;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,cAChB,SAAS,yBAAyB,SAAS,KAAK,WAAW,GAAG,IAAI,aAErE,uBAAuB,EAAE,WACvB,wBAAwB,KAChC,uBAAuB,EAyBzB,CAAC;AAEJ,eAAO,MAAM,iBAAiB,oBAAqB,SAAS,uCAM3D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,SAQ3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,oBAAqB,SAAS,uCAmC/D,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,SAQ/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,oBAAqB,SAAS,uCAoBhE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,SAOhC,CAAC"}