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

package/jsx/core/Table/Table.stories.jsx

@@ -1,178 +0,0 @@
-import { Status, Table, ThemeOverride } from '@pega/cosmos-react-core';
-import { tableData } from './Table.mocks';
-import { StyledBalance } from './Table.styles';
-export default {
-    title: 'Core/Table',
-    component: Table,
-    excludeStories: ['ConfigurableTable'],
-    args: {
-        title: 'Accounts',
-        hoverHighlight: false,
-        loading: false,
-        loadingMessage: 'Loading data',
-        emptyTable: false
-    },
-    argTypes: {
-        title: { control: { type: 'text' } },
-        hoverHighlight: { control: { type: 'boolean' } },
-        loading: { control: { type: 'boolean' } },
-        loadingMessage: { control: { type: 'text' } },
-        emptyTable: { control: { type: 'boolean' } }
-    }
-};
-export const TableDemo = (args) => {
-    const columns = [
-        { renderer: 'name', label: 'Name' },
-        { renderer: 'dob', label: 'Date of Birth' },
-        { renderer: 'address', label: 'Address' },
-        { renderer: 'email', label: 'Email' },
-        { renderer: 'balance', label: 'Account Balance', align: 'right' }
-    ];
-    return (<Table title={args.title} hoverHighlight={args.hoverHighlight} loading={args.loading} loadingMessage={args.loadingMessage} data={args.emptyTable ? [] : tableData} columns={columns}/>);
-};
-export const StyledTableDemo = (args) => {
-    const columns = [
-        { renderer: data => <b>{data.name}</b>, label: 'Name' },
-        { renderer: 'dob', label: 'Date of Birth' },
-        { renderer: 'address', label: 'Address' },
-        {
-            renderer: data => {
-                return (<>
-            {data.email && data.emailVerified && <Status variant='success'>{data.email}</Status>}
-            {data.email && !data.emailVerified && <Status variant='urgent'>{data.email}</Status>}
-          </>);
-            },
-            label: 'Email'
-        },
-        {
-            renderer: data => {
-                return (<StyledBalance negativeBalance={data.balance.startsWith('-')}>
-            {data.balance}
-          </StyledBalance>);
-            },
-            label: 'Account Balance',
-            align: 'right'
-        }
-    ];
-    return (<Table title={args.title} hoverHighlight={args.hoverHighlight} loading={args.loading} loadingMessage={args.loadingMessage} data={args.emptyTable ? [] : tableData} columns={columns}/>);
-};
-export const ConfigurableTable = (args) => {
-    const columns = [
-        { renderer: data => <b>{data.name}</b>, label: 'Name' },
-        { renderer: 'dob', label: 'Date of Birth' },
-        { renderer: 'address', label: 'Address' },
-        {
-            renderer: data => {
-                return (<>
-            {data.email && data.emailVerified && <Status variant='success'>{data.email}</Status>}
-            {data.email && !data.emailVerified && <Status variant='urgent'>{data.email}</Status>}
-          </>);
-            },
-            label: 'Email'
-        },
-        {
-            renderer: data => {
-                return (<StyledBalance negativeBalance={data.balance.startsWith('-')}>
-            {data.balance}
-          </StyledBalance>);
-            },
-            label: 'Account Balance',
-            align: 'right'
-        }
-    ];
-    return (<ThemeOverride theme={{
-            components: {
-                table: {
-                    header: {
-                        'font-size': args.headerFontSize,
-                        'font-weight': args.headerFontWeight,
-                        'foreground-color': args.headerForegroundColor,
-                        'background-color': args.headerBackgroundColor,
-                        'vertical-spacing': args.headerVerticalSpacing,
-                        'horizontal-spacing': args.headerHorizontalSpacing,
-                        'border-width': args.headerBorderWidth,
-                        'border-color': args.headerBorderColor
-                    },
-                    body: {
-                        'foreground-color': args.bodyForegroundColor,
-                        'background-color': args.bodyBackgroundColor,
-                        'vertical-spacing': args.bodyVerticalSpacing,
-                        'horizontal-spacing': args.bodyHorizontalSpacing,
-                        'border-width': args.bodyBorderWidth,
-                        'border-color': args.bodyBorderColor
-                    },
-                    border: {
-                        'horizontal-inner': args.borderHorizontalInner,
-                        'horizontal-outer': args.borderHorizontalOuter,
-                        'vertical-inner': args.borderVerticalInner,
-                        'vertical-outer': args.borderVerticalOuter
-                    },
-                    spacing: {
-                        'horizontal-inner': args.spacingHorizontalInner,
-                        'horizontal-outer': args.spacingHorizontalOuter,
-                        'vertical-inner': args.spacingVerticalInner,
-                        'vertical-outer': args.spacingVerticalOuter
-                    }
-                }
-            }
-        }}>
-      <Table title='Accounts' data={tableData} columns={columns}/>
-    </ThemeOverride>);
-};
-ConfigurableTable.args = {
-    headerFontSize: 's',
-    headerFontWeight: '600',
-    headerForegroundColor: '#000000',
-    headerBackgroundColor: '#71baff',
-    headerVerticalSpacing: 1,
-    headerHorizontalSpacing: 2,
-    headerBorderWidth: '0.0625rem',
-    headerBorderColor: '#cfcfcf',
-    bodyForegroundColor: '#000000',
-    bodyBackgroundColor: '#e2f1ff',
-    bodyVerticalSpacing: 1,
-    bodyHorizontalSpacing: 1,
-    bodyBorderWidth: '0.0625rem',
-    bodyBorderColor: '#cfcfcf',
-    borderHorizontalInner: true,
-    borderHorizontalOuter: true,
-    borderVerticalInner: true,
-    borderVerticalOuter: true,
-    spacingHorizontalInner: true,
-    spacingHorizontalOuter: true,
-    spacingVerticalInner: true,
-    spacingVerticalOuter: true
-};
-ConfigurableTable.argTypes = {
-    headerFontSize: {
-        options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],
-        control: { type: 'select' }
-    },
-    headerFontWeight: { control: { type: 'text' } },
-    headerForegroundColor: { control: { type: 'color' } },
-    headerBackgroundColor: { control: { type: 'color' } },
-    headerVerticalSpacing: { control: { type: 'number' } },
-    headerHorizontalSpacing: { control: { type: 'number' } },
-    headerBorderWidth: { control: { type: 'text' } },
-    headerBorderColor: { control: { type: 'color' } },
-    bodyForegroundColor: { control: { type: 'color' } },
-    bodyBackgroundColor: { control: { type: 'color' } },
-    bodyVerticalSpacing: { control: { type: 'number' } },
-    bodyHorizontalSpacing: { control: { type: 'number' } },
-    bodyBorderWidth: { control: { type: 'text' } },
-    bodyBorderColor: { control: { type: 'color' } },
-    borderHorizontalInner: { control: { type: 'boolean' } },
-    borderHorizontalOuter: { control: { type: 'boolean' } },
-    borderVerticalInner: { control: { type: 'boolean' } },
-    borderVerticalOuter: { control: { type: 'boolean' } },
-    spacingHorizontalInner: { control: { type: 'boolean' } },
-    spacingHorizontalOuter: { control: { type: 'boolean' } },
-    spacingVerticalInner: { control: { type: 'boolean' } },
-    spacingVerticalOuter: { control: { type: 'boolean' } },
-    title: { table: { disable: true } },
-    hoverHighlight: { table: { disable: true } },
-    loading: { table: { disable: true } },
-    loadingMessage: { table: { disable: true } },
-    emptyTable: { table: { disable: true } }
-};
-//# sourceMappingURL=Table.stories.jsx.map

