@eleven-labs/design-system 0.29.0 → 0.30.1

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

@@ -4,5 +4,6 @@ export interface BreadcrumbProps extends MarginSystemProps {
     items: ({
         label: string;
     } & ComponentPropsWithoutRef<'a'>)[];
+    className?: string;
 }
 export declare const Breadcrumb: React.FC<BreadcrumbProps>;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface PictureProps {
+    img: React.ComponentPropsWithoutRef<'img'>;
+    sources?: React.ComponentPropsWithoutRef<'source'>[];
+}
+export declare const Picture: React.FC<PictureProps>;

package/dist/components/Atoms/Picture/index.d.ts

@@ -0,0 +1 @@
+export * from './Picture';

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

@@ -10,3 +10,4 @@ export * from './Divider';
 export * from './BurgerButton';
 export * from './CloseButton';
 export * from './Breadcrumb';
+export * from './Picture';

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { BoxProps } from '../../../../components';
+import type { FlexProps } from '../../../../components';
 import type { ComponentPropsWithoutRef } from '../../../../types';
-export interface HomeIntroBlockProps extends BoxProps {
+export interface HomeIntroBlockProps extends FlexProps {
     intro: React.ReactNode;
     title: React.ReactNode;
     description: React.ReactNode;

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

@@ -1,12 +1,12 @@
 import React from 'react';
-import type { BoxProps } from '../../../../components';
+import type { BoxProps, PictureProps } from '../../../../components';
 import type { ComponentPropsWithoutRef } from '../../../../types';
 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'>;
+    cover?: PictureProps;
     slug?: string;
     title?: string;
     excerpt?: string;

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

@@ -0,0 +1 @@
+export * from './LastArticlesBlock';

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

@@ -0,0 +1 @@
+export * from './LastTutorialsBlock';

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

@@ -0,0 +1,2 @@
+export * from './LastArticlesBlock';
+export * from './LastTutorialsBlock';

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

@@ -2,3 +2,4 @@ export * from './PostCardList';
 export * from './Autocomplete';
 export * from './Header';
 export * from './Footer';
+export * from './Blocks';

package/dist/constants/tokenNameList.d.ts

@@ -1,8 +1,8 @@
 export declare const colorTokenNameList: readonly ("primary" | "primary-dark" | "primary-very-dark" | "secondary" | "secondary-dark" | "info" | "accent" | "ultra-light-grey" | "light-grey" | "grey" | "dark-grey" | "ultra-dark-grey" | "black" | "white")[];
 export declare const spacingTokenNameList: readonly ("0" | "xs" | "xxs-3" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3")[];
-export declare const widthTokenNameList: readonly ("full" | "screen" | "content-container")[];
+export declare const widthTokenNameList: readonly ("full" | "screen")[];
 export declare const heightTokenNameList: readonly ("full" | "screen")[];
 export declare const fontWeightTokenNameList: readonly ("regular" | "medium" | "semi-bold" | "bold")[];
 export declare const iconTokenNameList: readonly ("access-time" | "calendar" | "facebook" | "language" | "link" | "linkedin" | "rss" | "message" | "person" | "search" | "twitter" | "welcometothejungle" | "github" | "arrow" | "underline")[];
-export declare const headingSizeTokenNameList: readonly ("s" | "m" | "l" | "xl" | "base")[];
+export declare const headingSizeTokenNameList: readonly ("xs" | "s" | "m" | "l" | "xl" | "base")[];
 export declare const textSizeTokenNameList: readonly ("xs" | "s" | "m" | "base")[];

package/dist/constants/tokenVariables.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 30 Jan 2024 15:02:37 GMT
+ * Generated on Tue, 05 Mar 2024 13:17:51 GMT
  */
 export declare const tokenVariables: {
     asset: {
@@ -147,6 +147,17 @@ export declare const tokenVariables: {
                     value: string;
                 };
             };
+            xs: {
+                'font-family': {
+                    value: string;
+                };
+                'font-size': {
+                    value: string;
+                };
+                'font-weight': {
+                    value: string;
+                };
+            };
             s: {
                 'font-size': {
                     value: string;
@@ -357,8 +368,5 @@ export declare const tokenVariables: {
         screen: {
             value: string;
         };
-        'content-container': {
-            value: string;
-        };
     };
 };

package/dist/constants/tokenVariablesDesktop.d.ts

@@ -1,41 +1,178 @@
 /**
  * Do not edit directly
- * Generated on Tue, 30 Jan 2024 15:02:37 GMT
+ * Generated on Tue, 05 Mar 2024 13:17:51 GMT
  */
 export declare const tokenVariables: {
+    asset: {
+        icon: {
+            'access-time': {
+                value: string;
+            };
+            calendar: {
+                value: string;
+            };
+            facebook: {
+                value: string;
+            };
+            language: {
+                value: string;
+            };
+            link: {
+                value: string;
+            };
+            linkedin: {
+                value: string;
+            };
+            rss: {
+                value: string;
+            };
+            message: {
+                value: string;
+            };
+            person: {
+                value: string;
+            };
+            search: {
+                value: string;
+            };
+            twitter: {
+                value: string;
+            };
+            welcometothejungle: {
+                value: string;
+            };
+            github: {
+                value: string;
+            };
+            arrow: {
+                value: string;
+            };
+            underline: {
+                value: string;
+            };
+        };
+    };
+    'font-family': {
+        base: {
+            value: string;
+            name: string;
+            weights: string[];
+        };
+        heading: {
+            value: string;
+            name: string;
+            weights: string[];
+        };
+        blockquote: {
+            value: string;
+            name: string;
+            weights: string[];
+        };
+    };
+    'font-weight': {
+        regular: {
+            value: string;
+        };
+        medium: {
+            value: string;
+        };
+        'semi-bold': {
+            value: string;
+        };
+        bold: {
+            value: string;
+        };
+    };
     typography: {
         'heading-markup': {
+            base: {
+                'line-height': {
+                    value: string;
+                };
+                'font-weight': {
+                    value: string;
+                };
+                'margin-top': {
+                    value: string;
+                };
+            };
             s: {
                 'font-size': {
                     value: string;
                 };
+                'margin-bottom': {
+                    value: string;
+                };
             };
             m: {
                 'font-size': {
                     value: string;
                 };
+                'margin-bottom': {
+                    value: string;
+                };
             };
             l: {
                 'font-size': {
                     value: string;
                 };
+                'font-weight': {
+                    value: string;
+                };
+                'margin-bottom': {
+                    value: string;
+                };
             };
             xl: {
                 'font-size': {
                     value: string;
                 };
+                'font-weight': {
+                    value: string;
+                };
+                'margin-bottom': {
+                    value: string;
+                };
             };
         };
         heading: {
+            base: {
+                'font-family': {
+                    value: string;
+                };
+                'line-height': {
+                    value: string;
+                };
+                'letter-spacing': {
+                    value: string;
+                };
+            };
+            xs: {
+                'font-family': {
+                    value: string;
+                };
+                'font-size': {
+                    value: string;
+                };
+                'font-weight': {
+                    value: string;
+                };
+            };
             s: {
                 'font-size': {
                     value: string;
                 };
+                'font-weight': {
+                    value: string;
+                };
             };
             m: {
                 'font-size': {
                     value: string;
                 };
+                'font-weight': {
+                    value: string;
+                };
             };
             l: {
                 'font-size': {
@@ -46,12 +183,23 @@ export declare const tokenVariables: {
                 'font-size': {
                     value: string;
                 };
+                'font-weight': {
+                    value: string;
+                };
+                'text-transform': {
+                    value: string;
+                };
                 'letter-spacing': {
                     value: string;
                 };
             };
         };
         text: {
+            base: {
+                'line-height': {
+                    value: string;
+                };
+            };
             xs: {
                 'font-size': {
                     value: string;
@@ -83,4 +231,147 @@ export declare const tokenVariables: {
             };
         };
     };
+    'line-height': {
+        base: {
+            value: string;
+        };
+        medium: {
+            value: string;
+        };
+        large: {
+            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: {
+            value: string;
+        };
+        'primary-dark': {
+            value: string;
+        };
+        'primary-very-dark': {
+            value: string;
+        };
+        secondary: {
+            value: string;
+        };
+        'secondary-dark': {
+            value: string;
+        };
+        info: {
+            value: string;
+            description: string;
+        };
+        accent: {
+            value: string;
+            description: string;
+        };
+        '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;
+        };
+    };
+    radius: {
+        xs: {
+            value: string;
+            description: string;
+        };
+        s: {
+            value: string;
+            description: string;
+        };
+        'full-rounded': {
+            value: string;
+            description: 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;
+        };
+        screen: {
+            value: string;
+        };
+    };
 };