@pega/cosmos-react-demos 2.0.0 → 2.1.3

package/jsx/core/Banner/Banner.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.stories.jsx","sourceRoot":"","sources":["../../../src/core/Banner/Banner.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta } from '@storybook/react';\nimport { useState, useCallback, FormEvent, useReducer } from 'react';\n\nimport { Banner, Button, Form, Input, Link } from '@pega/cosmos-react-core';\nimport { AppShellDemo } from '@pega/cosmos-react-demos/lib/core/AppShell/AppShell.stories';\nimport { CaseViewDemo } from '@pega/cosmos-react-demos/lib/work/CaseView/CaseView.stories';\n\nimport { demoFields, DemoFormField, fieldReducer, formActions } from './Banner.mocks';\n\nexport default {\n  title: 'Core/Banner',\n  component: Banner\n} as Meta;\n\nexport const SuccessBanner = () => {\n  const [showBanner, setShowBanner] = useState(true);\n\n  return (\n    <>\n      {!showBanner && <Button onClick={() => setShowBanner(true)}>Open banner</Button>}\n      {showBanner && (\n        <Banner\n          id='success'\n          variant='success'\n          onDismiss={() => setShowBanner(false)}\n          heading='2 items uploaded successfully'\n          messages={['pega_data.json', 'business-earnings.xlsx']}\n        />\n      )}\n    </>\n  );\n};\n\nexport const ErrorBanner = () => {\n  return (\n    <Banner\n      id='error'\n      variant='urgent'\n      heading='Error'\n      action={\n        <div>\n          <Button variant='link'>Try again</Button>\n        </div>\n      }\n      messages={['Your request failed to send!', 'Please review your request and try again']}\n    />\n  );\n};\n\nexport const WarningBanner = () => {\n  return (\n    <Banner\n      id='warning'\n      variant='warning'\n      action={\n        <div>\n          <Button variant='link'>Why this matters</Button>\n        </div>\n      }\n      messages={['Your submission is missing some important documents.']}\n    />\n  );\n};\n\nexport const InfoBanner = () => {\n  const [showBanner, setShowBanner] = useState(true);\n\n  return (\n    <>\n      {!showBanner && <Button onClick={() => setShowBanner(true)}>Open banner</Button>}\n      {showBanner && (\n        <Banner\n          id='info'\n          variant='info'\n          onDismiss={() => setShowBanner(false)}\n          messages={[\n            'US-123456 is currently being modified by Jane Smith and may not be edited simultaneously.'\n          ]}\n        />\n      )}\n    </>\n  );\n};\n\n// -----------------------------------------------------------------------------\n// Form story\n// -----------------------------------------------------------------------------\n\nexport const ShownInForm = () => {\n  const [fields, setField] = useReducer(fieldReducer, demoFields);\n  const [banner, setBanner] = useState<any>();\n\n  const onSubmit = useCallback((e: FormEvent) => {\n    e.preventDefault();\n    const errorFields = fields.filter(field => !field.validator(field.value));\n    let heading = 'Wow, great job!';\n    let variant: 'success' | 'urgent' = 'success';\n    let messages = fields.map(f => `${f.name} was typed perfectly`);\n    let bannerAction;\n\n    if (errorFields.length > 0) {\n      heading = \"I'm sorry you're having trouble\";\n      variant = 'urgent';\n      messages = errorFields.map(f => `${f.name} was not typed correctly`);\n      bannerAction = (\n        <Link href='https://community.pega.com/support' target='_blank'>\n          Visit Pega support for assistance\n        </Link>\n      );\n    }\n\n    setBanner(\n      <Banner\n        {...{\n          heading,\n          variant,\n          messages,\n          id: 'formBanner',\n          action: bannerAction,\n          onDismiss() {\n            setBanner(false);\n          }\n        }}\n      />\n    );\n  }, []);\n\n  return (\n    <Form\n      banners={banner}\n      actions={formActions}\n      onSubmit={onSubmit}\n      style={{ margin: 'auto', padding: '2.5rem', maxWidth: '37.5rem' }}\n    >\n      {fields.map((field: DemoFormField) => {\n        return (\n          <Input\n            key={field.name}\n            autoComplete='off'\n            name={field.name}\n            label={field.label}\n            info={field.info}\n            value={field.value}\n            onChange={(e: InputEvent) => setField(e.target as any)}\n          />\n        );\n      })}\n    </Form>\n  );\n};\n\n// -----------------------------------------------------------------------------\n// CaseView story\n// -----------------------------------------------------------------------------\nexport const ShownInCaseView = () => {\n  const [hasBanner, setHasBanner] = useState(true);\n  return (\n    <CaseViewDemo\n      banners={\n        hasBanner && (\n          <Banner\n            id='case-view-error'\n            heading='Waring'\n            onDismiss={() => setHasBanner(false)}\n            variant='warning'\n            messages={['Your submission is missing some important documents.']}\n          />\n        )\n      }\n    />\n  );\n};\n\nShownInCaseView.parameters = {\n  layout: 'fullscreen'\n};\n\n// -----------------------------------------------------------------------------\n// AppShell story\n// -----------------------------------------------------------------------------\nexport const ShownInAppShell = () => {\n  const [hasBanner, setHasBanner] = useState([]);\n  return (\n    <AppShellDemo\n      banners={\n        hasBanner && (\n          <Banner\n            id='app-shell-banner-success'\n            heading='2 items uploaded successfully'\n            onDismiss={() => setHasBanner([])}\n            variant='success'\n            messages={['pega_data.json', 'business-earnings.xlsx']}\n            action={\n              <Link target='_blank' href='https://www.pega.com'>\n                Link Here!\n              </Link>\n            }\n          />\n        )\n      }\n    />\n  );\n};\n\nShownInAppShell.parameters = {\n  layout: 'fullscreen'\n};\n"]}

