@pega/cosmos-react-demos 2.0.0 → 2.1.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAS,UAAU,EAAE,MAAM,yBAAyB,CAAC;;AAE5D,wBAGU;AAEV,UAAU,eAAgB,SAAQ,UAAU;IAC1C,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,eAAe,CA0B5C,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Label/Label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAS,UAAU,EAAE,MAAM,yBAAyB,CAAC;;AAE5D,wBAGU;AAEV,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,UAAU,CAEvC,CAAC"}

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

@@ -0,0 +1,15 @@
+export declare const mockAPIImageResources: {
+    id: string;
+    name: string;
+    description: string;
+    mime_type: string;
+    media_url: string;
+}[];
+export declare const mockBadImageResource: {
+    id: string;
+    name: string;
+    description: string;
+    mime_type: string;
+    media_url: string;
+};
+//# sourceMappingURL=Lightbox.mocks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/Lightbox/Lightbox.mocks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;;;GAgEjC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;CAOhC,CAAC"}

package/jsx/core/Lightbox/Lightbox.mocks.js

@@ -0,0 +1,59 @@
+export const mockAPIImageResources = [
+    {
+        id: 'photo-1497752531616-c3afd9760a11',
+        name: 'Image 1',
+        description: 'Descriptive text about Image 1',
+        mime_type: 'image/avif',
+        media_url: 'https://images.unsplash.com/photo-1497752531616-c3afd9760a11?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80'
+    },
+    {
+        id: 'photo-1470093851219-69951fcbb533',
+        name: 'Image 2',
+        description: 'Descriptive text about Image 2',
+        mime_type: 'image/avif',
+        media_url: 'https://images.unsplash.com/photo-1470093851219-69951fcbb533?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80'
+    },
+    {
+        id: 'photo-1447684808650-354ae64db5b8',
+        name: 'Image 3',
+        description: 'Descriptive text about Image 3',
+        mime_type: 'image/avif',
+        media_url: 'https://images.unsplash.com/photo-1447684808650-354ae64db5b8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2094&q=80'
+    },
+    {
+        id: 'photo-1425082661705-1834bfd09dca',
+        name: 'Image 4',
+        description: 'Descriptive text about Image 4',
+        mime_type: 'image/avif',
+        media_url: 'https://images.unsplash.com/photo-1425082661705-1834bfd09dca?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2110&q=80'
+    },
+    {
+        id: 'photo-1494256997604-768d1f608cac',
+        name: 'Image 5',
+        description: 'Descriptive text about Image 5',
+        mime_type: 'image/avif',
+        media_url: 'https://images.unsplash.com/photo-1494256997604-768d1f608cac?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2301&q=80'
+    },
+    {
+        id: 'photo-1500694216671-a4e54fc4b513',
+        name: 'Image 6',
+        description: 'Descriptive text about Image 6',
+        mime_type: 'image/avif',
+        media_url: 'https://images.unsplash.com/photo-1500694216671-a4e54fc4b513?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2092&q=80'
+    },
+    {
+        id: 'photo-1638292597251-6fe6b2ba50f9',
+        name: 'Image 7',
+        description: 'Descriptive text about Image 7',
+        mime_type: 'image/avif',
+        media_url: 'https://images.unsplash.com/photo-1638292597251-6fe6b2ba50f9?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1287&q=80'
+    }
+];
+export const mockBadImageResource = {
+    id: 'error',
+    name: 'Some image',
+    description: 'Descriptive text about Some image',
+    mime_type: 'image/avif',
+    media_url: ''
+};
+//# sourceMappingURL=Lightbox.mocks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.mocks.js","sourceRoot":"","sources":["../../../src/core/Lightbox/Lightbox.mocks.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC;QACE,EAAE,EAAE,kCAAkC;QACtC,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,gCAAgC;QAE7C,SAAS,EAAE,YAAY;QACvB,SAAS,EACP,wIAAwI;KAC3I;IACD;QACE,EAAE,EAAE,kCAAkC;QACtC,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,gCAAgC;QAE7C,SAAS,EAAE,YAAY;QACvB,SAAS,EACP,wIAAwI;KAC3I;IACD;QACE,EAAE,EAAE,kCAAkC;QACtC,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,gCAAgC;QAE7C,SAAS,EAAE,YAAY;QACvB,SAAS,EACP,wIAAwI;KAC3I;IACD;QACE,EAAE,EAAE,kCAAkC;QACtC,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,gCAAgC;QAE7C,SAAS,EAAE,YAAY;QACvB,SAAS,EACP,wIAAwI;KAC3I;IACD;QACE,EAAE,EAAE,kCAAkC;QACtC,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,gCAAgC;QAE7C,SAAS,EAAE,YAAY;QACvB,SAAS,EACP,wIAAwI;KAC3I;IACD;QACE,EAAE,EAAE,kCAAkC;QACtC,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,gCAAgC;QAE7C,SAAS,EAAE,YAAY;QACvB,SAAS,EACP,wIAAwI;KAC3I;IACD;QACE,EAAE,EAAE,kCAAkC;QACtC,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,gCAAgC;QAE7C,SAAS,EAAE,YAAY;QACvB,SAAS,EACP,gKAAgK;KACnK;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,EAAE,EAAE,OAAO;IACX,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,mCAAmC;IAEhD,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,EAAE;CACd,CAAC","sourcesContent":["export const mockAPIImageResources = [\n  {\n    id: 'photo-1497752531616-c3afd9760a11',\n    name: 'Image 1',\n    description: 'Descriptive text about Image 1',\n    // cSpell:disable-next-line\n    mime_type: 'image/avif',\n    media_url:\n      'https://images.unsplash.com/photo-1497752531616-c3afd9760a11?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80'\n  },\n  {\n    id: 'photo-1470093851219-69951fcbb533',\n    name: 'Image 2',\n    description: 'Descriptive text about Image 2',\n    // cSpell:disable-next-line\n    mime_type: 'image/avif',\n    media_url:\n      'https://images.unsplash.com/photo-1470093851219-69951fcbb533?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80'\n  },\n  {\n    id: 'photo-1447684808650-354ae64db5b8',\n    name: 'Image 3',\n    description: 'Descriptive text about Image 3',\n    // cSpell:disable-next-line\n    mime_type: 'image/avif',\n    media_url:\n      'https://images.unsplash.com/photo-1447684808650-354ae64db5b8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2094&q=80'\n  },\n  {\n    id: 'photo-1425082661705-1834bfd09dca',\n    name: 'Image 4',\n    description: 'Descriptive text about Image 4',\n    // cSpell:disable-next-line\n    mime_type: 'image/avif',\n    media_url:\n      'https://images.unsplash.com/photo-1425082661705-1834bfd09dca?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2110&q=80'\n  },\n  {\n    id: 'photo-1494256997604-768d1f608cac',\n    name: 'Image 5',\n    description: 'Descriptive text about Image 5',\n    // cSpell:disable-next-line\n    mime_type: 'image/avif',\n    media_url:\n      'https://images.unsplash.com/photo-1494256997604-768d1f608cac?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2301&q=80'\n  },\n  {\n    id: 'photo-1500694216671-a4e54fc4b513',\n    name: 'Image 6',\n    description: 'Descriptive text about Image 6',\n    // cSpell:disable-next-line\n    mime_type: 'image/avif',\n    media_url:\n      'https://images.unsplash.com/photo-1500694216671-a4e54fc4b513?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2092&q=80'\n  },\n  {\n    id: 'photo-1638292597251-6fe6b2ba50f9',\n    name: 'Image 7',\n    description: 'Descriptive text about Image 7',\n    // cSpell:disable-next-line\n    mime_type: 'image/avif',\n    media_url:\n      'https://images.unsplash.com/photo-1638292597251-6fe6b2ba50f9?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1287&q=80'\n  }\n];\n\nexport const mockBadImageResource = {\n  id: 'error',\n  name: 'Some image',\n  description: 'Descriptive text about Some image',\n  // cSpell:disable-next-line\n  mime_type: 'image/avif',\n  media_url: ''\n};\n"]}

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