package/jsx/core/Table/Table.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.stories.jsx","sourceRoot":"","sources":["../../../src/core/Table/Table.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Status, Table, ThemeOverride } from '@pega/cosmos-react-core';\nimport type { ColumnProps, TableProps } from '@pega/cosmos-react-core';\n\nimport { tableData } from './Table.mocks';\nimport { StyledBalance } from './Table.styles';\n\nexport default {\n  title: 'Core/Table',\n  component: Table,\n  excludeStories: ['ConfigurableTable'],\n  args: {\n    title: 'Accounts',\n    hoverHighlight: false,\n    loading: false,\n    loadingMessage: 'Loading data',\n    emptyTable: false\n  },\n  argTypes: {\n    title: { control: { type: 'text' } },\n    hoverHighlight: { control: { type: 'boolean' } },\n    loading: { control: { type: 'boolean' } },\n    loadingMessage: { control: { type: 'text' } },\n    emptyTable: { control: { type: 'boolean' } }\n  }\n} as Meta;\n\ninterface TableStoryProps {\n  title?: TableProps['title'];\n  hoverHighlight?: TableProps['hoverHighlight'];\n  loading?: TableProps['loading'];\n  loadingMessage?: TableProps['loadingMessage'];\n  emptyTable?: boolean;\n}\n\nexport const TableDemo: StoryFn<TableStoryProps> = (args: TableStoryProps) => {\n  const columns: ColumnProps<(typeof tableData)[number]>[] = [\n    { renderer: 'name', label: 'Name' },\n    { renderer: 'dob', label: 'Date of Birth' },\n    { renderer: 'address', label: 'Address' },\n    { renderer: 'email', label: 'Email' },\n    { renderer: 'balance', label: 'Account Balance', align: 'right' }\n  ];\n\n  return (\n    <Table\n      title={args.title}\n      hoverHighlight={args.hoverHighlight}\n      loading={args.loading}\n      loadingMessage={args.loadingMessage}\n      data={args.emptyTable ? [] : tableData}\n      columns={columns}\n    />\n  );\n};\n\nexport const StyledTableDemo: StoryFn<TableStoryProps> = (args: TableStoryProps) => {\n  const columns: ColumnProps<(typeof tableData)[number]>[] = [\n    { renderer: data => <b>{data.name}</b>, label: 'Name' },\n    { renderer: 'dob', label: 'Date of Birth' },\n    { renderer: 'address', label: 'Address' },\n    {\n      renderer: data => {\n        return (\n          <>\n            {data.email && data.emailVerified && <Status variant='success'>{data.email}</Status>}\n            {data.email && !data.emailVerified && <Status variant='urgent'>{data.email}</Status>}\n          </>\n        );\n      },\n      label: 'Email'\n    },\n    {\n      renderer: data => {\n        return (\n          <StyledBalance negativeBalance={data.balance.startsWith('-')}>\n            {data.balance}\n          </StyledBalance>\n        );\n      },\n      label: 'Account Balance',\n      align: 'right'\n    }\n  ];\n\n  return (\n    <Table\n      title={args.title}\n      hoverHighlight={args.hoverHighlight}\n      loading={args.loading}\n      loadingMessage={args.loadingMessage}\n      data={args.emptyTable ? [] : tableData}\n      columns={columns}\n    />\n  );\n};\n\ninterface ConfigurableTableProps extends TableStoryProps {\n  headerFontSize?: string;\n  headerFontWeight?: string;\n  headerForegroundColor?: string;\n  headerBackgroundColor?: string;\n  headerVerticalSpacing?: number;\n  headerHorizontalSpacing?: number;\n  headerBorderWidth?: string;\n  headerBorderColor?: string;\n  bodyForegroundColor?: string;\n  bodyBackgroundColor?: string;\n  bodyVerticalSpacing?: number;\n  bodyHorizontalSpacing?: number;\n  bodyBorderWidth?: string;\n  bodyBorderColor?: string;\n  borderHorizontalInner?: boolean;\n  borderHorizontalOuter?: boolean;\n  borderVerticalInner?: boolean;\n  borderVerticalOuter?: boolean;\n  spacingHorizontalInner?: boolean;\n  spacingHorizontalOuter?: boolean;\n  spacingVerticalInner?: boolean;\n  spacingVerticalOuter?: boolean;\n}\n\nexport const ConfigurableTable: StoryFn<ConfigurableTableProps> = (\n  args: ConfigurableTableProps\n) => {\n  const columns: ColumnProps<(typeof tableData)[number]>[] = [\n    { renderer: data => <b>{data.name}</b>, label: 'Name' },\n    { renderer: 'dob', label: 'Date of Birth' },\n    { renderer: 'address', label: 'Address' },\n    {\n      renderer: data => {\n        return (\n          <>\n            {data.email && data.emailVerified && <Status variant='success'>{data.email}</Status>}\n            {data.email && !data.emailVerified && <Status variant='urgent'>{data.email}</Status>}\n          </>\n        );\n      },\n      label: 'Email'\n    },\n    {\n      renderer: data => {\n        return (\n          <StyledBalance negativeBalance={data.balance.startsWith('-')}>\n            {data.balance}\n          </StyledBalance>\n        );\n      },\n      label: 'Account Balance',\n      align: 'right'\n    }\n  ];\n\n  return (\n    <ThemeOverride\n      theme={{\n        components: {\n          table: {\n            header: {\n              'font-size': args.headerFontSize,\n              'font-weight': args.headerFontWeight,\n              'foreground-color': args.headerForegroundColor,\n              'background-color': args.headerBackgroundColor,\n              'vertical-spacing': args.headerVerticalSpacing,\n              'horizontal-spacing': args.headerHorizontalSpacing,\n              'border-width': args.headerBorderWidth,\n              'border-color': args.headerBorderColor\n            },\n            body: {\n              'foreground-color': args.bodyForegroundColor,\n              'background-color': args.bodyBackgroundColor,\n              'vertical-spacing': args.bodyVerticalSpacing,\n              'horizontal-spacing': args.bodyHorizontalSpacing,\n              'border-width': args.bodyBorderWidth,\n              'border-color': args.bodyBorderColor\n            },\n            border: {\n              'horizontal-inner': args.borderHorizontalInner,\n              'horizontal-outer': args.borderHorizontalOuter,\n              'vertical-inner': args.borderVerticalInner,\n              'vertical-outer': args.borderVerticalOuter\n            },\n            spacing: {\n              'horizontal-inner': args.spacingHorizontalInner,\n              'horizontal-outer': args.spacingHorizontalOuter,\n              'vertical-inner': args.spacingVerticalInner,\n              'vertical-outer': args.spacingVerticalOuter\n            }\n          }\n        }\n      }}\n    >\n      <Table title='Accounts' data={tableData} columns={columns} />\n    </ThemeOverride>\n  );\n};\n\nConfigurableTable.args = {\n  headerFontSize: 's',\n  headerFontWeight: '600',\n  headerForegroundColor: '#000000',\n  headerBackgroundColor: '#71baff',\n  headerVerticalSpacing: 1,\n  headerHorizontalSpacing: 2,\n  headerBorderWidth: '0.0625rem',\n  headerBorderColor: '#cfcfcf',\n  bodyForegroundColor: '#000000',\n  bodyBackgroundColor: '#e2f1ff',\n  bodyVerticalSpacing: 1,\n  bodyHorizontalSpacing: 1,\n  bodyBorderWidth: '0.0625rem',\n  bodyBorderColor: '#cfcfcf',\n  borderHorizontalInner: true,\n  borderHorizontalOuter: true,\n  borderVerticalInner: true,\n  borderVerticalOuter: true,\n  spacingHorizontalInner: true,\n  spacingHorizontalOuter: true,\n  spacingVerticalInner: true,\n  spacingVerticalOuter: true\n};\n\nConfigurableTable.argTypes = {\n  headerFontSize: {\n    options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],\n    control: { type: 'select' }\n  },\n  headerFontWeight: { control: { type: 'text' } },\n  headerForegroundColor: { control: { type: 'color' } },\n  headerBackgroundColor: { control: { type: 'color' } },\n  headerVerticalSpacing: { control: { type: 'number' } },\n  headerHorizontalSpacing: { control: { type: 'number' } },\n  headerBorderWidth: { control: { type: 'text' } },\n  headerBorderColor: { control: { type: 'color' } },\n  bodyForegroundColor: { control: { type: 'color' } },\n  bodyBackgroundColor: { control: { type: 'color' } },\n  bodyVerticalSpacing: { control: { type: 'number' } },\n  bodyHorizontalSpacing: { control: { type: 'number' } },\n  bodyBorderWidth: { control: { type: 'text' } },\n  bodyBorderColor: { control: { type: 'color' } },\n  borderHorizontalInner: { control: { type: 'boolean' } },\n  borderHorizontalOuter: { control: { type: 'boolean' } },\n  borderVerticalInner: { control: { type: 'boolean' } },\n  borderVerticalOuter: { control: { type: 'boolean' } },\n  spacingHorizontalInner: { control: { type: 'boolean' } },\n  spacingHorizontalOuter: { control: { type: 'boolean' } },\n  spacingVerticalInner: { control: { type: 'boolean' } },\n  spacingVerticalOuter: { control: { type: 'boolean' } },\n  title: { table: { disable: true } },\n  hoverHighlight: { table: { disable: true } },\n  loading: { table: { disable: true } },\n  loadingMessage: { table: { disable: true } },\n  emptyTable: { table: { disable: true } }\n};\n"]}

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

