@pega/cosmos-react-demos 4.0.0-dev.20.0 → 4.0.0-dev.21.0

package/lib/wss/PageTemplates/PageTemplates.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/react';
-declare const _default: Meta;
+import type { StoryFn } from '@storybook/react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
 interface BannerPageStoryProps {
     title: string;
@@ -11,5 +11,5 @@ interface BannerPageStoryProps {
     oneColumn?: boolean;
     variant?: 'two-column' | 'narrow-wide' | 'wide-narrow';
 }
-export declare const BannerPageDemo: Story<BannerPageStoryProps>;
+export declare const BannerPageDemo: StoryFn<BannerPageStoryProps>;
 //# sourceMappingURL=PageTemplates.stories.d.ts.map

package/lib/wss/PageTemplates/PageTemplates.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageTemplates.stories.d.ts","sourceRoot":"","sources":["../../../src/wss/PageTemplates/PageTemplates.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAO/C,wBAKU;AAEV,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,GAAG,aAAa,GAAG,aAAa,CAAC;CACxD;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAkCtD,CAAC"}
+{"version":3,"file":"PageTemplates.stories.d.ts","sourceRoot":"","sources":["../../../src/wss/PageTemplates/PageTemplates.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AAOtD,wBAKU;AAEV,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,GAAG,aAAa,GAAG,aAAa,CAAC;CACxD;AAED,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,oBAAoB,CAkCxD,CAAC"}

package/lib/wss/PageTemplates/PageTemplates.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageTemplates.stories.js","sourceRoot":"","sources":["../../../src/wss/PageTemplates/PageTemplates.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,eAAe;IACb,KAAK,EAAE,iCAAiC;IACxC,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACM,CAAC;AAaV,MAAM,CAAC,MAAM,cAAc,GAAgC,CAAC,IAA0B,EAAE,EAAE;IACxF,OAAO,CACL,KAAC,YAAY,IACX,WAAW,EACT,KAAC,UAAU,IACT,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAChD,CAAC,EACC,wBACE,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,0BAEnB,GACH,EAER,CAAC,EACC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,wBACE,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,0BAEnB,GACH,CACP,CAAC,CAAC,CAAC,SAAS,EAEf,MAAM,EAAE;gBACN,OAAO,EAAE,IAAI,CAAC,aAAa;gBAC3B,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,SAAS,EAAE,IAAI,CAAC,SAAS;aAC1B,GACD,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,IAAI,GAAG;IACpB,KAAK,EAAE,kBAAkB;IACzB,OAAO,EAAE,6EAA6E;IACtF,aAAa,EAAE,OAAO;IACtB,eAAe,EAAE,SAAS;IAC1B,eAAe,EACb,oJAAoJ;IACtJ,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,KAAK;IAChB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,cAAc,CAAC,QAAQ,GAAG;IACxB,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACtC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC1E,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAC/C,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC9C,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC3C,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC3C,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CAChG,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport { BannerPage } from '@pega/cosmos-react-wss';\nimport { Text } from '@pega/cosmos-react-core';\n\nimport { AppShellDemo } from '../AppShell/AppShell.stories';\n\nexport default {\n  title: 'Web Self Service/Page Templates',\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface BannerPageStoryProps {\n  title: string;\n  message: string;\n  bannerVariant: 'light' | 'dark';\n  backgroundColor?: string;\n  backgroundImage?: string;\n  tintImage?: boolean;\n  oneColumn?: boolean;\n  variant?: 'two-column' | 'narrow-wide' | 'wide-narrow';\n}\n\nexport const BannerPageDemo: Story<BannerPageStoryProps> = (args: BannerPageStoryProps) => {\n  return (\n    <AppShellDemo\n      mainContent={\n        <BannerPage\n          variant={args.variant ? args.variant : undefined}\n          a={\n            <div>\n              <Text variant='h2' as='h2'>\n                Section A\n              </Text>\n            </div>\n          }\n          b={\n            !args.oneColumn ? (\n              <div>\n                <Text variant='h2' as='h2'>\n                  Section B\n                </Text>\n              </div>\n            ) : undefined\n          }\n          banner={{\n            variant: args.bannerVariant,\n            backgroundColor: args.backgroundColor,\n            title: args.title,\n            message: args.message,\n            backgroundImage: args.backgroundImage,\n            tintImage: args.tintImage\n          }}\n        />\n      }\n    />\n  );\n};\n\nBannerPageDemo.args = {\n  title: 'Banner page demo',\n  message: 'Welcome to the banner page demo, nice to see you. Did you get your haircut?',\n  bannerVariant: 'light',\n  backgroundColor: '#3eb489',\n  backgroundImage:\n    'https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/moraine-lake-and-the-valley-of-the-ten-peaks-in-the-royalty-free-image-1571062944.jpg',\n  tintImage: true,\n  oneColumn: false,\n  variant: undefined\n};\n\nBannerPageDemo.argTypes = {\n  title: { control: { type: 'text' } },\n  message: { control: { type: 'text' } },\n  bannerVariant: { options: ['light', 'dark'], control: { type: 'select' } },\n  backgroundColor: { control: { type: 'color' } },\n  backgroundImage: { control: { type: 'text' } },\n  tintImage: { control: { type: 'boolean' } },\n  oneColumn: { control: { type: 'boolean' } },\n  variant: { options: ['two-column', 'narrow-wide', 'wide-narrow'], control: { type: 'select' } }\n};\n"]}
+{"version":3,"file":"PageTemplates.stories.js","sourceRoot":"","sources":["../../../src/wss/PageTemplates/PageTemplates.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,eAAe;IACb,KAAK,EAAE,iCAAiC;IACxC,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACM,CAAC;AAaV,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,IAA0B,EAAE,EAAE;IAC1F,OAAO,CACL,KAAC,YAAY,IACX,WAAW,EACT,KAAC,UAAU,IACT,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAChD,CAAC,EACC,wBACE,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,0BAEnB,GACH,EAER,CAAC,EACC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,wBACE,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,0BAEnB,GACH,CACP,CAAC,CAAC,CAAC,SAAS,EAEf,MAAM,EAAE;gBACN,OAAO,EAAE,IAAI,CAAC,aAAa;gBAC3B,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,SAAS,EAAE,IAAI,CAAC,SAAS;aAC1B,GACD,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,IAAI,GAAG;IACpB,KAAK,EAAE,kBAAkB;IACzB,OAAO,EAAE,6EAA6E;IACtF,aAAa,EAAE,OAAO;IACtB,eAAe,EAAE,SAAS;IAC1B,eAAe,EACb,oJAAoJ;IACtJ,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,KAAK;IAChB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,cAAc,CAAC,QAAQ,GAAG;IACxB,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACtC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC1E,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAC/C,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC9C,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC3C,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC3C,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CAChG,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { BannerPage } from '@pega/cosmos-react-wss';\nimport { Text } from '@pega/cosmos-react-core';\n\nimport { AppShellDemo } from '../AppShell/AppShell.stories';\n\nexport default {\n  title: 'Web Self Service/Page Templates',\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface BannerPageStoryProps {\n  title: string;\n  message: string;\n  bannerVariant: 'light' | 'dark';\n  backgroundColor?: string;\n  backgroundImage?: string;\n  tintImage?: boolean;\n  oneColumn?: boolean;\n  variant?: 'two-column' | 'narrow-wide' | 'wide-narrow';\n}\n\nexport const BannerPageDemo: StoryFn<BannerPageStoryProps> = (args: BannerPageStoryProps) => {\n  return (\n    <AppShellDemo\n      mainContent={\n        <BannerPage\n          variant={args.variant ? args.variant : undefined}\n          a={\n            <div>\n              <Text variant='h2' as='h2'>\n                Section A\n              </Text>\n            </div>\n          }\n          b={\n            !args.oneColumn ? (\n              <div>\n                <Text variant='h2' as='h2'>\n                  Section B\n                </Text>\n              </div>\n            ) : undefined\n          }\n          banner={{\n            variant: args.bannerVariant,\n            backgroundColor: args.backgroundColor,\n            title: args.title,\n            message: args.message,\n            backgroundImage: args.backgroundImage,\n            tintImage: args.tintImage\n          }}\n        />\n      }\n    />\n  );\n};\n\nBannerPageDemo.args = {\n  title: 'Banner page demo',\n  message: 'Welcome to the banner page demo, nice to see you. Did you get your haircut?',\n  bannerVariant: 'light',\n  backgroundColor: '#3eb489',\n  backgroundImage:\n    'https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/moraine-lake-and-the-valley-of-the-ten-peaks-in-the-royalty-free-image-1571062944.jpg',\n  tintImage: true,\n  oneColumn: false,\n  variant: undefined\n};\n\nBannerPageDemo.argTypes = {\n  title: { control: { type: 'text' } },\n  message: { control: { type: 'text' } },\n  bannerVariant: { options: ['light', 'dark'], control: { type: 'select' } },\n  backgroundColor: { control: { type: 'color' } },\n  backgroundImage: { control: { type: 'text' } },\n  tintImage: { control: { type: 'boolean' } },\n  oneColumn: { control: { type: 'boolean' } },\n  variant: { options: ['two-column', 'narrow-wide', 'wide-narrow'], control: { type: 'select' } }\n};\n"]}

package/lib/wss/QuickCreate/QuickCreate.stories.d.ts

@@ -1,10 +1,10 @@
-import { Meta, Story } from '@storybook/react';
-declare const _default: Meta;
+import type { StoryFn } from '@storybook/react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
 interface QuickCreateDemoArgs {
     borderRadius: number;
     color: string;
     count: number;
 }
-export declare const QuickCreateDemo: Story<QuickCreateDemoArgs>;
+export declare const QuickCreateDemo: StoryFn<QuickCreateDemoArgs>;
 //# sourceMappingURL=QuickCreate.stories.d.ts.map

package/lib/wss/QuickCreate/QuickCreate.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuickCreate.stories.d.ts","sourceRoot":"","sources":["../../../src/wss/QuickCreate/QuickCreate.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAK/C,wBAGU;AAEV,UAAU,mBAAmB;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,mBAAmB,CAyBtD,CAAC"}
+{"version":3,"file":"QuickCreate.stories.d.ts","sourceRoot":"","sources":["../../../src/wss/QuickCreate/QuickCreate.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AAKtD,wBAGU;AAEV,UAAU,mBAAmB;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,mBAAmB,CAyBxD,CAAC"}

package/lib/wss/QuickCreate/QuickCreate.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickCreate.stories.js","sourceRoot":"","sources":["../../../src/wss/QuickCreate/QuickCreate.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,WAAW;CACf,CAAC;AAQV,MAAM,CAAC,MAAM,eAAe,GAA+B,CAAC,IAAyB,EAAE,EAAE;IACvF,MAAM,KAAK,GACT,2OAA2O,CAAC;IAE9O,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAC1D,OAAO;YACL,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;YAC/D,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;YACjB,IAAI,EAAE,MAAM;SACb,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE;YACL,UAAU,EAAE;gBACV,MAAM,EAAE;oBACN,eAAe,EAAE,IAAI,CAAC,YAAY;oBAClC,KAAK,EAAE,IAAI,CAAC,KAAK;iBAClB;aACF;SACF,YAED,KAAC,WAAW,IAAC,OAAO,EAAC,sBAAsB,EAAC,OAAO,EAAE,OAAO,GAAI,GAClD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG;IACrB,YAAY,EAAE,CAAC;IACf,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,CAAC;CACT,CAAC;AAEF,eAAe,CAAC,QAAQ,GAAG;IACzB,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC7C,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IACrC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CACvC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport { QuickCreate } from '@pega/cosmos-react-wss';\nimport { Configuration } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Web Self Service/QuickCreate',\n  component: QuickCreate\n} as Meta;\n\ninterface QuickCreateDemoArgs {\n  borderRadius: number;\n  color: string;\n  count: number;\n}\n\nexport const QuickCreateDemo: Story<QuickCreateDemoArgs> = (args: QuickCreateDemoArgs) => {\n  const lorem =\n    'Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut nesciunt excepturi sit alias, mollitia voluptate nobis, aliquam corrupti delectus ea molestiae, illum provident necessitatibus? Atque temporibus officiis voluptas nam nihil!';\n\n  const actions = Array.from({ length: args.count }, (_, i) => {\n    return {\n      label: i === args.count - 1 ? `${lorem}` : `Case type ${i + 1}`,\n      onClick: () => {},\n      icon: 'plus'\n    };\n  });\n  return (\n    <Configuration\n      theme={{\n        components: {\n          button: {\n            'border-radius': args.borderRadius,\n            color: args.color\n          }\n        }\n      }}\n    >\n      <QuickCreate heading='How can we help you?' actions={actions} />\n    </Configuration>\n  );\n};\n\nQuickCreateDemo.args = {\n  borderRadius: 1,\n  color: '#076bc9',\n  count: 4\n};\n\nQuickCreateDemo.argTypes = {\n  borderRadius: { control: { type: 'number' } },\n  color: { control: { type: 'color' } },\n  count: { control: { type: 'number' } }\n};\n"]}
+{"version":3,"file":"QuickCreate.stories.js","sourceRoot":"","sources":["../../../src/wss/QuickCreate/QuickCreate.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,WAAW;CACf,CAAC;AAQV,MAAM,CAAC,MAAM,eAAe,GAAiC,CAAC,IAAyB,EAAE,EAAE;IACzF,MAAM,KAAK,GACT,2OAA2O,CAAC;IAE9O,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAC1D,OAAO;YACL,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;YAC/D,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;YACjB,IAAI,EAAE,MAAM;SACb,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE;YACL,UAAU,EAAE;gBACV,MAAM,EAAE;oBACN,eAAe,EAAE,IAAI,CAAC,YAAY;oBAClC,KAAK,EAAE,IAAI,CAAC,KAAK;iBAClB;aACF;SACF,YAED,KAAC,WAAW,IAAC,OAAO,EAAC,sBAAsB,EAAC,OAAO,EAAE,OAAO,GAAI,GAClD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG;IACrB,YAAY,EAAE,CAAC;IACf,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,CAAC;CACT,CAAC;AAEF,eAAe,CAAC,QAAQ,GAAG;IACzB,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC7C,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IACrC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CACvC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { QuickCreate } from '@pega/cosmos-react-wss';\nimport { Configuration } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Web Self Service/QuickCreate',\n  component: QuickCreate\n} as Meta;\n\ninterface QuickCreateDemoArgs {\n  borderRadius: number;\n  color: string;\n  count: number;\n}\n\nexport const QuickCreateDemo: StoryFn<QuickCreateDemoArgs> = (args: QuickCreateDemoArgs) => {\n  const lorem =\n    'Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut nesciunt excepturi sit alias, mollitia voluptate nobis, aliquam corrupti delectus ea molestiae, illum provident necessitatibus? Atque temporibus officiis voluptas nam nihil!';\n\n  const actions = Array.from({ length: args.count }, (_, i) => {\n    return {\n      label: i === args.count - 1 ? `${lorem}` : `Case type ${i + 1}`,\n      onClick: () => {},\n      icon: 'plus'\n    };\n  });\n  return (\n    <Configuration\n      theme={{\n        components: {\n          button: {\n            'border-radius': args.borderRadius,\n            color: args.color\n          }\n        }\n      }}\n    >\n      <QuickCreate heading='How can we help you?' actions={actions} />\n    </Configuration>\n  );\n};\n\nQuickCreateDemo.args = {\n  borderRadius: 1,\n  color: '#076bc9',\n  count: 4\n};\n\nQuickCreateDemo.argTypes = {\n  borderRadius: { control: { type: 'number' } },\n  color: { control: { type: 'color' } },\n  count: { control: { type: 'number' } }\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-demos",
-  "version": "4.0.0-dev.20.0",
+  "version": "4.0.0-dev.21.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/pegasystems/cosmos-react.git",
@@ -20,22 +20,22 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@pega/cosmos-react-build": "4.0.0-dev.20.0",
-    "@pega/cosmos-react-condition-builder": "4.0.0-dev.20.0",
-    "@pega/cosmos-react-core": "4.0.0-dev.20.0",
-    "@pega/cosmos-react-cs": "4.0.0-dev.20.0",
-    "@pega/cosmos-react-dnd": "4.0.0-dev.20.0",
-    "@pega/cosmos-react-rte": "4.0.0-dev.20.0",
-    "@pega/cosmos-react-social": "4.0.0-dev.20.0",
-    "@pega/cosmos-react-work": "4.0.0-dev.20.0",
-    "@storybook/addon-a11y": "^6.4.19",
-    "@storybook/addon-actions": "^6.4.19",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/addon-storysource": "^6.4.19",
-    "@storybook/addon-toolbars": "^6.4.19",
-    "@storybook/addons": "^6.4.19",
-    "@storybook/react": "^6.4.19",
-    "@storybook/theming": "^6.4.19",
+    "@pega/cosmos-react-build": "4.0.0-dev.21.0",
+    "@pega/cosmos-react-condition-builder": "4.0.0-dev.21.0",
+    "@pega/cosmos-react-core": "4.0.0-dev.21.0",
+    "@pega/cosmos-react-cs": "4.0.0-dev.21.0",
+    "@pega/cosmos-react-dnd": "4.0.0-dev.21.0",
+    "@pega/cosmos-react-rte": "4.0.0-dev.21.0",
+    "@pega/cosmos-react-social": "4.0.0-dev.21.0",
+    "@pega/cosmos-react-work": "4.0.0-dev.21.0",
+    "@storybook/addon-a11y": "^7.0.24",
+    "@storybook/addon-actions": "^7.0.24",
+    "@storybook/addon-links": "^7.0.24",
+    "@storybook/addon-storysource": "^7.0.24",
+    "@storybook/addon-toolbars": "^7.0.24",
+    "@storybook/manager-api": "^7.0.24",
+    "@storybook/react": "^7.0.24",
+    "@storybook/theming": "^7.0.24",
     "@types/dompurify": "^2.3.4",
     "@types/emoji-mart": "^3.0.4",
     "@types/react": "^16.14.24 || ^17.0.38",