@eleven-labs/design-system 0.23.0 → 0.25.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/Cards/ContactCard/ContactCard.d.ts

@@ -3,7 +3,6 @@ import type { FlexProps } from '../../../../components';
 import type { ComponentPropsWithoutRef } from '../../../../types';
 export type ContactCardProps = {
     title: React.ReactNode;
-    subtitle: React.ReactNode;
     description: React.ReactNode;
     link: {
         label: React.ReactNode;

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

@@ -1,11 +1,12 @@
 import React from 'react';
 import type { BoxProps } from '../../../../components';
 import type { ComponentPropsWithoutRef } from '../../../../types';
-export declare const postCardVariant: readonly ["primary", "secondary"];
+export declare const postCardVariant: readonly ["highlight-light", "highlight-dark", "side-image"];
 export type PostCardVariantType = (typeof postCardVariant)[number];
 export interface PostCardProps extends BoxProps {
     contentType?: 'article' | 'tutorial';
     variant?: PostCardVariantType;
+    cover?: ComponentPropsWithoutRef<'img'>;
     slug?: string;
     title?: string;
     excerpt?: string;

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

@@ -3,12 +3,9 @@ import type { MarginSystemProps } from '../../../types';
 export interface ShareLinksProps extends MarginSystemProps {
     urlToShare: string;
     shares: {
-        copyLink?: boolean;
         twitter?: boolean;
         facebook?: boolean;
         linkedIn?: boolean;
-        reddit?: boolean;
     };
-    copiedLabel?: string;
 }
 export declare const ShareLinks: React.FC<ShareLinksProps>;

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

@@ -8,5 +8,5 @@ export type AutocompleteOptions = {
     defaultValue?: string;
     onEnter?: (value: string) => void;
 };
-export type AutocompleteProps = BoxProps & AutocompleteOptions & Omit<AutocompleteResultOptions, 'highlightedIndex' | 'searchLink'> & Pick<UseComboboxProps<AutocompleteItem>, 'onInputValueChange' | 'onSelectedItemChange'>;
+export type AutocompleteProps = BoxProps & AutocompleteOptions & Omit<AutocompleteResultOptions, 'highlightedIndex' | 'searchLink'> & Pick<UseComboboxProps<AutocompleteItem>, 'onInputValueChange' | 'onSelectedItemChange' | 'isOpen'>;
 export declare const Autocomplete: import("react-polymorphed").PolyForwardComponent<"div", AutocompleteProps, React.ElementType<any>>;

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 Fri, 19 Jan 2024 10:37:41 GMT
+ * Generated on Mon, 29 Jan 2024 15:10:24 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,47 @@ export declare const tokenVariables: {
                 'line-height': {
                     value: string;
                 };
+                'letter-spacing': {
+                    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;
+                };
+                'letter-spacing': {
+                    value: string;
+                };
             };
         };
         text: {
@@ -138,65 +142,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;
                 };
             };
         };
@@ -336,6 +302,20 @@ export declare const tokenVariables: {
             value: string;
         };
     };
+    radius: {
+        xs: {
+            value: string;
+            description: string;
+        };
+        s: {
+            value: string;
+            description: string;
+        };
+        'full-rounded': {
+            value: string;
+            description: string;
+        };
+    };
     spacing: {
         '0': {
             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';