@pega/cosmos-react-demos 6.6.0 → 6.6.1

package/jsx/core/QRCode/QRCode.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"QRCode.stories.jsx","sourceRoot":"","sources":["../../../src/core/QRCode/QRCode.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,eAAe;IACb,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,QAAQ;KAChB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QACzB,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC1B;CACM,CAAC;AAOV,MAAM,CAAC,MAAM,UAAU,GAA6B,CAAC,IAAqB,EAAE,EAAE;IAC5E,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAG,CAAC;AAC1D,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { QRCode } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/QRCode',\n  component: QRCode,\n  args: {\n    value: 'QRCode Demo',\n    label: 'QRCode'\n  },\n  argTypes: {\n    value: { type: 'string' },\n    label: { type: 'string' }\n  }\n} as Meta;\n\ninterface QRCodeDemoProps {\n  value: string;\n  label: string;\n}\n\nexport const QRCodeDemo: StoryFn<QRCodeDemoProps> = (args: QRCodeDemoProps) => {\n  return <QRCode value={args.value} label={args.label} />;\n};\n"]}

package/jsx/core/RadioButton/RadioButton.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 RadioCheckStoryProps extends RadioCheckProps {
-    showAdditionalInfo?: boolean;
-}
-export declare const DefaultRadioButton: StoryFn<RadioCheckStoryProps>;
-export declare const RadioButtonCard: StoryFn<RadioCheckStoryProps>;
-interface ConfigurableRadioButtonProps 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 ConfigurableRadioButton: StoryFn<ConfigurableRadioButtonProps>;
-//# sourceMappingURL=RadioButton.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButton.stories.d.ts","sourceRoot":"","sources":["../../../src/core/RadioButton/RadioButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;;AAE/D,wBAsBU;AAEV,UAAU,oBAAqB,SAAQ,eAAe;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,oBAAoB,CAkB5D,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,oBAAoB,CAkBzD,CAAC;AAEF,UAAU,4BAA6B,SAAQ,eAAe;IAC5D,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,uBAAuB,EAAE,OAAO,CAAC,4BAA4B,CAuCzE,CAAC"}

package/jsx/core/RadioButton/RadioButton.stories.jsx

@@ -1,95 +0,0 @@
-import { Configuration, RadioButton } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/RadioButton',
-    component: RadioButton,
-    excludeStories: ['ConfigurableRadioButton'],
-    args: {
-        status: undefined,
-        info: 'You must select it',
-        label: 'Choose me',
-        required: false,
-        disabled: false,
-        readOnly: 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' } },
-        showAdditionalInfo: { control: { type: 'boolean' } }
-    }
-};
-export const DefaultRadioButton = (args) => {
-    return (<RadioButton additionalInfo={args.showAdditionalInfo
-            ? {
-                content: 'Some additional info'
-            }
-            : undefined} status={args.status} info={args.info} label={args.label} required={args.required} disabled={args.disabled} readOnly={args.readOnly}/>);
-};
-export const RadioButtonCard = (args) => {
-    return (<RadioButton 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}/>);
-};
-export const ConfigurableRadioButton = (args) => {
-    return (<Configuration theme={{
-            components: {
-                'radio-button': {
-                    '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
-                    }
-                }
-            }
-        }}>
-      <RadioButton additionalInfo={args.showAdditionalInfo
-            ? {
-                content: 'Some additional info'
-            }
-            : undefined} label='Configurable Radio Button'/>
-    </Configuration>);
-};
-ConfigurableRadioButton.args = {
-    size: '1.25rem',
-    backgroundColor: '#ffffff',
-    borderColor: '#939393',
-    borderWidth: '0.0625rem',
-    borderRadius: '50%',
-    labelColor: '#939393',
-    labelFontWeight: '400',
-    checkedBackgroundColor: '#076bc9',
-    checkedBorderColor: '#076bc9'
-};
-ConfigurableRadioButton.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 } }
-};
-//# sourceMappingURL=RadioButton.stories.jsx.map