@@ -1,4 +0,0 @@
-export declare const StyledBalance: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, {
-    negativeBalance: boolean;
-}, never>;
-//# sourceMappingURL=Table.styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../src/core/Table/Table.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;qBAAgC,OAAO;SAMhE,CAAC"}

package/jsx/core/Table/Table.styles.js

@@ -1,9 +0,0 @@
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '@pega/cosmos-react-core';
-export const StyledBalance = styled.h4(({ negativeBalance, theme }) => {
-    return css `
-      color: ${negativeBalance ? theme.base.colors.red.medium : theme.base.colors.black};
-    `;
-});
-StyledBalance.defaultProps = defaultThemeProp;
-//# sourceMappingURL=Table.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Table.styles.js","sourceRoot":"","sources":["../../../src/core/Table/Table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,EAAE,CACpC,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7B,OAAO,GAAG,CAAA;eACC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;KAClF,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '@pega/cosmos-react-core';\n\nexport const StyledBalance = styled.h4<{ negativeBalance: boolean }>(\n  ({ negativeBalance, theme }) => {\n    return css`\n      color: ${negativeBalance ? theme.base.colors.red.medium : theme.base.colors.black};\n    `;\n  }\n);\n\nStyledBalance.defaultProps = defaultThemeProp;\n"]}

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { type TabsProps } from '@pega/cosmos-react-core';
-export declare const TabsMock: ({ type }: {
-    type: TabsProps['type'];
-}) => import("react").JSX.Element;
-//# sourceMappingURL=Tabs.mocks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/Tabs/Tabs.mocks.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAE/E,eAAO,MAAM,QAAQ;UAAsB,SAAS,CAAC,MAAM,CAAC;iCA+C3D,CAAC"}

