@pega/cosmos-react-demos 6.6.0 → 6.6.2

package/jsx/core/Card/Card.stories.jsx

@@ -1,85 +0,0 @@
-import { Card, CardHeader, CardMedia, CardContent, CardFooter, Image, MenuButton, Text, Configuration } from '@pega/cosmos-react-core';
-import { StyledCard } from './Card.styles';
-export default {
-    title: 'Core/Card',
-    component: Card,
-    excludeStories: ['ConfigurableCard'],
-    parameters: {
-        layout: 'centered'
-    }
-};
-export const SimpleCard = () => {
-    return (<Card as={StyledCard}>
-      <CardHeader>
-        <Text variant='h2'>Simple Card</Text>
-      </CardHeader>
-      <CardContent>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
-        laboris nisi ut aliquip ex ea commodo consequat.
-      </CardContent>
-    </Card>);
-};
-export const FullCard = (args) => {
-    return (<Card as={StyledCard}>
-      <CardMedia>
-        <Image src='https://www.pega.com/sites/default/files/default-og.jpg' height='100' alt='Media'/>
-      </CardMedia>
-      <CardHeader actions={<MenuButton portal variant='simple' text='Card actions' icon='more' iconOnly menu={{
-                items: [
-                    { id: 'action-1', primary: 'Card action 1' },
-                    { id: 'action-2', primary: 'Card action 2' },
-                    { id: 'action-3', primary: 'Card action 3' }
-                ]
-            }}/>}>
-        <Text variant='h2'>Full Card</Text>
-      </CardHeader>
-      <CardContent>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
-        laboris nisi ut aliquip ex ea commodo consequat.
-      </CardContent>
-      <CardFooter justify={args.justify}>
-        <Text variant='secondary'>This is the CardFooter</Text>
-      </CardFooter>
-    </Card>);
-};
-FullCard.args = {
-    justify: 'start'
-};
-FullCard.argTypes = {
-    justify: {
-        options: ['start', 'end', 'center', 'between', 'around', 'evenly'],
-        control: { type: 'select' }
-    }
-};
-export const ConfigurableCard = (args) => {
-    return (<Configuration theme={{
-            components: {
-                card: {
-                    'border-radius': args.borderRadius,
-                    background: args.background
-                }
-            }
-        }}>
-      <Card as={StyledCard}>
-        <CardHeader>
-          <Text variant='h2'>Simple Card</Text>
-        </CardHeader>
-        <CardContent>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
-          ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
-          ullamco laboris nisi ut aliquip ex ea commodo consequat.
-        </CardContent>
-      </Card>
-    </Configuration>);
-};
-ConfigurableCard.args = {
-    borderRadius: '0.5rem',
-    background: '#71baff'
-};
-ConfigurableCard.argTypes = {
-    borderRadius: { control: { type: 'text' } },
-    background: { control: { type: 'color' } }
-};
-//# sourceMappingURL=Card.stories.jsx.map

package/jsx/core/Card/Card.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.stories.jsx","sourceRoot":"","sources":["../../../src/core/Card/Card.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport {\n  Card,\n  CardHeader,\n  CardMedia,\n  CardContent,\n  CardFooter,\n  Image,\n  MenuButton,\n  Text,\n  Configuration\n} from '@pega/cosmos-react-core';\nimport type { CardFooterProps } from '@pega/cosmos-react-core';\n\nimport { StyledCard } from './Card.styles';\n\nexport default {\n  title: 'Core/Card',\n  component: Card,\n  excludeStories: ['ConfigurableCard'],\n  parameters: {\n    layout: 'centered'\n  }\n} as Meta;\n\nexport const SimpleCard: StoryFn = () => {\n  return (\n    <Card as={StyledCard}>\n      <CardHeader>\n        <Text variant='h2'>Simple Card</Text>\n      </CardHeader>\n      <CardContent>\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut\n        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco\n        laboris nisi ut aliquip ex ea commodo consequat.\n      </CardContent>\n    </Card>\n  );\n};\n\nexport const FullCard: StoryFn<CardFooterProps> = (args: CardFooterProps) => {\n  return (\n    <Card as={StyledCard}>\n      <CardMedia>\n        <Image\n          src='https://www.pega.com/sites/default/files/default-og.jpg'\n          height='100'\n          alt='Media'\n        />\n      </CardMedia>\n      <CardHeader\n        actions={\n          <MenuButton\n            portal\n            variant='simple'\n            text='Card actions'\n            icon='more'\n            iconOnly\n            menu={{\n              items: [\n                { id: 'action-1', primary: 'Card action 1' },\n                { id: 'action-2', primary: 'Card action 2' },\n                { id: 'action-3', primary: 'Card action 3' }\n              ]\n            }}\n          />\n        }\n      >\n        <Text variant='h2'>Full Card</Text>\n      </CardHeader>\n      <CardContent>\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut\n        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco\n        laboris nisi ut aliquip ex ea commodo consequat.\n      </CardContent>\n      <CardFooter justify={args.justify}>\n        <Text variant='secondary'>This is the CardFooter</Text>\n      </CardFooter>\n    </Card>\n  );\n};\n\nFullCard.args = {\n  justify: 'start'\n};\n\nFullCard.argTypes = {\n  justify: {\n    options: ['start', 'end', 'center', 'between', 'around', 'evenly'],\n    control: { type: 'select' }\n  }\n};\n\ninterface ConfigurableCardProps {\n  borderRadius?: string;\n  background?: string;\n}\n\nexport const ConfigurableCard: StoryFn<ConfigurableCardProps> = (args: ConfigurableCardProps) => {\n  return (\n    <Configuration\n      theme={{\n        components: {\n          card: {\n            'border-radius': args.borderRadius,\n            background: args.background\n          }\n        }\n      }}\n    >\n      <Card as={StyledCard}>\n        <CardHeader>\n          <Text variant='h2'>Simple Card</Text>\n        </CardHeader>\n        <CardContent>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt\n          ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation\n          ullamco laboris nisi ut aliquip ex ea commodo consequat.\n        </CardContent>\n      </Card>\n    </Configuration>\n  );\n};\n\nConfigurableCard.args = {\n  borderRadius: '0.5rem',\n  background: '#71baff'\n};\n\nConfigurableCard.argTypes = {\n  borderRadius: { control: { type: 'text' } },\n  background: { control: { type: 'color' } }\n};\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/core/Card/Card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,6GAEtB,CAAC"}

