@eleven-labs/design-system 0.10.1 → 0.10.3

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

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

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

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

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { BoxProps } from '../../../../components';
-import type { HeadingSizeType, TypographySystemProps } from '../../../../types';
-export interface HeadingProps extends BoxProps, TypographySystemProps {
+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>>;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { BoxProps } from '../../../../components';
-import type { TextSizeType, TypographySystemProps } from '../../../../types';
-export interface TextProps extends BoxProps, TypographySystemProps {
+import type { TextSizeType } from '../../../../types';
+export interface TextProps extends Omit<BoxProps, 'textSize'> {
     size?: TextSizeType;
 }
 export declare const Text: import("react-polymorphed").PolyForwardComponent<"p", TextProps, React.ElementType<any>>;

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
+import type { BoxProps } from '../../../components';
 import type { IconNameType } from '../../../types';
-export interface LinkProps {
+export interface LinkProps extends BoxProps {
     className?: string;
     icon?: IconNameType;
     children: React.ReactNode;

package/dist/constants/tokenVariables.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 06 Nov 2023 12:39:00 GMT
+ * Generated on Thu, 04 Jan 2024 13:09:15 GMT
  */
 export declare const tokenVariables: {
     asset: {
@@ -75,114 +75,6 @@ export declare const tokenVariables: {
             };
         };
     };
-    breakpoint: {
-        xs: {
-            value: string;
-            description: string;
-        };
-        sm: {
-            value: string;
-            description: string;
-        };
-        md: {
-            value: string;
-            description: string;
-        };
-        lg: {
-            value: string;
-            description: string;
-        };
-    };
-    color: {
-        primary: {
-            azure: {
-                value: string;
-            };
-            navy: {
-                value: string;
-            };
-        };
-        secondary: {
-            lavender: {
-                value: string;
-            };
-            amaranth: {
-                value: string;
-            };
-            yellow: {
-                value: string;
-            };
-        };
-        greyscale: {
-            'ultra-light-grey': {
-                value: string;
-            };
-            'light-grey': {
-                value: string;
-            };
-            grey: {
-                value: string;
-            };
-            'dark-grey': {
-                value: string;
-            };
-            'ultra-dark-grey': {
-                value: string;
-            };
-            black: {
-                value: string;
-            };
-            white: {
-                value: string;
-            };
-        };
-    };
-    height: {
-        full: {
-            value: string;
-        };
-        screen: {
-            value: string;
-        };
-    };
-    spacing: {
-        '0': {
-            value: string;
-        };
-        'xxs-3': {
-            value: string;
-        };
-        'xxs-2': {
-            value: string;
-        };
-        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-family': {
         base: {
             value: string;
@@ -380,6 +272,117 @@ export declare const tokenVariables: {
             value: string;
         };
     };
+    breakpoint: {
+        xs: {
+            value: string;
+            description: string;
+        };
+        sm: {
+            value: string;
+            description: string;
+        };
+        md: {
+            value: string;
+            description: string;
+        };
+        lg: {
+            value: string;
+            description: string;
+        };
+    };
+    color: {
+        primary: {
+            azure: {
+                value: string;
+            };
+            navy: {
+                value: string;
+            };
+            seashell: {
+                value: string;
+            };
+        };
+        secondary: {
+            lavender: {
+                value: string;
+            };
+            amaranth: {
+                value: string;
+            };
+            yellow: {
+                value: string;
+            };
+        };
+        greyscale: {
+            'ultra-light-grey': {
+                value: string;
+            };
+            'light-grey': {
+                value: string;
+            };
+            grey: {
+                value: string;
+            };
+            'dark-grey': {
+                value: string;
+            };
+            'ultra-dark-grey': {
+                value: string;
+            };
+            black: {
+                value: string;
+            };
+            white: {
+                value: string;
+            };
+        };
+    };
+    height: {
+        full: {
+            value: string;
+        };
+        screen: {
+            value: string;
+        };
+    };
+    spacing: {
+        '0': {
+            value: string;
+        };
+        'xxs-3': {
+            value: string;
+        };
+        'xxs-2': {
+            value: string;
+        };
+        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;
+        };
+    };
     width: {
         full: {
             value: string;

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

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