package/jsx/core/Tabs/Tabs.mocks.jsx

@@ -1,29 +0,0 @@
-import { useRef, useState } from 'react';
-import { Flex, TabPanel, Tabs } from '@pega/cosmos-react-core';
-export const TabsMock = ({ type }) => {
-    const [panelShown, changePanel] = useState('1.1');
-    const tabsRef = useRef(null);
-    const handleTabChange = (id) => {
-        changePanel(id);
-    };
-    const tabs = [
-        { name: 'Tab 1.1', id: '1.1', count: 5 },
-        { name: 'Tab 1.2', id: '1.2', count: 14 },
-        { name: 'Tab 1.3', id: '1.3', count: 0 },
-        { name: 'Tab 1.4', id: '1.4', count: 56, disabled: true },
-        { name: 'Tab 1.5', id: '1.5', count: 150, errors: 2 }
-    ];
-    return (<Flex container={{ direction: type === 'horizontal' ? 'column' : 'row' }}>
-      <Flex item={{ grow: 1 }}>
-        <Tabs tabs={tabs} type={type} onTabClick={handleTabChange} currentTabId={panelShown} ref={tabsRef}/>
-      </Flex>
-      {tabs.map(({ id, name }) => (<TabPanel tabId={id} currentTabId={panelShown} title={type === 'horizontal' ? name : undefined} key={id} tablistRef={tabsRef} tablistType={type}>
-          <Flex container={{
-                ...(type === 'vertical' && { pad: [1, 2] })
-            }}>
-            {name} content
-          </Flex>
-        </TabPanel>))}
-    </Flex>);
-};
-//# sourceMappingURL=Tabs.mocks.jsx.map