package/jsx/core/Card/Card.styles.js

@@ -1,5 +0,0 @@
-import styled from 'styled-components';
-export const StyledCard = styled.article `
-  width: 25rem;
-`;
-//# sourceMappingURL=Card.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../src/core/Card/Card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAA;;CAEvC,CAAC","sourcesContent":["import styled from 'styled-components';\n\nexport const StyledCard = styled.article`\n  width: 25rem;\n`;\n"]}

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

@@ -1,23 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { RadioCheckProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-interface CheckboxStoryProps extends RadioCheckProps {
-    showAdditionalInfo: boolean;
-}
-export declare const DefaultCheckbox: StoryFn<CheckboxStoryProps>;
-export declare const CheckboxCard: StoryFn<CheckboxStoryProps>;
-interface ConfigurableCheckboxProps extends RadioCheckProps {
-    size?: string;
-    backgroundColor?: string;
-    borderColor?: string;
-    borderWidth?: string;
-    borderRadius?: string;
-    labelColor?: string;
-    labelFontWeight?: string;
-    checkedBackgroundColor?: string;
-    checkedBorderColor?: string;
-    showAdditionalInfo?: boolean;
-}
-export declare const ConfigurableCheckbox: StoryFn<ConfigurableCheckboxProps>;
-//# sourceMappingURL=Checkbox.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;;AAE/D,wBAwBU;AAEV,UAAU,kBAAmB,SAAQ,eAAe;IAClD,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,kBAAkB,CAmBvD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,kBAAkB,CAmBpD,CAAC;AAEF,UAAU,yBAA0B,SAAQ,eAAe;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,yBAAyB,CAuCnE,CAAC"}

package/jsx/core/Checkbox/Checkbox.stories.jsx

@@ -1,100 +0,0 @@
-import { Checkbox, Configuration } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Checkbox',
-    component: Checkbox,
-    excludeStories: ['ConfigurableCheckbox'],
-    args: {
-        status: undefined,
-        info: 'You must check this',
-        label: 'Check me, please',
-        required: false,
-        disabled: false,
-        readOnly: false,
-        indeterminate: false,
-        showAdditionalInfo: false
-    },
-    argTypes: {
-        status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },
-        info: { control: { type: 'text', label: 'Helper text' } },
-        label: { control: { type: 'text' } },
-        required: { control: { type: 'boolean' } },
-        disabled: { control: { type: 'boolean' } },
-        readOnly: { control: { type: 'boolean' } },
-        indeterminate: { control: { type: 'boolean' } },
-        showAdditionalInfo: { control: { type: 'boolean' } }
-    }
-};
-export const DefaultCheckbox = (args) => {
-    return (<Checkbox additionalInfo={args.showAdditionalInfo
-            ? {
-                content: 'Some additional info'
-            }
-            : undefined} info={args.info} status={args.status} label={args.label} required={args.required} disabled={args.disabled} readOnly={args.readOnly} indeterminate={args.indeterminate}/>);
-};
-export const CheckboxCard = (args) => {
-    return (<Checkbox additionalInfo={args.showAdditionalInfo
-            ? {
-                content: 'Some additional info'
-            }
-            : undefined} variant='card' status={args.status} label={args.label} required={args.required} disabled={args.disabled} readOnly={args.readOnly} indeterminate={args.indeterminate}/>);
-};
-export const ConfigurableCheckbox = (args) => {
-    return (<Configuration theme={{
-            components: {
-                checkbox: {
-                    'border-radius': args.borderRadius
-                },
-                'radio-check': {
-                    'border-color': args.borderColor,
-                    'border-width': args.borderWidth,
-                    'background-color': args.backgroundColor,
-                    label: {
-                        color: args.labelColor,
-                        'font-weight': args.labelFontWeight
-                    },
-                    size: args.size,
-                    ':checked': {
-                        'background-color': args.checkedBackgroundColor,
-                        'border-color': args.checkedBorderColor
-                    }
-                }
-            }
-        }}>
-      <Checkbox additionalInfo={args.showAdditionalInfo
-            ? {
-                content: 'Some additional info'
-            }
-            : undefined} label='Configurable Checkbox'/>
-    </Configuration>);
-};
-ConfigurableCheckbox.args = {
-    size: '1.25rem',
-    backgroundColor: '#ffffff',
-    borderColor: '#939393',
-    borderWidth: '0.0625rem',
-    borderRadius: '0.5',
-    labelColor: '#939393',
-    labelFontWeight: '400',
-    checkedBackgroundColor: '#076bc9',
-    checkedBorderColor: '#076bc9',
-    showAdditionalInfo: false
-};
-ConfigurableCheckbox.argTypes = {
-    size: { control: { type: 'text' } },
-    backgroundColor: { control: { type: 'color' } },
-    borderColor: { control: { type: 'color' } },
-    borderWidth: { control: { type: 'text' } },
-    borderRadius: { control: { type: 'text' } },
-    labelColor: { control: { type: 'color' } },
-    labelFontWeight: { control: { type: 'text' } },
-    checkedBackgroundColor: { control: { type: 'color' } },
-    checkedBorderColor: { control: { type: 'color' } },
-    status: { table: { disable: true } },
-    label: { table: { disable: true } },
-    required: { table: { disable: true } },
-    disabled: { table: { disable: true } },
-    readOnly: { table: { disable: true } },
-    indeterminate: { table: { disable: true } },
-    showAdditionalInfo: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=Checkbox.stories.jsx.map

package/jsx/core/Checkbox/Checkbox.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.stories.jsx","sourceRoot":"","sources":["../../../src/core/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Checkbox, Configuration } from '@pega/cosmos-react-core';\nimport type { RadioCheckProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Checkbox',\n  component: Checkbox,\n  excludeStories: ['ConfigurableCheckbox'],\n  args: {\n    status: undefined,\n    info: 'You must check this',\n    label: 'Check me, please',\n    required: false,\n    disabled: false,\n    readOnly: false,\n    indeterminate: false,\n    showAdditionalInfo: false\n  },\n  argTypes: {\n    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n    info: { control: { type: 'text', label: 'Helper text' } },\n    label: { control: { type: 'text' } },\n    required: { control: { type: 'boolean' } },\n    disabled: { control: { type: 'boolean' } },\n    readOnly: { control: { type: 'boolean' } },\n    indeterminate: { control: { type: 'boolean' } },\n    showAdditionalInfo: { control: { type: 'boolean' } }\n  }\n} as Meta;\n\ninterface CheckboxStoryProps extends RadioCheckProps {\n  showAdditionalInfo: boolean;\n}\n\nexport const DefaultCheckbox: StoryFn<CheckboxStoryProps> = (args: CheckboxStoryProps) => {\n  return (\n    <Checkbox\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      info={args.info}\n      status={args.status}\n      label={args.label}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      indeterminate={args.indeterminate}\n    />\n  );\n};\n\nexport const CheckboxCard: StoryFn<CheckboxStoryProps> = (args: CheckboxStoryProps) => {\n  return (\n    <Checkbox\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      variant='card'\n      status={args.status}\n      label={args.label}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      indeterminate={args.indeterminate}\n    />\n  );\n};\n\ninterface ConfigurableCheckboxProps extends RadioCheckProps {\n  size?: string;\n  backgroundColor?: string;\n  borderColor?: string;\n  borderWidth?: string;\n  borderRadius?: string;\n  labelColor?: string;\n  labelFontWeight?: string;\n  checkedBackgroundColor?: string;\n  checkedBorderColor?: string;\n  showAdditionalInfo?: boolean;\n}\n\nexport const ConfigurableCheckbox: StoryFn<ConfigurableCheckboxProps> = (\n  args: ConfigurableCheckboxProps\n) => {\n  return (\n    <Configuration\n      theme={{\n        components: {\n          checkbox: {\n            'border-radius': args.borderRadius\n          },\n          'radio-check': {\n            'border-color': args.borderColor,\n            'border-width': args.borderWidth,\n            'background-color': args.backgroundColor,\n            label: {\n              color: args.labelColor,\n              'font-weight': args.labelFontWeight\n            },\n            size: args.size,\n            ':checked': {\n              'background-color': args.checkedBackgroundColor,\n              'border-color': args.checkedBorderColor\n            }\n          }\n        }\n      }}\n    >\n      <Checkbox\n        additionalInfo={\n          args.showAdditionalInfo\n            ? {\n                content: 'Some additional info'\n              }\n            : undefined\n        }\n        label='Configurable Checkbox'\n      />\n    </Configuration>\n  );\n};\n\nConfigurableCheckbox.args = {\n  size: '1.25rem',\n  backgroundColor: '#ffffff',\n  borderColor: '#939393',\n  borderWidth: '0.0625rem',\n  borderRadius: '0.5',\n  labelColor: '#939393',\n  labelFontWeight: '400',\n  checkedBackgroundColor: '#076bc9',\n  checkedBorderColor: '#076bc9',\n  showAdditionalInfo: false\n};\n\nConfigurableCheckbox.argTypes = {\n  size: { control: { type: 'text' } },\n  backgroundColor: { control: { type: 'color' } },\n  borderColor: { control: { type: 'color' } },\n  borderWidth: { control: { type: 'text' } },\n  borderRadius: { control: { type: 'text' } },\n  labelColor: { control: { type: 'color' } },\n  labelFontWeight: { control: { type: 'text' } },\n  checkedBackgroundColor: { control: { type: 'color' } },\n  checkedBorderColor: { control: { type: 'color' } },\n  status: { table: { disable: true } },\n  label: { table: { disable: true } },\n  required: { table: { disable: true } },\n  disabled: { table: { disable: true } },\n  readOnly: { table: { disable: true } },\n  indeterminate: { table: { disable: true } },\n  showAdditionalInfo: { control: { type: 'boolean' } }\n};\n"]}

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

@@ -1,11 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { RadioCheckGroupProps, OmitStrict } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-interface RadioCheckGroupStoryProps extends RadioCheckGroupProps {
-    showAdditionalInfo?: boolean;
-    showNestedAdditionalInfo?: boolean;
-}
-export declare const CheckboxGroupDemo: StoryFn<OmitStrict<RadioCheckGroupStoryProps, 'children'>>;
-export declare const CheckboxCardGroup: StoryFn<OmitStrict<RadioCheckGroupStoryProps, 'children'>>;
-//# sourceMappingURL=CheckboxGroup.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/core/CheckboxGroup/CheckboxGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAUtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;;AAIhF,wBA2BU;AAEV,UAAU,yBAA0B,SAAQ,oBAAoB;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,UAAU,CAAC,yBAAyB,EAAE,UAAU,CAAC,CA6ExF,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,UAAU,CAAC,yBAAyB,EAAE,UAAU,CAAC,CAqFxF,CAAC"}

package/jsx/core/CheckboxGroup/CheckboxGroup.stories.jsx

@@ -1,99 +0,0 @@
-import { Checkbox, CheckboxGroup, FieldGroup, FieldValueList, Flex, Text } from '@pega/cosmos-react-core';
-import { Paragraph, StyledImage } from './CheckboxGroup.styles';
-export default {
-    title: 'Core/CheckboxGroup',
-    component: CheckboxGroup,
-    args: {
-        label: 'What do you want to eat?',
-        labelHidden: false,
-        inline: false,
-        required: false,
-        disabled: false,
-        readOnly: false,
-        showAdditionalInfo: false,
-        showNestedAdditionalInfo: false,
-        status: undefined,
-        info: 'You must select it'
-    },
-    argTypes: {
-        label: { control: { type: 'text' } },
-        labelHidden: { control: { type: 'boolean' } },
-        inline: { control: { type: 'boolean' } },
-        required: { control: { type: 'boolean' } },
-        disabled: { control: { type: 'boolean' } },
-        readOnly: { control: { type: 'boolean' } },
-        showAdditionalInfo: { control: { type: 'boolean' } },
-        showNestedAdditionalInfo: { control: { type: 'boolean' } },
-        status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },
-        info: { control: { type: 'text', label: 'Helper text' } }
-    }
-};
-export const CheckboxGroupDemo = (args) => {
-    return args.showNestedAdditionalInfo ? (<CheckboxGroup additionalInfo={args.showAdditionalInfo
-            ? {
-                content: 'Some additional info'
-            }
-            : undefined} label={args.label} name='Fruit' labelHidden={args.labelHidden} inline={args.inline} required={args.required} disabled={args.disabled} readOnly={args.readOnly} info={args.info} status={args.status}>
-      <Checkbox additionalInfo={{
-            content: 'Some additional info'
-        }} label='Banana' id='Banana' defaultChecked/>
-      <Checkbox additionalInfo={{
-            content: 'Some additional info'
-        }} label='Apple' id='Apple'/>
-      <Checkbox additionalInfo={{
-            content: 'Some additional info'
-        }} label='Mango' id='Mango'/>
-      <Checkbox additionalInfo={{
-            content: 'Some additional info'
-        }} label='Orange' id='Orange'/>
-    </CheckboxGroup>) : (<CheckboxGroup additionalInfo={args.showAdditionalInfo
-            ? {
-                content: 'Some additional info'
-            }
-            : undefined} label={args.label} name='Fruit' labelHidden={args.labelHidden} inline={args.inline} required={args.required} disabled={args.disabled} readOnly={args.readOnly} info={args.info} status={args.status}>
-      <Checkbox label='Banana' id='Banana' defaultChecked/>
-      <Checkbox label='Apple' id='Apple'/>
-      <Checkbox label='Mango' id='Mango'/>
-      <Checkbox label='Orange' id='Orange'/>
-    </CheckboxGroup>);
-};
-export const CheckboxCardGroup = (args) => {
-    return (<CheckboxGroup additionalInfo={args.showAdditionalInfo
-            ? {
-                content: 'Some additional info'
-            }
-            : undefined} variant='card' label='Which visuals appear satisfying?' labelHidden={args.labelHidden} inline={args.inline} required={args.required} disabled={args.disabled} readOnly={args.readOnly}>
-      <Checkbox additionalInfo={args.showNestedAdditionalInfo
-            ? {
-                content: 'Some additional info'
-            }
-            : undefined} label={<Flex container={{ direction: 'column', gap: 1 }}>
-            <Text variant='h4'>A paragraph</Text>
-            <Paragraph>
-              This is a paragraph of text. It is meant to appear visually satisfying amongst the
-              other options in this group.
-            </Paragraph>
-          </Flex>} id='paragraph' defaultChecked/>
-      <Checkbox label={<Flex container={{ direction: 'column', gap: 1 }}>
-            <Text variant='h4'>Space</Text>
-            <StyledImage src='https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fspecials-images.forbesimg.com%2Fdam%2Fimageserve%2F765877054%2F960x0.jpg%3Ffit%3Dscale' alt='space'/>
-          </Flex>} id='space-photo'/>
-      <Checkbox label={<Flex container={{ gap: 1, alignItems: 'start' }}>
-            <StyledImage src='https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fspecials-images.forbesimg.com%2Fdam%2Fimageserve%2F765877054%2F960x0.jpg%3Ffit%3Dscale' alt='space'/>
-            <Flex container={{ direction: 'column', gap: 1 }}>
-              <Text variant='h4'>Space</Text>
-              <Paragraph>
-                Space is the final frontier. There is so much to discover within Constellation!
-              </Paragraph>
-            </Flex>
-          </Flex>} id='cosmos'/>
-      <Checkbox label={<FieldGroup name='Gold service plan' headingTag='h3'>
-            <FieldValueList fields={[
-                { id: 'service', name: 'Service length', value: '1 year' },
-                { id: 'monthly-cost', name: 'Monthly cost', value: '$180.00' },
-                { id: 'total-cost', name: 'Total cost', value: '$2,160.00' }
-            ]}/>
-          </FieldGroup>} id='phone-plan'/>
-    </CheckboxGroup>);
-};
-//# sourceMappingURL=CheckboxGroup.stories.jsx.map