@@ -0,0 +1,10 @@
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+interface LightboxStoryProps {
+    limit?: number;
+    cycle?: boolean;
+    error?: boolean;
+}
+export declare const LightboxDemo: Story<LightboxStoryProps>;
+//# sourceMappingURL=Lightbox.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Lightbox/Lightbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAa/C,wBAGU;AAEV,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,kBAAkB,CAqDlD,CAAC"}

package/jsx/core/Lightbox/Lightbox.stories.jsx

@@ -0,0 +1,55 @@
+import { useRef, useState } from 'react';
+import { Button, DateTimeDisplay, Lightbox } from '@pega/cosmos-react-core';
+import { mockAPIImageResources, mockBadImageResource } from './Lightbox.mocks';
+export default {
+    title: 'Core/Lightbox',
+    component: Lightbox
+};
+export const LightboxDemo = (args) => {
+    const demoButtonRef = useRef(null);
+    const [images, setImages] = useState(null);
+    const onClick = () => {
+        setImages((args.error ? [mockBadImageResource] : mockAPIImageResources.slice(0, args.limit)).map(({ id, name, description, mime_type, media_url }) => {
+            return {
+                id,
+                name,
+                description,
+                src: media_url,
+                metadata: [
+                    mime_type.split('/').pop(),
+                    <DateTimeDisplay value={new Date()} variant='date'/>
+                ]
+            };
+        }));
+    };
+    const onItemDownload = async (id) => {
+        const a = document.createElement('a');
+        a.href = await fetch(id)
+            .then(response => response.blob())
+            .then(blob => URL.createObjectURL(blob));
+        a.download = images?.find(image => image.id === id)?.name ?? id;
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+    };
+    return (<>
+      <Button ref={demoButtonRef} onClick={onClick} autoFocus>
+        Open Lightbox
+      </Button>
+      {images && (<Lightbox items={images} cycle={args.cycle || undefined} onAfterClose={() => {
+                setImages(null);
+                demoButtonRef.current?.focus();
+            }} onItemDownload={onItemDownload}/>)}
+    </>);
+};
+LightboxDemo.args = {
+    limit: 7,
+    cycle: false,
+    error: false
+};
+LightboxDemo.argTypes = {
+    limit: { control: { type: 'number' } },
+    cycle: { control: { type: 'boolean' } },
+    error: { control: { type: 'boolean' } }
+};
+//# sourceMappingURL=Lightbox.stories.jsx.map