package/jsx/core/Tabs/Tabs.mocks.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.mocks.jsx","sourceRoot":"","sources":["../../../src/core/Tabs/Tabs.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAkB,MAAM,yBAAyB,CAAC;AAE/E,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAA+B,EAAE,EAAE;IAChE,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE1C,MAAM,eAAe,GAAG,CAAC,EAAU,EAAE,EAAE;QACrC,WAAW,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG;QACX,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QACxC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;QACzC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QACxC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QACzD,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;KACtD,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CACvE;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CACtB;QAAA,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,UAAU,CAAC,CAAC,eAAe,CAAC,CAC5B,YAAY,CAAC,CAAC,UAAU,CAAC,CACzB,GAAG,CAAC,CAAC,OAAO,CAAC,EAEjB;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC1B,CAAC,QAAQ,CACP,KAAK,CAAC,CAAC,EAAE,CAAC,CACV,YAAY,CAAC,CAAC,UAAU,CAAC,CACzB,KAAK,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAChD,GAAG,CAAC,CAAC,EAAE,CAAC,CACR,UAAU,CAAC,CAAC,OAAO,CAAC,CACpB,WAAW,CAAC,CAAC,IAAI,CAAC,CAElB;UAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC;gBACT,GAAG,CAAC,IAAI,KAAK,UAAU,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;aAC5C,CAAC,CAEF;YAAA,CAAC,IAAI,CAAE;UACT,EAAE,IAAI,CACR;QAAA,EAAE,QAAQ,CAAC,CACZ,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useRef, useState } from 'react';\n\nimport { Flex, TabPanel, Tabs, type TabsProps } from '@pega/cosmos-react-core';\n\nexport const TabsMock = ({ type }: { type: TabsProps['type'] }) => {\n  const [panelShown, changePanel] = useState('1.1');\n  const tabsRef = useRef<HTMLElement>(null);\n\n  const handleTabChange = (id: string) => {\n    changePanel(id);\n  };\n\n  const tabs = [\n    { name: 'Tab 1.1', id: '1.1', count: 5 },\n    { name: 'Tab 1.2', id: '1.2', count: 14 },\n    { name: 'Tab 1.3', id: '1.3', count: 0 },\n    { name: 'Tab 1.4', id: '1.4', count: 56, disabled: true },\n    { name: 'Tab 1.5', id: '1.5', count: 150, errors: 2 }\n  ];\n\n  return (\n    <Flex container={{ direction: type === 'horizontal' ? 'column' : 'row' }}>\n      <Flex item={{ grow: 1 }}>\n        <Tabs\n          tabs={tabs}\n          type={type}\n          onTabClick={handleTabChange}\n          currentTabId={panelShown}\n          ref={tabsRef}\n        />\n      </Flex>\n      {tabs.map(({ id, name }) => (\n        <TabPanel\n          tabId={id}\n          currentTabId={panelShown}\n          title={type === 'horizontal' ? name : undefined}\n          key={id}\n          tablistRef={tabsRef}\n          tablistType={type}\n        >\n          <Flex\n            container={{\n              ...(type === 'vertical' && { pad: [1, 2] })\n            }}\n          >\n            {name} content\n          </Flex>\n        </TabPanel>\n      ))}\n    </Flex>\n  );\n};\n"]}

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

@@ -1,9 +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;
-interface TabDemoProps {
-    type: 'horizontal' | 'vertical';
-}
-export declare const TabsDemo: StoryFn<TabDemoProps>;
-export declare const TabsCountDemo: StoryFn<TabDemoProps>;
-//# sourceMappingURL=Tabs.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AAOtD,wBASU;AAEV,UAAU,YAAY;IACpB,IAAI,EAAE,YAAY,GAAG,UAAU,CAAC;CACjC;AAED,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,YAAY,CAuD1C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,YAAY,CAE/C,CAAC"}

package/jsx/core/Tabs/Tabs.stories.jsx