package/jsx/core/RadioButton/RadioButton.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButton.stories.jsx","sourceRoot":"","sources":["../../../src/core/RadioButton/RadioButton.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Configuration, RadioButton } from '@pega/cosmos-react-core';\nimport type { RadioCheckProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/RadioButton',\n  component: RadioButton,\n  excludeStories: ['ConfigurableRadioButton'],\n  args: {\n    status: undefined,\n    info: 'You must select it',\n    label: 'Choose me',\n    required: false,\n    disabled: false,\n    readOnly: 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    showAdditionalInfo: { control: { type: 'boolean' } }\n  }\n} as Meta;\n\ninterface RadioCheckStoryProps extends RadioCheckProps {\n  showAdditionalInfo?: boolean;\n}\n\nexport const DefaultRadioButton: StoryFn<RadioCheckStoryProps> = (args: RadioCheckStoryProps) => {\n  return (\n    <RadioButton\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      status={args.status}\n      info={args.info}\n      label={args.label}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n    />\n  );\n};\n\nexport const RadioButtonCard: StoryFn<RadioCheckStoryProps> = (args: RadioCheckStoryProps) => {\n  return (\n    <RadioButton\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    />\n  );\n};\n\ninterface ConfigurableRadioButtonProps 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 ConfigurableRadioButton: StoryFn<ConfigurableRadioButtonProps> = (\n  args: ConfigurableRadioButtonProps\n) => {\n  return (\n    <Configuration\n      theme={{\n        components: {\n          'radio-button': {\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      <RadioButton\n        additionalInfo={\n          args.showAdditionalInfo\n            ? {\n                content: 'Some additional info'\n              }\n            : undefined\n        }\n        label='Configurable Radio Button'\n      />\n    </Configuration>\n  );\n};\n\nConfigurableRadioButton.args = {\n  size: '1.25rem',\n  backgroundColor: '#ffffff',\n  borderColor: '#939393',\n  borderWidth: '0.0625rem',\n  borderRadius: '50%',\n  labelColor: '#939393',\n  labelFontWeight: '400',\n  checkedBackgroundColor: '#076bc9',\n  checkedBorderColor: '#076bc9'\n};\n\nConfigurableRadioButton.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};\n"]}

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

@@ -1,12 +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;
-    onClear?: (() => void) | undefined;
-}
-export declare const RadioButtonGroupDemo: StoryFn<OmitStrict<RadioCheckGroupStoryProps, 'children'>>;
-export declare const RadioButtonCardGroup: StoryFn<OmitStrict<RadioCheckGroupStoryProps, 'children'>>;
-//# sourceMappingURL=RadioButtonGroup.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButtonGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/core/RadioButtonGroup/RadioButtonGroup.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,wBA6BU;AAEV,UAAU,yBAA0B,SAAQ,oBAAoB;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACpC;AAED,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,UAAU,CAAC,yBAAyB,EAAE,UAAU,CAAC,CAmF3F,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,UAAU,CAAC,yBAAyB,EAAE,UAAU,CAAC,CAsF3F,CAAC"}

package/jsx/core/RadioButtonGroup/RadioButtonGroup.stories.jsx