package/jsx/core/CheckboxGroup/CheckboxGroup.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.stories.jsx","sourceRoot":"","sources":["../../../src/core/CheckboxGroup/CheckboxGroup.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport {\n  Checkbox,\n  CheckboxGroup,\n  FieldGroup,\n  FieldValueList,\n  Flex,\n  Text\n} from '@pega/cosmos-react-core';\nimport type { RadioCheckGroupProps, OmitStrict } from '@pega/cosmos-react-core';\n\nimport { Paragraph, StyledImage } from './CheckboxGroup.styles';\n\nexport default {\n  title: 'Core/CheckboxGroup',\n  component: CheckboxGroup,\n  args: {\n    label: 'What do you want to eat?',\n    labelHidden: false,\n    inline: false,\n    required: false,\n    disabled: false,\n    readOnly: false,\n    showAdditionalInfo: false,\n    showNestedAdditionalInfo: false,\n    status: undefined,\n    info: 'You must select it'\n  },\n  argTypes: {\n    label: { control: { type: 'text' } },\n    labelHidden: { control: { type: 'boolean' } },\n    inline: { control: { type: 'boolean' } },\n    required: { control: { type: 'boolean' } },\n    disabled: { control: { type: 'boolean' } },\n    readOnly: { control: { type: 'boolean' } },\n    showAdditionalInfo: { control: { type: 'boolean' } },\n    showNestedAdditionalInfo: { control: { type: 'boolean' } },\n    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n    info: { control: { type: 'text', label: 'Helper text' } }\n  }\n} as Meta;\n\ninterface RadioCheckGroupStoryProps extends RadioCheckGroupProps {\n  showAdditionalInfo?: boolean;\n  showNestedAdditionalInfo?: boolean;\n}\n\nexport const CheckboxGroupDemo: StoryFn<OmitStrict<RadioCheckGroupStoryProps, 'children'>> = (\n  args: OmitStrict<RadioCheckGroupStoryProps, 'children'>\n) => {\n  return args.showNestedAdditionalInfo ? (\n    <CheckboxGroup\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      label={args.label}\n      name='Fruit'\n      labelHidden={args.labelHidden}\n      inline={args.inline}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      info={args.info}\n      status={args.status}\n    >\n      <Checkbox\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n        label='Banana'\n        id='Banana'\n        defaultChecked\n      />\n      <Checkbox\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n        label='Apple'\n        id='Apple'\n      />\n      <Checkbox\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n        label='Mango'\n        id='Mango'\n      />\n      <Checkbox\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n        label='Orange'\n        id='Orange'\n      />\n    </CheckboxGroup>\n  ) : (\n    <CheckboxGroup\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      label={args.label}\n      name='Fruit'\n      labelHidden={args.labelHidden}\n      inline={args.inline}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      info={args.info}\n      status={args.status}\n    >\n      <Checkbox label='Banana' id='Banana' defaultChecked />\n      <Checkbox label='Apple' id='Apple' />\n      <Checkbox label='Mango' id='Mango' />\n      <Checkbox label='Orange' id='Orange' />\n    </CheckboxGroup>\n  );\n};\n\nexport const CheckboxCardGroup: StoryFn<OmitStrict<RadioCheckGroupStoryProps, 'children'>> = (\n  args: OmitStrict<RadioCheckGroupStoryProps, 'children'>\n) => {\n  return (\n    <CheckboxGroup\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      variant='card'\n      label='Which visuals appear satisfying?'\n      labelHidden={args.labelHidden}\n      inline={args.inline}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n    >\n      <Checkbox\n        additionalInfo={\n          args.showNestedAdditionalInfo\n            ? {\n                content: 'Some additional info'\n              }\n            : undefined\n        }\n        label={\n          <Flex container={{ direction: 'column', gap: 1 }}>\n            <Text variant='h4'>A paragraph</Text>\n            <Paragraph>\n              This is a paragraph of text. It is meant to appear visually satisfying amongst the\n              other options in this group.\n            </Paragraph>\n          </Flex>\n        }\n        id='paragraph'\n        defaultChecked\n      />\n      <Checkbox\n        label={\n          <Flex container={{ direction: 'column', gap: 1 }}>\n            <Text variant='h4'>Space</Text>\n            <StyledImage\n              src='https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fspecials-images.forbesimg.com%2Fdam%2Fimageserve%2F765877054%2F960x0.jpg%3Ffit%3Dscale'\n              alt='space'\n            />\n          </Flex>\n        }\n        id='space-photo'\n      />\n      <Checkbox\n        label={\n          <Flex container={{ gap: 1, alignItems: 'start' }}>\n            <StyledImage\n              src='https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fspecials-images.forbesimg.com%2Fdam%2Fimageserve%2F765877054%2F960x0.jpg%3Ffit%3Dscale'\n              alt='space'\n            />\n            <Flex container={{ direction: 'column', gap: 1 }}>\n              <Text variant='h4'>Space</Text>\n              <Paragraph>\n                Space is the final frontier. There is so much to discover within Constellation!\n              </Paragraph>\n            </Flex>\n          </Flex>\n        }\n        id='cosmos'\n      />\n      <Checkbox\n        label={\n          <FieldGroup name='Gold service plan' headingTag='h3'>\n            <FieldValueList\n              fields={[\n                { id: 'service', name: 'Service length', value: '1 year' },\n                { id: 'monthly-cost', name: 'Monthly cost', value: '$180.00' },\n                { id: 'total-cost', name: 'Total cost', value: '$2,160.00' }\n              ]}\n            />\n          </FieldGroup>\n        }\n        id='phone-plan'\n      />\n    </CheckboxGroup>\n  );\n};\n"]}

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const Paragraph: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").TextProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledImage: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").ImageProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=CheckboxGroup.styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.styles.d.ts","sourceRoot":"","sources":["../../../src/core/CheckboxGroup/CheckboxGroup.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,SAAS,mOAErB,CAAC;AAEF,eAAO,MAAM,WAAW,oOAEvB,CAAC"}