@@ -1,51 +0,0 @@
-import { useRef, useState } from 'react';
-import { Flex, TabPanel, Tabs } from '@pega/cosmos-react-core';
-import { TabsMock } from './Tabs.mocks';
-export default {
-    title: 'Core/Tabs',
-    component: Tabs,
-    args: {
-        type: 'horizontal'
-    },
-    argTypes: {
-        type: { options: ['horizontal', 'vertical'], control: { type: 'select' } }
-    }
-};
-export const TabsDemo = (args) => {
-    const [panelShown, changePanel] = useState('1');
-    const tabsRef = useRef(null);
-    const handleTabChange = (id) => {
-        changePanel(id);
-    };
-    const tabs = [
-        { name: 'Tab 1', id: '1' },
-        { name: 'Tab 2', id: '2' },
-        { name: 'Tab 3', id: '3', errors: 0 },
-        { name: 'Tab 4', id: '4', disabled: true },
-        { name: 'Tab 5', id: '5', errors: 2 },
-        { name: 'Tab 6', id: '6', count: 4 },
-        { name: 'Tab 7', id: '7' },
-        { name: 'Tab 8', id: '8' },
-        { name: 'Tab 9', id: '9' },
-        { name: 'Very long tab name 10', id: '10' }
-    ];
-    return (<Flex container={{ direction: args.type === 'horizontal' ? 'column' : 'row' }}>
-      <Flex item={{ grow: 1 }}>
-        <Tabs tabs={tabs} type={args.type} onTabClick={handleTabChange} currentTabId={panelShown} ref={tabsRef}/>
-      </Flex>
-      {tabs.map(({ id, name }) => (<TabPanel tabId={id} currentTabId={panelShown} title={args.type === 'horizontal' ? name : undefined} tablistRef={tabsRef} tablistType={args.type} key={id}>
-          <Flex container={{
-                direction: 'column',
-                rowGap: 1,
-                ...(args.type === 'vertical' && { pad: [1, 2] })
-            }}>
-            <div>{name} content</div>
-            {id === '1' && <TabsMock type={args.type}/>}
-          </Flex>
-        </TabPanel>))}
-    </Flex>);
-};
-export const TabsCountDemo = (args) => {
-    return <TabsMock type={args.type}/>;
-};
-//# sourceMappingURL=Tabs.stories.jsx.map

package/jsx/core/Tabs/Tabs.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.stories.jsx","sourceRoot":"","sources":["../../../src/core/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useRef, useState } from 'react';\n\nimport { Flex, TabPanel, Tabs } from '@pega/cosmos-react-core';\n\nimport { TabsMock } from './Tabs.mocks';\n\nexport default {\n  title: 'Core/Tabs',\n  component: Tabs,\n  args: {\n    type: 'horizontal'\n  },\n  argTypes: {\n    type: { options: ['horizontal', 'vertical'], control: { type: 'select' } }\n  }\n} as Meta;\n\ninterface TabDemoProps {\n  type: 'horizontal' | 'vertical';\n}\n\nexport const TabsDemo: StoryFn<TabDemoProps> = (args: TabDemoProps) => {\n  const [panelShown, changePanel] = useState('1');\n  const tabsRef = useRef<HTMLElement>(null);\n\n  const handleTabChange = (id: string) => {\n    changePanel(id);\n  };\n\n  const tabs = [\n    { name: 'Tab 1', id: '1' },\n    { name: 'Tab 2', id: '2' },\n    { name: 'Tab 3', id: '3', errors: 0 },\n    { name: 'Tab 4', id: '4', disabled: true },\n    { name: 'Tab 5', id: '5', errors: 2 },\n    { name: 'Tab 6', id: '6', count: 4 },\n    { name: 'Tab 7', id: '7' },\n    { name: 'Tab 8', id: '8' },\n    { name: 'Tab 9', id: '9' },\n    { name: 'Very long tab name 10', id: '10' }\n  ];\n\n  return (\n    <Flex container={{ direction: args.type === 'horizontal' ? 'column' : 'row' }}>\n      <Flex item={{ grow: 1 }}>\n        <Tabs\n          tabs={tabs}\n          type={args.type}\n          onTabClick={handleTabChange}\n          currentTabId={panelShown}\n          ref={tabsRef}\n        />\n      </Flex>\n      {tabs.map(({ id, name }) => (\n        <TabPanel\n          tabId={id}\n          currentTabId={panelShown}\n          title={args.type === 'horizontal' ? name : undefined}\n          tablistRef={tabsRef}\n          tablistType={args.type}\n          key={id}\n        >\n          <Flex\n            container={{\n              direction: 'column',\n              rowGap: 1,\n              ...(args.type === 'vertical' && { pad: [1, 2] })\n            }}\n          >\n            <div>{name} content</div>\n            {id === '1' && <TabsMock type={args.type} />}\n          </Flex>\n        </TabPanel>\n      ))}\n    </Flex>\n  );\n};\n\nexport const TabsCountDemo: StoryFn<TabDemoProps> = (args: TabDemoProps) => {\n  return <TabsMock type={args.type} />;\n};\n"]}

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

@@ -1,25 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { TextProps } 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 TextDemo: StoryFn<TextProps>;
-interface ConfigurableTextProps {
-    primaryFontSize?: string;
-    primaryFontWeight?: string;
-    secondaryFontSize?: string;
-    secondaryFontWeight?: string;
-    h1FontSize?: string;
-    h1FontWeight?: string;
-    h2FontSize?: string;
-    h2FontWeight?: string;
-    h3FontSize?: string;
-    h3FontWeight?: string;
-    h4FontSize?: string;
-    h4FontWeight?: string;
-    h5FontSize?: string;
-    h5FontWeight?: string;
-    h6FontSize?: string;
-    h6FontWeight?: string;
-}
-export declare const ConfigurableText: StoryFn<ConfigurableTextProps>;
-//# sourceMappingURL=Text.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;;AAEzD,wBAIU;AAEV,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,SAAS,CAMvC,CAAC;AAeF,UAAU,qBAAqB;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,qBAAqB,CAsD3D,CAAC"}

