@pega/cosmos-react-demos 7.11.3 → 7.11.4-10

package/jsx/core/Icon/Icon.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.stories.jsx","sourceRoot":"","sources":["../../../src/core/Icon/Icon.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EACL,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,mBAAmB,EACnB,QAAQ,EACR,aAAa,EACd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,WAAW,MAAM,gEAAgE,CAAC;AAE9F,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACb,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE5F,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,IAAI;CACR,CAAC;AAEV,YAAY,CAAC,WAAW,CAAC,CAAC;AAW1B,MAAM,CAAC,MAAM,UAAU,GAA0C,CAC/D,IAAkC,EAClC,EAAE;IACF,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAC7E,GAAG,CAAC,YAAY,CAChB,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,SAAS,CAAC,CAC7B,IAAI,CAAC,KAAK,CACV,UAAU,CAAC,mBAAmB,CAC9B,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,IAAI,GAAG,EAAE,GAAG,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;AACvD,UAAU,CAAC,QAAQ,GAAG;IACpB,GAAG,gBAAgB;IACnB,IAAI,EAAE;QACJ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC3B,OAAO,EAAE,qBAAqB;KAC/B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA0B,CAAC,IAAkB,EAAE,EAAE;IACtE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExB,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAC7E,IAAI,CAAC,aAAa,CAClB,IAAI,CAAC,KAAK,CACV,UAAU,CAAC,aAAa,CACxB,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,IAAI,GAAG,YAAY,CAAC;AAC/B,UAAU,CAAC,QAAQ,GAAG,gBAAgB,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,IAAkB,EAAE,EAAE;IACvE,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAC7E,IAAI,CAAC,KAAK,CACV,IAAI,CAAC,MAAM,CACX,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,IAAI,GAAG,YAAY,CAAC;AAChC,WAAW,CAAC,QAAQ,GAAG,gBAAgB,CAAC;AAMxC,MAAM,CAAC,MAAM,QAAQ,GAA2B,CAAC,IAAmB,EAAE,EAAE;IACtE,MAAM,QAAQ,GAAG,EAAE,CAAC;IAEpB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC/B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5D,MAAM,KAAK,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE7C,MAAM,QAAQ,GAAsB,IAAI,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC;IAErF,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QACnF,MAAM,kBAAkB,GAAG,CAAC,CAAC,GAAG,gBAAgB,CAAC,GAAG,QAAQ,CAAC;QAC7D,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC;QAEtC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;YACxB,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,EAAG,CAAC;SACxC;QAED,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtD,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,IAAI,CAAC,CACV,SAAS,CAAC,CAAC;gBACT,SAAS,EAAE,QAAQ;gBACnB,OAAO,EAAE,QAAQ;gBACjB,UAAU,EAAE,QAAQ;gBACpB,YAAY,EAAE,QAAQ;aACvB,CAAC,CACF,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAEvB;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAC3D;QAAA,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAC9C;MAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEzC,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC;IACrF,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC;IAG1D,mBAAmB,CACjB,KAAK,EACL,UAAU,EACV,GAAG,EAAE;QACH,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACxC,CAAC,EACD,aAAa,CACd,CAAC;IAGF,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QACnD,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,mBAAmB,CAAC,CAAC,CAAC,CAAC;QACvB,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CACvD;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,oBAAoB,EAAE,CAAC,CACxF;QAAA,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAC,cAAc,CAAC,EAC3D;QAAA,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,YAAY,CAAC,OAAO,CAAE,QAAO,EAAE,IAAI,CAAC,CAClF;QAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CACvF;UAAA,CAAC,WAAW,CACZ;UAAA,CAAC,eAAe,GAAG,CAAC,IAAI,CACtB,CAAC,uBAAuB,CACtB;cAAA,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,EAC7B;YAAA,EAAE,uBAAuB,CAAC,CAC3B,CACH;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,IAAI,GAAG;IACd,GAAG,EAAE,SAAS;CACf,CAAC;AAEF,QAAQ,CAAC,QAAQ,GAAG;IAClB,GAAG,EAAE;QACH,OAAO,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC;QAClC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;KAC3B;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,UAAU,GAAkD,CACvE,IAA0C,EAC1C,EAAE;IACF,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,CAC1B,GAAG,CAAC,YAAY,CAChB,IAAI,CAAC,KAAK,CACV,UAAU,CAAC,eAAe,CAC1B,UAAU,CAAC,SAAS,CACpB,UAAU,CAAC,SAAS,CACpB,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,IAAI,GAAG;IAChB,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,UAAU,CAAC,QAAQ,GAAG;IACpB,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAC7B,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;KAC3B;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,CAAC;QACrC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;KAC3B;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC3B,OAAO,EAAE,qBAAqB;KAC/B;CACF,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useMemo, useState, useCallback, useRef } from 'react';\n\nimport {\n  EmptyState,\n  Flex,\n  Icon,\n  icons,\n  streamlineIcons,\n  registerIcon,\n  Progress,\n  SearchInput,\n  Text,\n  useItemIntersection,\n  useTheme,\n  ThemeOverride\n} from '@pega/cosmos-react-core';\nimport type { IconProps } from '@pega/cosmos-react-core';\nimport * as pegasusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/pegasus.icon';\n\nimport {\n  createCustomIcon,\n  iconNameSelectOptions,\n  iconSizeArgTypes,\n  iconSizeArgs\n} from './Icon.mocks';\nimport { StyledIconList, StyledIconListItem, StyledProgressContainer } from './Icon.styles';\n\nexport default {\n  title: 'Core/Icon',\n  component: Icon\n} as Meta;\n\nregisterIcon(pegasusIcon);\n\ninterface IconSizeArgs {\n  size?: IconProps['size'];\n  demoSizeOverride?: boolean;\n}\n\ninterface IconSelectArg {\n  name?: IconProps['name'];\n}\n\nexport const StaticIcon: StoryFn<IconSizeArgs & IconSelectArg> = (\n  args: IconSizeArgs & IconSelectArg\n) => {\n  return (\n    <Icon\n      style={args.demoSizeOverride ? { height: '5rem', width: '5rem' } : undefined}\n      set='streamline'\n      name={args.name ?? 'pegasus'}\n      role='img'\n      aria-label='Informative label'\n      size={args.size}\n    />\n  );\n};\n\nStaticIcon.args = { ...iconSizeArgs, name: 'pegasus' };\nStaticIcon.argTypes = {\n  ...iconSizeArgTypes,\n  name: {\n    control: { type: 'select' },\n    options: iconNameSelectOptions\n  }\n};\n\nexport const CustomIcon: StoryFn<IconSizeArgs> = (args: IconSizeArgs) => {\n  const theme = useTheme();\n\n  createCustomIcon(theme);\n\n  return (\n    <Icon\n      style={args.demoSizeOverride ? { height: '5rem', width: '5rem' } : undefined}\n      name='custom-pega'\n      role='img'\n      aria-label='Custom icon'\n      size={args.size}\n    />\n  );\n};\n\nCustomIcon.args = iconSizeArgs;\nCustomIcon.argTypes = iconSizeArgTypes;\n\nexport const DynamicIcon: StoryFn<IconSizeArgs> = (args: IconSizeArgs) => {\n  return (\n    <Icon\n      style={args.demoSizeOverride ? { height: '5rem', width: '5rem' } : undefined}\n      role='img'\n      name='pega'\n      size={args.size}\n    />\n  );\n};\n\nDynamicIcon.args = iconSizeArgs;\nDynamicIcon.argTypes = iconSizeArgTypes;\n\ninterface IconListProps {\n  set: 'budicon' | 'streamline';\n}\n\nexport const IconList: StoryFn<IconListProps> = (args: IconListProps) => {\n  const pageSize = 50;\n\n  const [search, setSearch] = useState('');\n  const totalMatches = useRef(0);\n  const [currentPageIndex, setCurrentPageIndex] = useState(0);\n  const ulRef = useRef<HTMLUListElement>(null);\n\n  const iconList: readonly string[] = args.set === 'budicon' ? icons : streamlineIcons;\n\n  const listContent = useMemo(() => {\n    const matches = search ? iconList.filter(icon => icon.includes(search)) : iconList;\n    const totalItemsToRender = (1 + currentPageIndex) * pageSize;\n    totalMatches.current = matches.length;\n\n    if (matches.length === 0) {\n      return <EmptyState forwardedAs='li' />;\n    }\n\n    return matches.slice(0, totalItemsToRender).map(icon => (\n      <Flex\n        key={icon}\n        container={{\n          direction: 'column',\n          justify: 'center',\n          alignItems: 'center',\n          alignContent: 'center'\n        }}\n        as={StyledIconListItem}\n      >\n        <Icon style={{ height: '3rem', width: '3rem' }} name={icon} />\n        <p style={{ textAlign: 'center' }}>{icon}</p>\n      </Flex>\n    ));\n  }, [iconList, search, currentPageIndex]);\n\n  const itemsShown = Math.min(totalMatches.current, (1 + currentPageIndex) * pageSize);\n  const itemsToLoadMore = totalMatches.current - itemsShown;\n\n  // When reaches to the bottom of the results, loads next pageSize items\n  useItemIntersection(\n    ulRef,\n    itemsShown,\n    () => {\n      setCurrentPageIndex(prev => 1 + prev);\n    },\n    ':scope > li'\n  );\n\n  // on search, reset to first page and scroll to top\n  const onSearchChange = useCallback((value: string) => {\n    setSearch(value);\n    setCurrentPageIndex(0);\n    ulRef?.current?.scrollIntoView();\n  }, []);\n\n  return (\n    <ThemeOverride theme={{ base: { 'icon-set': args.set } }}>\n      <Flex container={{ direction: 'column', gap: 1 }} style={{ height: 'calc(100vh - 2rem)' }}>\n        <SearchInput value={search} onSearchChange={onSearchChange} />\n        {itemsShown > 0 && <Text variant='secondary'>{totalMatches.current} results</Text>}\n        <Flex container={{ wrap: 'wrap', alignContent: 'start' }} as={StyledIconList} ref={ulRef}>\n          {listContent}\n          {itemsToLoadMore > 0 && (\n            <StyledProgressContainer>\n              <Progress placement='local' />\n            </StyledProgressContainer>\n          )}\n        </Flex>\n      </Flex>\n    </ThemeOverride>\n  );\n};\n\nIconList.args = {\n  set: 'budicon'\n};\n\nIconList.argTypes = {\n  set: {\n    options: ['budicon', 'streamline'],\n    control: { type: 'radio' }\n  }\n};\n\ntype ShapedIconStoryProps = Pick<IconProps, 'shape' | 'size'>;\n\nexport const ShapedIcon: StoryFn<ShapedIconStoryProps & IconSelectArg> = (\n  args: ShapedIconStoryProps & IconSelectArg\n) => {\n  return (\n    <Icon\n      name={args.name || 'gear'}\n      set='streamline'\n      role='img'\n      aria-label='Configuration'\n      foreground='#6C5700'\n      background='#F4C500'\n      shape={args.shape}\n      size={args.size}\n    />\n  );\n};\n\nShapedIcon.args = {\n  shape: 'square',\n  size: 'l',\n  name: 'gear'\n};\n\nShapedIcon.argTypes = {\n  shape: {\n    options: ['square', 'circle'],\n    control: { type: 'radio' }\n  },\n  size: {\n    options: ['s', 'm', 'l', 'font-size'],\n    control: { type: 'radio' }\n  },\n  name: {\n    control: { type: 'select' },\n    options: iconNameSelectOptions\n  }\n};\n"]}

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