package/jsx/core/Lightbox/Lightbox.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.stories.jsx","sourceRoot":"","sources":["../../../src/core/Lightbox/Lightbox.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useRef, useState } from 'react';\n\nimport {\n  Button,\n  DateTimeDisplay,\n  Lightbox,\n  LightboxProps,\n  LightboxItem\n} from '@pega/cosmos-react-core';\n\nimport { mockAPIImageResources, mockBadImageResource } from './Lightbox.mocks';\n\nexport default {\n  title: 'Core/Lightbox',\n  component: Lightbox\n} as Meta;\n\ninterface LightboxStoryProps {\n  limit?: number;\n  cycle?: boolean;\n  error?: boolean;\n}\n\nexport const LightboxDemo: Story<LightboxStoryProps> = (args: LightboxStoryProps) => {\n  const demoButtonRef = useRef<HTMLButtonElement>(null);\n  const [images, setImages] = useState<LightboxProps['items'] | null>(null);\n\n  const onClick = () => {\n    setImages(\n      (args.error ? [mockBadImageResource] : mockAPIImageResources.slice(0, args.limit)).map(\n        ({ id, name, description, mime_type, media_url }) => {\n          return {\n            id,\n            name,\n            description,\n            src: media_url,\n            metadata: [\n              mime_type.split('/').pop(),\n              <DateTimeDisplay value={new Date()} variant='date' />\n            ]\n          };\n        }\n      )\n    );\n  };\n\n  const onItemDownload = async (id: LightboxItem['id']) => {\n    const a = document.createElement('a');\n    a.href = await fetch(id)\n      .then(response => response.blob())\n      .then(blob => URL.createObjectURL(blob));\n\n    a.download = images?.find(image => image.id === id)?.name ?? id;\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n  };\n\n  return (\n    <>\n      <Button ref={demoButtonRef} onClick={onClick} autoFocus>\n        Open Lightbox\n      </Button>\n      {images && (\n        <Lightbox\n          items={images}\n          cycle={args.cycle || undefined}\n          onAfterClose={() => {\n            setImages(null);\n            demoButtonRef.current?.focus();\n          }}\n          onItemDownload={onItemDownload}\n        />\n      )}\n    </>\n  );\n};\n\nLightboxDemo.args = {\n  limit: 7,\n  cycle: false,\n  error: false\n};\n\nLightboxDemo.argTypes = {\n  limit: { control: { type: 'number' } },\n  cycle: { control: { type: 'boolean' } },\n  error: { control: { type: 'boolean' } }\n};\n"]}

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Meta, Story } from '@storybook/react';
+import { LinkProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const LinkDemo: Story<LinkProps>;
+export declare const LinkWithIconDemo: {
+    (): JSX.Element;
+    argTypes: {
+        variant: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export declare const PreviewableLink: Story<LinkProps>;
+//# sourceMappingURL=Link.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Link/Link.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAkC,SAAS,EAAE,MAAM,yBAAyB,CAAC;;AAKpF,wBAYU;AAEV,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,SAAS,CAMrC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;CAoB5B,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,SAAS,CAM5C,CAAC"}

package/jsx/core/Link/Link.stories.jsx

@@ -0,0 +1,49 @@
+import { Icon, registerIcon, Flex, Link } from '@pega/cosmos-react-core';
+import * as plusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/plus.icon';
+registerIcon(plusIcon);
+export default {
+    title: 'Core/Link',
+    component: Link,
+    args: {
+        variant: 'link'
+    },
+    argTypes: {
+        variant: {
+            options: ['link', 'primary', 'secondary', 'simple', 'text'],
+            control: { type: 'select' }
+        }
+    }
+};
+export const LinkDemo = (args) => {
+    return (<Link href='http://www.pega.com' variant={args.variant} target='_blank'>
+      Visit Pega!
+    </Link>);
+};
+export const LinkWithIconDemo = () => {
+    return (<Flex container={{ alignItems: 'center' }}>
+      <Link href='http://www.pega.com' variant='primary' icon target='_blank'>
+        <Icon name='plus'/>
+      </Link>
+      <Link href='http://www.pega.com' variant='secondary' icon target='_blank'>
+        <Icon name='plus'/>
+      </Link>
+      <Link href='http://www.pega.com' variant='simple' icon target='_blank'>
+        <Icon name='plus'/>
+      </Link>
+      <Link href='http://www.pega.com' variant='link' icon target='_blank'>
+        <Icon name='plus'/>
+      </Link>
+      <Link href='http://www.pega.com' variant='text' icon target='_blank'>
+        <Icon name='plus'/>
+      </Link>
+    </Flex>);
+};
+LinkWithIconDemo.argTypes = {
+    variant: { table: { disable: true } }
+};
+export const PreviewableLink = (args) => {
+    return (<Link href='http://www.pega.com' variant={args.variant} previewable target='_blank'>
+      Visit Pega!
+    </Link>);
+};
+//# sourceMappingURL=Link.stories.jsx.map

package/jsx/core/Link/Link.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.stories.jsx","sourceRoot":"","sources":["../../../src/core/Link/Link.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAa,MAAM,yBAAyB,CAAC;AACpF,OAAO,KAAK,QAAQ,MAAM,6DAA6D,CAAC;AAExF,YAAY,CAAC,QAAQ,CAAC,CAAC;AAEvB,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC;YAC3D,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;KACF;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,QAAQ,GAAqB,CAAC,IAAe,EAAE,EAAE;IAC5D,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,QAAQ,CACrE;;IACF,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CACxC;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CACrE;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EACnB;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CACvE;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EACnB;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CACpE;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EACnB;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAClE;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EACnB;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAClE;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EACnB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,QAAQ,GAAG;IAC1B,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAqB,CAAC,IAAe,EAAE,EAAE;IACnE,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CACjF;;IACF,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport { Icon, registerIcon, Flex, Link, LinkProps } from '@pega/cosmos-react-core';\nimport * as plusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/plus.icon';\n\nregisterIcon(plusIcon);\n\nexport default {\n  title: 'Core/Link',\n  component: Link,\n  args: {\n    variant: 'link'\n  },\n  argTypes: {\n    variant: {\n      options: ['link', 'primary', 'secondary', 'simple', 'text'],\n      control: { type: 'select' }\n    }\n  }\n} as Meta;\n\nexport const LinkDemo: Story<LinkProps> = (args: LinkProps) => {\n  return (\n    <Link href='http://www.pega.com' variant={args.variant} target='_blank'>\n      Visit Pega!\n    </Link>\n  );\n};\n\nexport const LinkWithIconDemo = () => {\n  return (\n    <Flex container={{ alignItems: 'center' }}>\n      <Link href='http://www.pega.com' variant='primary' icon target='_blank'>\n        <Icon name='plus' />\n      </Link>\n      <Link href='http://www.pega.com' variant='secondary' icon target='_blank'>\n        <Icon name='plus' />\n      </Link>\n      <Link href='http://www.pega.com' variant='simple' icon target='_blank'>\n        <Icon name='plus' />\n      </Link>\n      <Link href='http://www.pega.com' variant='link' icon target='_blank'>\n        <Icon name='plus' />\n      </Link>\n      <Link href='http://www.pega.com' variant='text' icon target='_blank'>\n        <Icon name='plus' />\n      </Link>\n    </Flex>\n  );\n};\n\nLinkWithIconDemo.argTypes = {\n  variant: { table: { disable: true } }\n};\n\nexport const PreviewableLink: Story<LinkProps> = (args: LinkProps) => {\n  return (\n    <Link href='http://www.pega.com' variant={args.variant} previewable target='_blank'>\n      Visit Pega!\n    </Link>\n  );\n};\n"]}

package/jsx/core/List/CommaSeparatedList.stories.d.ts

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

package/jsx/core/List/CommaSeparatedList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommaSeparatedList.stories.d.ts","sourceRoot":"","sources":["../../../src/core/List/CommaSeparatedList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAsB,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;;AAEtF,wBAGU;AAEV,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,uBAAuB,CAqBjE,CAAC"}

package/jsx/core/List/CommaSeparatedList.stories.jsx

@@ -0,0 +1,31 @@
+import { CommaSeparatedList } from '@pega/cosmos-react-core';
+export default {
+    title: 'Core/List',
+    component: CommaSeparatedList
+};
+export const CommaSeparatedListDemo = (args) => {
+    const items = [
+        'Value 1',
+        'Value 2',
+        'Value 3',
+        'Value 4',
+        'Value 5',
+        'Value 6',
+        'Value 7',
+        'Value 8',
+        'Value 9',
+        'Value 10',
+        'Value 11',
+        'Value 12',
+        'Value 13',
+        'Value 14'
+    ];
+    return <CommaSeparatedList heading={args.heading} items={items}/>;
+};
+CommaSeparatedListDemo.args = {
+    heading: 'List Heading'
+};
+CommaSeparatedListDemo.argTypes = {
+    heading: { control: { type: 'text' } }
+};
+//# sourceMappingURL=CommaSeparatedList.stories.jsx.map

package/jsx/core/List/CommaSeparatedList.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommaSeparatedList.stories.jsx","sourceRoot":"","sources":["../../../src/core/List/CommaSeparatedList.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAA2B,MAAM,yBAAyB,CAAC;AAEtF,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,kBAAkB;CACtB,CAAC;AAEV,MAAM,CAAC,MAAM,sBAAsB,GAAmC,CACpE,IAA6B,EAC7B,EAAE;IACF,MAAM,KAAK,GAAG;QACZ,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;KACX,CAAC;IAEF,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC;AACrE,CAAC,CAAC;AAEF,sBAAsB,CAAC,IAAI,GAAG;IAC5B,OAAO,EAAE,cAAc;CACxB,CAAC;AAEF,sBAAsB,CAAC,QAAQ,GAAG;IAChC,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACvC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport { CommaSeparatedList, CommaSeparatedListProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/List',\n  component: CommaSeparatedList\n} as Meta;\n\nexport const CommaSeparatedListDemo: Story<CommaSeparatedListProps> = (\n  args: CommaSeparatedListProps\n) => {\n  const items = [\n    'Value 1',\n    'Value 2',\n    'Value 3',\n    'Value 4',\n    'Value 5',\n    'Value 6',\n    'Value 7',\n    'Value 8',\n    'Value 9',\n    'Value 10',\n    'Value 11',\n    'Value 12',\n    'Value 13',\n    'Value 14'\n  ];\n\n  return <CommaSeparatedList heading={args.heading} items={items} />;\n};\n\nCommaSeparatedListDemo.args = {\n  heading: 'List Heading'\n};\n\nCommaSeparatedListDemo.argTypes = {\n  heading: { control: { type: 'text' } }\n};\n"]}

package/jsx/core/List/OrderedList.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, Story } from '@storybook/react';
+import { OrderedListProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+interface OrderedListStoryProps {
+    itemsToShow: number;
+    heading: OrderedListProps['heading'];
+}
+export declare const OrderedListDemo: Story<OrderedListStoryProps>;
+//# sourceMappingURL=OrderedList.stories.d.ts.map

package/jsx/core/List/OrderedList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.stories.d.ts","sourceRoot":"","sources":["../../../src/core/List/OrderedList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAE,gBAAgB,EAAe,MAAM,yBAAyB,CAAC;;AAExE,wBAGU;AAEV,UAAU,qBAAqB;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,qBAAqB,CA+BxD,CAAC"}

package/jsx/core/List/OrderedList.stories.jsx

@@ -0,0 +1,38 @@
+import { useState, useEffect } from 'react';
+import { OrderedList } from '@pega/cosmos-react-core';
+export default {
+    title: 'Core/List',
+    component: OrderedList
+};
+export const OrderedListDemo = (args) => {
+    const [limit, setLimit] = useState(0);
+    const items = [
+        'Value 1',
+        ['Value 2', 'Value 3', 'Value 4', ['Value 5', 'Value 6', 'Value 7', 'Value 8']],
+        'Value 9',
+        'Value 10',
+        'Value 11',
+        'Value 12'
+    ];
+    useEffect(() => {
+        setLimit(args.itemsToShow);
+    }, [args.itemsToShow]);
+    const handleToggleShow = () => {
+        if (limit === args.itemsToShow) {
+            setLimit(items.flat().length);
+        }
+        else {
+            setLimit(args.itemsToShow);
+        }
+    };
+    return (<OrderedList onToggleShow={handleToggleShow} heading={args.heading} items={items.slice(0, limit)} count={items.flat().length}/>);
+};
+OrderedListDemo.args = {
+    heading: 'List Heading',
+    itemsToShow: 3
+};
+OrderedListDemo.argTypes = {
+    heading: { control: { type: 'text' } },
+    itemsToShow: { control: { type: 'number' } }
+};
+//# sourceMappingURL=OrderedList.stories.jsx.map

package/jsx/core/List/OrderedList.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.stories.jsx","sourceRoot":"","sources":["../../../src/core/List/OrderedList.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAoB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAExE,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,WAAW;CACf,CAAC;AAOV,MAAM,CAAC,MAAM,eAAe,GAAiC,CAAC,IAA2B,EAAE,EAAE;IAC3F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG;QACZ,SAAS;QACT,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;QAC/E,SAAS;QACT,UAAU;QACV,UAAU;QACV,UAAU;KACX,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IAEvB,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE;YAC9B,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC;SAC/B;aAAM;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,WAAW,CACV,YAAY,CAAC,CAAC,gBAAgB,CAAC,CAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAC7B,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG;IACrB,OAAO,EAAE,cAAc;IACvB,WAAW,EAAE,CAAC;CACf,CAAC;AAEF,eAAe,CAAC,QAAQ,GAAG;IACzB,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CAC7C,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useState, useEffect } from 'react';\n\nimport { OrderedListProps, OrderedList } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/List',\n  component: OrderedList\n} as Meta;\n\ninterface OrderedListStoryProps {\n  itemsToShow: number;\n  heading: OrderedListProps['heading'];\n}\n\nexport const OrderedListDemo: Story<OrderedListStoryProps> = (args: OrderedListStoryProps) => {\n  const [limit, setLimit] = useState(0);\n  const items = [\n    'Value 1',\n    ['Value 2', 'Value 3', 'Value 4', ['Value 5', 'Value 6', 'Value 7', 'Value 8']],\n    'Value 9',\n    'Value 10',\n    'Value 11',\n    'Value 12'\n  ];\n\n  useEffect(() => {\n    setLimit(args.itemsToShow);\n  }, [args.itemsToShow]);\n\n  const handleToggleShow = () => {\n    if (limit === args.itemsToShow) {\n      setLimit(items.flat().length);\n    } else {\n      setLimit(args.itemsToShow);\n    }\n  };\n\n  return (\n    <OrderedList\n      onToggleShow={handleToggleShow}\n      heading={args.heading}\n      items={items.slice(0, limit)}\n      count={items.flat().length}\n    />\n  );\n};\n\nOrderedListDemo.args = {\n  heading: 'List Heading',\n  itemsToShow: 3\n};\n\nOrderedListDemo.argTypes = {\n  heading: { control: { type: 'text' } },\n  itemsToShow: { control: { type: 'number' } }\n};\n"]}

package/jsx/core/List/UnorderedList.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, Story } from '@storybook/react';
+import { UnorderedListProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+interface UnorderedListStoryProps {
+    itemsToShow: number;
+    heading: UnorderedListProps['heading'];
+}
+export declare const UnorderedListDemo: Story<UnorderedListStoryProps>;
+//# sourceMappingURL=UnorderedList.stories.d.ts.map

package/jsx/core/List/UnorderedList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList.stories.d.ts","sourceRoot":"","sources":["../../../src/core/List/UnorderedList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAE,kBAAkB,EAAiB,MAAM,yBAAyB,CAAC;;AAE5E,wBAGU;AAEV,UAAU,uBAAuB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,uBAAuB,CAiC5D,CAAC"}

package/jsx/core/List/UnorderedList.stories.jsx

@@ -0,0 +1,38 @@
+import { useState, useEffect } from 'react';
+import { UnorderedList } from '@pega/cosmos-react-core';
+export default {
+    title: 'Core/List',
+    component: UnorderedList
+};
+export const UnorderedListDemo = (args) => {
+    const [limit, setLimit] = useState(0);
+    const items = [
+        'Value 1',
+        ['Value 2', 'Value 3', 'Value 4', ['Value 5', 'Value 6', 'Value 7', 'Value 8']],
+        'Value 9',
+        'Value 10',
+        'Value 11',
+        'Value 12'
+    ];
+    useEffect(() => {
+        setLimit(args.itemsToShow);
+    }, [args.itemsToShow]);
+    const handleToggleShow = () => {
+        if (limit === args.itemsToShow) {
+            setLimit(items.flat().length);
+        }
+        else {
+            setLimit(args.itemsToShow);
+        }
+    };
+    return (<UnorderedList onToggleShow={handleToggleShow} heading={args.heading} items={items.slice(0, limit)} count={items.flat().length}/>);
+};
+UnorderedListDemo.args = {
+    heading: 'List Heading',
+    itemsToShow: 3
+};
+UnorderedListDemo.argTypes = {
+    heading: { control: { type: 'text' } },
+    itemsToShow: { control: { type: 'number' } }
+};
+//# sourceMappingURL=UnorderedList.stories.jsx.map

package/jsx/core/List/UnorderedList.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList.stories.jsx","sourceRoot":"","sources":["../../../src/core/List/UnorderedList.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAsB,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE5E,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,aAAa;CACjB,CAAC;AAOV,MAAM,CAAC,MAAM,iBAAiB,GAAmC,CAC/D,IAA6B,EAC7B,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG;QACZ,SAAS;QACT,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;QAC/E,SAAS;QACT,UAAU;QACV,UAAU;QACV,UAAU;KACX,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IAEvB,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE;YAC9B,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC;SAC/B;aAAM;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,aAAa,CACZ,YAAY,CAAC,CAAC,gBAAgB,CAAC,CAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAC7B,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,IAAI,GAAG;IACvB,OAAO,EAAE,cAAc;IACvB,WAAW,EAAE,CAAC;CACf,CAAC;AAEF,iBAAiB,CAAC,QAAQ,GAAG;IAC3B,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CAC7C,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useState, useEffect } from 'react';\n\nimport { UnorderedListProps, UnorderedList } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/List',\n  component: UnorderedList\n} as Meta;\n\ninterface UnorderedListStoryProps {\n  itemsToShow: number;\n  heading: UnorderedListProps['heading'];\n}\n\nexport const UnorderedListDemo: Story<UnorderedListStoryProps> = (\n  args: UnorderedListStoryProps\n) => {\n  const [limit, setLimit] = useState(0);\n  const items = [\n    'Value 1',\n    ['Value 2', 'Value 3', 'Value 4', ['Value 5', 'Value 6', 'Value 7', 'Value 8']],\n    'Value 9',\n    'Value 10',\n    'Value 11',\n    'Value 12'\n  ];\n\n  useEffect(() => {\n    setLimit(args.itemsToShow);\n  }, [args.itemsToShow]);\n\n  const handleToggleShow = () => {\n    if (limit === args.itemsToShow) {\n      setLimit(items.flat().length);\n    } else {\n      setLimit(args.itemsToShow);\n    }\n  };\n\n  return (\n    <UnorderedList\n      onToggleShow={handleToggleShow}\n      heading={args.heading}\n      items={items.slice(0, limit)}\n      count={items.flat().length}\n    />\n  );\n};\n\nUnorderedListDemo.args = {\n  heading: 'List Heading',\n  itemsToShow: 3\n};\n\nUnorderedListDemo.argTypes = {\n  heading: { control: { type: 'text' } },\n  itemsToShow: { control: { type: 'number' } }\n};\n"]}

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

@@ -0,0 +1,12 @@
+import { Meta, Story } from '@storybook/react';
+import { LocationDisplayProps, LocationInputProps, LocationViewProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+interface APIKey {
+    apiKey?: string;
+}
+export declare const LocationDemo: Story<LocationInputProps & APIKey>;
+export declare const LocationInputDemo: Story<LocationInputProps & APIKey>;
+export declare const LocationViewDemo: Story<LocationViewProps & APIKey>;
+export declare const LocationDisplayDemo: Story<LocationDisplayProps & APIKey>;
+//# sourceMappingURL=Location.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Location.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Location/Location.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAGL,oBAAoB,EAEpB,kBAAkB,EAElB,iBAAiB,EAElB,MAAM,yBAAyB,CAAC;;AAEjC,wBAGU;AAEV,UAAU,MAAM;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,kBAAkB,GAAG,MAAM,CA4C3D,CAAC;AA8BF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,kBAAkB,GAAG,MAAM,CAyBhE,CAAC;AAwBF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,GAAG,MAAM,CAoB9D,CAAC;AAkBF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,oBAAoB,GAAG,MAAM,CAcpE,CAAC"}

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

@@ -0,0 +1,4 @@
+import { MenuProps } from '@pega/cosmos-react-core';
+export declare const countries: MenuProps['items'];
+export declare const cars: MenuProps['items'];
+//# sourceMappingURL=Menu.mocks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/Menu/Menu.mocks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,eAAO,MAAM,SAAS,EAAE,SAAS,CAAC,OAAO,CAyGxC,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,SAAS,CAAC,OAAO,CAyEnC,CAAC"}