uikit-react-public 0.21.8 → 0.21.9

package/dist/components/Heading/Heading.d.ts

@@ -1,12 +1,14 @@
 import { HTMLAttributes } from 'react';
 import { MarginProps } from '../common/marginsStyle';
 export declare const NAME = "ucl-uikit-heading";
+export type HeadingLevel = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export interface HeadingBaseProps extends HTMLAttributes<HTMLHeadingElement> {
-    level?: 1 | 2 | 3 | 4;
+    level?: HeadingLevel | 1 | 2 | 3 | 4;
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
     margins?: boolean;
     testId?: string;
+    ref?: React.Ref<HTMLHeadingElement>;
 }
 export type HeadingProps = HeadingBaseProps & MarginProps;
-export type Ref = HTMLHeadingElement;
-declare const _default: import('react').NamedExoticComponent<HeadingBaseProps & MarginProps & import('react').RefAttributes<HTMLHeadingElement>>;
-export default _default;
+declare const Heading: import('react').MemoExoticComponent<({ level, as, margins, testId, className, ref, noMargins, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element>;
+export default Heading;

package/dist/components/Heading/Heading.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import('react').NamedExoticComponent<import('./Heading').HeadingBaseProps & import('../common/marginsStyle').MarginProps & import('react').RefAttributes<HTMLHeadingElement>>;
+    component: import('react').MemoExoticComponent<({ level, as, margins, testId, className, ref, noMargins, ...props }: import('./Heading').HeadingProps) => import("react/jsx-runtime").JSX.Element>;
     parameters: {
         layout: string;
     };
@@ -10,9 +10,11 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const Level1: Story;
-export declare const Level2: Story;
-export declare const Level3: Story;
-export declare const Level4: Story;
-export declare const Margins: Story;
+export declare const LevelXxl: Story;
+export declare const LevelXl: Story;
+export declare const LevelLg: Story;
+export declare const LevelMd: Story;
+export declare const LevelSm: Story;
+export declare const LevelXs: Story;
+export declare const AsSpan: Story;
 export declare const NoMargins: Story;

package/dist/components/Paragraph/Paragraph.d.ts

@@ -1,13 +1,16 @@
 import { HTMLAttributes } from 'react';
 import { MarginProps } from '../common/marginsStyle';
 export declare const NAME = "ucl-uikit-paragrah";
+export type ParagraphLevel = 'lg' | 'lg-medium' | 'lg-semibold' | 'lg-bold' | 'md' | 'md-medium' | 'md-semibold' | 'md-semibold' | 'md-medium-numeric' | 'sm' | 'sm-medium' | 'sm-semibold' | 'xs' | 'xs-medium';
 export interface ParagraphBaseProps extends HTMLAttributes<HTMLParagraphElement> {
+    level?: ParagraphLevel;
     size?: 'standfirst' | 'body' | 'small';
     emphasis?: 'high' | 'medium';
+    as?: 'p' | 'div' | 'span';
     margins?: boolean;
     testId?: string;
+    ref?: React.Ref<HTMLParagraphElement>;
 }
 export type ParagraphProps = ParagraphBaseProps & MarginProps;
-export type Ref = HTMLParagraphElement;
-declare const _default: import('react').NamedExoticComponent<ParagraphBaseProps & MarginProps & import('react').RefAttributes<HTMLParagraphElement>>;
+declare const _default: import('react').MemoExoticComponent<({ level, size, emphasis, as, margins, testId, className, ref, noMargins, ...props }: ParagraphProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/components/Paragraph/Paragraph.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import('react').NamedExoticComponent<import('./Paragraph').ParagraphBaseProps & import('../common/marginsStyle').MarginProps & import('react').RefAttributes<HTMLParagraphElement>>;
+    component: import('react').MemoExoticComponent<({ level, size, emphasis, as, margins, testId, className, ref, noMargins, ...props }: import('./Paragraph').ParagraphProps) => import("react/jsx-runtime").JSX.Element>;
     args: {
         children: string;
     };
@@ -12,8 +12,11 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const WithMargins: Story;
-export declare const WithoutMargins: Story;
+export declare const LevelLg: Story;
+export declare const LevelMd: Story;
+export declare const LevelSm: Story;
+export declare const AsSpan: Story;
+export declare const NoMargins: Story;
 export declare const WithRichText: Story;
 export declare const WithLongText: Story;
 export declare const MultipleParagraphs: Story;

package/dist/components/index.d.ts

@@ -26,12 +26,12 @@ export { default as Textarea } from './Textarea';
 export type { TextareaProps } from './Textarea';
 export { default as Heading } from './Heading';
 export type { HeadingProps } from './Heading';
-export { default as HeadingNew } from './HeadingNew';
-export type { HeadingProps as HeadingNewProps } from './HeadingNew';
+export { default as HeadingNew } from './Heading';
+export type { HeadingProps as HeadingNewProps } from './Heading';
 export { default as Paragraph } from './Paragraph';
 export type { ParagraphProps } from './Paragraph';
-export { default as ParagraphNew } from './ParagraphNew';
-export type { ParagraphProps as ParagraphNewProps } from './ParagraphNew';
+export { default as ParagraphNew } from './Paragraph';
+export type { ParagraphProps as ParagraphNewProps } from './Paragraph';
 export { default as Text } from './Paragraph';
 export type { TextProps } from './Paragraph';
 export { default as Modal } from './Modal';