@@ -1,4 +0,0 @@
-export declare const StyledIconList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledIconListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledProgressContainer: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=Icon.styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.styles.d.ts","sourceRoot":"","sources":["../../../src/core/Icon/Icon.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,wGAU1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,wGAM9B,CAAC;AAIF,eAAO,MAAM,uBAAuB,wGAInC,CAAC"}

package/jsx/core/Icon/Icon.styles.js

@@ -1,25 +0,0 @@
-import styled, { css } from 'styled-components';
-import { defaultThemeProp, StyledEmptyState } from '@pega/cosmos-react-core';
-export const StyledIconList = styled.ul `
-  overflow-x: hidden;
-  overflow-y: auto;
-  list-style: none;
-  height: 100%;
-
-  ${StyledEmptyState} {
-    width: 100%;
-    height: 100%;
-  }
-`;
-export const StyledIconListItem = styled.li(({ theme }) => css `
-    padding: calc(2 * ${theme.base.spacing});
-    border-bottom: 0.0625rem solid ${theme.base.palette['border-line']};
-    width: 20%;
-  `);
-StyledIconListItem.defaultProps = defaultThemeProp;
-export const StyledProgressContainer = styled.li `
-  position: relative;
-  height: 2.8rem;
-  width: 100%;
-`;
-//# sourceMappingURL=Icon.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.styles.js","sourceRoot":"","sources":["../../../src/core/Icon/Icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE7E,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;IAMnC,gBAAgB;;;;CAInB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,EAAE,CACzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;wBACI,KAAK,CAAC,IAAI,CAAC,OAAO;qCACL,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;;GAEnE,CACF,CAAC;AAEF,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;CAI/C,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp, StyledEmptyState } from '@pega/cosmos-react-core';\n\nexport const StyledIconList = styled.ul`\n  overflow-x: hidden;\n  overflow-y: auto;\n  list-style: none;\n  height: 100%;\n\n  ${StyledEmptyState} {\n    width: 100%;\n    height: 100%;\n  }\n`;\n\nexport const StyledIconListItem = styled.li(\n  ({ theme }) => css`\n    padding: calc(2 * ${theme.base.spacing});\n    border-bottom: 0.0625rem solid ${theme.base.palette['border-line']};\n    width: 20%;\n  `\n);\n\nStyledIconListItem.defaultProps = defaultThemeProp;\n\nexport const StyledProgressContainer = styled.li`\n  position: relative;\n  height: 2.8rem;\n  width: 100%;\n`;\n"]}

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

