@eleven-labs/design-system 0.10.3 → 0.21.0

package/dist/constants/tokenVariables.d.ts

@@ -1,42 +1,16 @@
 /**
  * Do not edit directly
- * Generated on Thu, 04 Jan 2024 13:09:15 GMT
+ * Generated on Tue, 16 Jan 2024 16:30:14 GMT
  */
 export declare const tokenVariables: {
     asset: {
-        font: {
-            'WorkSans-Regular': {
-                value: string;
-                family: string;
-                weight: string;
-                extensions: string[];
-            };
-            'WorkSans-Medium': {
-                value: string;
-                family: string;
-                weight: string;
-                extensions: string[];
-            };
-            'WorkSans-Bold': {
-                value: string;
-                family: string;
-                weight: string;
-                extensions: string[];
-            };
-        };
         icon: {
             'access-time': {
                 value: string;
             };
-            'arrow-back': {
-                value: string;
-            };
             calendar: {
                 value: string;
             };
-            close: {
-                value: string;
-            };
             facebook: {
                 value: string;
             };
@@ -70,7 +44,10 @@ export declare const tokenVariables: {
             github: {
                 value: string;
             };
-            tuto: {
+            arrow: {
+                value: string;
+            };
+            underline: {
                 value: string;
             };
         };
@@ -78,9 +55,18 @@ export declare const tokenVariables: {
     'font-family': {
         base: {
             value: string;
+            name: string;
+            weights: string[];
         };
-        'work-sans': {
+        heading: {
             value: string;
+            name: string;
+            weights: string[];
+        };
+        blockquote: {
+            value: string;
+            name: string;
+            weights: string[];
         };
     };
     'font-size': {
@@ -119,6 +105,9 @@ export declare const tokenVariables: {
         medium: {
             value: string;
         };
+        'semi-bold': {
+            value: string;
+        };
         bold: {
             value: string;
         };
@@ -126,6 +115,9 @@ export declare const tokenVariables: {
     typography: {
         heading: {
             base: {
+                'font-family': {
+                    value: string;
+                };
                 'line-height': {
                     value: string;
                 };
@@ -292,49 +284,48 @@ export declare const tokenVariables: {
     };
     color: {
         primary: {
-            azure: {
-                value: string;
-            };
-            navy: {
-                value: string;
-            };
-            seashell: {
-                value: string;
-            };
+            value: string;
+        };
+        'primary-dark': {
+            value: string;
+        };
+        'primary-very-dark': {
+            value: string;
         };
         secondary: {
-            lavender: {
-                value: string;
-            };
-            amaranth: {
-                value: string;
-            };
-            yellow: {
-                value: string;
-            };
+            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;
-            };
+        '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: {
@@ -390,5 +381,8 @@ export declare const tokenVariables: {
         screen: {
             value: string;
         };
+        'content-container': {
+            value: string;
+        };
     };
 };

package/dist/helpers/getCdnAssetsFile.d.ts

@@ -0,0 +1 @@
+export declare const getCdnAssetsFile: (path: string) => string;

package/dist/hooks/useCopyToClipboard.d.ts

@@ -0,0 +1,5 @@
+import type React from 'react';
+export type Content = React.RefObject<HTMLElement | HTMLInputElement> | number | string;
+export type Timeout = number;
+export type useCopyTextReturn = [() => void, boolean];
+export declare function useCopyText(content: Content, timeout: Timeout): useCopyTextReturn;

package/dist/hooks/usePagination.d.ts

@@ -0,0 +1,8 @@
+export declare const DOTS = -1;
+interface UsePaginationOptions {
+    currentPage: number;
+    totalPages: number;
+    siblingCount?: number;
+}
+export declare const usePagination: ({ currentPage, totalPages, siblingCount }: UsePaginationOptions) => number[];
+export {};

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export * from './components';
+export * from './templates';
+export * from './pages';
 export * from './hooks';
 export * from './helpers';
 export * from './types';