@@ -1,101 +0,0 @@
-import { FieldGroup, FieldValueList, Flex, RadioButton, RadioButtonGroup, Text } from '@pega/cosmos-react-core';
-import { Paragraph, StyledImage } from './RadioButtonGroup.styles';
-export default {
-    title: 'Core/RadioButtonGroup',
-    component: RadioButtonGroup,
-    args: {
-        label: 'What do you want to eat?',
-        labelHidden: false,
-        inline: false,
-        autoStack: true,
-        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' } },
-        autoStack: { 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 RadioButtonGroupDemo = (args) => {
-    return args.showNestedAdditionalInfo ? (<RadioButtonGroup additionalInfo={args.showAdditionalInfo
-            ? {
-                content: 'Some additional info'
-            }
-            : undefined} label={args.label} name='Fruit' labelHidden={args.labelHidden} inline={args.inline} autoStack={args.autoStack} required={args.required} disabled={args.disabled} readOnly={args.readOnly} status={args.status} info={args.info} onClick={args.onClick} onBlur={args.onBlur}>
-      <RadioButton label='Banana' id='Banana' defaultChecked additionalInfo={{
-            content: 'Some additional info'
-        }}/>
-      <RadioButton label='Apple' id='Apple' additionalInfo={{
-            content: 'Some additional info'
-        }}/>
-      <RadioButton label='Mango' id='Mango' additionalInfo={{
-            content: 'Some additional info'
-        }}/>
-      <RadioButton label='Orange' id='Orange' additionalInfo={{
-            content: 'Some additional info'
-        }}/>
-    </RadioButtonGroup>) : (<RadioButtonGroup additionalInfo={args.showAdditionalInfo
-            ? {
-                content: 'Some additional info'
-            }
-            : undefined} label={args.label} name='Fruit' labelHidden={args.labelHidden} inline={args.inline} autoStack={args.autoStack} required={args.required} disabled={args.disabled} readOnly={args.readOnly} status={args.status} info={args.info} onClick={args.onClick} onBlur={args.onBlur}>
-      <RadioButton label='Banana' id='Banana' defaultChecked/>
-      <RadioButton label='Apple' id='Apple'/>
-      <RadioButton label='Mango' id='Mango'/>
-      <RadioButton label='Orange' id='Orange'/>
-    </RadioButtonGroup>);
-};
-export const RadioButtonCardGroup = (args) => {
-    return (<RadioButtonGroup additionalInfo={args.showAdditionalInfo
-            ? {
-                content: 'Some additional info'
-            }
-            : undefined} variant='card' label='Which visuals appear satisfying?' labelHidden={args.labelHidden} inline={args.inline} autoStack={args.autoStack} required={args.required} disabled={args.disabled} readOnly={args.readOnly}>
-      <RadioButton 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/>
-      <RadioButton 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'/>
-      <RadioButton 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'/>
-      <RadioButton 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'/>
-    </RadioButtonGroup>);
-};
-//# sourceMappingURL=RadioButtonGroup.stories.jsx.map

package/jsx/core/RadioButtonGroup/RadioButtonGroup.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButtonGroup.stories.jsx","sourceRoot":"","sources":["../../../src/core/RadioButtonGroup/RadioButtonGroup.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,UAAU,EACV,cAAc,EACd,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,IAAI,EACL,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAEnE,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE;QACJ,KAAK,EAAE,0BAA0B;QACjC,WAAW,EAAE,KAAK;QAClB,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,kBAAkB,EAAE,KAAK;QACzB,wBAAwB,EAAE,KAAK;QAC/B,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,oBAAoB;KAC3B;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QACpC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC7C,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QACxC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC3C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,kBAAkB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QACpD,wBAAwB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1D,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;QAC5F,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE;KAC1D;CACM,CAAC;AAQV,MAAM,CAAC,MAAM,oBAAoB,GAA+D,CAC9F,IAAuD,EACvD,EAAE;IACF,OAAO,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,CACrC,CAAC,gBAAgB,CACf,cAAc,CAAC,CACb,IAAI,CAAC,kBAAkB;YACrB,CAAC,CAAC;gBACE,OAAO,EAAE,sBAAsB;aAChC;YACH,CAAC,CAAC,SAAS,CACd,CACD,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,IAAI,CAAC,OAAO,CACZ,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAEpB;MAAA,CAAC,WAAW,CACV,KAAK,CAAC,QAAQ,CACd,EAAE,CAAC,QAAQ,CACX,cAAc,CACd,cAAc,CAAC,CAAC;YACd,OAAO,EAAE,sBAAsB;SAChC,CAAC,EAEJ;MAAA,CAAC,WAAW,CACV,KAAK,CAAC,OAAO,CACb,EAAE,CAAC,OAAO,CACV,cAAc,CAAC,CAAC;YACd,OAAO,EAAE,sBAAsB;SAChC,CAAC,EAEJ;MAAA,CAAC,WAAW,CACV,KAAK,CAAC,OAAO,CACb,EAAE,CAAC,OAAO,CACV,cAAc,CAAC,CAAC;YACd,OAAO,EAAE,sBAAsB;SAChC,CAAC,EAEJ;MAAA,CAAC,WAAW,CACV,KAAK,CAAC,QAAQ,CACd,EAAE,CAAC,QAAQ,CACX,cAAc,CAAC,CAAC;YACd,OAAO,EAAE,sBAAsB;SAChC,CAAC,EAEN;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC,CAAC,CAAC,CACF,CAAC,gBAAgB,CACf,cAAc,CAAC,CACb,IAAI,CAAC,kBAAkB;YACrB,CAAC,CAAC;gBACE,OAAO,EAAE,sBAAsB;aAChC;YACH,CAAC,CAAC,SAAS,CACd,CACD,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,IAAI,CAAC,OAAO,CACZ,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAEpB;MAAA,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,cAAc,EACtD;MAAA,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EACrC;MAAA,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EACrC;MAAA,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EACzC;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAA+D,CAC9F,IAAuD,EACvD,EAAE;IACF,OAAO,CACL,CAAC,gBAAgB,CACf,cAAc,CAAC,CACb,IAAI,CAAC,kBAAkB;YACrB,CAAC,CAAC;gBACE,OAAO,EAAE,sBAAsB;aAChC;YACH,CAAC,CAAC,SAAS,CACd,CACD,OAAO,CAAC,MAAM,CACd,KAAK,CAAC,kCAAkC,CACxC,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAExB;MAAA,CAAC,WAAW,CACV,cAAc,CAAC,CACb,IAAI,CAAC,wBAAwB;YAC3B,CAAC,CAAC;gBACE,OAAO,EAAE,sBAAsB;aAChC;YACH,CAAC,CAAC,SAAS,CACd,CACD,KAAK,CAAC,CACJ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC/C;YAAA,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CACpC;YAAA,CAAC,SAAS,CACR;;;YAEF,EAAE,SAAS,CACb;UAAA,EAAE,IAAI,CAAC,CACR,CACD,EAAE,CAAC,WAAW,CACd,cAAc,EAEhB;MAAA,CAAC,WAAW,CACV,KAAK,CAAC,CACJ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC/C;YAAA,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAC9B;YAAA,CAAC,WAAW,CACV,GAAG,CAAC,+IAA+I,CACnJ,GAAG,CAAC,OAAO,EAEf;UAAA,EAAE,IAAI,CAAC,CACR,CACD,EAAE,CAAC,aAAa,EAElB;MAAA,CAAC,WAAW,CACV,KAAK,CAAC,CACJ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAC/C;YAAA,CAAC,WAAW,CACV,GAAG,CAAC,+IAA+I,CACnJ,GAAG,CAAC,OAAO,EAEb;YAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC/C;cAAA,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAC9B;cAAA,CAAC,SAAS,CACR;;cACF,EAAE,SAAS,CACb;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,IAAI,CAAC,CACR,CACD,EAAE,CAAC,QAAQ,EAEb;MAAA,CAAC,WAAW,CACV,KAAK,CAAC,CACJ,CAAC,UAAU,CAAC,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,IAAI,CAClD;YAAA,CAAC,cAAc,CACb,MAAM,CAAC,CAAC;gBACN,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,QAAQ,EAAE;gBAC1D,EAAE,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE;gBAC9D,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE;aAC7D,CAAC,EAEN;UAAA,EAAE,UAAU,CAAC,CACd,CACD,EAAE,CAAC,YAAY,EAEnB;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport {\n  FieldGroup,\n  FieldValueList,\n  Flex,\n  RadioButton,\n  RadioButtonGroup,\n  Text\n} from '@pega/cosmos-react-core';\nimport type { RadioCheckGroupProps, OmitStrict } from '@pega/cosmos-react-core';\n\nimport { Paragraph, StyledImage } from './RadioButtonGroup.styles';\n\nexport default {\n  title: 'Core/RadioButtonGroup',\n  component: RadioButtonGroup,\n  args: {\n    label: 'What do you want to eat?',\n    labelHidden: false,\n    inline: false,\n    autoStack: true,\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    autoStack: { 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  onClear?: (() => void) | undefined;\n}\n\nexport const RadioButtonGroupDemo: StoryFn<OmitStrict<RadioCheckGroupStoryProps, 'children'>> = (\n  args: OmitStrict<RadioCheckGroupStoryProps, 'children'>\n) => {\n  return args.showNestedAdditionalInfo ? (\n    <RadioButtonGroup\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      autoStack={args.autoStack}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      status={args.status}\n      info={args.info}\n      onClick={args.onClick}\n      onBlur={args.onBlur}\n    >\n      <RadioButton\n        label='Banana'\n        id='Banana'\n        defaultChecked\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n      />\n      <RadioButton\n        label='Apple'\n        id='Apple'\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n      />\n      <RadioButton\n        label='Mango'\n        id='Mango'\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n      />\n      <RadioButton\n        label='Orange'\n        id='Orange'\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n      />\n    </RadioButtonGroup>\n  ) : (\n    <RadioButtonGroup\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      autoStack={args.autoStack}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      status={args.status}\n      info={args.info}\n      onClick={args.onClick}\n      onBlur={args.onBlur}\n    >\n      <RadioButton label='Banana' id='Banana' defaultChecked />\n      <RadioButton label='Apple' id='Apple' />\n      <RadioButton label='Mango' id='Mango' />\n      <RadioButton label='Orange' id='Orange' />\n    </RadioButtonGroup>\n  );\n};\n\nexport const RadioButtonCardGroup: StoryFn<OmitStrict<RadioCheckGroupStoryProps, 'children'>> = (\n  args: OmitStrict<RadioCheckGroupStoryProps, 'children'>\n) => {\n  return (\n    <RadioButtonGroup\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      autoStack={args.autoStack}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n    >\n      <RadioButton\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      <RadioButton\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      <RadioButton\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      <RadioButton\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    </RadioButtonGroup>\n  );\n};\n"]}

package/jsx/core/RadioButtonGroup/RadioButtonGroup.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=RadioButtonGroup.styles.d.ts.map

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

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

package/jsx/core/RadioButtonGroup/RadioButtonGroup.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=RadioButtonGroup.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButtonGroup.styles.js","sourceRoot":"","sources":["../../../src/core/RadioButtonGroup/RadioButtonGroup.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/Rating/Rating.stories.d.ts

@@ -1,13 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { RatingProps } 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 RatingStoryProps extends RatingProps {
-    ariaLabel?: string;
-}
-export declare const RatingDemo: StoryFn<RatingStoryProps>;
-interface ConfigurableRatingProps {
-    color?: string;
-}
-export declare const ConfigurableRating: StoryFn<ConfigurableRatingProps>;
-//# sourceMappingURL=Rating.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Rating.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Rating/Rating.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;;AAE3D,wBAIU;AAEV,UAAU,gBAAiB,SAAQ,WAAW;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,gBAAgB,CAShD,CAAC;AAgBF,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,uBAAuB,CAqB/D,CAAC"}

package/jsx/core/Rating/Rating.stories.jsx

@@ -1,39 +0,0 @@
-import { Configuration, Rating } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Rating',
-    component: Rating,
-    excludeStories: ['ConfigurableRating']
-};
-export const RatingDemo = (args) => {
-    return (<Rating maxRating={args.maxRating} value={args.value} metaInfo={args.metaInfo} aria-label={args.ariaLabel}/>);
-};
-RatingDemo.args = {
-    maxRating: 5,
-    value: 3.6,
-    metaInfo: '52 reviews',
-    ariaLabel: '3.6 out of 5 stars based on 52 reviews'
-};
-RatingDemo.argTypes = {
-    maxRating: { control: { type: 'number' } },
-    value: { control: { type: 'number' } },
-    metaInfo: { control: { type: 'text' } },
-    ariaLabel: { control: { type: 'text' } }
-};
-export const ConfigurableRating = (args) => {
-    return (<Configuration theme={{
-            components: {
-                rating: {
-                    color: args.color
-                }
-            }
-        }}>
-      <Rating maxRating={5} value={3.6} metaInfo='52 reviews' aria-label='3.6 out of 5 stars based on 52 reviews'/>
-    </Configuration>);
-};
-ConfigurableRating.args = {
-    color: '#939393'
-};
-ConfigurableRating.argTypes = {
-    color: { control: { type: 'color' } }
-};
-//# sourceMappingURL=Rating.stories.jsx.map

package/jsx/core/Rating/Rating.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Rating.stories.jsx","sourceRoot":"","sources":["../../../src/core/Rating/Rating.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGhE,eAAe;IACb,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,MAAM;IACjB,cAAc,EAAE,CAAC,oBAAoB,CAAC;CAC/B,CAAC;AAMV,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,IAAsB,EAAE,EAAE;IAC9E,OAAO,CACL,CAAC,MAAM,CACL,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,UAAU,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,EAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,IAAI,GAAG;IAChB,SAAS,EAAE,CAAC;IACZ,KAAK,EAAE,GAAG;IACV,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,wCAAwC;CACpD,CAAC;AAEF,UAAU,CAAC,QAAQ,GAAG;IACpB,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC1C,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACtC,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACvC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACzC,CAAC;AAMF,MAAM,CAAC,MAAM,kBAAkB,GAAqC,CAClE,IAA6B,EAC7B,EAAE;IACF,OAAO,CACL,CAAC,aAAa,CACZ,KAAK,CAAC,CAAC;YACL,UAAU,EAAE;gBACV,MAAM,EAAE;oBACN,KAAK,EAAE,IAAI,CAAC,KAAK;iBAClB;aACF;SACF,CAAC,CAEF;MAAA,CAAC,MAAM,CACL,SAAS,CAAC,CAAC,CAAC,CAAC,CACb,KAAK,CAAC,CAAC,GAAG,CAAC,CACX,QAAQ,CAAC,YAAY,CACrB,UAAU,CAAC,wCAAwC,EAEvD;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,IAAI,GAAG;IACxB,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,kBAAkB,CAAC,QAAQ,GAAG;IAC5B,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;CACtC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Configuration, Rating } from '@pega/cosmos-react-core';\nimport type { RatingProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Rating',\n  component: Rating,\n  excludeStories: ['ConfigurableRating']\n} as Meta;\n\ninterface RatingStoryProps extends RatingProps {\n  ariaLabel?: string;\n}\n\nexport const RatingDemo: StoryFn<RatingStoryProps> = (args: RatingStoryProps) => {\n  return (\n    <Rating\n      maxRating={args.maxRating}\n      value={args.value}\n      metaInfo={args.metaInfo}\n      aria-label={args.ariaLabel}\n    />\n  );\n};\n\nRatingDemo.args = {\n  maxRating: 5,\n  value: 3.6,\n  metaInfo: '52 reviews',\n  ariaLabel: '3.6 out of 5 stars based on 52 reviews'\n};\n\nRatingDemo.argTypes = {\n  maxRating: { control: { type: 'number' } },\n  value: { control: { type: 'number' } },\n  metaInfo: { control: { type: 'text' } },\n  ariaLabel: { control: { type: 'text' } }\n};\n\ninterface ConfigurableRatingProps {\n  color?: string;\n}\n\nexport const ConfigurableRating: StoryFn<ConfigurableRatingProps> = (\n  args: ConfigurableRatingProps\n) => {\n  return (\n    <Configuration\n      theme={{\n        components: {\n          rating: {\n            color: args.color\n          }\n        }\n      }}\n    >\n      <Rating\n        maxRating={5}\n        value={3.6}\n        metaInfo='52 reviews'\n        aria-label='3.6 out of 5 stars based on 52 reviews'\n      />\n    </Configuration>\n  );\n};\n\nConfigurableRating.args = {\n  color: '#939393'\n};\n\nConfigurableRating.argTypes = {\n  color: { control: { type: 'color' } }\n};\n"]}

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

@@ -1,12 +0,0 @@
-export declare const searchResults: {
-    primary: string;
-    href: string;
-    secondary: string[];
-    id: string;
-}[];
-export declare const recentSearches: {
-    id: string;
-    primary: string;
-    href: string;
-}[];
-//# sourceMappingURL=SearchInput.mocks.d.ts.map

package/jsx/core/SearchInput/SearchInput.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/SearchInput/SearchInput.mocks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;GAmBzB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;GAG1B,CAAC"}

package/jsx/core/SearchInput/SearchInput.mocks.js

@@ -1,25 +0,0 @@
-export const searchResults = [
-    {
-        primary: 'Usability fixes',
-        href: '/BUG-90001',
-        secondary: ['BUG-90001', 'Updated on Thursday'],
-        id: 'BUG-90001'
-    },
-    {
-        primary: 'RTE Enhancements',
-        href: '/STORY-92120',
-        secondary: ['STORY-92120', 'Updated on Monday'],
-        id: 'STORY-92120'
-    },
-    {
-        primary: 'Cosmos Svelte Components',
-        href: '/EPIC-84623',
-        secondary: ['EPIC-84623', 'Updated on Tuesday'],
-        id: 'EPIC-84623'
-    }
-];
-export const recentSearches = [
-    { id: '1', primary: 'How to pet a dog', href: '/search?query=how%20to%20pet%20a%20dog' },
-    { id: '2', primary: 'Can dogs smile', href: '/search?query=can%dogs%smile' }
-];
-//# sourceMappingURL=SearchInput.mocks.js.map

package/jsx/core/SearchInput/SearchInput.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.mocks.js","sourceRoot":"","sources":["../../../src/core/SearchInput/SearchInput.mocks.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B;QACE,OAAO,EAAE,iBAAiB;QAC1B,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,CAAC,WAAW,EAAE,qBAAqB,CAAC;QAC/C,EAAE,EAAE,WAAW;KAChB;IACD;QACE,OAAO,EAAE,kBAAkB;QAC3B,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,CAAC,aAAa,EAAE,mBAAmB,CAAC;QAC/C,EAAE,EAAE,aAAa;KAClB;IACD;QACE,OAAO,EAAE,0BAA0B;QACnC,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,CAAC,YAAY,EAAE,oBAAoB,CAAC;QAC/C,EAAE,EAAE,YAAY;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,kBAAkB,EAAE,IAAI,EAAE,wCAAwC,EAAE;IACxF,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,8BAA8B,EAAE;CAC7E,CAAC","sourcesContent":["export const searchResults = [\n  {\n    primary: 'Usability fixes',\n    href: '/BUG-90001',\n    secondary: ['BUG-90001', 'Updated on Thursday'],\n    id: 'BUG-90001'\n  },\n  {\n    primary: 'RTE Enhancements',\n    href: '/STORY-92120',\n    secondary: ['STORY-92120', 'Updated on Monday'],\n    id: 'STORY-92120'\n  },\n  {\n    primary: 'Cosmos Svelte Components',\n    href: '/EPIC-84623',\n    secondary: ['EPIC-84623', 'Updated on Tuesday'],\n    id: 'EPIC-84623'\n  }\n];\n\nexport const recentSearches = [\n  { id: '1', primary: 'How to pet a dog', href: '/search?query=how%20to%20pet%20a%20dog' },\n  { id: '2', primary: 'Can dogs smile', href: '/search?query=can%dogs%smile' }\n];\n"]}

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

@@ -1,7 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { SearchInputProps } 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;
-export declare const SearchInputDemo: StoryFn<SearchInputProps>;
-export declare const EnhancedSearchInputDemo: StoryFn;
-//# sourceMappingURL=SearchInput.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.stories.d.ts","sourceRoot":"","sources":["../../../src/core/SearchInput/SearchInput.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,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,gBAAgB,CAKrD,CAAC;AAUF,eAAO,MAAM,uBAAuB,EAAE,OAsCrC,CAAC"}

package/jsx/core/SearchInput/SearchInput.stories.jsx

@@ -1,44 +0,0 @@
-import { useRef, useState } from 'react';
-import { SearchInput } from '@pega/cosmos-react-core';
-import { searchResults as mockSearchResults, recentSearches } from './SearchInput.mocks';
-export default {
-    title: 'Core/SearchInput',
-    component: SearchInput
-};
-export const SearchInputDemo = (args) => {
-    const [value, setValue] = useState('');
-    return (<SearchInput {...args} placeholder={args.placeholder} onSearchChange={setValue} value={value}/>);
-};
-SearchInputDemo.args = {
-    placeholder: 'Search…'
-};
-SearchInputDemo.argTypes = {
-    placeholder: { control: { type: 'text' } }
-};
-export const EnhancedSearchInputDemo = () => {
-    const [value, setValue] = useState('');
-    const [searchResults, setSearchResults] = useState([]);
-    const [loading, setLoading] = useState(false);
-    const timeout = useRef(null);
-    const onValueChange = (val) => {
-        setValue(val);
-        setLoading(true);
-        setSearchResults([]);
-        if (timeout.current) {
-            clearTimeout(timeout.current);
-        }
-        timeout.current = window.setTimeout(() => {
-            if (val) {
-                setSearchResults(mockSearchResults.filter(res => {
-                    return res.primary.toLowerCase().includes(val.toLowerCase());
-                }));
-            }
-            setLoading(false);
-        }, 2200);
-    };
-    return (<SearchInput filters={['Story', 'Very long filter']} loading={loading} searchResults={searchResults?.map(result => ({
-            ...result,
-            onClick: (id, e) => e.preventDefault()
-        }))} value={value} onSearchChange={onValueChange} recentSearches={recentSearches} advancedSearchLink={{ href: '/?path=/story/work-searchresults--search-results-demo' }}/>);
-};
-//# sourceMappingURL=SearchInput.stories.jsx.map

package/jsx/core/SearchInput/SearchInput.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.stories.jsx","sourceRoot":"","sources":["../../../src/core/SearchInput/SearchInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAEzF,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,WAAW;CACf,CAAC;AAEV,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,IAAsB,EAAE,EAAE;IACnF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CACjG,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG;IACrB,WAAW,EAAE,SAAS;CACvB,CAAC;AAEF,eAAe,CAAC,QAAQ,GAAG;IACzB,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAY,GAAG,EAAE;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAoC,EAAE,CAAC,CAAC;IAC1F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,EAAE;QACpC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACd,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACrB,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;SAC/B;QACD,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACvC,IAAI,GAAG,EAAE;gBACP,gBAAgB,CACd,iBAAiB,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE;oBAC7B,OAAO,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC;gBAC/D,CAAC,CAAC,CACH,CAAC;aACH;YACD,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,WAAW,CACV,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CACvC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,aAAa,CAAC,CAAC,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAC3C,GAAG,MAAM;YACT,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;SACvC,CAAC,CAAC,CAAC,CACJ,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,cAAc,CAAC,CAAC,aAAa,CAAC,CAC9B,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,kBAAkB,CAAC,CAAC,EAAE,IAAI,EAAE,uDAAuD,EAAE,CAAC,EACtF,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useRef, useState } from 'react';\n\nimport { SearchInput } from '@pega/cosmos-react-core';\nimport type { SearchInputProps } from '@pega/cosmos-react-core';\n\nimport { searchResults as mockSearchResults, recentSearches } from './SearchInput.mocks';\n\nexport default {\n  title: 'Core/SearchInput',\n  component: SearchInput\n} as Meta;\n\nexport const SearchInputDemo: StoryFn<SearchInputProps> = (args: SearchInputProps) => {\n  const [value, setValue] = useState('');\n  return (\n    <SearchInput {...args} placeholder={args.placeholder} onSearchChange={setValue} value={value} />\n  );\n};\n\nSearchInputDemo.args = {\n  placeholder: 'Search…'\n};\n\nSearchInputDemo.argTypes = {\n  placeholder: { control: { type: 'text' } }\n};\n\nexport const EnhancedSearchInputDemo: StoryFn = () => {\n  const [value, setValue] = useState('');\n  const [searchResults, setSearchResults] = useState<SearchInputProps['searchResults']>([]);\n  const [loading, setLoading] = useState(false);\n  const timeout = useRef<number | null>(null);\n  const onValueChange = (val: string) => {\n    setValue(val);\n    setLoading(true);\n    setSearchResults([]);\n    if (timeout.current) {\n      clearTimeout(timeout.current);\n    }\n    timeout.current = window.setTimeout(() => {\n      if (val) {\n        setSearchResults(\n          mockSearchResults.filter(res => {\n            return res.primary.toLowerCase().includes(val.toLowerCase());\n          })\n        );\n      }\n      setLoading(false);\n    }, 2200);\n  };\n\n  return (\n    <SearchInput\n      filters={['Story', 'Very long filter']}\n      loading={loading}\n      searchResults={searchResults?.map(result => ({\n        ...result,\n        onClick: (id, e) => e.preventDefault()\n      }))}\n      value={value}\n      onSearchChange={onValueChange}\n      recentSearches={recentSearches}\n      advancedSearchLink={{ href: '/?path=/story/work-searchresults--search-results-demo' }}\n    />\n  );\n};\n"]}

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

@@ -1,18 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { SelectProps } 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 SelectStoryProps extends SelectProps {
-    showAction: boolean;
-    showAdditionalInfo?: boolean;
-}
-export declare const SelectDemo: StoryFn<SelectStoryProps>;
-interface ConfigurableSelectProps {
-    height?: string;
-    padding?: string;
-    borderColor?: string;
-    borderWidth?: string;
-    borderRadius?: string;
-}
-export declare const ConfigurableSelect: StoryFn<ConfigurableSelectProps>;
-//# sourceMappingURL=Select.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;;AAE3D,wBAIU;AAEV,UAAU,gBAAiB,SAAQ,WAAW;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,gBAAgB,CAoChD,CAAC;AA0BF,UAAU,uBAAuB;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,uBAAuB,CAyB/D,CAAC"}

package/jsx/core/Select/Select.stories.jsx

@@ -1,83 +0,0 @@
-import { Select, Option, Configuration } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Select',
-    component: Select,
-    excludeStories: ['ConfigurableSelect']
-};
-export const SelectDemo = (args) => {
-    return (<Select additionalInfo={args.showAdditionalInfo
-            ? {
-                content: 'Some additional info'
-            }
-            : undefined} id='select-demo' label={args.label} labelHidden={args.labelHidden} info={args.info} status={args.status} required={args.required} disabled={args.disabled} readOnly={args.readOnly} actions={args.showAction
-            ? [
-                {
-                    id: 'config',
-                    text: 'Configure',
-                    icon: 'gear'
-                }
-            ]
-            : undefined}>
-      <Option>Choose an option…</Option>
-      <Option>Option 1</Option>
-      <Option>Option 2</Option>
-      <Option>Option 3</Option>
-    </Select>);
-};
-SelectDemo.args = {
-    showAction: false,
-    label: 'Select input',
-    labelHidden: false,
-    info: 'Choose a value',
-    status: undefined,
-    required: false,
-    disabled: false,
-    readOnly: false,
-    showAdditionalInfo: false
-};
-SelectDemo.argTypes = {
-    showAction: { control: { type: 'boolean' } },
-    label: { control: { type: 'text' } },
-    labelHidden: { control: { type: 'boolean' } },
-    info: { control: { type: 'text', label: 'Helper text' } },
-    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },
-    required: { control: { type: 'boolean' } },
-    disabled: { control: { type: 'boolean' } },
-    readOnly: { control: { type: 'boolean' } },
-    showAdditionalInfo: { control: { type: 'boolean' } }
-};
-export const ConfigurableSelect = (args) => {
-    return (<Configuration theme={{
-            components: {
-                select: {
-                    height: args.height,
-                    padding: args.padding,
-                    'border-color': args.borderColor,
-                    'border-width': args.borderWidth,
-                    'border-radius': args.borderRadius
-                }
-            }
-        }}>
-      <Select label='Select input' info='Choose a value'>
-        <Option>Choose an option…</Option>
-        <Option>Option 1</Option>
-        <Option>Option 2</Option>
-        <Option>Option 3</Option>
-      </Select>
-    </Configuration>);
-};
-ConfigurableSelect.args = {
-    height: '2rem',
-    padding: '0.5rem',
-    borderColor: '#939393',
-    borderWidth: '0.0625rem',
-    borderRadius: '0.5'
-};
-ConfigurableSelect.argTypes = {
-    height: { control: { type: 'text' } },
-    padding: { control: { type: 'text' } },
-    borderColor: { control: { type: 'color' } },
-    borderWidth: { control: { type: 'text' } },
-    borderRadius: { control: { type: 'text' } }
-};
-//# sourceMappingURL=Select.stories.jsx.map