package/jsx/core/CheckboxGroup/CheckboxGroup.styles.js

@@ -1,9 +0,0 @@
-import styled from 'styled-components';
-import { Image, Text } from '@pega/cosmos-react-core';
-export const Paragraph = styled(Text) `
-  width: 30ch;
-`;
-export const StyledImage = styled(Image) `
-  max-width: 6rem;
-`;
-//# sourceMappingURL=CheckboxGroup.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.styles.js","sourceRoot":"","sources":["../../../src/core/CheckboxGroup/CheckboxGroup.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAEpC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;CAEvC,CAAC","sourcesContent":["import styled from 'styled-components';\n\nimport { Image, Text } from '@pega/cosmos-react-core';\n\nexport const Paragraph = styled(Text)`\n  width: 30ch;\n`;\n\nexport const StyledImage = styled(Image)`\n  max-width: 6rem;\n`;\n"]}

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

@@ -1,10 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { ColorPickerProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-interface ColorPickerStoryProps extends ColorPickerProps {
-    showAdditionalInfo?: boolean;
-}
-export declare const ColorPickerDemo: StoryFn<ColorPickerStoryProps>;
-export declare const MultiColor: StoryFn;
-//# sourceMappingURL=ColorPicker.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/core/ColorPicker/ColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;;AAIhE,wBAGU;AAEV,UAAU,qBAAsB,SAAQ,gBAAgB;IACtD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,qBAAqB,CA4B1D,CAAC;AA4BF,eAAO,MAAM,UAAU,EAAE,OA2ExB,CAAC"}

package/jsx/core/ColorPicker/ColorPicker.stories.jsx

@@ -1,89 +0,0 @@
-import { useMemo, useState } from 'react';
-import { ColorPicker, Flex, Grid, Text, useTheme } from '@pega/cosmos-react-core';
-import { StyledColorPane } from './ColorPicker.styles';
-export default {
-    title: 'Core/ColorPicker',
-    component: ColorPicker
-};
-export const ColorPickerDemo = (args) => {
-    const [value, setValue] = useState('#10a5ac');
-    return (<ColorPicker additionalInfo={args.showAdditionalInfo
-            ? {
-                content: 'Select a color from the dropdown or by entering its hex code.'
-            }
-            : undefined} label={args.label} labelHidden={args.labelHidden} info={args.info} status={args.status} swatchOnly={args.swatchOnly} inline={args.inline} required={args.required} disabled={args.disabled} readOnly={args.readOnly} value={value} onBeforeClose={args.onBeforeClose} onChange={e => {
-            setValue(e.hex);
-        }}/>);
-};
-ColorPickerDemo.args = {
-    label: 'ColorPicker label',
-    labelHidden: false,
-    info: 'Pick a color',
-    status: undefined,
-    swatchOnly: false,
-    inline: false,
-    required: false,
-    disabled: false,
-    readOnly: false,
-    showAdditionalInfo: false
-};
-ColorPickerDemo.argTypes = {
-    label: { control: { type: 'text' } },
-    labelHidden: { control: { type: 'boolean' } },
-    info: { control: { type: 'text', label: 'Helper text' } },
-    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },
-    swatchOnly: { control: { type: 'boolean' } },
-    inline: { control: { type: 'boolean' } },
-    required: { control: { type: 'boolean' } },
-    disabled: { control: { type: 'boolean' } },
-    readOnly: { control: { type: 'boolean' } },
-    showAdditionalInfo: { control: { type: 'boolean' } }
-};
-export const MultiColor = () => {
-    const { base: { palette } } = useTheme();
-    const opaqueColors = useMemo(() => Object.entries(palette).filter(([, color]) => {
-        return /^#[0-9A-F]{6}$/i.test(color);
-    }), [palette]);
-    const [values, setValues] = useState(() => opaqueColors.map(([, color]) => color));
-    return (<Grid container={{ rows: '1fr 2fr' }} style={{ height: '100vh' }}>
-      <Grid container={{
-            cols: '1fr 1fr 1fr 1fr',
-            alignItems: 'center',
-            colGap: 4,
-            rowGap: 1
-        }} style={{ padding: '1rem' }}>
-        <>
-          {values.map((color, i) => {
-            const key = `color-${i}`;
-            return (<div key={key}>
-                <ColorPicker inline label={opaqueColors[i][0]} value={color} onChange={e => {
-                    const newColor = e.hex;
-                    setValues(cur => {
-                        return cur.map((c, j) => {
-                            if (i === j)
-                                return newColor;
-                            return c;
-                        });
-                    });
-                }}/>
-              </div>);
-        })}
-        </>
-      </Grid>
-
-      <Grid container={{
-            cols: '1fr 1fr 1fr 1fr',
-            gap: 0.125
-        }}>
-        {values.map((color, i) => {
-            const key = `color-${i}`;
-            return (<Flex container={{ justify: 'center', alignItems: 'center' }} as={StyledColorPane} color={color} key={key}>
-              <Text variant='h1' as='span'>
-                {color}
-              </Text>
-            </Flex>);
-        })}
-      </Grid>
-    </Grid>);
-};
-//# sourceMappingURL=ColorPicker.stories.jsx.map