@@ -1,2 +0,0 @@
-export declare const commonIconNames: ("function" | "radio" | "snow" | "layout" | "copy" | "help" | "progress" | "grid" | "table" | "row" | "scale-down" | "circle" | "open" | "triangle" | "reset" | "filter" | "transform" | "drag" | "square" | "columns" | "legal" | "letter" | "map" | "code" | "header" | "picture" | "script" | "video" | "search" | "key" | "download" | "list" | "document" | "navigation" | "placeholder" | "target" | "pen" | "location" | "user" | "send" | "warn" | "tag" | "keyboard" | "cancel" | "pause" | "play" | "history" | "preview" | "undo" | "information" | "dock" | "calendar" | "case" | "reply" | "forward" | "1-1-solid" | "1-1" | "a11y" | "ai-assist" | "align-center" | "align-item-center-solid" | "align-item-center" | "align-item-down-solid" | "align-item-down" | "align-item-left-solid" | "align-item-left" | "align-item-right-solid" | "align-item-right" | "align-item-up-solid" | "align-item-up" | "align-item-vert-center-solid" | "align-item-vert-center" | "align-left" | "align-right" | "amazon" | "ambulance-solid" | "ambulance" | "analytics-bad-solid" | "analytics-bad" | "analytics-good-solid" | "analytics-good" | "analytics-neutral-solid" | "analytics-neutral" | "antenna" | "app-solid" | "app" | "archery" | "archive-solid" | "archive" | "arrow-above-or" | "arrow-above-row-left" | "arrow-above-row-right" | "arrow-below-or" | "arrow-below-row-left" | "arrow-below-row-right" | "arrow-bend-left" | "arrow-bend-right" | "arrow-between-column-down" | "arrow-down-between-left-column" | "arrow-down-between-right-column" | "arrow-down-row" | "arrow-down" | "arrow-in" | "arrow-left-column" | "arrow-left-right" | "arrow-left" | "arrow-micro-down" | "arrow-micro-left" | "arrow-micro-right" | "arrow-micro-up-down" | "arrow-micro-up" | "arrow-out" | "arrow-right-between-rows" | "arrow-right-column" | "arrow-right" | "arrow-up-down" | "arrow-up-row" | "arrow-up" | "atom" | "backspace-solid" | "backspace" | "badge-solid" | "badge" | "bank-solid" | "bank" | "bars" | "battery-charge-solid" | "battery-charge" | "battery-solid" | "battery" | "bell-off-solid" | "bell-off" | "bell-solid" | "bell" | "blocks-solid" | "blocks" | "bluetooth" | "bolt-solid" | "bolt" | "book-open-solid" | "book-open" | "book-solid" | "book" | "bookmark-solid" | "bookmark" | "bounding-box-solid" | "bounding-box" | "box-3-solid" | "box-3" | "box-4-solid" | "box-4" | "box-crosshair" | "box-dashed-labeled-solid" | "box-dashed-labeled" | "box-grid" | "box-lines-2-solid" | "box-lines-2" | "box" | "browser-solid" | "browser" | "bug-solid" | "bug" | "building-2-solid" | "building-2" | "building-3-solid" | "building-3" | "building-solid" | "building" | "bulb-solid" | "bulb" | "calculator-solid" | "calculator" | "calendar-empty-solid" | "calendar-empty" | "calendar-now" | "calendar-plus-solid" | "calendar-plus" | "calendar-range" | "calendar-solid" | "camera-solid" | "camera" | "car-solid" | "car" | "card-stack-solid" | "card-stack" | "caret-2-left" | "caret-2-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "carrot" | "cart-close-solid" | "cart-close" | "cart-solid" | "cart" | "case-medical-solid" | "case-medical" | "case-solid" | "chain-solid" | "chain-up" | "chain" | "chat-help-solid" | "chat-help" | "chat-sentiment-solid" | "chat-sentiment" | "chat-solid" | "chat-typing-solid" | "chat-typing" | "chat" | "chats-solid" | "chats" | "check" | "checkbook" | "chevron-solid" | "chevron" | "church-solid" | "church" | "circle-mixed-down" | "circle-mixed-left" | "circle-mixed-up" | "circle-solid" | "circle-stacked-mixed" | "circle-stacked-solid" | "circle-stacked" | "city-solid" | "city" | "clipboard-check-solid" | "clipboard-check" | "clipboard-data-solid" | "clipboard-data" | "clipboard-medical-solid" | "clipboard-medical" | "clipboard-plus-solid" | "clipboard-plus" | "clipboard-solid" | "clipboard" | "clock-solid" | "clock" | "cloud-down" | "cloud-issue-solid" | "cloud-issue" | "cloud-solid" | "cloud-up" | "cloud" | "cloudy-solid" | "cloudy" | "column-delete" | "column-insert" | "column-no-left" | "column-no-right" | "column-top-fill" | "columns-solid" | "command" | "compass-solid" | "compass" | "controller-solid" | "controller" | "copy-solid" | "credit-solid" | "credit" | "crop" | "crosshairs" | "cuppa-solid" | "cuppa" | "dataviz-area-multi" | "dataviz-area-stacked" | "dataviz-area" | "dataviz-bar-clustered" | "dataviz-bar-stacked" | "dataviz-bar" | "dataviz-bubble" | "dataviz-column-clustered" | "dataviz-column-stacked" | "dataviz-column" | "dataviz-combo" | "dataviz-datetime-field" | "dataviz-donut" | "dataviz-flip-counter" | "dataviz-forecast" | "dataviz-funnel-solid" | "dataviz-funnel" | "dataviz-gauge" | "dataviz-geo-choropleth" | "dataviz-line-multi" | "dataviz-line" | "dataviz-numeric-field" | "dataviz-pareto" | "dataviz-pie" | "dataviz-pivot-table" | "dataviz-radar" | "dataviz-scatter" | "dataviz-spark" | "dataviz-string-field" | "dataviz-table-with-bars" | "dataviz-table-with-cross" | "dataviz-waterfall" | "desktop-solid" | "desktop" | "diamond-solid" | "diamond" | "disc-stack-solid" | "disc-stack" | "distribute-item-center-solid" | "distribute-item-center" | "distribute-item-vert-center-solid" | "distribute-item-vert-center" | "dna" | "document-check-solid" | "document-check" | "document-compress-solid" | "document-compress" | "document-data-solid" | "document-doc" | "document-download-solid" | "document-download" | "document-minus-solid" | "document-minus" | "document-pdf" | "document-plus-solid" | "document-plus" | "document-solid" | "document-upload-solid" | "document-upload" | "document-xls" | "documents-check-solid" | "documents-check" | "documents-data-solid" | "documents-data" | "documents-solid" | "documents" | "docusign" | "dollar-sign-solid" | "dollar-sign" | "dot-9-solid" | "dot-9" | "drink-solid" | "drink" | "earth-solid" | "earth" | "edit-shape-solid" | "edit-shape" | "erase-solid" | "erase" | "eye-off-solid" | "eye-off" | "eye-solid" | "eye" | "face-blank-solid" | "face-blank" | "face-happy-solid" | "face-happy" | "face-sad-solid" | "face-sad" | "facebook" | "farm-solid" | "farm" | "fast-forward-solid" | "fast-forward" | "filetype-text" | "filter-on" | "fire-solid" | "fire" | "flag-finish" | "flag-solid" | "flag-wave-solid" | "flag-wave" | "flag" | "flashlight-solid" | "flashlight" | "folder-close-solid" | "folder-close" | "folder-closed-solid" | "folder-closed" | "folder-dollar-solid" | "folder-dollar" | "folder-hierarchy-solid" | "folder-hierarchy" | "folder-nested-solid" | "folder-nested" | "folder-plus-solid" | "folder-plus" | "folder-solid" | "folder" | "folders-solid" | "folders" | "forward-all-solid" | "forward-all" | "forward-solid" | "freeze-column" | "galaxy" | "gauge-solid" | "gauge" | "gear-solid" | "gear" | "glasses-solid" | "glasses" | "globe-solid" | "globe" | "google" | "government-solid" | "government" | "grad-solid" | "grad" | "grid-solid" | "hand-solid" | "hand" | "handshake-solid" | "handshake" | "hanger" | "headline-solid" | "headline" | "headphone-solid" | "headphone" | "headset" | "heart-mixed" | "heart-pulse-solid" | "heart-pulse" | "heart-solid" | "heart" | "help-solid" | "history-solid" | "home-alt-solid" | "home-alt" | "home-solid" | "home" | "inbox-data-solid" | "inbox-data" | "inbox-empty" | "inbox-solid" | "indent" | "infinity" | "information-solid" | "ink-solid" | "ink" | "inspect" | "interact" | "ios-face-id" | "ios-finger-id" | "keyboard-solid" | "knight-solid" | "knight" | "knobs-alt-solid" | "knobs-alt" | "knobs-solid" | "knobs" | "laptop-solid" | "laptop" | "layers-solid" | "layers" | "layout-solid" | "leaf-solid" | "leaf" | "letter-solid" | "life-ring-solid" | "life-ring" | "linkedin" | "list-number" | "live-transcript" | "location-check-solid" | "location-check" | "location-solid" | "locations-solid" | "locations" | "lock-closed-solid" | "lock-closed" | "lock-open-solid" | "lock-open" | "magnet-solid" | "magnet" | "mail-check-solid" | "mail-check" | "mail-plus-solid" | "mail-plus" | "mail-solid" | "mail" | "mailbox-solid" | "mailbox" | "map-sigma-solid" | "map-sigma" | "map-solid" | "material-finger" | "medal" | "megaphone-solid" | "megaphone" | "mic-off-solid" | "mic-off" | "mic-solid" | "mic" | "minus" | "mobile-phone-solid" | "mobile-phone" | "money-send-solid" | "money-send" | "money-solid" | "money" | "monkey-solid" | "monkey" | "moon-solid" | "moon" | "more-alt" | "more" | "move-left-solid" | "move-right-solid" | "move-up-solid" | "moving" | "multi-device-solid" | "multi-device" | "music-solid" | "music" | "navigation-solid" | "node-solid" | "node" | "nodes-down-solid" | "nodes-down" | "nodes-left-solid" | "nodes-left" | "nodes-right-solid" | "nodes-right" | "nodes-up-solid" | "nodes-up" | "notepad-empty-solid" | "notepad-empty" | "notepad-solid" | "notepad" | "notes-solid" | "notes" | "opportunity-solid" | "opportunity" | "or-delete" | "os-android" | "os-apple" | "os-windows" | "paper-clip" | "passbook-solid" | "passbook" | "pause-solid" | "paypal" | "peekpanel-arrow-left-solid" | "peekpanel-arrow-left" | "peekpanel-arrow-right-solid" | "peekpanel-arrow-right" | "pega" | "pegasus" | "pen-solid" | "pencil-solid" | "pencil" | "person-solid" | "person" | "phone-call-solid" | "phone-call" | "phone-disabled-solid" | "phone-disabled" | "phone-hangup-solid" | "phone-hangup" | "phone-in-solid" | "phone-in" | "phone-list-solid" | "phone-list" | "phone-merge-solid" | "phone-merge" | "phone-out-solid" | "phone-out" | "phone-pause-solid" | "phone-pause" | "phone-solid" | "phone-split-solid" | "phone-split" | "phone" | "picture-solid" | "piggybank-solid" | "piggybank" | "pin-solid" | "pin" | "pipeline-solid" | "pipeline" | "plane-solid" | "plane" | "plant-solid" | "plant" | "play-solid" | "playbook-solid" | "playbook" | "plug-solid" | "plug" | "plus-between-left-column" | "plus-between-right-column" | "plus-line-above-below" | "plus-line-above" | "plus-line-below" | "plus-line-left" | "plus-line-right" | "plus" | "podium-solid" | "podium" | "polaris-solid" | "polaris" | "pong-solid" | "pong" | "potion-solid" | "potion" | "power" | "print-solid" | "print" | "processor-solid" | "processor" | "progress-solid" | "puzzle-solid" | "puzzle" | "qr" | "quill" | "rabbit" | "radio-solid" | "rain-solid" | "rain" | "receipt-solid" | "receipt" | "rectangle-solid" | "rectangle" | "reply-all-solid" | "reply-all" | "reply-solid" | "retweet" | "rewind-solid" | "rewind" | "robot-happy-solid" | "robot-happy" | "robot-sad-solid" | "robot-sad" | "robot-solid" | "robot" | "rocket-solid" | "rocket" | "roller-solid" | "roller" | "route-solid" | "route" | "row-delete" | "row-insert" | "row-left-fill" | "row-right-fill" | "scale-up-solid" | "scale-up" | "school-solid" | "school" | "scissors" | "search-analytics-solid" | "search-analytics" | "search-case" | "search-check" | "search-close" | "search-minus" | "search-org" | "search-plus" | "search-solid" | "search-table" | "semitruck-solid" | "semitruck" | "send-solid" | "server-cloud-solid" | "server-cloud" | "server-solid" | "server" | "sextant" | "share-point-up-solid" | "share-point-up" | "share-solid" | "share" | "shield-solid" | "shield" | "shoe-solid" | "shoe" | "shuffle" | "sigma" | "signpost-solid" | "signpost" | "slideshow-solid" | "slideshow" | "snail" | "social-solid" | "social" | "speaker-mute-solid" | "speaker-mute" | "speaker-on-solid" | "speaker-on" | "speaker-solid" | "speaker" | "spellcheck" | "square-solid" | "star-mixed" | "star-solid" | "star" | "steps-solid" | "steps" | "stethoscope-solid" | "stethoscope" | "stoplight-solid" | "stoplight" | "stopwatch-solid" | "stopwatch" | "store-solid" | "store" | "sun-solid" | "sun" | "swipe-left-solid" | "swipe-left" | "swipe-right-solid" | "swipe-right" | "tablet-solid" | "tablet" | "tag-check-solid" | "tag-check" | "tag-close-solid" | "tag-close" | "tag-solid" | "target-solid" | "temp-solid" | "temp" | "thumbs-down-solid" | "thumbs-down" | "thumbs-up-solid" | "thumbs-up" | "times" | "todo-solid" | "todo" | "tow-truck-solid" | "tow-truck" | "tracer-solid" | "tracer" | "trash-solid" | "trash" | "triangle-mixed-left" | "triangle-mixed-right" | "triangle-solid" | "tribox-solid" | "tribox" | "trophy-solid" | "trophy" | "truck-solid" | "truck" | "tv-solid" | "tv" | "twitter" | "umbrella-solid" | "umbrella" | "undock" | "unindent" | "upload" | "user-check-solid" | "user-check" | "user-close-solid" | "user-close" | "user-female-solid" | "user-female" | "user-list-solid" | "user-list" | "user-plus-solid" | "user-plus" | "user-question-mark-solid" | "user-question-mark" | "user-search-solid" | "user-search" | "user-solid" | "user-star-solid" | "user-star" | "users-solid" | "users" | "video-solid" | "voicemail" | "vr-solid" | "vr" | "walkie-solid" | "walkie" | "wallet-solid" | "wallet" | "wand" | "warn-solid" | "watch-solid" | "watch" | "waypoint-solid" | "waypoint" | "webcam-solid" | "webcam" | "whatsapp" | "wifi-none" | "wifi-off" | "wifi" | "wizard-solid" | "wizard" | "wrench-solid" | "wrench" | "youtube")[];
-//# sourceMappingURL=IconPicker.mocks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconPicker.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/IconPicker/IconPicker.mocks.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,koZAE3B,CAAC"}

package/jsx/core/IconPicker/IconPicker.mocks.js

@@ -1,3 +0,0 @@
-import { icons, streamlineIcons } from '@pega/cosmos-react-core';
-export const commonIconNames = icons.filter(i => streamlineIcons.includes(i));
-//# sourceMappingURL=IconPicker.mocks.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconPicker.mocks.js","sourceRoot":"","sources":["../../../src/core/IconPicker/IconPicker.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAC7C,eAAqC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACnD,CAAC","sourcesContent":["import { icons, streamlineIcons } from '@pega/cosmos-react-core';\n\nexport const commonIconNames = icons.filter(i =>\n  (streamlineIcons as readonly string[]).includes(i)\n);\n"]}

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

@@ -1,6 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { IconPickerProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-export declare const IconPickerDemo: StoryFn<IconPickerProps>;
-//# sourceMappingURL=IconPicker.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/core/IconPicker/IconPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;;AAI/D,wBA2BU;AAEV,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,eAAe,CAoBnD,CAAC"}

package/jsx/core/IconPicker/IconPicker.stories.jsx

@@ -1,38 +0,0 @@
-import { useState } from 'react';
-import { IconPicker } from '@pega/cosmos-react-core';
-import { commonIconNames } from './IconPicker.mocks';
-export default {
-    title: 'Core/IconPicker',
-    component: IconPicker,
-    args: {
-        set: 'budicon',
-        defaultSelection: 'pegasus',
-        label: 'IconPicker input',
-        labelHidden: false,
-        info: 'Type in or click to expand the Popover',
-        placeholder: '',
-        status: undefined,
-        required: false,
-        disabled: false,
-        readOnly: false
-    },
-    argTypes: {
-        set: { options: ['streamline', 'budicon'], control: { type: 'select' } },
-        defaultSelection: { options: commonIconNames, control: { type: 'select', icons: true } },
-        label: { control: { type: 'text' } },
-        labelHidden: { control: { type: 'boolean' } },
-        info: { control: { type: 'text', label: 'Helper text' } },
-        placeholder: { control: { type: 'text' } },
-        status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },
-        required: { control: { type: 'boolean' } },
-        disabled: { control: { type: 'boolean' } },
-        readOnly: { control: { type: 'boolean' } }
-    }
-};
-export const IconPickerDemo = (args) => {
-    const [iconValue, setIconValue] = useState(args.defaultSelection);
-    return (<IconPicker defaultSelection={iconValue} label={args.label} labelHidden={args.labelHidden} info={args.info} placeholder={args.placeholder} status={args.status} required={args.required} disabled={args.disabled} readOnly={args.readOnly} set={args.set} onSelect={(icon) => {
-            setIconValue(icon);
-        }}/>);
-};
-//# sourceMappingURL=IconPicker.stories.jsx.map

package/jsx/core/IconPicker/IconPicker.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconPicker.stories.jsx","sourceRoot":"","sources":["../../../src/core/IconPicker/IconPicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE;QACJ,GAAG,EAAE,SAAS;QACd,gBAAgB,EAAE,SAAS;QAC3B,KAAK,EAAE,kBAAkB;QACzB,WAAW,EAAE,KAAK;QAClB,IAAI,EAAE,wCAAwC;QAC9C,WAAW,EAAE,EAAE;QACf,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;KAChB;IACD,QAAQ,EAAE;QACR,GAAG,EAAE,EAAE,OAAO,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;QACxE,gBAAgB,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;QACxF,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QACpC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC7C,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE;QACzD,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC1C,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;QAC5F,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;KAC3C;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,cAAc,GAA6B,CAAC,IAAqB,EAAE,EAAE;IAChF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAElE,OAAO,CACL,CAAC,UAAU,CACT,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAC5B,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CACd,QAAQ,CAAC,CAAC,CAAC,IAAY,EAAE,EAAE;YACzB,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { IconPicker } from '@pega/cosmos-react-core';\nimport type { IconPickerProps } from '@pega/cosmos-react-core';\n\nimport { commonIconNames } from './IconPicker.mocks';\n\nexport default {\n  title: 'Core/IconPicker',\n  component: IconPicker,\n  args: {\n    set: 'budicon',\n    defaultSelection: 'pegasus',\n    label: 'IconPicker input',\n    labelHidden: false,\n    info: 'Type in or click to expand the Popover',\n    placeholder: '',\n    status: undefined,\n    required: false,\n    disabled: false,\n    readOnly: false\n  },\n  argTypes: {\n    set: { options: ['streamline', 'budicon'], control: { type: 'select' } },\n    defaultSelection: { options: commonIconNames, control: { type: 'select', icons: true } },\n    label: { control: { type: 'text' } },\n    labelHidden: { control: { type: 'boolean' } },\n    info: { control: { type: 'text', label: 'Helper text' } },\n    placeholder: { control: { type: 'text' } },\n    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n    required: { control: { type: 'boolean' } },\n    disabled: { control: { type: 'boolean' } },\n    readOnly: { control: { type: 'boolean' } }\n  }\n} as Meta;\n\nexport const IconPickerDemo: StoryFn<IconPickerProps> = (args: IconPickerProps) => {\n  const [iconValue, setIconValue] = useState(args.defaultSelection);\n\n  return (\n    <IconPicker\n      defaultSelection={iconValue}\n      label={args.label}\n      labelHidden={args.labelHidden}\n      info={args.info}\n      placeholder={args.placeholder}\n      status={args.status}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      set={args.set}\n      onSelect={(icon: string) => {\n        setIconValue(icon);\n      }}\n    />\n  );\n};\n"]}

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

@@ -1,5 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-export declare const ImageDemo: StoryFn;
-//# sourceMappingURL=Image.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Image/Image.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AAItD,wBAGU;AAEV,eAAO,MAAM,SAAS,EAAE,OAIvB,CAAC"}

package/jsx/core/Image/Image.stories.jsx

@@ -1,9 +0,0 @@
-import { Image } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Image',
-    component: Image
-};
-export const ImageDemo = () => {
-    return (<Image src='https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg' alt='Pega'/>);
-};
-//# sourceMappingURL=Image.stories.jsx.map

