@pega/cosmos-react-demos 6.6.0 → 6.6.2

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

@@ -1,156 +0,0 @@
-import { useEffect, useState, useCallback, useReducer, useRef } from 'react';
-import { Banner, Button, Configuration, Flex, Form, Input } from '@pega/cosmos-react-core';
-import { AppShellDemo } from '../AppShell/AppShell.stories';
-import { loadingTimeoutMS } from '../Progress/Progress.mocks';
-import { demoFields, fieldReducer, formActions } from './Banner.mocks';
-export default {
-    title: 'Core/Banner',
-    component: Banner,
-    excludeStories: ['ConfigurableErrorBanner']
-};
-export const BannerDemo = (args) => {
-    const [show, setShow] = useState(true);
-    const bannerHandleRef = useRef(null);
-    const action = args.actions
-        ? {
-            text: `Individual ${args.variant} action.`,
-            onClick: e => {
-                e.preventDefault();
-            },
-            href: 'https://pega.com'
-        }
-        : undefined;
-    const sliceMessages = (messages, count) => {
-        const currentMessages = [];
-        let currentCount = 0;
-        messages.forEach(msg => {
-            if (currentCount < count) {
-                currentCount += 1;
-                if (typeof msg === 'string') {
-                    currentMessages.push(msg);
-                }
-                else if (!msg.items) {
-                    currentMessages.push({ ...msg, action });
-                }
-                else {
-                    const [items, subCount] = sliceMessages(msg.items, count - currentCount);
-                    currentCount += subCount;
-                    currentMessages.push({
-                        ...msg,
-                        action,
-                        items: items.length > 0 ? items : undefined
-                    });
-                }
-            }
-        });
-        return [currentMessages, currentCount];
-    };
-    const [messagesToRender] = sliceMessages([
-        {
-            label: `Individual ${args.variant} label.`,
-            description: args.descriptions
-                ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
-                : undefined
-        },
-        {
-            label: `Individual ${args.variant} label.`,
-            description: args.descriptions ? `Individual ${args.variant} description.` : undefined
-        },
-        `Individual ${args.variant} label.`,
-        {
-            label: `Individual ${args.variant} label.`,
-            description: args.descriptions
-                ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
-                : undefined
-        },
-        {
-            label: `Grandparent ${args.variant} label.`,
-            items: [
-                {
-                    label: `Parent ${args.variant} label.`,
-                    items: [`Child ${args.variant} label.`]
-                }
-            ]
-        }
-    ], args.count ?? Infinity);
-    return (<Flex container={{ direction: 'column', gap: 2 }}>
-      {show ? (<Banner variant={args.variant} messages={messagesToRender} onDismiss={() => setShow(false)} handle={bannerHandleRef}/>) : (<Button onClick={() => setShow(true)}>Open banner</Button>)}
-      {!args.disableFocusControl && (<Button onClick={() => bannerHandleRef.current?.focus()} style={{ maxWidth: 'fit-content' }}>
-          Focus
-        </Button>)}
-    </Flex>);
-};
-BannerDemo.args = {
-    variant: 'info',
-    count: 7,
-    descriptions: true,
-    actions: true
-};
-BannerDemo.argTypes = {
-    variant: { options: ['urgent', 'warning', 'success', 'info'], control: { type: 'select' } },
-    count: { control: { type: 'range', min: 1, max: 7 } },
-    descriptions: { control: { type: 'boolean' } },
-    actions: { control: { type: 'boolean' } }
-};
-export const ConfigurableErrorBanner = (args) => {
-    return (<Configuration theme={{
-            components: {
-                banner: {
-                    urgent: {
-                        background: args.background
-                    }
-                }
-            }
-        }}>
-      <Banner variant='urgent' messages={['Your request failed to send!', 'Please review your request and try again']}/>
-    </Configuration>);
-};
-ConfigurableErrorBanner.args = {
-    background: '#d91c29'
-};
-ConfigurableErrorBanner.argTypes = {
-    background: { control: { type: 'color' } }
-};
-export const ShownInForm = () => {
-    const [fields, setField] = useReducer(fieldReducer, demoFields);
-    const [loading, setLoading] = useState(false);
-    const [banner, setBanner] = useState();
-    const bannerHandleRef = useRef(null);
-    const onSubmit = useCallback((e) => {
-        e.preventDefault();
-        setLoading(true);
-        setTimeout(() => {
-            const errorFields = fields.filter(field => !field.validator(field.value));
-            let variant = 'success';
-            let messages = fields.map(f => `${f.name} was typed perfectly`);
-            if (errorFields.length > 0) {
-                variant = 'urgent';
-                messages = errorFields.map(f => `${f.name} was not typed correctly`);
-            }
-            setLoading(false);
-            setBanner(<Banner variant={variant} messages={messages} onDismiss={() => {
-                    setBanner(false);
-                }} handle={bannerHandleRef}/>);
-        }, loadingTimeoutMS);
-    }, []);
-    useEffect(() => {
-        if (banner && fields.some(field => !field.validator(field.value)) && bannerHandleRef.current)
-            bannerHandleRef.current.focus();
-    }, [banner]);
-    return (<Form banners={banner} actions={formActions} onSubmit={onSubmit} progress={loading ? 'Submitting...' : undefined} style={{ margin: 'auto', padding: '2.5rem', maxWidth: '37.5rem' }}>
-      {fields.map((field) => {
-            return (<Input key={field.name} name={field.name} label={field.label} info={field.info} value={field.value} onChange={(e) => setField(e.target)}/>);
-        })}
-    </Form>);
-};
-export const ShownInAppShell = () => {
-    const [hasBanner, setHasBanner] = useState(true);
-    return (<AppShellDemo banners={hasBanner && (<Banner onDismiss={() => setHasBanner(false)} variant='success' messages={[
-                'Uploaded pega_data.json successfully',
-                'Uploaded business-earnings.xlsx successfully'
-            ]}/>)}/>);
-};
-ShownInAppShell.parameters = {
-    layout: 'fullscreen'
-};
-//# sourceMappingURL=Banner.stories.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.stories.jsx","sourceRoot":"","sources":["../../../src/core/Banner/Banner.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useEffect, useState, useCallback, useReducer, useRef } from 'react';\nimport type { FormEvent } from 'react';\n\nimport { Banner, Button, Configuration, Flex, Form, Input } from '@pega/cosmos-react-core';\nimport type { BannerProps, BannerMessage, BannerHandleValue } from '@pega/cosmos-react-core';\n\nimport { AppShellDemo } from '../AppShell/AppShell.stories';\nimport { loadingTimeoutMS } from '../Progress/Progress.mocks';\n\nimport { demoFields, fieldReducer, formActions } from './Banner.mocks';\nimport type { DemoFormField } from './Banner.mocks';\n\nexport default {\n  title: 'Core/Banner',\n  component: Banner,\n  excludeStories: ['ConfigurableErrorBanner']\n} as Meta;\n\ninterface BannerDemoProps extends Pick<BannerProps, 'variant'> {\n  count?: number;\n  descriptions?: boolean;\n  actions?: boolean;\n  disableFocusControl?: boolean;\n}\n\nexport const BannerDemo: StoryFn<BannerDemoProps> = (args: BannerDemoProps) => {\n  const [show, setShow] = useState(true);\n  const bannerHandleRef = useRef<BannerHandleValue>(null);\n\n  const action: BannerMessage['action'] = args.actions\n    ? {\n        text: `Individual ${args.variant} action.`,\n        onClick: e => {\n          e.preventDefault();\n        },\n        href: 'https://pega.com'\n      }\n    : undefined;\n\n  const sliceMessages = (\n    messages: BannerProps['messages'],\n    count: number\n  ): [messages: BannerProps['messages'], count: number] => {\n    const currentMessages: BannerProps['messages'] = [];\n    let currentCount = 0;\n\n    messages.forEach(msg => {\n      if (currentCount < count) {\n        currentCount += 1;\n\n        if (typeof msg === 'string') {\n          currentMessages.push(msg);\n        } else if (!msg.items) {\n          currentMessages.push({ ...msg, action });\n        } else {\n          const [items, subCount] = sliceMessages(msg.items, count - currentCount);\n          currentCount += subCount;\n          currentMessages.push({\n            ...msg,\n            action,\n            items: items.length > 0 ? items : undefined\n          });\n        }\n      }\n    });\n\n    return [currentMessages, currentCount];\n  };\n\n  const [messagesToRender] = sliceMessages(\n    [\n      {\n        label: `Individual ${args.variant} label.`,\n        description: args.descriptions\n          ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'\n          : undefined\n      },\n      {\n        label: `Individual ${args.variant} label.`,\n        description: args.descriptions ? `Individual ${args.variant} description.` : undefined\n      },\n      `Individual ${args.variant} label.`,\n      {\n        label: `Individual ${args.variant} label.`,\n        description: args.descriptions\n          ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'\n          : undefined\n      },\n      {\n        label: `Grandparent ${args.variant} label.`,\n        items: [\n          {\n            label: `Parent ${args.variant} label.`,\n            items: [`Child ${args.variant} label.`]\n          }\n        ]\n      }\n    ],\n    args.count ?? Infinity\n  );\n\n  return (\n    <Flex container={{ direction: 'column', gap: 2 }}>\n      {show ? (\n        <Banner\n          variant={args.variant}\n          messages={messagesToRender}\n          onDismiss={() => setShow(false)}\n          handle={bannerHandleRef}\n        />\n      ) : (\n        <Button onClick={() => setShow(true)}>Open banner</Button>\n      )}\n      {!args.disableFocusControl && (\n        <Button\n          onClick={() => bannerHandleRef.current?.focus()}\n          style={{ maxWidth: 'fit-content' }}\n        >\n          Focus\n        </Button>\n      )}\n    </Flex>\n  );\n};\n\nBannerDemo.args = {\n  variant: 'info',\n  count: 7,\n  descriptions: true,\n  actions: true\n};\n\nBannerDemo.argTypes = {\n  variant: { options: ['urgent', 'warning', 'success', 'info'], control: { type: 'select' } },\n  count: { control: { type: 'range', min: 1, max: 7 } },\n  descriptions: { control: { type: 'boolean' } },\n  actions: { control: { type: 'boolean' } }\n};\n\ninterface ConfigurableErrorBannerProps {\n  background?: string;\n}\n\nexport const ConfigurableErrorBanner: StoryFn<ConfigurableErrorBannerProps> = (\n  args: ConfigurableErrorBannerProps\n) => {\n  return (\n    <Configuration\n      theme={{\n        components: {\n          banner: {\n            urgent: {\n              background: args.background\n            }\n          }\n        }\n      }}\n    >\n      <Banner\n        variant='urgent'\n        messages={['Your request failed to send!', 'Please review your request and try again']}\n      />\n    </Configuration>\n  );\n};\n\nConfigurableErrorBanner.args = {\n  background: '#d91c29'\n};\n\nConfigurableErrorBanner.argTypes = {\n  background: { control: { type: 'color' } }\n};\n\n// -----------------------------------------------------------------------------\n// Form story\n// -----------------------------------------------------------------------------\n\nexport const ShownInForm: StoryFn = () => {\n  const [fields, setField] = useReducer(fieldReducer, demoFields);\n  const [loading, setLoading] = useState(false);\n  const [banner, setBanner] = useState<any>();\n  const bannerHandleRef = useRef<BannerHandleValue>(null);\n\n  const onSubmit = useCallback((e: FormEvent) => {\n    e.preventDefault();\n    setLoading(true);\n    setTimeout(() => {\n      const errorFields = fields.filter(field => !field.validator(field.value));\n      let variant: 'success' | 'urgent' = 'success';\n      let messages = fields.map(f => `${f.name} was typed perfectly`);\n\n      if (errorFields.length > 0) {\n        variant = 'urgent';\n        messages = errorFields.map(f => `${f.name} was not typed correctly`);\n      }\n\n      setLoading(false);\n      setBanner(\n        <Banner\n          variant={variant}\n          messages={messages}\n          onDismiss={() => {\n            setBanner(false);\n          }}\n          handle={bannerHandleRef}\n        />\n      );\n    }, loadingTimeoutMS);\n  }, []);\n\n  useEffect(() => {\n    if (banner && fields.some(field => !field.validator(field.value)) && bannerHandleRef.current)\n      bannerHandleRef.current.focus();\n  }, [banner]);\n\n  return (\n    <Form\n      banners={banner}\n      actions={formActions}\n      onSubmit={onSubmit}\n      progress={loading ? 'Submitting...' : undefined}\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            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// AppShell story\n// -----------------------------------------------------------------------------\nexport const ShownInAppShell: StoryFn = () => {\n  const [hasBanner, setHasBanner] = useState(true);\n  return (\n    <AppShellDemo\n      banners={\n        hasBanner && (\n          <Banner\n            onDismiss={() => setHasBanner(false)}\n            variant='success'\n            messages={[\n              'Uploaded pega_data.json successfully',\n              'Uploaded business-earnings.xlsx successfully'\n            ]}\n          />\n        )\n      }\n    />\n  );\n};\n\nShownInAppShell.parameters = {\n  layout: 'fullscreen'\n};\n"]}

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