package/jsx/core/Text/Text.stories.jsx

@@ -1,134 +0,0 @@
-import { ThemeOverride, Flex, Text } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Text',
-    component: Text,
-    excludeStories: ['ConfigurableText']
-};
-export const TextDemo = (args) => {
-    return (<Text variant={args.variant} status={args.status}>
-      Pega Constellation
-    </Text>);
-};
-TextDemo.args = {
-    variant: 'primary',
-    status: undefined
-};
-TextDemo.argTypes = {
-    variant: {
-        options: ['primary', 'secondary', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
-        control: { type: 'select' }
-    },
-    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } }
-};
-export const ConfigurableText = (args) => {
-    return (<ThemeOverride theme={{
-            components: {
-                text: {
-                    primary: {
-                        'font-size': args.primaryFontSize,
-                        'font-weight': args.primaryFontWeight
-                    },
-                    secondary: {
-                        'font-size': args.secondaryFontSize,
-                        'font-weight': args.secondaryFontWeight
-                    },
-                    h1: {
-                        'font-size': args.h1FontSize,
-                        'font-weight': args.h1FontWeight
-                    },
-                    h2: {
-                        'font-size': args.h2FontSize,
-                        'font-weight': args.h2FontWeight
-                    },
-                    h3: {
-                        'font-size': args.h3FontSize,
-                        'font-weight': args.h3FontWeight
-                    },
-                    h4: {
-                        'font-size': args.h4FontSize,
-                        'font-weight': args.h4FontWeight
-                    },
-                    h5: {
-                        'font-size': args.h5FontSize,
-                        'font-weight': args.h5FontWeight
-                    },
-                    h6: {
-                        'font-size': args.h6FontSize,
-                        'font-weight': args.h6FontWeight
-                    }
-                }
-            }
-        }}>
-      <Flex container={{ gap: 2, alignItems: 'end' }}>
-        <Text variant='primary'>Primary</Text>
-        <Text variant='secondary'>Secondary</Text>
-        <Text variant='h1'>h1</Text>
-        <Text variant='h2'>h2</Text>
-        <Text variant='h3'>h3</Text>
-        <Text variant='h4'>h4</Text>
-        <Text variant='h5'>h5</Text>
-        <Text variant='h6'>h6</Text>
-      </Flex>
-    </ThemeOverride>);
-};
-ConfigurableText.args = {
-    primaryFontSize: 's',
-    primaryFontWeight: '400',
-    secondaryFontSize: 'xs',
-    secondaryFontWeight: '400',
-    h1FontSize: 'xl',
-    h1FontWeight: '600',
-    h2FontSize: 'l',
-    h2FontWeight: '600',
-    h3FontSize: 'm',
-    h3FontWeight: '600',
-    h4FontSize: 's',
-    h4FontWeight: '600',
-    h5FontSize: 'xs',
-    h5FontWeight: '600',
-    h6FontSize: 'xxs',
-    h6FontWeight: '600'
-};
-ConfigurableText.argTypes = {
-    primaryFontSize: {
-        options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],
-        control: { type: 'select' }
-    },
-    primaryFontWeight: { control: { type: 'text' } },
-    secondaryFontSize: {
-        options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],
-        control: { type: 'select' }
-    },
-    secondaryFontWeight: { control: { type: 'text' } },
-    h1FontSize: {
-        options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],
-        control: { type: 'select' }
-    },
-    h1FontWeight: { control: { type: 'text' } },
-    h2FontSize: {
-        options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],
-        control: { type: 'select' }
-    },
-    h2FontWeight: { control: { type: 'text' } },
-    h3FontSize: {
-        options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],
-        control: { type: 'select' }
-    },
-    h3FontWeight: { control: { type: 'text' } },
-    h4FontSize: {
-        options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],
-        control: { type: 'select' }
-    },
-    h4FontWeight: { control: { type: 'text' } },
-    h5FontSize: {
-        options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],
-        control: { type: 'select' }
-    },
-    h5FontWeight: { control: { type: 'text' } },
-    h6FontSize: {
-        options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],
-        control: { type: 'select' }
-    },
-    h6FontWeight: { control: { type: 'text' } }
-};
-//# sourceMappingURL=Text.stories.jsx.map

