@pega/cosmos-react-demos 6.5.3 → 6.6.1

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

@@ -1,39 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { AppShellProps } 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 AppShellStoryProps {
-    main?: AppShellProps['main'];
-    appInfo?: AppShellProps['appInfo'];
-    searchPage?: AppShellProps['searchPage'];
-    banners?: AppShellProps['banners'];
-    cases?: AppShellProps['cases'];
-    caseLinks?: AppShellProps['links'];
-    createLinks?: any[];
-    recentItems?: any[];
-    utils?: AppShellProps['utils'];
-    onLinkClick?: (name: string) => void;
-    collapsedHoverMenus?: boolean;
-    appName?: AppShellProps['appInfo']['appName'];
-    appNameHidden?: AppShellProps['appInfo']['appNameHidden'];
-    portalName?: AppShellProps['appInfo']['portalName'];
-    href?: AppShellProps['appInfo']['href'];
-    imageSrc?: AppShellProps['appInfo']['imageSrc'];
-    fullImageSrc?: AppShellProps['appInfo']['fullImageSrc'];
-    withSearch?: boolean;
-    appHeader?: AppShellProps['appHeader'];
-    progress?: AppShellProps['progress'];
-    notificationsEmpty?: boolean;
-    notificationsLoading?: boolean;
-    casesTypesEmpty?: boolean;
-    recentsEmpty?: boolean;
-    recentsLoading?: boolean;
-    pinsLoading?: boolean;
-}
-export declare const AppShellDemo: StoryFn<AppShellStoryProps>;
-interface ConfigurableAppShellProps {
-    navColor?: string;
-    headerColor?: string;
-}
-export declare const ConfigurableAppShell: StoryFn<ConfigurableAppShellProps>;
-//# sourceMappingURL=AppShell.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/core/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAetD,OAAO,KAAK,EACV,aAAa,EAMd,MAAM,yBAAyB,CAAC;;AAiBjC,wBAOU;AAEV,UAAU,kBAAkB;IAE1B,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAG9B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9C,aAAa,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC,CAAC;IAC1D,UAAU,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,CAAC;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,kBAAkB,CAgPpD,CAAC;AAsCF,UAAU,yBAAyB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,yBAAyB,CAqBnE,CAAC"}

package/jsx/core/AppShell/AppShell.stories.jsx