@@ -1,6 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { BooleanDisplayProps } 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 BooleanDisplayDemo: StoryFn<BooleanDisplayProps>;
-//# sourceMappingURL=BooleanDisplay.stories.d.ts.map

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

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

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

@@ -1,19 +0,0 @@
-import { BooleanDisplay } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Boolean',
-    component: BooleanDisplay
-};
-export const BooleanDisplayDemo = (args) => {
-    return (<BooleanDisplay value={args.value} trueLabel={args.trueLabel} falseLabel={args.falseLabel}/>);
-};
-BooleanDisplayDemo.args = {
-    value: true,
-    trueLabel: 'Yes',
-    falseLabel: 'No'
-};
-BooleanDisplayDemo.argTypes = {
-    value: { control: { type: 'boolean' } },
-    trueLabel: { control: { type: 'text' } },
-    falseLabel: { control: { type: 'text' } }
-};
-//# sourceMappingURL=BooleanDisplay.stories.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BooleanDisplay.stories.jsx","sourceRoot":"","sources":["../../../src/core/Boolean/BooleanDisplay.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGzD,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,cAAc;CAClB,CAAC;AAEV,MAAM,CAAC,MAAM,kBAAkB,GAAiC,CAAC,IAAyB,EAAE,EAAE;IAC5F,OAAO,CACL,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAG,CAC9F,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,IAAI,GAAG;IACxB,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,IAAI;CACjB,CAAC;AAEF,kBAAkB,CAAC,QAAQ,GAAG;IAC5B,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACvC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACxC,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CAC1C,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { BooleanDisplay } from '@pega/cosmos-react-core';\nimport type { BooleanDisplayProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Boolean',\n  component: BooleanDisplay\n} as Meta;\n\nexport const BooleanDisplayDemo: StoryFn<BooleanDisplayProps> = (args: BooleanDisplayProps) => {\n  return (\n    <BooleanDisplay value={args.value} trueLabel={args.trueLabel} falseLabel={args.falseLabel} />\n  );\n};\n\nBooleanDisplayDemo.args = {\n  value: true,\n  trueLabel: 'Yes',\n  falseLabel: 'No'\n};\n\nBooleanDisplayDemo.argTypes = {\n  value: { control: { type: 'boolean' } },\n  trueLabel: { control: { type: 'text' } },\n  falseLabel: { control: { type: 'text' } }\n};\n"]}

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