package/jsx/core/ColorPicker/ColorPicker.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.stories.jsx","sourceRoot":"","sources":["../../../src/core/ColorPicker/ColorPicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGlF,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,WAAW;CACf,CAAC;AAMV,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,IAA2B,EAAE,EAAE;IAC7F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,CAAC,WAAW,CACV,cAAc,CAAC,CACb,IAAI,CAAC,kBAAkB;YACrB,CAAC,CAAC;gBACE,OAAO,EAAE,+DAA+D;aACzE;YACH,CAAC,CAAC,SAAS,CACd,CACD,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,UAAU,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAC5B,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,aAAa,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAClC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAClB,CAAC,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG;IACrB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,KAAK;IAClB,IAAI,EAAE,cAAc;IACpB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,kBAAkB,EAAE,KAAK;CAC1B,CAAC;AAEF,eAAe,CAAC,QAAQ,GAAG;IACzB,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC7C,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE;IACzD,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC5F,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC5C,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACxC,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,kBAAkB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CACrD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAY,GAAG,EAAE;IACtC,MAAM,EACJ,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,GAAG,QAAQ,EAAE,CAAC;IAEf,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE;QAC3C,OAAO,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC,CAAC,EACJ,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEnF,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAC/D;MAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC;YACT,IAAI,EAAE,iBAAiB;YACvB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,CAAC;SACV,CAAC,CACF,KAAK,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAE3B;QAAA,EACE;UAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACvB,MAAM,GAAG,GAAG,SAAS,CAAC,EAAE,CAAC;YACzB,OAAO,CACL,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CACZ;gBAAA,CAAC,WAAW,CACV,MAAM,CACN,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAC1B,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;oBACZ,MAAM,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;oBACvB,SAAS,CAAC,GAAG,CAAC,EAAE;wBACd,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;4BACtB,IAAI,CAAC,KAAK,CAAC;gCAAE,OAAO,QAAQ,CAAC;4BAC7B,OAAO,CAAC,CAAC;wBACX,CAAC,CAAC,CAAC;oBACL,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,EAEN;cAAA,EAAE,GAAG,CAAC,CACP,CAAC;QACJ,CAAC,CAAC,CACJ;QAAA,GACF;MAAA,EAAE,IAAI,CAEN;;MAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC;YACT,IAAI,EAAE,iBAAiB;YACvB,GAAG,EAAE,KAAK;SACX,CAAC,CAEF;QAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACvB,MAAM,GAAG,GAAG,SAAS,CAAC,EAAE,CAAC;YACzB,OAAO,CACL,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CACvD,EAAE,CAAC,CAAC,eAAe,CAAC,CACpB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,GAAG,CAAC,CAAC,GAAG,CAAC,CAET;cAAA,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAC1B;gBAAA,CAAC,KAAK,CACR;cAAA,EAAE,IAAI,CACR;YAAA,EAAE,IAAI,CAAC,CACR,CAAC;QACJ,CAAC,CAAC,CACJ;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useMemo, useState } from 'react';\n\nimport { ColorPicker, Flex, Grid, Text, useTheme } from '@pega/cosmos-react-core';\nimport type { ColorPickerProps } from '@pega/cosmos-react-core';\n\nimport { StyledColorPane } from './ColorPicker.styles';\n\nexport default {\n  title: 'Core/ColorPicker',\n  component: ColorPicker\n} as Meta;\n\ninterface ColorPickerStoryProps extends ColorPickerProps {\n  showAdditionalInfo?: boolean;\n}\n\nexport const ColorPickerDemo: StoryFn<ColorPickerStoryProps> = (args: ColorPickerStoryProps) => {\n  const [value, setValue] = useState('#10a5ac');\n\n  return (\n    <ColorPicker\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Select a color from the dropdown or by entering its hex code.'\n            }\n          : undefined\n      }\n      label={args.label}\n      labelHidden={args.labelHidden}\n      info={args.info}\n      status={args.status}\n      swatchOnly={args.swatchOnly}\n      inline={args.inline}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      value={value}\n      onBeforeClose={args.onBeforeClose}\n      onChange={e => {\n        setValue(e.hex);\n      }}\n    />\n  );\n};\n\nColorPickerDemo.args = {\n  label: 'ColorPicker label',\n  labelHidden: false,\n  info: 'Pick a color',\n  status: undefined,\n  swatchOnly: false,\n  inline: false,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  showAdditionalInfo: false\n};\n\nColorPickerDemo.argTypes = {\n  label: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\n  info: { control: { type: 'text', label: 'Helper text' } },\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n  swatchOnly: { control: { type: 'boolean' } },\n  inline: { control: { type: 'boolean' } },\n  required: { control: { type: 'boolean' } },\n  disabled: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } },\n  showAdditionalInfo: { control: { type: 'boolean' } }\n};\n\nexport const MultiColor: StoryFn = () => {\n  const {\n    base: { palette }\n  } = useTheme();\n\n  const opaqueColors = useMemo(\n    () =>\n      Object.entries(palette).filter(([, color]) => {\n        return /^#[0-9A-F]{6}$/i.test(color);\n      }),\n    [palette]\n  );\n\n  const [values, setValues] = useState(() => opaqueColors.map(([, color]) => color));\n\n  return (\n    <Grid container={{ rows: '1fr 2fr' }} style={{ height: '100vh' }}>\n      <Grid\n        container={{\n          cols: '1fr 1fr 1fr 1fr',\n          alignItems: 'center',\n          colGap: 4,\n          rowGap: 1\n        }}\n        style={{ padding: '1rem' }}\n      >\n        <>\n          {values.map((color, i) => {\n            const key = `color-${i}`;\n            return (\n              <div key={key}>\n                <ColorPicker\n                  inline\n                  label={opaqueColors[i][0]}\n                  value={color}\n                  onChange={e => {\n                    const newColor = e.hex;\n                    setValues(cur => {\n                      return cur.map((c, j) => {\n                        if (i === j) return newColor;\n                        return c;\n                      });\n                    });\n                  }}\n                />\n              </div>\n            );\n          })}\n        </>\n      </Grid>\n\n      <Grid\n        container={{\n          cols: '1fr 1fr 1fr 1fr',\n          gap: 0.125\n        }}\n      >\n        {values.map((color, i) => {\n          const key = `color-${i}`;\n          return (\n            <Flex\n              container={{ justify: 'center', alignItems: 'center' }}\n              as={StyledColorPane}\n              color={color}\n              key={key}\n            >\n              <Text variant='h1' as='span'>\n                {color}\n              </Text>\n            </Flex>\n          );\n        })}\n      </Grid>\n    </Grid>\n  );\n};\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.styles.d.ts","sourceRoot":"","sources":["../../../src/core/ColorPicker/ColorPicker.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;WAAuB,MAAM;SAMvD,CAAC"}

package/jsx/core/ColorPicker/ColorPicker.styles.js

@@ -1,11 +0,0 @@
-import styled, { css } from 'styled-components';
-import { readableColor } from 'polished';
-import { tryCatch } from '@pega/cosmos-react-core';
-export const StyledColorPane = styled.div(({ color }) => {
-    const c = tryCatch(() => readableColor(color));
-    return css `
-    color: ${c};
-    background: ${color};
-  `;
-});
-//# sourceMappingURL=ColorPicker.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.styles.js","sourceRoot":"","sources":["../../../src/core/ColorPicker/ColorPicker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAoB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACzE,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/C,OAAO,GAAG,CAAA;aACC,CAAC;kBACI,KAAK;GACpB,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\nimport { readableColor } from 'polished';\n\nimport { tryCatch } from '@pega/cosmos-react-core';\n\nexport const StyledColorPane = styled.div<{ color: string }>(({ color }) => {\n  const c = tryCatch(() => readableColor(color));\n  return css`\n    color: ${c};\n    background: ${color};\n  `;\n});\n"]}

package/jsx/core/ComboBox/ComboBox.mocks.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import type { MenuProps } from '@pega/cosmos-react-core';
-export declare const getFilterRegex: (inputValue: string) => RegExp;
-export declare const list: MenuProps['items'];
-export declare const treeItem: {
-    id: string;
-    primary: string;
-    secondary: string[];
-    items: {
-        id: string;
-        primary: string;
-        secondary: string[];
-    }[];
-};
-export declare const tree: (import("@pega/cosmos-react-core").MenuItemProps | import("@pega/cosmos-react-core").MenuGroupProps | {
-    id: string;
-    primary: string;
-    secondary: string[];
-    items: {
-        id: string;
-        primary: string;
-        secondary: string[];
-    }[];
-})[];
-export declare const createNewButton: import("react").JSX.Element;
-//# sourceMappingURL=ComboBox.mocks.d.ts.map