@eleven-labs/design-system 0.22.0 → 0.24.0

package/dist/components/Atoms/Button/Button.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import type { BoxProps } from '../../../components';
-export declare const buttonVariant: readonly ["primary", "secondary"];
+import type { FlexProps } from '../../../components';
+export declare const buttonVariant: readonly ["primary", "secondary", "accent"];
 export type ButtonVariantType = (typeof buttonVariant)[number];
-export interface ButtonProps extends BoxProps {
+export interface ButtonProps extends FlexProps {
     className?: string;
     variant?: ButtonVariantType;
     isChoiceChip?: boolean;

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

@@ -4,4 +4,4 @@ import type { HeadingSizeType } from '../../../../types';
 export interface HeadingProps extends Omit<BoxProps, 'textSize'> {
     size?: HeadingSizeType;
 }
-export declare const Heading: import("react-polymorphed").PolyForwardComponent<"h1", HeadingProps, React.ElementType<any>>;
+export declare const Heading: import("react-polymorphed").PolyForwardComponent<"p", HeadingProps, React.ElementType<any>>;

package/dist/components/Layout/Flex/Flex.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { BoxProps } from '../../../components';
-import type { DisplayType, TypeWithMediaQueriesType } from '../../../types';
-export interface FlexProps extends Omit<BoxProps, 'display'> {
+import type { DisplayType, FlexOrGridSystemProps, FlexSystemProps, TypeWithMediaQueriesType } from '../../../types';
+export interface FlexProps extends Omit<BoxProps, 'display'>, FlexOrGridSystemProps, FlexSystemProps {
     display?: TypeWithMediaQueriesType<Extract<DisplayType, 'flex' | 'inline-flex'>>;
 }
 export declare const Flex: import("react-polymorphed").PolyForwardComponent<"div", FlexProps, React.ElementType<any>>;

package/dist/components/Molecules/Blocks/CategoryEndingBlock/CategoryEndingBlock.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import type { BoxProps } from '../../../../components';
 import type { ComponentPropsWithoutRef } from '../../../../types';
 export interface CategoryEndingBlockProps extends BoxProps {
-    title: string;
-    description: string;
+    title: React.ReactNode;
+    description: React.ReactNode;
     expertiseLink: {
         label: string;
     } & ComponentPropsWithoutRef<'a'>;

package/dist/components/Molecules/Blocks/CategoryIntroBlock/CategoryIntroBlock.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { BoxProps, BreadcrumbProps } from '../../../../components';
 export interface CategoryIntroBlockProps extends BoxProps {
-    title: string;
-    description: string;
+    title: React.ReactNode;
+    description: React.ReactNode;
     breadcrumb: BreadcrumbProps;
 }
 export declare const CategoryIntroBlock: React.FC<CategoryIntroBlockProps>;

package/dist/components/Molecules/Blocks/HomeIntroBlock/HomeIntroBlock.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { ComponentPropsWithoutRef } from '../../../../types';
 export interface HomeIntroBlockProps {
-    intro: string;
-    title: string;
-    description: string;
+    intro: React.ReactNode;
+    title: React.ReactNode;
+    description: React.ReactNode;
     elevenLabsLink: {
         label: string;
     } & ComponentPropsWithoutRef<'a'>;

package/dist/components/Molecules/Cards/AuthorCard/AuthorCard.d.ts

@@ -3,7 +3,7 @@ import type { FlexProps } from '../../../../components';
 import type { ComponentPropsWithoutRef } from '../../../../types';
 export interface AuthorCardProps extends FlexProps {
     name: string;
-    description: string;
+    description: React.ReactNode;
     avatarImageUrl?: string;
     link: {
         label: string;

package/dist/components/Molecules/Cards/ContactCard/ContactCard.d.ts

@@ -2,9 +2,8 @@ import React from 'react';
 import type { FlexProps } from '../../../../components';
 import type { ComponentPropsWithoutRef } from '../../../../types';
 export type ContactCardProps = {
-    title: string;
-    subtitle: string;
-    description: string;
+    title: React.ReactNode;
+    description: React.ReactNode;
     link: {
         label: React.ReactNode;
     } & ComponentPropsWithoutRef<'a'>;

package/dist/components/Molecules/Cards/NewsletterCard/NewsletterCard.d.ts

@@ -3,8 +3,8 @@ import type { FlexProps } from '../../../../components';
 export declare const newsletterCardVariant: readonly ["horizontal", "vertical"];
 export type NewsletterCardVariantType = (typeof newsletterCardVariant)[number];
 export interface NewsletterCardProps extends Omit<FlexProps, 'title'> {
-    title: string;
-    description: string;
+    title: React.ReactNode;
+    description: React.ReactNode;
     children: React.ReactNode;
     variant?: NewsletterCardVariantType;
 }

package/dist/components/Molecules/Link/Link.d.ts

@@ -4,6 +4,6 @@ import type { IconNameType } from '../../../types';
 export interface LinkProps extends BoxProps {
     className?: string;
     icon?: IconNameType;
-    children: React.ReactNode;
+    children?: React.ReactNode;
 }
 export declare const Link: import("react-polymorphed").PolyForwardComponent<"a", LinkProps, React.ElementType<any>>;

package/dist/components/Organisms/Autocomplete/AutocompleteResult/AutocompleteResult.d.ts

@@ -19,8 +19,8 @@ export type AutocompleteResultOptions = {
         label: string;
     };
     searchNotFound?: {
-        title: string;
-        description: string;
+        title: React.ReactNode;
+        description: React.ReactNode;
     };
     highlightedIndex?: number;
 };

package/dist/components/Organisms/Blocks/LastArticlesBlock/LastArticlesBlock.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { BoxProps, PostCardProps } from '../../../../components';
 import type { ComponentPropsWithoutRef } from '../../../../types';
 export interface LastArticlesBlockProps extends BoxProps {
-    title: string;
+    title: React.ReactNode;
     posts: Partial<PostCardProps>[];
     linkSeeMore: {
         label: string;

package/dist/components/Organisms/Blocks/LastTutorialsBlock/LastTutorialsBlock.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import type { FlexProps, PostCardProps } from '../../../../components';
 import type { ComponentPropsWithoutRef } from '../../../../types';
 export interface LastTutorialsBlockProps extends FlexProps {
-    title: string;
-    description: string;
+    title: React.ReactNode;
+    description: React.ReactNode;
     posts: Partial<PostCardProps>[];
     tutorialLabel: string;
     linkSeeMore: {

package/dist/constants/systemProps/flexItemSystemProps.d.ts

@@ -0,0 +1,2 @@
+import type { FlexItemSystemProps } from '../../types';
+export declare const flexItemSystemProps: Record<keyof FlexItemSystemProps, readonly string[]>;

package/dist/constants/systemProps/flexOrGridItemSystemProps.d.ts

@@ -0,0 +1,2 @@
+import type { FlexOrGridItemSystemProps } from '../../types';
+export declare const flexOrGridItemSystemProps: Record<keyof FlexOrGridItemSystemProps, readonly string[]>;

package/dist/constants/systemProps/flexOrGridSystemProps.d.ts

@@ -0,0 +1,2 @@
+import type { FlexOrGridSystemProps } from '../../types';
+export declare const flexOrGridSystemProps: Record<keyof FlexOrGridSystemProps, readonly string[]>;

package/dist/constants/systemProps/flexSystemProps.d.ts

@@ -0,0 +1,2 @@
+import type { FlexSystemProps } from '../../types';
+export declare const flexSystemProps: Record<keyof FlexSystemProps, readonly string[]>;

package/dist/constants/systemProps/index.d.ts

@@ -2,6 +2,8 @@ export * from './colorSystemProps';
 export * from './spacingSystemProps';
 export * from './systemProps';
 export * from './typographySystemProps';
-export * from './flexBoxSystemProps';
 export * from './layoutSystemProps';
-export * from './hiddenSystemProps';
+export * from './flexOrGridSystemProps';
+export * from './flexSystemProps';
+export * from './flexOrGridItemSystemProps';
+export * from './flexItemSystemProps';

package/dist/constants/tokenVariables.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 17 Jan 2024 08:04:41 GMT
+ * Generated on Fri, 19 Jan 2024 17:00:47 GMT
  */
 export declare const tokenVariables: {
     asset: {
@@ -69,35 +69,6 @@ export declare const tokenVariables: {
             weights: string[];
         };
     };
-    'font-size': {
-        xxs: {
-            value: string;
-        };
-        xs: {
-            value: string;
-        };
-        s: {
-            value: string;
-        };
-        m: {
-            value: string;
-        };
-        l: {
-            value: string;
-        };
-        xl: {
-            value: string;
-        };
-        xxl: {
-            value: string;
-        };
-        'xxl-2': {
-            value: string;
-        };
-        'xxl-3': {
-            value: string;
-        };
-    };
     'font-weight': {
         regular: {
             value: string;
@@ -121,14 +92,41 @@ export declare const tokenVariables: {
                 'line-height': {
                     value: string;
                 };
+            };
+            s: {
+                'font-size': {
+                    value: string;
+                };
                 'font-weight': {
                     value: string;
                 };
+                'text-transform': {
+                    value: string;
+                };
+            };
+            m: {
+                'font-size': {
+                    value: string;
+                };
+                'font-weight': {
+                    value: string;
+                };
+            };
+            l: {
+                'font-size': {
+                    value: string;
+                };
             };
             xl: {
+                'font-size': {
+                    value: string;
+                };
                 'font-weight': {
                     value: string;
                 };
+                'text-transform': {
+                    value: string;
+                };
             };
         };
         text: {
@@ -138,65 +136,27 @@ export declare const tokenVariables: {
                 };
             };
             xs: {
-                'line-height': {
+                'font-size': {
                     value: string;
                 };
-            };
-            m: {
-                'line-height': {
+                'icon-size': {
                     value: string;
                 };
             };
-        };
-    };
-    mobile: {
-        typography: {
-            heading: {
-                s: {
-                    'font-size': {
-                        value: string;
-                    };
-                };
-                m: {
-                    'font-size': {
-                        value: string;
-                    };
-                };
-                l: {
-                    'font-size': {
-                        value: string;
-                    };
+            s: {
+                'font-size': {
+                    value: string;
                 };
-                xl: {
-                    'font-size': {
-                        value: string;
-                    };
+                'icon-size': {
+                    value: string;
                 };
             };
-            text: {
-                xs: {
-                    'font-size': {
-                        value: string;
-                    };
-                    'icon-size': {
-                        value: string;
-                    };
-                };
-                s: {
-                    'font-size': {
-                        value: string;
-                    };
-                    'icon-size': {
-                        value: string;
-                    };
+            m: {
+                'font-size': {
+                    value: string;
                 };
-                m: {
-                    'font-size': {
-                        value: string;
-                    };
-                    'icon-size': {
-                        value: string;
-                    };
+                'icon-size': {
+                    value: string;
                 };
             };
         };

package/dist/helpers/systemPropsHelper/flexItemSystemClassName.d.ts

@@ -0,0 +1,2 @@
+import type { FlexItemSystemProps } from '../../types';
+export declare const flexItemSystemClassName: <TProps extends FlexItemSystemProps>(props: TProps) => string;

package/dist/helpers/systemPropsHelper/flexOrGridItemSystemClassName.d.ts

@@ -0,0 +1,2 @@
+import type { FlexOrGridItemSystemProps } from '../../types';
+export declare const flexOrGridItemSystemClassName: <TProps extends FlexOrGridItemSystemProps>(props: TProps) => string;

package/dist/helpers/systemPropsHelper/flexOrGridSystemClassName.d.ts

@@ -0,0 +1,2 @@
+import type { FlexOrGridSystemProps } from '../../types';
+export declare const flexOrGridSystemClassName: <TProps extends FlexOrGridSystemProps>(props: TProps) => string;

package/dist/helpers/systemPropsHelper/flexSystemClassName.d.ts

@@ -0,0 +1,2 @@
+import type { FlexSystemProps } from '../../types';
+export declare const flexSystemClassName: <TProps extends FlexSystemProps>(props: TProps) => string;

package/dist/helpers/systemPropsHelper/index.d.ts

@@ -1,10 +1,12 @@
 export * from './classNameWithModifier';
 export * from './classNamesWithModifiers';
 export * from './colorSystemClassName';
-export * from './flexBoxSystemClassName';
 export * from './layoutSystemClassName';
+export * from './flexOrGridSystemClassName';
+export * from './flexSystemClassName';
+export * from './flexOrGridItemSystemClassName';
+export * from './flexItemSystemClassName';
 export * from './spacingSystemClassName';
 export * from './typographySystemClassName';
-export * from './hiddenSystemClassName';
 export * from './omitSystemProps';
 export * from './systemClassName';