@@ -1,2 +0,0 @@
-export declare const mockCopy: string[];
-//# sourceMappingURL=Breadcrumbs.mocks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/Breadcrumbs/Breadcrumbs.mocks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,UAMpB,CAAC"}

package/jsx/core/Breadcrumbs/Breadcrumbs.mocks.js

@@ -1,8 +0,0 @@
-export const mockCopy = [
-    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus gravida augue nec fermentum.',
-    'Maximus gravida augue nec fermentum. In tincidunt ex eu mi tincidunt.',
-    'Phasellus commodo, diam ut rhoncus auctor, dui ipsum viverra felis, eu varius orci ipsum ac elit.',
-    'Nunc maximus gravida augue nec fermentum. In tincidunt ex eu mi tincidunt.',
-    'In tincidunt ex eu mi tincidunt, a lobortis nunc tempor.'
-];
-//# sourceMappingURL=Breadcrumbs.mocks.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.mocks.js","sourceRoot":"","sources":["../../../src/core/Breadcrumbs/Breadcrumbs.mocks.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,oGAAoG;IACpG,uEAAuE;IACvE,mGAAmG;IACnG,4EAA4E;IAC5E,0DAA0D;CAC3D,CAAC","sourcesContent":["export const mockCopy = [\n  'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus gravida augue nec fermentum.',\n  'Maximus gravida augue nec fermentum. In tincidunt ex eu mi tincidunt.',\n  'Phasellus commodo, diam ut rhoncus auctor, dui ipsum viverra felis, eu varius orci ipsum ac elit.',\n  'Nunc maximus gravida augue nec fermentum. In tincidunt ex eu mi tincidunt.',\n  'In tincidunt ex eu mi tincidunt, a lobortis nunc tempor.'\n];\n"]}

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