package/jsx/core/Boolean/BooleanDisplay.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, Story } from '@storybook/react';
+import { BooleanDisplayProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const BooleanDisplayDemo: Story<BooleanDisplayProps>;
+//# sourceMappingURL=BooleanDisplay.stories.d.ts.map

package/jsx/core/Boolean/BooleanDisplay.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanDisplay.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Boolean/BooleanDisplay.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;;AAE9E,wBAGU;AAEV,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,mBAAmB,CAIzD,CAAC"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const BreadcrumbsDemo: () => JSX.Element;
+export declare const ContainedBreadcrumbs: () => JSX.Element;
+//# sourceMappingURL=Breadcrumbs.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;;AAMxC,wBAGU;AAEV,eAAO,MAAM,eAAe,mBAU3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,mBAchC,CAAC"}

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

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

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

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

package/jsx/core/Breadcrumbs/Breadcrumbs.styles.js

@@ -0,0 +1,12 @@
+import styled, { css } from 'styled-components';
+import { defaultThemeProp } from '@pega/cosmos-react-core';
+export const StyledCard = styled.article(props => {
+    const { theme: { base: { spacing } } } = props;
+    return css `
+    width: 20rem;
+    height: max-content;
+    padding: ${spacing};
+  `;
+});
+StyledCard.defaultProps = defaultThemeProp;
+//# sourceMappingURL=Breadcrumbs.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.styles.js","sourceRoot":"","sources":["../../../src/core/Breadcrumbs/Breadcrumbs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;IAC/C,MAAM,EACJ,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,EACF,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;;;eAGG,OAAO;GACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '@pega/cosmos-react-core';\n\nexport const StyledCard = styled.article(props => {\n  const {\n    theme: {\n      base: { spacing }\n    }\n  } = props;\n\n  return css`\n    width: 20rem;\n    height: max-content;\n    padding: ${spacing};\n  `;\n});\n\nStyledCard.defaultProps = defaultThemeProp;\n"]}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Meta, Story } from '@storybook/react';
+import { ButtonProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const ButtonVariants: Story<ButtonProps>;
+export declare const DisabledButtons: () => JSX.Element;
+export declare const IconButtons: Story<ButtonProps>;
+export declare const LoadingButtons: Story<ButtonProps>;
+export declare const ButtonAsLink: () => JSX.Element;
+export declare const BareButtonDemo: Story<ButtonProps>;
+//# sourceMappingURL=Button.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Button/Button.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAU,WAAW,EAA4B,MAAM,yBAAyB,CAAC;;AAMxF,wBAMU;AAEV,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,WAAW,CAM7C,CAAC;AAeF,eAAO,MAAM,eAAe,mBAoB3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,WAAW,CAoB1C,CAAC;AAUF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,WAAW,CAM7C,CAAC;AAYF,eAAO,MAAM,YAAY,mBAMxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,WAAW,CAM7C,CAAC"}

package/jsx/core/Button/Button.stories.jsx

@@ -0,0 +1,103 @@
+import { Button, Flex, Icon, registerIcon } from '@pega/cosmos-react-core';
+import * as plusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/plus.icon';
+import BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';
+registerIcon(plusIcon);
+export default {
+    title: 'Core/Button',
+    component: Button,
+    parameters: {
+        layout: 'centered'
+    }
+};
+export const ButtonVariants = (args) => {
+    return (<Button variant={args.variant} compact={args.compact}>
+      Click me
+    </Button>);
+};
+ButtonVariants.args = {
+    variant: 'primary',
+    compact: false
+};
+ButtonVariants.argTypes = {
+    variant: {
+        options: ['primary', 'secondary', 'simple', 'link', 'text'],
+        control: { type: 'select' }
+    },
+    compact: { control: { type: 'boolean' } }
+};
+export const DisabledButtons = () => {
+    return (<>
+      <Button variant='primary' disabled>
+        Primary disabled
+      </Button>
+      <Button variant='secondary' disabled>
+        Secondary disabled
+      </Button>
+      <Button variant='simple' disabled>
+        Simple disabled
+      </Button>
+      <Button variant='link' disabled>
+        Link disabled
+      </Button>
+      <Button variant='text' disabled>
+        Text disabled
+      </Button>
+    </>);
+};
+export const IconButtons = ({ compact }) => {
+    return (<Flex container={{ alignItems: 'center' }}>
+      <Button variant='primary' label='Icon button primary' icon compact={compact}>
+        <Icon name='plus'/>
+      </Button>
+      <Button variant='secondary' label='Icon button secondary' icon compact={compact}>
+        <Icon name='plus'/>
+      </Button>
+      <Button variant='simple' label='Icon button simple' icon compact={compact}>
+        <Icon name='plus'/>
+      </Button>
+      <Button variant='link' label='Icon button link' icon compact={compact}>
+        <Icon name='plus'/>
+      </Button>
+      <Button variant='text' label='Icon button text' icon compact={compact}>
+        <Icon name='plus'/>
+      </Button>
+    </Flex>);
+};
+IconButtons.args = {
+    compact: false
+};
+IconButtons.argTypes = {
+    compact: { control: { type: 'boolean' } }
+};
+export const LoadingButtons = (args) => {
+    return (<Button variant={args.variant} icon={args.icon} label='Loading' loading>
+      {args.icon ? <Icon name='plus'/> : 'Loading'}
+    </Button>);
+};
+LoadingButtons.args = {
+    variant: 'primary',
+    icon: false
+};
+LoadingButtons.argTypes = {
+    variant: { options: ['primary', 'secondary'], control: { type: 'select' } },
+    icon: { control: { type: 'boolean' } }
+};
+export const ButtonAsLink = () => {
+    return (<Button variant='primary' href='https://www.pega.com' target='_blank'>
+      Go to pega.com
+    </Button>);
+};
+export const BareButtonDemo = (args) => {
+    return (<BareButton disabled={args.disabled} href={args.href || undefined}>
+      Click me
+    </BareButton>);
+};
+BareButtonDemo.args = {
+    disabled: false,
+    href: ''
+};
+BareButtonDemo.argTypes = {
+    disabled: { control: { type: 'boolean' } },
+    href: { control: { type: 'text' } }
+};
+//# sourceMappingURL=Button.stories.jsx.map

package/jsx/core/Button/Button.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.jsx","sourceRoot":"","sources":["../../../src/core/Button/Button.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport { Button, ButtonProps, Flex, Icon, registerIcon } from '@pega/cosmos-react-core';\nimport * as plusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/plus.icon';\nimport BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';\n\nregisterIcon(plusIcon);\n\nexport default {\n  title: 'Core/Button',\n  component: Button,\n  parameters: {\n    layout: 'centered'\n  }\n} as Meta;\n\nexport const ButtonVariants: Story<ButtonProps> = (args: ButtonProps) => {\n  return (\n    <Button variant={args.variant} compact={args.compact}>\n      Click me\n    </Button>\n  );\n};\n\nButtonVariants.args = {\n  variant: 'primary',\n  compact: false\n};\n\nButtonVariants.argTypes = {\n  variant: {\n    options: ['primary', 'secondary', 'simple', 'link', 'text'],\n    control: { type: 'select' }\n  },\n  compact: { control: { type: 'boolean' } }\n};\n\nexport const DisabledButtons = () => {\n  return (\n    <>\n      <Button variant='primary' disabled>\n        Primary disabled\n      </Button>\n      <Button variant='secondary' disabled>\n        Secondary disabled\n      </Button>\n      <Button variant='simple' disabled>\n        Simple disabled\n      </Button>\n      <Button variant='link' disabled>\n        Link disabled\n      </Button>\n      <Button variant='text' disabled>\n        Text disabled\n      </Button>\n    </>\n  );\n};\n\nexport const IconButtons: Story<ButtonProps> = ({ compact }: ButtonProps) => {\n  return (\n    <Flex container={{ alignItems: 'center' }}>\n      <Button variant='primary' label='Icon button primary' icon compact={compact}>\n        <Icon name='plus' />\n      </Button>\n      <Button variant='secondary' label='Icon button secondary' icon compact={compact}>\n        <Icon name='plus' />\n      </Button>\n      <Button variant='simple' label='Icon button simple' icon compact={compact}>\n        <Icon name='plus' />\n      </Button>\n      <Button variant='link' label='Icon button link' icon compact={compact}>\n        <Icon name='plus' />\n      </Button>\n      <Button variant='text' label='Icon button text' icon compact={compact}>\n        <Icon name='plus' />\n      </Button>\n    </Flex>\n  );\n};\n\nIconButtons.args = {\n  compact: false\n};\n\nIconButtons.argTypes = {\n  compact: { control: { type: 'boolean' } }\n};\n\nexport const LoadingButtons: Story<ButtonProps> = (args: ButtonProps) => {\n  return (\n    <Button variant={args.variant} icon={args.icon} label='Loading' loading>\n      {args.icon ? <Icon name='plus' /> : 'Loading'}\n    </Button>\n  );\n};\n\nLoadingButtons.args = {\n  variant: 'primary',\n  icon: false\n};\n\nLoadingButtons.argTypes = {\n  variant: { options: ['primary', 'secondary'], control: { type: 'select' } },\n  icon: { control: { type: 'boolean' } }\n};\n\nexport const ButtonAsLink = () => {\n  return (\n    <Button variant='primary' href='https://www.pega.com' target='_blank'>\n      Go to pega.com\n    </Button>\n  );\n};\n\nexport const BareButtonDemo: Story<ButtonProps> = (args: ButtonProps) => {\n  return (\n    <BareButton disabled={args.disabled} href={args.href || undefined}>\n      Click me\n    </BareButton>\n  );\n};\n\nBareButtonDemo.args = {\n  disabled: false,\n  href: ''\n};\n\nBareButtonDemo.argTypes = {\n  disabled: { control: { type: 'boolean' } },\n  href: { control: { type: 'text' } }\n};\n"]}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Meta, Story } from '@storybook/react';
+import { CardFooterProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const SimpleCard: () => JSX.Element;
+export declare const FullCard: Story<CardFooterProps>;
+//# sourceMappingURL=Card.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Card/Card.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAML,eAAe,EAIhB,MAAM,yBAAyB,CAAC;;AAIjC,wBAMU;AAEV,eAAO,MAAM,UAAU,mBAatB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,eAAe,CAwC3C,CAAC"}

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+import { Meta, Story } from '@storybook/react';
+import { RadioCheckProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const DefaultCheckbox: Story<RadioCheckProps>;
+export declare const CheckboxCard: Story<RadioCheckProps>;
+//# sourceMappingURL=Checkbox.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAY,eAAe,EAAE,MAAM,yBAAyB,CAAC;;AAEpE,wBAmBU;AAEV,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,eAAe,CAWlD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,eAAe,CAY/C,CAAC"}

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

@@ -0,0 +1,7 @@
+import { Meta, Story } from '@storybook/react';
+import { RadioCheckGroupProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const CheckboxGroupDemo: Story<RadioCheckGroupProps>;
+export declare const CheckboxCardGroup: Story<RadioCheckGroupProps>;
+//# sourceMappingURL=CheckboxGroup.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/core/CheckboxGroup/CheckboxGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAML,oBAAoB,EAErB,MAAM,yBAAyB,CAAC;;AAIjC,wBAiBU;AAEV,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,oBAAoB,CAiBzD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,oBAAoB,CAqEzD,CAAC"}

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

@@ -0,0 +1,4 @@
+/// <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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Meta, Story } from '@storybook/react';
+import { ColorPickerProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const ColorPickerDemo: Story<ColorPickerProps>;
+export declare const MultiColor: () => JSX.Element;
+//# sourceMappingURL=ColorPicker.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/core/ColorPicker/ColorPicker.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAK/C,OAAO,EAEL,gBAAgB,EAMjB,MAAM,yBAAyB,CAAC;;AAEjC,wBAGU;AAEV,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,gBAAgB,CAoBnD,CAAC;AA0BF,eAAO,MAAM,UAAU,mBAmFtB,CAAC"}

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

@@ -0,0 +1,24 @@
+import { 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[];
+    }[];
+})[];
+//# sourceMappingURL=ComboBox.mocks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/ComboBox/ComboBox.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,eAAO,MAAM,cAAc,eAAgB,MAAM,WAEhD,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,SAAS,CAAC,OAAO,CAsCnC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;CASpB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;IAAsB,CAAC"}

package/jsx/core/ComboBox/ComboBox.mocks.js

@@ -0,0 +1,54 @@
+export const getFilterRegex = (inputValue) => {
+    return new RegExp(`^${inputValue.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&')}`, 'i');
+};
+export const list = [
+    { id: '1', primary: 'Joseph Morales', secondary: ['Experts', 'Engineer'] },
+    { id: '2', primary: 'Nora Lee', secondary: ['Experts', 'Engineer'] },
+    { id: '3', primary: 'Douglas Smith', secondary: ['Intermediate', 'Architect'] },
+    { id: '4', primary: 'Vernon Lee', secondary: ['Intermediate', 'Product Owner'] },
+    { id: '5', primary: 'Eula Morales', secondary: ['Intermediate', 'Architect'] },
+    { id: '6', primary: 'Paul Smith', secondary: ['Leads', 'Engineer'] },
+    { id: '7', primary: 'Frank Walker', secondary: ['Leads', 'Engineer'] },
+    { id: '8', primary: 'Edward Green', secondary: ['Leads', 'Architect'] },
+    { id: '9', primary: 'John Smith', secondary: ['Leads', 'Product Owner'] },
+    { id: '10', primary: 'Olivia Cockburn', secondary: ['Experts', 'Engineer'] },
+    { id: '11', primary: 'Reese Witherspoon', secondary: ['Experts', 'Engineer'] },
+    { id: '12', primary: 'Peter Hernandez', secondary: ['Intermediate', 'Architect'] },
+    { id: '13', primary: 'Helena Johnson', secondary: ['Intermediate', 'Product Owner'] },
+    { id: '14', primary: 'Katheryn Hudson', secondary: ['Intermediate', 'Architect'] },
+    { id: '15', primary: 'Mia Hershel', secondary: ['Leads', 'Engineer'] },
+    { id: '16', primary: 'Ann Mitchell', secondary: ['Leads', 'Engineer'] },
+    { id: '17', primary: 'Rafael Bottom', secondary: ['Leads', 'Architect'] },
+    { id: '18', primary: 'Christopher Gatsby', secondary: ['Leads', 'Product Owner'] },
+    { id: '19', primary: 'Julianne Moore', secondary: ['Experts', 'Engineer'] },
+    { id: '20', primary: 'Emily Stone', secondary: ['Experts', 'Engineer'] },
+    { id: '21', primary: 'Richard Wiles', secondary: ['Intermediate', 'Architect'] },
+    { id: '22', primary: 'Ella Connor', secondary: ['Intermediate', 'Product Owner'] },
+    { id: '23', primary: 'Robyn Fenton', secondary: ['Intermediate', 'Architect'] },
+    { id: '24', primary: 'Lucille Hale', secondary: ['Leads', 'Engineer'] },
+    { id: '25', primary: 'Angelina Pitt', secondary: ['Leads', 'Engineer'] },
+    { id: '26', primary: 'Tanya Robinson', secondary: ['Leads', 'Architect'] },
+    { id: '27', primary: 'Laura Horowitz', secondary: ['Leads', 'Product Owner'] },
+    {
+        id: 't',
+        label: 'Toms',
+        items: [
+            { id: '28', primary: 'Tom Jones' },
+            { id: '29', primary: 'Tom Hardy' },
+            { id: '30', primary: 'Tom Hanks' },
+            { id: '31', primary: 'Tom Sawyer' }
+        ]
+    }
+];
+export const treeItem = {
+    id: '01',
+    primary: 'Group',
+    secondary: ['Leads', 'Engineer'],
+    items: [
+        { id: '01-1', primary: 'Paul McDonald', secondary: ['Leads', 'Engineer'] },
+        { id: '01-2', primary: 'Frank Walker', secondary: ['Leads', 'Engineer'] },
+        { id: '01-3', primary: 'Edward Green', secondary: ['Leads', 'Engineer'] }
+    ]
+};
+export const tree = [treeItem, ...list];
+//# sourceMappingURL=ComboBox.mocks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.mocks.js","sourceRoot":"","sources":["../../../src/core/ComboBox/ComboBox.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import { MenuProps } from '@pega/cosmos-react-core';\n\nexport const getFilterRegex = (inputValue: string) => {\n  return new RegExp(`^${inputValue.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&')}`, 'i');\n};\n\nexport const list: MenuProps['items'] = [\n  { id: '1', primary: 'Joseph Morales', secondary: ['Experts', 'Engineer'] },\n  { id: '2', primary: 'Nora Lee', secondary: ['Experts', 'Engineer'] },\n  { id: '3', primary: 'Douglas Smith', secondary: ['Intermediate', 'Architect'] },\n  { id: '4', primary: 'Vernon Lee', secondary: ['Intermediate', 'Product Owner'] },\n  { id: '5', primary: 'Eula Morales', secondary: ['Intermediate', 'Architect'] },\n  { id: '6', primary: 'Paul Smith', secondary: ['Leads', 'Engineer'] },\n  { id: '7', primary: 'Frank Walker', secondary: ['Leads', 'Engineer'] },\n  { id: '8', primary: 'Edward Green', secondary: ['Leads', 'Architect'] },\n  { id: '9', primary: 'John Smith', secondary: ['Leads', 'Product Owner'] },\n  { id: '10', primary: 'Olivia Cockburn', secondary: ['Experts', 'Engineer'] },\n  { id: '11', primary: 'Reese Witherspoon', secondary: ['Experts', 'Engineer'] },\n  { id: '12', primary: 'Peter Hernandez', secondary: ['Intermediate', 'Architect'] },\n  { id: '13', primary: 'Helena Johnson', secondary: ['Intermediate', 'Product Owner'] },\n  { id: '14', primary: 'Katheryn Hudson', secondary: ['Intermediate', 'Architect'] },\n  { id: '15', primary: 'Mia Hershel', secondary: ['Leads', 'Engineer'] },\n  { id: '16', primary: 'Ann Mitchell', secondary: ['Leads', 'Engineer'] },\n  { id: '17', primary: 'Rafael Bottom', secondary: ['Leads', 'Architect'] },\n  { id: '18', primary: 'Christopher Gatsby', secondary: ['Leads', 'Product Owner'] },\n  { id: '19', primary: 'Julianne Moore', secondary: ['Experts', 'Engineer'] },\n  { id: '20', primary: 'Emily Stone', secondary: ['Experts', 'Engineer'] },\n  { id: '21', primary: 'Richard Wiles', secondary: ['Intermediate', 'Architect'] },\n  { id: '22', primary: 'Ella Connor', secondary: ['Intermediate', 'Product Owner'] },\n  { id: '23', primary: 'Robyn Fenton', secondary: ['Intermediate', 'Architect'] },\n  { id: '24', primary: 'Lucille Hale', secondary: ['Leads', 'Engineer'] },\n  { id: '25', primary: 'Angelina Pitt', secondary: ['Leads', 'Engineer'] },\n  { id: '26', primary: 'Tanya Robinson', secondary: ['Leads', 'Architect'] },\n  { id: '27', primary: 'Laura Horowitz', secondary: ['Leads', 'Product Owner'] },\n  {\n    id: 't',\n    label: 'Toms',\n    items: [\n      { id: '28', primary: 'Tom Jones' },\n      { id: '29', primary: 'Tom Hardy' },\n      { id: '30', primary: 'Tom Hanks' },\n      { id: '31', primary: 'Tom Sawyer' }\n    ]\n  }\n];\n\nexport const treeItem = {\n  id: '01',\n  primary: 'Group',\n  secondary: ['Leads', 'Engineer'],\n  items: [\n    { id: '01-1', primary: 'Paul McDonald', secondary: ['Leads', 'Engineer'] },\n    { id: '01-2', primary: 'Frank Walker', secondary: ['Leads', 'Engineer'] },\n    { id: '01-3', primary: 'Edward Green', secondary: ['Leads', 'Engineer'] }\n  ]\n};\n\nexport const tree = [treeItem, ...list];\n"]}

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

@@ -0,0 +1,21 @@
+import { Meta, Story } from '@storybook/react';
+import { ComboBoxProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+interface ComboBoxStoryProps {
+    label?: ComboBoxProps['label'];
+    labelHidden?: ComboBoxProps['labelHidden'];
+    info?: ComboBoxProps['info'];
+    placeholder?: ComboBoxProps['placeholder'];
+    status?: ComboBoxProps['status'];
+    required?: ComboBoxProps['required'];
+    disabled?: ComboBoxProps['disabled'];
+    readOnly?: ComboBoxProps['readOnly'];
+}
+export declare const FilterableSingleSelect: Story<ComboBoxStoryProps>;
+export declare const NonFilterableSingleSelect: Story<ComboBoxStoryProps>;
+export declare const FilterableMultiSelect: Story<ComboBoxStoryProps>;
+export declare const NonFilterableMultiSelect: Story<ComboBoxStoryProps>;
+export declare const FilterableMultiSelectSelectableParent: Story<ComboBoxStoryProps>;
+export declare const FilterableMultiSelectLazyChildren: Story<ComboBoxStoryProps>;
+//# sourceMappingURL=ComboBox.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.stories.d.ts","sourceRoot":"","sources":["../../../src/core/ComboBox/ComboBox.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAEL,aAAa,EAId,MAAM,yBAAyB,CAAC;;AAIjC,wBAsBU;AAEV,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;CACtC;AASD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,kBAAkB,CAyE5D,CAAC;AAcF,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,kBAAkB,CAwE/D,CAAC;AAeF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,kBAAkB,CAyD3D,CAAC;AAaF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,kBAAkB,CAyC9D,CAAC;AAgBF,eAAO,MAAM,qCAAqC,EAAE,KAAK,CAAC,kBAAkB,CA2D3E,CAAC;AAgBF,eAAO,MAAM,iCAAiC,EAAE,KAAK,CAAC,kBAAkB,CA4HvE,CAAC"}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const ThemedForm: Story<{
+    theme: 'default' | 'theme1';
+}>;
+export declare const ThemingHierarchy: () => JSX.Element;
+export declare const OverridableActionMenu: () => JSX.Element;
+//# sourceMappingURL=Configuration.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Configuration.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Configuration/Configuration.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAa/C,wBAGU;AAEV,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,SAAS,GAAG,QAAQ,CAAA;CAAE,CA+B7D,CAAC;AA2CF,eAAO,MAAM,gBAAgB,mBAyE5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,mBAWjC,CAAC"}