package/jsx/core/Text/Text.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.stories.jsx","sourceRoot":"","sources":["../../../src/core/Text/Text.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { ThemeOverride, Flex, Text } from '@pega/cosmos-react-core';\nimport type { TextProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Text',\n  component: Text,\n  excludeStories: ['ConfigurableText']\n} as Meta;\n\nexport const TextDemo: StoryFn<TextProps> = (args: TextProps) => {\n  return (\n    <Text variant={args.variant} status={args.status}>\n      Pega Constellation\n    </Text>\n  );\n};\n\nTextDemo.args = {\n  variant: 'primary',\n  status: undefined\n};\n\nTextDemo.argTypes = {\n  variant: {\n    options: ['primary', 'secondary', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\n    control: { type: 'select' }\n  },\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } }\n};\n\ninterface ConfigurableTextProps {\n  primaryFontSize?: string;\n  primaryFontWeight?: string;\n  secondaryFontSize?: string;\n  secondaryFontWeight?: string;\n  h1FontSize?: string;\n  h1FontWeight?: string;\n  h2FontSize?: string;\n  h2FontWeight?: string;\n  h3FontSize?: string;\n  h3FontWeight?: string;\n  h4FontSize?: string;\n  h4FontWeight?: string;\n  h5FontSize?: string;\n  h5FontWeight?: string;\n  h6FontSize?: string;\n  h6FontWeight?: string;\n}\n\nexport const ConfigurableText: StoryFn<ConfigurableTextProps> = (args: ConfigurableTextProps) => {\n  return (\n    <ThemeOverride\n      theme={{\n        components: {\n          text: {\n            primary: {\n              'font-size': args.primaryFontSize,\n              'font-weight': args.primaryFontWeight\n            },\n            secondary: {\n              'font-size': args.secondaryFontSize,\n              'font-weight': args.secondaryFontWeight\n            },\n            h1: {\n              'font-size': args.h1FontSize,\n              'font-weight': args.h1FontWeight\n            },\n            h2: {\n              'font-size': args.h2FontSize,\n              'font-weight': args.h2FontWeight\n            },\n            h3: {\n              'font-size': args.h3FontSize,\n              'font-weight': args.h3FontWeight\n            },\n            h4: {\n              'font-size': args.h4FontSize,\n              'font-weight': args.h4FontWeight\n            },\n            h5: {\n              'font-size': args.h5FontSize,\n              'font-weight': args.h5FontWeight\n            },\n            h6: {\n              'font-size': args.h6FontSize,\n              'font-weight': args.h6FontWeight\n            }\n          }\n        }\n      }}\n    >\n      <Flex container={{ gap: 2, alignItems: 'end' }}>\n        <Text variant='primary'>Primary</Text>\n        <Text variant='secondary'>Secondary</Text>\n        <Text variant='h1'>h1</Text>\n        <Text variant='h2'>h2</Text>\n        <Text variant='h3'>h3</Text>\n        <Text variant='h4'>h4</Text>\n        <Text variant='h5'>h5</Text>\n        <Text variant='h6'>h6</Text>\n      </Flex>\n    </ThemeOverride>\n  );\n};\n\nConfigurableText.args = {\n  primaryFontSize: 's',\n  primaryFontWeight: '400',\n  secondaryFontSize: 'xs',\n  secondaryFontWeight: '400',\n  h1FontSize: 'xl',\n  h1FontWeight: '600',\n  h2FontSize: 'l',\n  h2FontWeight: '600',\n  h3FontSize: 'm',\n  h3FontWeight: '600',\n  h4FontSize: 's',\n  h4FontWeight: '600',\n  h5FontSize: 'xs',\n  h5FontWeight: '600',\n  h6FontSize: 'xxs',\n  h6FontWeight: '600'\n};\n\nConfigurableText.argTypes = {\n  primaryFontSize: {\n    options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],\n    control: { type: 'select' }\n  },\n  primaryFontWeight: { control: { type: 'text' } },\n  secondaryFontSize: {\n    options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],\n    control: { type: 'select' }\n  },\n  secondaryFontWeight: { control: { type: 'text' } },\n  h1FontSize: {\n    options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],\n    control: { type: 'select' }\n  },\n  h1FontWeight: { control: { type: 'text' } },\n  h2FontSize: {\n    options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],\n    control: { type: 'select' }\n  },\n  h2FontWeight: { control: { type: 'text' } },\n  h3FontSize: {\n    options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],\n    control: { type: 'select' }\n  },\n  h3FontWeight: { control: { type: 'text' } },\n  h4FontSize: {\n    options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],\n    control: { type: 'select' }\n  },\n  h4FontWeight: { control: { type: 'text' } },\n  h5FontSize: {\n    options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],\n    control: { type: 'select' }\n  },\n  h5FontWeight: { control: { type: 'text' } },\n  h6FontSize: {\n    options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],\n    control: { type: 'select' }\n  },\n  h6FontWeight: { control: { type: 'text' } }\n};\n"]}

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

@@ -1,14 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { TextAreaProps } 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 TextAreaStoryProps extends TextAreaProps {
-    showAdditionalInfo?: boolean;
-}
-export declare const TextAreaDemo: StoryFn<TextAreaStoryProps>;
-interface ConfigurableTextAreaProps {
-    minHeight?: string;
-    padding?: string;
-}
-export declare const ConfigurableTextArea: StoryFn<ConfigurableTextAreaProps>;
-//# sourceMappingURL=TextArea.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../src/core/TextArea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAKtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;;AAE7D,wBAIU;AAEV,UAAU,kBAAmB,SAAQ,aAAa;IAChD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,kBAAkB,CA+BpD,CAAC;AAsCF,UAAU,yBAAyB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,yBAAyB,CA2BnE,CAAC"}