@@ -1,11 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { BreadcrumbsProps } 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 StoryArgs {
-    leafOnly?: BreadcrumbsProps['leafOnly'];
-    longText?: boolean;
-}
-export declare const BreadcrumbsDemo: StoryFn<StoryArgs>;
-export declare const ContainedBreadcrumbs: StoryFn<StoryArgs>;
-//# sourceMappingURL=Breadcrumbs.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;;AAKhE,wBAGU;AAEV,UAAU,SAAS;IACjB,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,SAAS,CA6B9C,CAAC;AAYF,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,SAAS,CAkBnD,CAAC"}

package/jsx/core/Breadcrumbs/Breadcrumbs.stories.jsx

@@ -1,69 +0,0 @@
-import { Breadcrumbs, Card } from '@pega/cosmos-react-core';
-import { StyledCard } from './Breadcrumbs.styles';
-import { mockCopy } from './Breadcrumbs.mocks';
-export default {
-    title: 'Core/Breadcrumbs',
-    component: Breadcrumbs
-};
-export const BreadcrumbsDemo = (args) => {
-    const crumbs = [
-        {
-            id: 'Plan information',
-            primary: args.longText ? mockCopy[0] : 'Plan information',
-            href: '#plan-information'
-        },
-        {
-            id: 'View benefit',
-            primary: args.longText ? mockCopy[1] : 'View benefit',
-            href: '#view-benefit'
-        },
-        {
-            id: 'Benefit usage',
-            primary: args.longText ? mockCopy[2] : 'Benefit usage',
-            href: '#benefit-usage'
-        },
-        {
-            id: 'Plan claims',
-            primary: args.longText ? mockCopy[3] : 'Plan claims',
-            href: '#plan-claims'
-        },
-        {
-            id: 'View benefit claims',
-            primary: args.longText ? mockCopy[4] : 'View benefit claims'
-        }
-    ];
-    return <Breadcrumbs path={crumbs} leafOnly={args.leafOnly}/>;
-};
-BreadcrumbsDemo.args = {
-    leafOnly: false,
-    longText: false
-};
-BreadcrumbsDemo.argTypes = {
-    leafOnly: { control: { type: 'boolean' } },
-    longText: { control: { type: 'boolean' } }
-};
-export const ContainedBreadcrumbs = (args) => {
-    const crumbs = [
-        { id: 'Plan information', primary: 'Plan information', href: '#plan-information' },
-        {
-            id: 'View benefit',
-            primary: args.longText ? mockCopy[0] : 'View benefit',
-            href: '#view-benefit'
-        },
-        { id: 'Benefit usage', primary: 'Benefit usage', href: '#benefit-usage' },
-        { id: 'Plan claims', primary: 'Plan claims', href: '#plan-claims' },
-        { id: 'View benefit claims', primary: args.longText ? mockCopy[1] : 'View benefit claims' }
-    ];
-    return (<Card as={StyledCard}>
-      <Breadcrumbs path={crumbs} leafOnly={args.leafOnly}/>
-    </Card>);
-};
-ContainedBreadcrumbs.args = {
-    leafOnly: false,
-    longText: false
-};
-ContainedBreadcrumbs.argTypes = {
-    leafOnly: { control: { type: 'boolean' } },
-    longText: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=Breadcrumbs.stories.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.stories.jsx","sourceRoot":"","sources":["../../../src/core/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG5D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,WAAW;CACf,CAAC;AAOV,MAAM,CAAC,MAAM,eAAe,GAAuB,CAAC,IAAe,EAAE,EAAE;IACrE,MAAM,MAAM,GAAG;QACb;YACE,EAAE,EAAE,kBAAkB;YACtB,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB;YACzD,IAAI,EAAE,mBAAmB;SAC1B;QACD;YACE,EAAE,EAAE,cAAc;YAClB,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc;YACrD,IAAI,EAAE,eAAe;SACtB;QACD;YACE,EAAE,EAAE,eAAe;YACnB,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe;YACtD,IAAI,EAAE,gBAAgB;SACvB;QACD;YACE,EAAE,EAAE,aAAa;YACjB,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa;YACpD,IAAI,EAAE,cAAc;SACrB;QACD;YACE,EAAE,EAAE,qBAAqB;YACzB,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB;SAC7D;KACF,CAAC;IAEF,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAG,CAAC;AAChE,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG;IACrB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,eAAe,CAAC,QAAQ,GAAG;IACzB,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAuB,CAAC,IAAe,EAAE,EAAE;IAC1E,MAAM,MAAM,GAAG;QACb,EAAE,EAAE,EAAE,kBAAkB,EAAE,OAAO,EAAE,kBAAkB,EAAE,IAAI,EAAE,mBAAmB,EAAE;QAClF;YACE,EAAE,EAAE,cAAc;YAClB,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc;YACrD,IAAI,EAAE,eAAe;SACtB;QACD,EAAE,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,gBAAgB,EAAE;QACzE,EAAE,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,cAAc,EAAE;QACnE,EAAE,EAAE,EAAE,qBAAqB,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE;KAC5F,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CACnB;MAAA,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EACrD;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,IAAI,GAAG;IAC1B,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,oBAAoB,CAAC,QAAQ,GAAG;IAC9B,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAC3C,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Breadcrumbs, Card } from '@pega/cosmos-react-core';\nimport type { BreadcrumbsProps } from '@pega/cosmos-react-core';\n\nimport { StyledCard } from './Breadcrumbs.styles';\nimport { mockCopy } from './Breadcrumbs.mocks';\n\nexport default {\n  title: 'Core/Breadcrumbs',\n  component: Breadcrumbs\n} as Meta;\n\ninterface StoryArgs {\n  leafOnly?: BreadcrumbsProps['leafOnly'];\n  longText?: boolean;\n}\n\nexport const BreadcrumbsDemo: StoryFn<StoryArgs> = (args: StoryArgs) => {\n  const crumbs = [\n    {\n      id: 'Plan information',\n      primary: args.longText ? mockCopy[0] : 'Plan information',\n      href: '#plan-information'\n    },\n    {\n      id: 'View benefit',\n      primary: args.longText ? mockCopy[1] : 'View benefit',\n      href: '#view-benefit'\n    },\n    {\n      id: 'Benefit usage',\n      primary: args.longText ? mockCopy[2] : 'Benefit usage',\n      href: '#benefit-usage'\n    },\n    {\n      id: 'Plan claims',\n      primary: args.longText ? mockCopy[3] : 'Plan claims',\n      href: '#plan-claims'\n    },\n    {\n      id: 'View benefit claims',\n      primary: args.longText ? mockCopy[4] : 'View benefit claims'\n    }\n  ];\n\n  return <Breadcrumbs path={crumbs} leafOnly={args.leafOnly} />;\n};\n\nBreadcrumbsDemo.args = {\n  leafOnly: false,\n  longText: false\n};\n\nBreadcrumbsDemo.argTypes = {\n  leafOnly: { control: { type: 'boolean' } },\n  longText: { control: { type: 'boolean' } }\n};\n\nexport const ContainedBreadcrumbs: StoryFn<StoryArgs> = (args: StoryArgs) => {\n  const crumbs = [\n    { id: 'Plan information', primary: 'Plan information', href: '#plan-information' },\n    {\n      id: 'View benefit',\n      primary: args.longText ? mockCopy[0] : 'View benefit',\n      href: '#view-benefit'\n    },\n    { id: 'Benefit usage', primary: 'Benefit usage', href: '#benefit-usage' },\n    { id: 'Plan claims', primary: 'Plan claims', href: '#plan-claims' },\n    { id: 'View benefit claims', primary: args.longText ? mockCopy[1] : 'View benefit claims' }\n  ];\n\n  return (\n    <Card as={StyledCard}>\n      <Breadcrumbs path={crumbs} leafOnly={args.leafOnly} />\n    </Card>\n  );\n};\n\nContainedBreadcrumbs.args = {\n  leafOnly: false,\n  longText: false\n};\n\nContainedBreadcrumbs.argTypes = {\n  leafOnly: { control: { type: 'boolean' } },\n  longText: { control: { type: 'boolean' } }\n};\n"]}

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

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

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

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

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