@@ -1,266 +0,0 @@
-import { useState, useMemo, useRef } from 'react';
-import { AppShell, AppShellList, Icon, registerIcon, useModalManager, useAfterInitialEffect, windowIsAvailable, Configuration, menuHelpers } from '@pega/cosmos-react-core';
-import * as bellSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/bell-solid.icon';
-import * as clockSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/clock-solid.icon';
-import { recentSearches, searchResults } from '../SearchInput/SearchInput.mocks';
-import { MultiStepModal } from '../MultiStepForm/MultiStepForm.mocks';
-import { defaultLinks, defaultMainContent, defaultNotifications, defaultRecents, operatorData } from './AppShell.mocks';
-registerIcon(bellSolidIcon, clockSolidIcon);
-export default {
-    title: 'Core/App Shell',
-    component: AppShell,
-    excludeStories: ['ConfigurableAppShell'],
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-export const AppShellDemo = (args) => {
-    const [activeAppName, setActiveAppName] = useState(args.appName || 'UI Audit');
-    const caseLinks = args.caseLinks || defaultLinks;
-    const showSearch = args.withSearch !== undefined ? args.withSearch : true;
-    const { create: createModal } = useModalManager();
-    const [links, setLinks] = useState(caseLinks);
-    const [notifications, setNotifications] = useState(defaultNotifications);
-    const [recents, setRecents] = useState(args.recentItems || defaultRecents);
-    const [numNewNotifications, setNumNewNotifications] = useState(notifications.filter(x => x.unread).length);
-    const [searchVal, setSearchVal] = useState('');
-    const [searchLoading, setSearchLoading] = useState(false);
-    const [results, setResults] = useState([]);
-    const [searchTimeout, setSearchTimeout] = useState();
-    const [progress, setProgress] = useState('');
-    useAfterInitialEffect(() => {
-        setLinks(caseLinks);
-    }, [caseLinks]);
-    const addHandlersToLinks = (appShellLinks) => {
-        return (appShellLinks || []).map(link => ({
-            ...link,
-            onClick(e) {
-                e.preventDefault();
-                setLinks((prevLinks = []) => {
-                    return prevLinks.map(prevLink => {
-                        return {
-                            ...prevLink,
-                            active: prevLink.name === link.name
-                        };
-                    });
-                });
-                setProgress(`${link.name} loading...`);
-                setTimeout(() => {
-                    args.onLinkClick?.(link.name);
-                    setProgress('');
-                }, 1000);
-            },
-            links: link.links ? addHandlersToLinks(link.links) : undefined
-        }));
-    };
-    const linksWithHandlers = useMemo(() => {
-        return addHandlersToLinks(links);
-    }, [links]);
-    const defaultCreateLinks = [
-        'Data Analyst interview',
-        'Designer interview',
-        'Product Manager interview',
-        'Sales Representative interview',
-        'Software Engineer interview'
-    ].map(name => ({
-        name,
-        onClick: () => {
-            createModal(MultiStepModal, { heading: name, stepIndicator: 'horizontal' });
-        }
-    }));
-    const handleNotificationClick = (passedId) => {
-        setNotifications(cur => cur.map(({ id, unread, ...item }) => ({
-            id,
-            unread: passedId === id ? false : unread,
-            ...item
-        })));
-    };
-    const handlePinToggle = (passedId) => {
-        setRecents(cur => cur.map(({ id, pinned, ...item }) => ({
-            id,
-            pinned: passedId === id ? !pinned : pinned,
-            ...item
-        })));
-    };
-    const onSearch = (val) => {
-        setSearchVal(val);
-        if (searchTimeout) {
-            clearTimeout(searchTimeout);
-            setSearchTimeout(null);
-        }
-        setResults([]);
-        if (val) {
-            setSearchLoading(true);
-            const timeout = setTimeout(() => {
-                setSearchLoading(false);
-                setResults(searchResults.filter(res => res.primary.includes(val)));
-            }, 1000);
-            setSearchTimeout(timeout);
-        }
-    };
-    const notificationViewItems = [
-        {
-            id: '234',
-            items: args.notificationsEmpty ? [] : notifications,
-            loading: args.notificationsLoading,
-            onItemClick: handleNotificationClick,
-            viewAll: {
-                href: '#'
-            },
-            emptyText: 'No notifications'
-        }
-    ];
-    const recentViewItems = [
-        {
-            id: '456',
-            items: recents.filter(x => x.pinned),
-            loading: args.pinsLoading,
-            onItemPinToggle: handlePinToggle,
-            viewAll: {
-                href: '#'
-            },
-            displayPins: true,
-            headingText: 'Pinned items',
-            emptyText: 'No pinned items'
-        },
-        {
-            id: '789',
-            items: args.recentsEmpty ? [] : recents,
-            loading: args.recentsLoading,
-            onItemPinToggle: handlePinToggle,
-            viewAll: {
-                href: '#'
-            },
-            displayPins: true,
-            headingText: 'Recently viewed',
-            emptyText: 'No recents'
-        }
-    ];
-    const [contexts, setContexts] = useState([
-        {
-            id: '1',
-            primary: activeAppName,
-            selected: true,
-            visual: <Icon name='app'/>
-        },
-        {
-            id: '2',
-            primary: 'BI Warehouse',
-            selected: false,
-            visual: <Icon name='cloud'/>
-        }
-    ]);
-    const newNotificationCountTimerRef = useRef(NaN);
-    const defaultUtils = [
-        {
-            name: 'Notifications',
-            visual: <Icon name='bell-solid'/>,
-            count: args.notificationsEmpty ? 0 : numNewNotifications,
-            drawerView: <AppShellList listView={notificationViewItems}/>,
-            onDrawerOpen: () => {
-                clearInterval(newNotificationCountTimerRef.current);
-                setNumNewNotifications(0);
-            },
-            onDrawerClose: () => {
-                if (windowIsAvailable) {
-                    newNotificationCountTimerRef.current = window.setInterval(() => {
-                        setNumNewNotifications(cur => cur + 2);
-                    }, 60000);
-                }
-            }
-        },
-        {
-            name: 'Recents',
-            visual: <Icon name='clock-solid'/>,
-            drawerView: <AppShellList listView={recentViewItems}/>
-        }
-    ];
-    return (<AppShell contextSwitcher={{
-            contexts,
-            onContextClick: (id) => {
-                setActiveAppName(menuHelpers.getItem(contexts, id).primary);
-                setContexts(cur => cur.map(ctx => {
-                    return { ...ctx, selected: id === ctx.id };
-                }));
-            }
-        }} appInfo={args.appInfo || {
-            href: args.href || 'https://www.pega.com/',
-            imageSrc: args.imageSrc || './pega_logo_vertical_white.svg',
-            fullImageSrc: args.fullImageSrc ||
-                'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg',
-            appName: activeAppName,
-            portalName: args.portalName || 'Scrum',
-            appNameHidden: args.appNameHidden
-        }} searchInput={showSearch
-            ? {
-                onSearchChange: (value) => {
-                    onSearch(value);
-                },
-                value: searchVal,
-                searchResults: results,
-                recentSearches,
-                loading: searchLoading,
-                filters: ['Story', 'Bug'],
-                advancedSearchLink: { href: '/' }
-            }
-            : undefined} appHeader={args.appHeader} searchPage={args.searchPage} caseTypes={args.casesTypesEmpty ? [] : args.createLinks || defaultCreateLinks} links={linksWithHandlers} main={args.main || defaultMainContent} progress={args.progress || progress} cases={args.cases} banners={args.banners} operator={operatorData} utils={args.utils || defaultUtils} collapsedHoverMenus={args.collapsedHoverMenus}/>);
-};
-AppShellDemo.args = {
-    appName: 'UI Audit',
-    appNameHidden: false,
-    portalName: 'Scrum',
-    href: 'https://www.pega.com/',
-    imageSrc: './pega_logo_vertical_white.svg',
-    fullImageSrc: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg',
-    withSearch: true,
-    appHeader: true,
-    progress: false,
-    notificationsEmpty: false,
-    notificationsLoading: false,
-    casesTypesEmpty: false,
-    recentsEmpty: false,
-    recentsLoading: false,
-    pinsLoading: false
-};
-AppShellDemo.argTypes = {
-    appName: { control: { type: 'text' } },
-    appNameHidden: { control: { type: 'boolean' } },
-    portalName: { control: { type: 'text' } },
-    href: { control: { type: 'text' } },
-    imageSrc: { control: { type: 'text' } },
-    fullImageSrc: { control: { type: 'text' } },
-    withSearch: { control: { type: 'boolean' } },
-    appHeader: { control: { type: 'boolean' } },
-    progress: { control: { type: 'boolean' } },
-    notificationsEmpty: { control: { type: 'boolean' } },
-    notificationsLoading: { control: { type: 'boolean' } },
-    casesTypesEmpty: { control: { type: 'boolean' } },
-    recentsEmpty: { control: { type: 'boolean' } },
-    recentsLoading: { control: { type: 'boolean' } },
-    pinsLoading: { control: { type: 'boolean' } }
-};
-export const ConfigurableAppShell = (args) => {
-    return (<Configuration theme={{
-            components: {
-                'app-shell': {
-                    nav: {
-                        'background-color': args.navColor
-                    },
-                    header: {
-                        'background-color': args.headerColor
-                    }
-                }
-            }
-        }}>
-      <AppShellDemo appHeader/>
-    </Configuration>);
-};
-ConfigurableAppShell.args = {
-    navColor: '#252c32',
-    headerColor: '#e2f1ff'
-};
-ConfigurableAppShell.argTypes = {
-    navColor: { control: { type: 'color' } },
-    headerColor: { control: { type: 'color' } }
-};
-//# sourceMappingURL=AppShell.stories.jsx.map

package/jsx/core/AppShell/AppShell.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell.stories.jsx","sourceRoot":"","sources":["../../../src/core/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState, useMemo, useRef } from 'react';\nimport type { MouseEvent } from 'react';\n\nimport {\n  AppShell,\n  AppShellList,\n  Icon,\n  registerIcon,\n  useModalManager,\n  useAfterInitialEffect,\n  windowIsAvailable,\n  Configuration,\n  menuHelpers\n} from '@pega/cosmos-react-core';\nimport type {\n  AppShellProps,\n  ContextSwitcherProps,\n  ForwardProps,\n  DrawerItemProps,\n  SearchInputProps,\n  ProgressProps\n} from '@pega/cosmos-react-core';\nimport * as bellSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/bell-solid.icon';\nimport * as clockSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/clock-solid.icon';\n\nimport { recentSearches, searchResults } from '../SearchInput/SearchInput.mocks';\nimport { MultiStepModal } from '../MultiStepForm/MultiStepForm.mocks';\n\nimport {\n  defaultLinks,\n  defaultMainContent,\n  defaultNotifications,\n  defaultRecents,\n  operatorData\n} from './AppShell.mocks';\n\nregisterIcon(bellSolidIcon, clockSolidIcon);\n\nexport default {\n  title: 'Core/App Shell',\n  component: AppShell,\n  excludeStories: ['ConfigurableAppShell'],\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface AppShellStoryProps {\n  /** Demo props */\n  main?: AppShellProps['main'];\n  appInfo?: AppShellProps['appInfo'];\n  searchPage?: AppShellProps['searchPage'];\n  banners?: AppShellProps['banners'];\n  cases?: AppShellProps['cases'];\n  caseLinks?: AppShellProps['links'];\n  createLinks?: any[];\n  recentItems?: any[];\n  utils?: AppShellProps['utils'];\n  onLinkClick?: (name: string) => void;\n  collapsedHoverMenus?: boolean;\n\n  /** Storybook controls */\n  appName?: AppShellProps['appInfo']['appName'];\n  appNameHidden?: AppShellProps['appInfo']['appNameHidden'];\n  portalName?: AppShellProps['appInfo']['portalName'];\n  href?: AppShellProps['appInfo']['href'];\n  imageSrc?: AppShellProps['appInfo']['imageSrc'];\n  fullImageSrc?: AppShellProps['appInfo']['fullImageSrc'];\n  withSearch?: boolean;\n  appHeader?: AppShellProps['appHeader'];\n  progress?: AppShellProps['progress'];\n  notificationsEmpty?: boolean;\n  notificationsLoading?: boolean;\n  casesTypesEmpty?: boolean;\n  recentsEmpty?: boolean;\n  recentsLoading?: boolean;\n  pinsLoading?: boolean;\n}\n\nexport const AppShellDemo: StoryFn<AppShellStoryProps> = (args: AppShellStoryProps) => {\n  const [activeAppName, setActiveAppName] = useState(args.appName || 'UI Audit');\n  const caseLinks = args.caseLinks || defaultLinks;\n  const showSearch = args.withSearch !== undefined ? args.withSearch : true;\n\n  const { create: createModal } = useModalManager();\n  const [links, setLinks] = useState<AppShellProps['links']>(caseLinks);\n  const [notifications, setNotifications] =\n    useState<(DrawerItemProps & ForwardProps)[]>(defaultNotifications);\n  const [recents, setRecents] = useState<(DrawerItemProps & ForwardProps)[]>(\n    args.recentItems || defaultRecents\n  );\n  const [numNewNotifications, setNumNewNotifications] = useState(\n    notifications.filter(x => x.unread).length\n  );\n  const [searchVal, setSearchVal] = useState('');\n  const [searchLoading, setSearchLoading] = useState(false);\n  const [results, setResults] = useState<SearchInputProps['searchResults']>([]);\n  const [searchTimeout, setSearchTimeout] = useState<number | null>();\n  const [progress, setProgress] = useState<ProgressProps['message']>('');\n\n  useAfterInitialEffect(() => {\n    setLinks(caseLinks);\n  }, [caseLinks]);\n\n  const addHandlersToLinks = (appShellLinks: AppShellProps['links']): AppShellProps['links'] => {\n    return (appShellLinks || []).map(link => ({\n      ...link,\n      onClick(e: MouseEvent<HTMLAnchorElement>) {\n        e.preventDefault();\n        setLinks((prevLinks = []) => {\n          return prevLinks.map(prevLink => {\n            return {\n              ...prevLink,\n              active: prevLink.name === link.name\n            };\n          });\n        });\n\n        setProgress(`${link.name} loading...`);\n        setTimeout(() => {\n          args.onLinkClick?.(link.name);\n          setProgress('');\n        }, 1000);\n      },\n      links: link.links ? addHandlersToLinks(link.links) : undefined\n    }));\n  };\n\n  const linksWithHandlers = useMemo<AppShellProps['links']>(() => {\n    return addHandlersToLinks(links);\n  }, [links]);\n\n  const defaultCreateLinks = [\n    'Data Analyst interview',\n    'Designer interview',\n    'Product Manager interview',\n    'Sales Representative interview',\n    'Software Engineer interview'\n  ].map(name => ({\n    name,\n    onClick: () => {\n      createModal(MultiStepModal, { heading: name, stepIndicator: 'horizontal' });\n    }\n  }));\n\n  const handleNotificationClick = (passedId: string) => {\n    setNotifications(cur =>\n      cur.map(({ id, unread, ...item }) => ({\n        id,\n        unread: passedId === id ? false : unread,\n        ...item\n      }))\n    );\n  };\n\n  const handlePinToggle = (passedId: string) => {\n    setRecents(cur =>\n      cur.map(({ id, pinned, ...item }) => ({\n        id,\n        pinned: passedId === id ? !pinned : pinned,\n        ...item\n      }))\n    );\n  };\n\n  const onSearch = (val: string) => {\n    setSearchVal(val);\n    if (searchTimeout) {\n      clearTimeout(searchTimeout);\n      setSearchTimeout(null);\n    }\n    setResults([]);\n    if (val) {\n      setSearchLoading(true);\n      const timeout = setTimeout(() => {\n        setSearchLoading(false);\n        setResults(searchResults.filter(res => res.primary.includes(val)));\n      }, 1000);\n      setSearchTimeout(timeout as unknown as number);\n    }\n  };\n\n  const notificationViewItems = [\n    {\n      id: '234',\n      items: args.notificationsEmpty ? [] : notifications,\n      loading: args.notificationsLoading,\n      onItemClick: handleNotificationClick,\n      viewAll: {\n        href: '#'\n      },\n      emptyText: 'No notifications'\n    }\n  ];\n\n  const recentViewItems = [\n    {\n      id: '456',\n      items: recents.filter(x => x.pinned),\n      loading: args.pinsLoading,\n      onItemPinToggle: handlePinToggle,\n      viewAll: {\n        href: '#'\n      },\n      displayPins: true,\n      headingText: 'Pinned items',\n      emptyText: 'No pinned items'\n    },\n    {\n      id: '789',\n      items: args.recentsEmpty ? [] : recents,\n      loading: args.recentsLoading,\n      onItemPinToggle: handlePinToggle,\n      viewAll: {\n        href: '#'\n      },\n      displayPins: true,\n      headingText: 'Recently viewed',\n      emptyText: 'No recents'\n    }\n  ];\n\n  const [contexts, setContexts] = useState<ContextSwitcherProps['contexts']>([\n    {\n      id: '1',\n      primary: activeAppName,\n      selected: true,\n      visual: <Icon name='app' />\n    },\n    {\n      id: '2',\n      primary: 'BI Warehouse',\n      selected: false,\n      visual: <Icon name='cloud' />\n    }\n  ]);\n\n  const newNotificationCountTimerRef = useRef(NaN);\n\n  const defaultUtils = [\n    {\n      name: 'Notifications',\n      visual: <Icon name='bell-solid' />,\n      count: args.notificationsEmpty ? 0 : numNewNotifications,\n      drawerView: <AppShellList listView={notificationViewItems} />,\n      onDrawerOpen: () => {\n        clearInterval(newNotificationCountTimerRef.current);\n        setNumNewNotifications(0);\n      },\n      onDrawerClose: () => {\n        if (windowIsAvailable) {\n          // Mock new notifications arriving on a minute interval after the drawer closes.\n          // Let's face it, you're popular.\n          newNotificationCountTimerRef.current = window.setInterval(() => {\n            setNumNewNotifications(cur => cur + 2);\n          }, 60000);\n        }\n      }\n    },\n    {\n      name: 'Recents',\n      visual: <Icon name='clock-solid' />,\n      drawerView: <AppShellList listView={recentViewItems} />\n    }\n  ];\n\n  return (\n    <AppShell\n      contextSwitcher={{\n        contexts,\n        onContextClick: (id: string) => {\n          setActiveAppName(menuHelpers.getItem(contexts, id)!.primary);\n          setContexts(cur =>\n            cur!.map(ctx => {\n              return { ...ctx, selected: id === ctx.id };\n            })\n          );\n        }\n      }}\n      appInfo={\n        args.appInfo || {\n          href: args.href || 'https://www.pega.com/',\n          imageSrc: args.imageSrc || './pega_logo_vertical_white.svg',\n          fullImageSrc:\n            args.fullImageSrc ||\n            'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg',\n          appName: activeAppName,\n          portalName: args.portalName || 'Scrum',\n          appNameHidden: args.appNameHidden\n        }\n      }\n      searchInput={\n        showSearch\n          ? {\n              onSearchChange: (value: string) => {\n                onSearch(value);\n              },\n              value: searchVal,\n              searchResults: results,\n              recentSearches,\n              loading: searchLoading,\n              filters: ['Story', 'Bug'],\n              advancedSearchLink: { href: '/' }\n            }\n          : undefined\n      }\n      appHeader={args.appHeader}\n      searchPage={args.searchPage}\n      caseTypes={args.casesTypesEmpty ? [] : args.createLinks || defaultCreateLinks}\n      links={linksWithHandlers}\n      main={args.main || defaultMainContent}\n      progress={args.progress || progress}\n      cases={args.cases}\n      banners={args.banners}\n      operator={operatorData}\n      utils={args.utils || defaultUtils}\n      collapsedHoverMenus={args.collapsedHoverMenus}\n    />\n  );\n};\n\nAppShellDemo.args = {\n  appName: 'UI Audit',\n  appNameHidden: false,\n  portalName: 'Scrum',\n  href: 'https://www.pega.com/',\n  imageSrc: './pega_logo_vertical_white.svg',\n  fullImageSrc: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg',\n  withSearch: true,\n  appHeader: true,\n  progress: false,\n  notificationsEmpty: false,\n  notificationsLoading: false,\n  casesTypesEmpty: false,\n  recentsEmpty: false,\n  recentsLoading: false,\n  pinsLoading: false\n};\n\nAppShellDemo.argTypes = {\n  appName: { control: { type: 'text' } },\n  appNameHidden: { control: { type: 'boolean' } },\n  portalName: { control: { type: 'text' } },\n  href: { control: { type: 'text' } },\n  imageSrc: { control: { type: 'text' } },\n  fullImageSrc: { control: { type: 'text' } },\n  withSearch: { control: { type: 'boolean' } },\n  appHeader: { control: { type: 'boolean' } },\n  progress: { control: { type: 'boolean' } },\n  notificationsEmpty: { control: { type: 'boolean' } },\n  notificationsLoading: { control: { type: 'boolean' } },\n  casesTypesEmpty: { control: { type: 'boolean' } },\n  recentsEmpty: { control: { type: 'boolean' } },\n  recentsLoading: { control: { type: 'boolean' } },\n  pinsLoading: { control: { type: 'boolean' } }\n};\n\ninterface ConfigurableAppShellProps {\n  navColor?: string;\n  headerColor?: string;\n}\n\nexport const ConfigurableAppShell: StoryFn<ConfigurableAppShellProps> = (\n  args: ConfigurableAppShellProps\n) => {\n  return (\n    <Configuration\n      theme={{\n        components: {\n          'app-shell': {\n            nav: {\n              'background-color': args.navColor\n            },\n            header: {\n              'background-color': args.headerColor\n            }\n          }\n        }\n      }}\n    >\n      <AppShellDemo appHeader />\n    </Configuration>\n  );\n};\n\nConfigurableAppShell.args = {\n  navColor: '#252c32',\n  headerColor: '#e2f1ff'\n};\n\nConfigurableAppShell.argTypes = {\n  navColor: { control: { type: 'color' } },\n  headerColor: { control: { type: 'color' } }\n};\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell.styles.d.ts","sourceRoot":"","sources":["../../../src/core/AppShell/AppShell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yGAE7B,CAAC"}

package/jsx/core/AppShell/AppShell.styles.js

@@ -1,5 +0,0 @@
-import styled from 'styled-components';
-export const StyledMainContent = styled.div `
-  min-height: inherit;
-`;
-//# sourceMappingURL=AppShell.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell.styles.js","sourceRoot":"","sources":["../../../src/core/AppShell/AppShell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE1C,CAAC","sourcesContent":["import styled from 'styled-components';\n\nexport const StyledMainContent = styled.div`\n  min-height: inherit;\n`;\n"]}

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

@@ -1,15 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { AvatarProps } 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 DefaultAvatar: StoryFn<AvatarProps>;
-export declare const TextOnlyAvatar: StoryFn<AvatarProps>;
-export declare const TransparentAvatar: StoryFn<AvatarProps>;
-export declare const IconAvatar: StoryFn<AvatarProps>;
-export declare const StatusAvatar: StoryFn<AvatarProps>;
-interface ConfigurableAvatarProps extends AvatarProps {
-    backgroundColor?: string;
-    borderRadius?: string;
-}
-export declare const ConfigurableAvatar: StoryFn<ConfigurableAvatarProps>;
-//# sourceMappingURL=Avatar.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;;AAE3D,wBAcU;AAEV,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,WAAW,CAE9C,CAAC;AAWF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,WAAW,CAE/C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,WAAW,CASlD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,WAAW,CAW3C,CAAC;AAcF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,WAAW,CAE7C,CAAC;AAUF,UAAU,uBAAwB,SAAQ,WAAW;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,uBAAuB,CAgB/D,CAAC"}

package/jsx/core/Avatar/Avatar.stories.jsx

@@ -1,75 +0,0 @@
-import { Avatar, Configuration, icons } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Avatar',
-    component: Avatar,
-    excludeStories: ['ConfigurableAvatar'],
-    args: {
-        shape: 'circle',
-        size: 'm',
-        name: 'John Doe'
-    },
-    argTypes: {
-        shape: { options: ['circle', 'squircle'], control: { type: 'select' } },
-        size: { options: ['s', 'm', 'l', 'xl'], control: { type: 'select' } },
-        name: { control: { type: 'text' } }
-    }
-};
-export const DefaultAvatar = (args) => {
-    return <Avatar shape={args.shape} size={args.size} name={args.name} imageSrc={args.imageSrc}/>;
-};
-DefaultAvatar.args = {
-    name: 'Pegasystems',
-    imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'
-};
-DefaultAvatar.argTypes = {
-    imageSrc: { control: { type: 'text' } }
-};
-export const TextOnlyAvatar = (args) => {
-    return <Avatar shape={args.shape} size={args.size} name={args.name}/>;
-};
-export const TransparentAvatar = (args) => {
-    return (<Avatar shape={args.shape} size={args.size} name={args.name} imageSrc='https://socialistmodernism.com/wp-content/uploads/2017/07/placeholder-image.png'/>);
-};
-export const IconAvatar = (args) => {
-    return (<Avatar shape={args.shape} size={args.size} name={args.name} icon={args.icon} color={args.color} backgroundColor={args.backgroundColor}/>);
-};
-IconAvatar.args = {
-    icon: 'headset',
-    color: '#ffffff',
-    backgroundColor: '#4c5a67'
-};
-IconAvatar.argTypes = {
-    icon: { options: icons, control: { type: 'select', icons: true } },
-    color: { control: { type: 'color' } },
-    backgroundColor: { control: { type: 'color' } }
-};
-export const StatusAvatar = (args) => {
-    return <Avatar shape={args.shape} size={args.size} name={args.name} status={args.status}/>;
-};
-StatusAvatar.args = {
-    status: 'active'
-};
-StatusAvatar.argTypes = {
-    status: { options: ['active', undefined], control: { type: 'select' } }
-};
-export const ConfigurableAvatar = (args) => {
-    return (<Configuration theme={{
-            components: {
-                avatar: {
-                    'background-color': args.backgroundColor
-                }
-            }
-        }}>
-      <Avatar shape='squircle' name='John Doe'/>
-    </Configuration>);
-};
-ConfigurableAvatar.args = {
-    backgroundColor: '#4c5a67'
-};
-ConfigurableAvatar.argTypes = {
-    backgroundColor: { control: { type: 'color' } },
-    shape: { table: { disable: true } },
-    size: { table: { disable: true } },
-    name: { table: { disable: true } }
-};
-//# sourceMappingURL=Avatar.stories.jsx.map

package/jsx/core/Avatar/Avatar.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.stories.jsx","sourceRoot":"","sources":["../../../src/core/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Avatar, Configuration, icons } from '@pega/cosmos-react-core';\nimport type { AvatarProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Avatar',\n  component: Avatar,\n  excludeStories: ['ConfigurableAvatar'],\n  args: {\n    shape: 'circle',\n    size: 'm',\n    name: 'John Doe'\n  },\n  argTypes: {\n    shape: { options: ['circle', 'squircle'], control: { type: 'select' } },\n    size: { options: ['s', 'm', 'l', 'xl'], control: { type: 'select' } },\n    name: { control: { type: 'text' } }\n  }\n} as Meta;\n\nexport const DefaultAvatar: StoryFn<AvatarProps> = (args: AvatarProps) => {\n  return <Avatar shape={args.shape} size={args.size} name={args.name} imageSrc={args.imageSrc} />;\n};\n\nDefaultAvatar.args = {\n  name: 'Pegasystems',\n  imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n};\n\nDefaultAvatar.argTypes = {\n  imageSrc: { control: { type: 'text' } }\n};\n\nexport const TextOnlyAvatar: StoryFn<AvatarProps> = (args: AvatarProps) => {\n  return <Avatar shape={args.shape} size={args.size} name={args.name} />;\n};\n\nexport const TransparentAvatar: StoryFn<AvatarProps> = (args: AvatarProps) => {\n  return (\n    <Avatar\n      shape={args.shape}\n      size={args.size}\n      name={args.name}\n      imageSrc='https://socialistmodernism.com/wp-content/uploads/2017/07/placeholder-image.png'\n    />\n  );\n};\n\nexport const IconAvatar: StoryFn<AvatarProps> = (args: AvatarProps) => {\n  return (\n    <Avatar\n      shape={args.shape}\n      size={args.size}\n      name={args.name}\n      icon={args.icon}\n      color={args.color}\n      backgroundColor={args.backgroundColor}\n    />\n  );\n};\n\nIconAvatar.args = {\n  icon: 'headset',\n  color: '#ffffff',\n  backgroundColor: '#4c5a67'\n};\n\nIconAvatar.argTypes = {\n  icon: { options: icons, control: { type: 'select', icons: true } },\n  color: { control: { type: 'color' } },\n  backgroundColor: { control: { type: 'color' } }\n};\n\nexport const StatusAvatar: StoryFn<AvatarProps> = (args: AvatarProps) => {\n  return <Avatar shape={args.shape} size={args.size} name={args.name} status={args.status} />;\n};\n\nStatusAvatar.args = {\n  status: 'active'\n};\n\nStatusAvatar.argTypes = {\n  status: { options: ['active', undefined], control: { type: 'select' } }\n};\n\ninterface ConfigurableAvatarProps extends AvatarProps {\n  backgroundColor?: string;\n  borderRadius?: string;\n}\n\nexport const ConfigurableAvatar: StoryFn<ConfigurableAvatarProps> = (\n  args: ConfigurableAvatarProps\n) => {\n  return (\n    <Configuration\n      theme={{\n        components: {\n          avatar: {\n            'background-color': args.backgroundColor\n          }\n        }\n      }}\n    >\n      <Avatar shape='squircle' name='John Doe' />\n    </Configuration>\n  );\n};\n\nConfigurableAvatar.args = {\n  backgroundColor: '#4c5a67'\n};\n\nConfigurableAvatar.argTypes = {\n  backgroundColor: { control: { type: 'color' } },\n  shape: { table: { disable: true } },\n  size: { table: { disable: true } },\n  name: { table: { disable: true } }\n};\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Backdrop.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Backdrop/Backdrop.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;;AAE7D,wBAaU;AAEV,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,aAAa,CAmB/C,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,OAAO,CAAC,aAAa,CAsB1D,CAAC"}

package/jsx/core/Backdrop/Backdrop.stories.jsx

@@ -1,43 +0,0 @@
-import { useState } from 'react';
-import { Backdrop, Button, Card, CardContent, Text } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Backdrop',
-    component: Backdrop,
-    args: {
-        alpha: 0.4,
-        variant: 'dark',
-        transitionSpeed: 'medium'
-    },
-    argTypes: {
-        alpha: { control: { type: 'number' } },
-        variant: { options: ['dark', 'light'], control: { type: 'select' } },
-        transitionSpeed: { options: ['slow', 'medium', 'fast', 'none'], control: { type: 'select' } }
-    }
-};
-export const BackdropDemo = (args) => {
-    const [open, setOpen] = useState(false);
-    return (<>
-      <Button onClick={() => setOpen(true)}>Open Backdrop</Button>
-
-      <Backdrop open={open} alpha={args.alpha} variant={args.variant} transitionSpeed={args.transitionSpeed}>
-        <Button variant='primary' onClick={() => setOpen(false)}>
-          Close Backdrop
-        </Button>
-      </Backdrop>
-    </>);
-};
-export const DismissibleBackdropDemo = (args) => {
-    const [open, setOpen] = useState(false);
-    return (<>
-      <Button onClick={() => setOpen(true)}>Open Backdrop</Button>
-
-      <Backdrop onClick={() => setOpen(false)} open={open} alpha={args.alpha} variant={args.variant} transitionSpeed={args.transitionSpeed}>
-        <Card>
-          <CardContent>
-            <Text>This Backdrop can be dismissed by clicking anywhere in the viewport.</Text>
-          </CardContent>
-        </Card>
-      </Backdrop>
-    </>);
-};
-//# sourceMappingURL=Backdrop.stories.jsx.map

package/jsx/core/Backdrop/Backdrop.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Backdrop.stories.jsx","sourceRoot":"","sources":["../../../src/core/Backdrop/Backdrop.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGpF,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE;QACJ,KAAK,EAAE,GAAG;QACV,OAAO,EAAE,MAAM;QACf,eAAe,EAAE,QAAQ;KAC1B;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;QACtC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;QACpE,eAAe,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KAC9F;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,YAAY,GAA2B,CAAC,IAAmB,EAAE,EAAE;IAC1E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACL,EACE;MAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE,MAAM,CAE3D;;MAAA,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,eAAe,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAEtC;QAAA,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CACtD;;QACF,EAAE,MAAM,CACV;MAAA,EAAE,QAAQ,CACZ;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAA2B,CAAC,IAAmB,EAAE,EAAE;IACrF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACL,EACE;MAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE,MAAM,CAE3D;;MAAA,CAAC,QAAQ,CACP,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAC9B,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,eAAe,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAEtC;QAAA,CAAC,IAAI,CACH;UAAA,CAAC,WAAW,CACV;YAAA,CAAC,IAAI,CAAC,oEAAoE,EAAE,IAAI,CAClF;UAAA,EAAE,WAAW,CACf;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,QAAQ,CACZ;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { Backdrop, Button, Card, CardContent, Text } from '@pega/cosmos-react-core';\nimport type { BackdropProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Backdrop',\n  component: Backdrop,\n  args: {\n    alpha: 0.4,\n    variant: 'dark',\n    transitionSpeed: 'medium'\n  },\n  argTypes: {\n    alpha: { control: { type: 'number' } },\n    variant: { options: ['dark', 'light'], control: { type: 'select' } },\n    transitionSpeed: { options: ['slow', 'medium', 'fast', 'none'], control: { type: 'select' } }\n  }\n} as Meta;\n\nexport const BackdropDemo: StoryFn<BackdropProps> = (args: BackdropProps) => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <Button onClick={() => setOpen(true)}>Open Backdrop</Button>\n\n      <Backdrop\n        open={open}\n        alpha={args.alpha}\n        variant={args.variant}\n        transitionSpeed={args.transitionSpeed}\n      >\n        <Button variant='primary' onClick={() => setOpen(false)}>\n          Close Backdrop\n        </Button>\n      </Backdrop>\n    </>\n  );\n};\n\nexport const DismissibleBackdropDemo: StoryFn<BackdropProps> = (args: BackdropProps) => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <Button onClick={() => setOpen(true)}>Open Backdrop</Button>\n\n      <Backdrop\n        onClick={() => setOpen(false)}\n        open={open}\n        alpha={args.alpha}\n        variant={args.variant}\n        transitionSpeed={args.transitionSpeed}\n      >\n        <Card>\n          <CardContent>\n            <Text>This Backdrop can be dismissed by clicking anywhere in the viewport.</Text>\n          </CardContent>\n        </Card>\n      </Backdrop>\n    </>\n  );\n};\n"]}

package/jsx/core/Badges/Alert.stories.d.ts

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

package/jsx/core/Badges/Alert.stories.d.ts.map

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

package/jsx/core/Badges/Alert.stories.jsx

@@ -1,15 +0,0 @@
-import { Alert } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Badges/Alert',
-    component: Alert
-};
-export const AlertBadge = (args) => {
-    return <Alert variant={args.variant}/>;
-};
-AlertBadge.args = {
-    variant: 'success'
-};
-AlertBadge.argTypes = {
-    variant: { options: ['success', 'urgent'], control: { type: 'select' } }
-};
-//# sourceMappingURL=Alert.stories.jsx.map

package/jsx/core/Badges/Alert.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.stories.jsx","sourceRoot":"","sources":["../../../src/core/Badges/Alert.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGhD,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,KAAK;CACT,CAAC;AAEV,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,IAAgB,EAAE,EAAE;IAClE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAG,CAAC;AAC1C,CAAC,CAAC;AAEF,UAAU,CAAC,IAAI,GAAG;IAChB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,UAAU,CAAC,QAAQ,GAAG;IACpB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CACzE,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Alert } from '@pega/cosmos-react-core';\nimport type { AlertProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Badges/Alert',\n  component: Alert\n} as Meta;\n\nexport const AlertBadge: StoryFn<AlertProps> = (args: AlertProps) => {\n  return <Alert variant={args.variant} />;\n};\n\nAlertBadge.args = {\n  variant: 'success'\n};\n\nAlertBadge.argTypes = {\n  variant: { options: ['success', 'urgent'], control: { type: 'select' } }\n};\n"]}

package/jsx/core/Badges/Count.stories.d.ts

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

package/jsx/core/Badges/Count.stories.d.ts.map

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

package/jsx/core/Badges/Count.stories.jsx

@@ -1,20 +0,0 @@
-import { Count } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Badges/Count',
-    component: Count
-};
-export const CountBadge = (args) => {
-    return <Count variant={args.variant}>{args.children}</Count>;
-};
-CountBadge.args = {
-    children: 3,
-    variant: 'default'
-};
-CountBadge.argTypes = {
-    children: { control: { type: 'number' } },
-    variant: {
-        options: ['default', 'urgent'],
-        control: { type: 'select' }
-    }
-};
-//# sourceMappingURL=Count.stories.jsx.map

package/jsx/core/Badges/Count.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Count.stories.jsx","sourceRoot":"","sources":["../../../src/core/Badges/Count.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGhD,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,KAAK;CACT,CAAC;AAEV,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,IAAgB,EAAE,EAAE;IAClE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC;AAC/D,CAAC,CAAC;AAEF,UAAU,CAAC,IAAI,GAAG;IAChB,QAAQ,EAAE,CAAC;IACX,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,UAAU,CAAC,QAAQ,GAAG;IACpB,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACzC,OAAO,EAAE;QACP,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;QAC9B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC5B;CACF,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Count } from '@pega/cosmos-react-core';\nimport type { CountProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Badges/Count',\n  component: Count\n} as Meta;\n\nexport const CountBadge: StoryFn<CountProps> = (args: CountProps) => {\n  return <Count variant={args.variant}>{args.children}</Count>;\n};\n\nCountBadge.args = {\n  children: 3,\n  variant: 'default'\n};\n\nCountBadge.argTypes = {\n  children: { control: { type: 'number' } },\n  variant: {\n    options: ['default', 'urgent'],\n    control: { type: 'select' }\n  }\n};\n"]}