package/jsx/core/Image/Image.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.stories.jsx","sourceRoot":"","sources":["../../../src/core/Image/Image.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,KAAK;CACT,CAAC;AAEV,MAAM,CAAC,MAAM,SAAS,GAAY,GAAG,EAAE;IACrC,OAAO,CACL,CAAC,KAAK,CAAC,GAAG,CAAC,uEAAuE,CAAC,GAAG,CAAC,MAAM,EAAG,CACjG,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Image } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Image',\n  component: Image\n} as Meta;\n\nexport const ImageDemo: StoryFn = () => {\n  return (\n    <Image src='https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg' alt='Pega' />\n  );\n};\n"]}

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

@@ -1,20 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { InputProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-interface InputStoryProps extends InputProps {
-    showAction: boolean;
-    showAdditionalInfo?: boolean;
-}
-export declare const InputDemo: StoryFn<InputStoryProps>;
-interface ConfigurableInputProps {
-    height?: string;
-    padding?: string;
-    errorStatusColor?: string;
-    successStatusColor?: string;
-    warningStatusColor?: string;
-    status?: InputProps['status'];
-}
-export declare const ConfigurableInput: StoryFn<ConfigurableInputProps>;
-export declare const InputWithSuggestion: StoryFn<InputStoryProps>;
-//# sourceMappingURL=Input.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAKtD,OAAO,KAAK,EAAoB,UAAU,EAAE,MAAM,yBAAyB,CAAC;;AAE5E,wBAIU;AAEV,UAAU,eAAgB,SAAQ,UAAU;IAC1C,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,eAAe,CAiC9C,CAAC;AAoCF,UAAU,sBAAsB;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,sBAAsB,CAiC7D,CAAC;AAoBF,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,eAAe,CA4DxD,CAAC"}

package/jsx/core/Input/Input.stories.jsx

@@ -1,159 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-import { ThemeOverride, Input } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Input',
-    component: Input,
-    excludeStories: ['ConfigurableInput']
-};
-export const InputDemo = (args) => {
-    return (<Input additionalInfo={args.showAdditionalInfo
-            ? {
-                content: 'Some additional info'
-            }
-            : undefined} id='input-demo' type={args.type} label={args.label} labelHidden={args.labelHidden} info={args.info} placeholder={args.placeholder} status={args.status} required={args.required} disabled={args.disabled} readOnly={args.readOnly} actions={args.showAction
-            ? [
-                {
-                    id: 'config',
-                    text: 'Configure',
-                    icon: 'gear'
-                }
-            ]
-            : undefined}/>);
-};
-InputDemo.args = {
-    type: 'text',
-    showAction: false,
-    showAdditionalInfo: false,
-    label: 'Input',
-    labelHidden: false,
-    info: 'Enter some value',
-    placeholder: 'Enter your input',
-    status: undefined,
-    required: false,
-    disabled: false,
-    readOnly: false
-};
-InputDemo.argTypes = {
-    type: {
-        options: ['text', 'password', 'email', 'url'],
-        control: { type: 'select' }
-    },
-    showAdditionalInfo: { control: { type: 'boolean' } },
-    showAction: { control: { type: 'boolean' } },
-    label: { control: { type: 'text' } },
-    labelHidden: { control: { type: 'boolean' } },
-    info: { control: { type: 'text', label: 'Helper text' } },
-    placeholder: { control: { type: 'text' } },
-    status: {
-        options: [undefined, 'success', 'warning', 'error', 'pending'],
-        control: { type: 'select' }
-    },
-    required: { control: { type: 'boolean' } },
-    disabled: { control: { type: 'boolean' } },
-    readOnly: { control: { type: 'boolean' } }
-};
-export const ConfigurableInput = (args) => {
-    return (<ThemeOverride theme={{
-            components: {
-                input: {
-                    height: args.height,
-                    padding: args.padding
-                },
-                'form-field': {
-                    error: {
-                        'status-color': args.errorStatusColor
-                    },
-                    success: {
-                        'status-color': args.successStatusColor
-                    },
-                    warning: {
-                        'status-color': args.warningStatusColor
-                    }
-                }
-            }
-        }}>
-      <Input status={args.status} label='Input' placeholder='Enter your input' info='Enter some value'/>
-    </ThemeOverride>);
-};
-ConfigurableInput.args = {
-    height: '2rem',
-    padding: '0.5rem',
-    errorStatusColor: '#d91c29',
-    successStatusColor: '#20aa50',
-    warningStatusColor: '#fd6000',
-    status: undefined
-};
-ConfigurableInput.argTypes = {
-    height: { control: { type: 'text' } },
-    padding: { control: { type: 'text' } },
-    errorStatusColor: { control: { type: 'color' } },
-    successStatusColor: { control: { type: 'color' } },
-    warningStatusColor: { control: { type: 'color' } },
-    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } }
-};
-export const InputWithSuggestion = (args) => {
-    const [status, setStatus] = useState(undefined);
-    const [inputValue, setInputValue] = useState('');
-    const timerRef = useRef();
-    const timer = () => {
-        window.clearTimeout(timerRef.current);
-        timerRef.current = window.setTimeout(() => {
-            setInputValue('AI suggestion value');
-            setStatus('pending');
-        }, 3000);
-    };
-    useEffect(() => {
-        timer();
-        return () => {
-            window.clearTimeout(timerRef.current);
-        };
-    }, []);
-    return (<Input id='input-demo' value={inputValue} type={args.type} label={args.label} labelHidden={args.labelHidden} info={args.info} placeholder={args.placeholder} status={status} required={args.required} disabled={args.disabled} readOnly={args.readOnly} actions={args.showAction
-            ? [
-                {
-                    id: 'config',
-                    text: 'Configure',
-                    icon: 'gear'
-                }
-            ]
-            : undefined} onChange={(e) => {
-            setInputValue(e.target.value);
-            setStatus(undefined);
-            timer();
-        }} onResolveSuggestion={accepted => {
-            if (accepted) {
-                setStatus('success');
-            }
-            else {
-                setStatus(undefined);
-                setInputValue('');
-            }
-            timer();
-        }}/>);
-};
-InputWithSuggestion.args = {
-    type: 'text',
-    showAction: false,
-    label: 'Input',
-    labelHidden: false,
-    info: 'Enter some value',
-    placeholder: 'Enter your input',
-    required: false,
-    disabled: false,
-    readOnly: false
-};
-InputWithSuggestion.argTypes = {
-    type: {
-        options: ['text', 'password', 'email', 'url'],
-        control: { type: 'select' }
-    },
-    showAction: { control: { type: 'boolean' } },
-    label: { control: { type: 'text' } },
-    labelHidden: { control: { type: 'boolean' } },
-    info: { control: { type: 'text', label: 'Helper text' } },
-    placeholder: { control: { type: 'text' } },
-    required: { control: { type: 'boolean' } },
-    disabled: { control: { type: 'boolean' } },
-    readOnly: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=Input.stories.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Input.stories.jsx","sourceRoot":"","sources":["../../../src/core/Input/Input.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useEffect, useRef, useState } from 'react';\nimport type { ChangeEvent } from 'react';\n\nimport { ThemeOverride, Input } from '@pega/cosmos-react-core';\nimport type { FormControlProps, InputProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Input',\n  component: Input,\n  excludeStories: ['ConfigurableInput']\n} as Meta;\n\ninterface InputStoryProps extends InputProps {\n  showAction: boolean;\n  showAdditionalInfo?: boolean;\n}\n\nexport const InputDemo: StoryFn<InputStoryProps> = (args: InputStoryProps) => {\n  return (\n    <Input\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      id='input-demo'\n      type={args.type}\n      label={args.label}\n      labelHidden={args.labelHidden}\n      info={args.info}\n      placeholder={args.placeholder}\n      status={args.status}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      actions={\n        args.showAction\n          ? [\n              {\n                id: 'config',\n                text: 'Configure',\n                icon: 'gear'\n              }\n            ]\n          : undefined\n      }\n    />\n  );\n};\n\nInputDemo.args = {\n  type: 'text',\n  showAction: false,\n  showAdditionalInfo: false,\n  label: 'Input',\n  labelHidden: false,\n  info: 'Enter some value',\n  placeholder: 'Enter your input',\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false\n};\n\nInputDemo.argTypes = {\n  type: {\n    options: ['text', 'password', 'email', 'url'],\n    control: { type: 'select' }\n  },\n  showAdditionalInfo: { control: { type: 'boolean' } },\n  showAction: { control: { type: 'boolean' } },\n  label: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\n  info: { control: { type: 'text', label: 'Helper text' } },\n  placeholder: { control: { type: 'text' } },\n  status: {\n    options: [undefined, 'success', 'warning', 'error', 'pending'],\n    control: { type: 'select' }\n  },\n  required: { control: { type: 'boolean' } },\n  disabled: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } }\n};\n\ninterface ConfigurableInputProps {\n  height?: string;\n  padding?: string;\n  errorStatusColor?: string;\n  successStatusColor?: string;\n  warningStatusColor?: string;\n  status?: InputProps['status'];\n}\n\nexport const ConfigurableInput: StoryFn<ConfigurableInputProps> = (\n  args: ConfigurableInputProps\n) => {\n  return (\n    <ThemeOverride\n      theme={{\n        components: {\n          input: {\n            height: args.height,\n            padding: args.padding\n          },\n          'form-field': {\n            error: {\n              'status-color': args.errorStatusColor\n            },\n            success: {\n              'status-color': args.successStatusColor\n            },\n            warning: {\n              'status-color': args.warningStatusColor\n            }\n          }\n        }\n      }}\n    >\n      <Input\n        status={args.status}\n        label='Input'\n        placeholder='Enter your input'\n        info='Enter some value'\n      />\n    </ThemeOverride>\n  );\n};\n\nConfigurableInput.args = {\n  height: '2rem',\n  padding: '0.5rem',\n  errorStatusColor: '#d91c29',\n  successStatusColor: '#20aa50',\n  warningStatusColor: '#fd6000',\n  status: undefined\n};\n\nConfigurableInput.argTypes = {\n  height: { control: { type: 'text' } },\n  padding: { control: { type: 'text' } },\n  errorStatusColor: { control: { type: 'color' } },\n  successStatusColor: { control: { type: 'color' } },\n  warningStatusColor: { control: { type: 'color' } },\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } }\n};\n\nexport const InputWithSuggestion: StoryFn<InputStoryProps> = (args: InputStoryProps) => {\n  const [status, setStatus] = useState<FormControlProps['status']>(undefined);\n  const [inputValue, setInputValue] = useState('');\n  const timerRef = useRef<number>();\n\n  const timer = () => {\n    window.clearTimeout(timerRef.current);\n    timerRef.current = window.setTimeout(() => {\n      setInputValue('AI suggestion value');\n      setStatus('pending');\n    }, 3000);\n  };\n\n  useEffect(() => {\n    timer();\n    return () => {\n      window.clearTimeout(timerRef.current);\n    };\n  }, []);\n\n  return (\n    <Input\n      id='input-demo'\n      value={inputValue}\n      type={args.type}\n      label={args.label}\n      labelHidden={args.labelHidden}\n      info={args.info}\n      placeholder={args.placeholder}\n      status={status}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      actions={\n        args.showAction\n          ? [\n              {\n                id: 'config',\n                text: 'Configure',\n                icon: 'gear'\n              }\n            ]\n          : undefined\n      }\n      onChange={(e: ChangeEvent<HTMLInputElement>) => {\n        setInputValue(e.target.value);\n        setStatus(undefined);\n        timer();\n      }}\n      onResolveSuggestion={accepted => {\n        if (accepted) {\n          setStatus('success');\n        } else {\n          setStatus(undefined);\n          setInputValue('');\n        }\n        timer();\n      }}\n    />\n  );\n};\n\nInputWithSuggestion.args = {\n  type: 'text',\n  showAction: false,\n  label: 'Input',\n  labelHidden: false,\n  info: 'Enter some value',\n  placeholder: 'Enter your input',\n  required: false,\n  disabled: false,\n  readOnly: false\n};\n\nInputWithSuggestion.argTypes = {\n  type: {\n    options: ['text', 'password', 'email', 'url'],\n    control: { type: 'select' }\n  },\n  showAction: { control: { type: 'boolean' } },\n  label: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\n  info: { control: { type: 'text', label: 'Helper text' } },\n  placeholder: { control: { type: 'text' } },\n  required: { control: { type: 'boolean' } },\n  disabled: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } }\n};\n"]}

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

@@ -1,10 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { LabelProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-export declare const LabelDemo: StoryFn<LabelProps>;
-interface ConfigurableLabelProps {
-    fontSize?: string;
-}
-export declare const ConfigurableLabel: StoryFn<ConfigurableLabelProps>;
-//# sourceMappingURL=Label.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Label.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Label/Label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;;AAE1D,wBAIU;AAEV,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,UAAU,CAEzC,CAAC;AAUF,UAAU,sBAAsB;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,sBAAsB,CAgB7D,CAAC"}

package/jsx/core/Label/Label.stories.jsx

@@ -1,33 +0,0 @@
-import { ThemeOverride, Label } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Label',
-    component: Label,
-    excludeStories: ['ConfigurableLabel']
-};
-export const LabelDemo = (args) => {
-    return <Label labelHidden={args.labelHidden}>Label</Label>;
-};
-LabelDemo.args = {
-    labelHidden: false
-};
-LabelDemo.argTypes = {
-    labelHidden: { control: { type: 'boolean' } }
-};
-export const ConfigurableLabel = (args) => {
-    return (<ThemeOverride theme={{
-            components: {
-                label: {
-                    'font-size': args.fontSize
-                }
-            }
-        }}>
-      <Label>Label</Label>
-    </ThemeOverride>);
-};
-ConfigurableLabel.args = {
-    fontSize: 'xs'
-};
-ConfigurableLabel.argTypes = {
-    fontSize: { options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'], control: { type: 'select' } }
-};
-//# sourceMappingURL=Label.stories.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Label.stories.jsx","sourceRoot":"","sources":["../../../src/core/Label/Label.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAG/D,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,KAAK;IAChB,cAAc,EAAE,CAAC,mBAAmB,CAAC;CAC9B,CAAC;AAEV,MAAM,CAAC,MAAM,SAAS,GAAwB,CAAC,IAAgB,EAAE,EAAE;IACjE,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC7D,CAAC,CAAC;AAEF,SAAS,CAAC,IAAI,GAAG;IACf,WAAW,EAAE,KAAK;CACnB,CAAC;AAEF,SAAS,CAAC,QAAQ,GAAG;IACnB,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAC9C,CAAC;AAMF,MAAM,CAAC,MAAM,iBAAiB,GAAoC,CAChE,IAA4B,EAC5B,EAAE;IACF,OAAO,CACL,CAAC,aAAa,CACZ,KAAK,CAAC,CAAC;YACL,UAAU,EAAE;gBACV,KAAK,EAAE;oBACL,WAAW,EAAE,IAAI,CAAC,QAAQ;iBAC3B;aACF;SACF,CAAC,CAEF;MAAA,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CACrB;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,IAAI,GAAG;IACvB,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,iBAAiB,CAAC,QAAQ,GAAG;IAC3B,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CAC9F,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { ThemeOverride, Label } from '@pega/cosmos-react-core';\nimport type { LabelProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Label',\n  component: Label,\n  excludeStories: ['ConfigurableLabel']\n} as Meta;\n\nexport const LabelDemo: StoryFn<LabelProps> = (args: LabelProps) => {\n  return <Label labelHidden={args.labelHidden}>Label</Label>;\n};\n\nLabelDemo.args = {\n  labelHidden: false\n};\n\nLabelDemo.argTypes = {\n  labelHidden: { control: { type: 'boolean' } }\n};\n\ninterface ConfigurableLabelProps {\n  fontSize?: string;\n}\n\nexport const ConfigurableLabel: StoryFn<ConfigurableLabelProps> = (\n  args: ConfigurableLabelProps\n) => {\n  return (\n    <ThemeOverride\n      theme={{\n        components: {\n          label: {\n            'font-size': args.fontSize\n          }\n        }\n      }}\n    >\n      <Label>Label</Label>\n    </ThemeOverride>\n  );\n};\n\nConfigurableLabel.args = {\n  fontSize: 'xs'\n};\n\nConfigurableLabel.argTypes = {\n  fontSize: { options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'], control: { type: 'select' } }\n};\n"]}

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

@@ -1,28 +0,0 @@
-export declare const mockData: ({
-    id: string;
-    name: string;
-    description: string;
-    format: string;
-    src: string;
-} | {
-    id: string;
-    name: string;
-    description: string;
-    format: string;
-    src: null;
-} | {
-    id: string;
-    name: string;
-    description: string;
-    format: undefined;
-    src: null;
-})[];
-export declare const mockBadResources: {
-    id: string;
-    name: string;
-    description: string;
-    src: string;
-    format: undefined;
-    error: boolean;
-}[];
-//# sourceMappingURL=Lightbox.mocks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Lightbox.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/Lightbox/Lightbox.mocks.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;IA2GpB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;GAS5B,CAAC"}