@@ -1,18 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { ButtonProps } 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 ButtonVariants: StoryFn<ButtonProps>;
-export declare const DisabledButtons: StoryFn;
-export declare const IconButtons: StoryFn<ButtonProps>;
-export declare const LoadingButtons: StoryFn<ButtonProps>;
-export declare const ButtonAsLink: StoryFn;
-interface ConfigurableButtonProps {
-    borderWidth?: string;
-    borderRadius?: number;
-    color?: string;
-    secondaryColor?: string;
-    padding?: string;
-}
-export declare const ConfigurableButton: StoryFn<ConfigurableButtonProps>;
-//# sourceMappingURL=Button.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;;AAK3D,wBAOU;AAEV,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,WAAW,CAM/C,CAAC;AAeF,eAAO,MAAM,eAAe,EAAE,OAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,WAAW,CAoB5C,CAAC;AAUF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,WAAW,CAM/C,CAAC;AAYF,eAAO,MAAM,YAAY,EAAE,OAM1B,CAAC;AAEF,UAAU,uBAAuB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,uBAAuB,CAoB/D,CAAC"}

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

@@ -1,119 +0,0 @@
-import { Button, Configuration, Flex, Icon, registerIcon } 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/Button',
-    component: Button,
-    excludeStories: ['ConfigurableButton'],
-    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 = (args) => {
-    return (<Flex container={{ alignItems: 'center' }}>
-      <Button variant='primary' label='Icon button primary' icon compact={args.compact}>
-        <Icon name='plus'/>
-      </Button>
-      <Button variant='secondary' label='Icon button secondary' icon compact={args.compact}>
-        <Icon name='plus'/>
-      </Button>
-      <Button variant='simple' label='Icon button simple' icon compact={args.compact}>
-        <Icon name='plus'/>
-      </Button>
-      <Button variant='link' label='Icon button link' icon compact={args.compact}>
-        <Icon name='plus'/>
-      </Button>
-      <Button variant='text' label='Icon button text' icon compact={args.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 ConfigurableButton = (args) => {
-    return (<Configuration theme={{
-            components: {
-                button: {
-                    'border-width': args.borderWidth,
-                    'border-radius': args.borderRadius,
-                    color: args.color,
-                    'secondary-color': args.secondaryColor,
-                    padding: args.padding
-                }
-            }
-        }}>
-      <Button>Configurable Button</Button>
-    </Configuration>);
-};
-ConfigurableButton.args = {
-    borderWidth: '0.0625rem',
-    borderRadius: 9999,
-    color: '#076bc9',
-    secondaryColor: '#ffffff',
-    padding: '0rem 1rem'
-};
-ConfigurableButton.argTypes = {
-    borderWidth: { control: { type: 'text' } },
-    borderRadius: { control: { type: 'number' } },
-    color: { control: { type: 'color' } },
-    secondaryColor: { control: { type: 'color' } },
-    padding: { control: { type: 'text' } }
-};
-//# sourceMappingURL=Button.stories.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.stories.jsx","sourceRoot":"","sources":["../../../src/core/Button/Button.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Button, Configuration, Flex, Icon, registerIcon } from '@pega/cosmos-react-core';\nimport type { ButtonProps } 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/Button',\n  component: Button,\n  excludeStories: ['ConfigurableButton'],\n  parameters: {\n    layout: 'centered'\n  }\n} as Meta;\n\nexport const ButtonVariants: StoryFn<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: StoryFn = () => {\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: StoryFn<ButtonProps> = (args: ButtonProps) => {\n  return (\n    <Flex container={{ alignItems: 'center' }}>\n      <Button variant='primary' label='Icon button primary' icon compact={args.compact}>\n        <Icon name='plus' />\n      </Button>\n      <Button variant='secondary' label='Icon button secondary' icon compact={args.compact}>\n        <Icon name='plus' />\n      </Button>\n      <Button variant='simple' label='Icon button simple' icon compact={args.compact}>\n        <Icon name='plus' />\n      </Button>\n      <Button variant='link' label='Icon button link' icon compact={args.compact}>\n        <Icon name='plus' />\n      </Button>\n      <Button variant='text' label='Icon button text' icon compact={args.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: StoryFn<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: StoryFn = () => {\n  return (\n    <Button variant='primary' href='https://www.pega.com' target='_blank'>\n      Go to pega.com\n    </Button>\n  );\n};\n\ninterface ConfigurableButtonProps {\n  borderWidth?: string;\n  borderRadius?: number;\n  color?: string;\n  secondaryColor?: string;\n  padding?: string;\n}\n\nexport const ConfigurableButton: StoryFn<ConfigurableButtonProps> = (\n  args: ConfigurableButtonProps\n) => {\n  return (\n    <Configuration\n      theme={{\n        components: {\n          button: {\n            'border-width': args.borderWidth,\n            'border-radius': args.borderRadius,\n            color: args.color,\n            'secondary-color': args.secondaryColor,\n            padding: args.padding\n          }\n        }\n      }}\n    >\n      <Button>Configurable Button</Button>\n    </Configuration>\n  );\n};\n\nConfigurableButton.args = {\n  borderWidth: '0.0625rem',\n  borderRadius: 9999,\n  color: '#076bc9',\n  secondaryColor: '#ffffff',\n  padding: '0rem 1rem'\n};\n\nConfigurableButton.argTypes = {\n  borderWidth: { control: { type: 'text' } },\n  borderRadius: { control: { type: 'number' } },\n  color: { control: { type: 'color' } },\n  secondaryColor: { control: { type: 'color' } },\n  padding: { control: { type: 'text' } }\n};\n"]}

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

@@ -1,12 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { CardFooterProps } 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 SimpleCard: StoryFn;
-export declare const FullCard: StoryFn<CardFooterProps>;
-interface ConfigurableCardProps {
-    borderRadius?: string;
-    background?: string;
-}
-export declare const ConfigurableCard: StoryFn<ConfigurableCardProps>;
-//# sourceMappingURL=Card.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAatD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;;AAI/D,wBAOU;AAEV,eAAO,MAAM,UAAU,EAAE,OAaxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,eAAe,CAwC7C,CAAC;AAaF,UAAU,qBAAqB;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,qBAAqB,CAwB3D,CAAC"}