@eleven-labs/design-system 0.10.3 → 0.20.0

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { BoxProps } from '../../../components';
-export interface BlockquoteProps extends BoxProps {
+import type { MarginSystemProps } from '../../../types';
+export interface BlockquoteProps extends MarginSystemProps, Omit<React.ComponentPropsWithoutRef<'blockquote'>, 'align'> {
 }
-export declare const Blockquote: import("react-polymorphed").PolyForwardComponent<"blockquote", BlockquoteProps, React.ElementType<any>>;
+export declare const Blockquote: React.FC<BlockquoteProps>;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { FlexProps } from '../../../components';
+export interface BurgerButtonProps extends FlexProps, React.ComponentPropsWithoutRef<'button'> {
+}
+export declare const BurgerButton: React.FC<BurgerButtonProps>;

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { FlexProps } from '../../../components';
+export declare const closeButtonVariant: readonly ["primary", "secondary"];
+export type CloseButtonVariantType = (typeof closeButtonVariant)[number];
+export interface CloseButtonProps extends FlexProps, React.ComponentPropsWithoutRef<'button'> {
+    variant?: CloseButtonVariantType;
+}
+export declare const CloseButton: React.FC<CloseButtonProps>;

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

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { MarginSystemProps } from '../../../types';
+export interface DividerProps extends React.ComponentPropsWithoutRef<'hr'>, MarginSystemProps {
+}
+export declare const Divider: React.FC<DividerProps>;

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

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

package/dist/components/Atoms/Svgs/Arrow.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+declare const SvgArrow: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgArrow;

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

@@ -1,7 +1,6 @@
 export { default as AccessTime } from './AccessTime';
-export { default as ArrowBack } from './ArrowBack';
+export { default as Arrow } from './Arrow';
 export { default as Calendar } from './Calendar';
-export { default as Close } from './Close';
 export { default as Facebook } from './Facebook';
 export { default as Github } from './Github';
 export { default as Language } from './Language';
@@ -12,6 +11,5 @@ export { default as Message } from './Message';
 export { default as Person } from './Person';
 export { default as Rss } from './Rss';
 export { default as Search } from './Search';
-export { default as Tuto } from './Tuto';
 export { default as Twitter } from './Twitter';
 export { default as Welcometothejungle } from './Welcometothejungle';

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

@@ -1,9 +1,11 @@
 export * as Svgs from './Svgs';
 export * from './Button';
 export * from './Icon';
-export * from './Layout';
 export * from './Logo';
 export * from './SyntaxHighlighter';
 export * from './Typography';
 export * from './Blockquote';
 export * from './Skeleton';
+export * from './Divider';
+export * from './BurgerButton';
+export * from './CloseButton';

package/dist/components/{Atoms/Layout → Layout}/Box/Box.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { SystemProps } from '../../../../types';
+import type { SystemProps } from '../../../types';
 export interface BoxProps extends SystemProps {
     className?: string;
     children?: React.ReactNode;

package/dist/components/{Atoms/Layout → Layout}/Flex/Flex.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { BoxProps } from '../../../../components';
-import type { DisplayType, TypeWithMediaQueriesType } from '../../../../types';
+import type { BoxProps } from '../../../components';
+import type { DisplayType, TypeWithMediaQueriesType } from '../../../types';
 export interface FlexProps extends Omit<BoxProps, 'display'> {
     display?: TypeWithMediaQueriesType<Extract<DisplayType, 'flex' | 'inline-flex'>>;
 }

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { BoxProps } from '../../../../components';
+export interface CategoryEndingBlockProps extends BoxProps {
+    title: string;
+    description: string;
+    expertiseLink: {
+        label: string;
+    } & React.ComponentPropsWithoutRef<'a'>;
+}
+export declare const CategoryEndingBlock: React.FC<CategoryEndingBlockProps>;

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { BoxProps } from '../../../../components';
+export interface CategoryIntroBlockProps extends BoxProps {
+    name: string;
+    title: string;
+    description: string;
+    homeLink: {
+        label: string;
+    } & React.ComponentPropsWithoutRef<'a'>;
+}
+export declare const CategoryIntroBlock: React.FC<CategoryIntroBlockProps>;

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface HomeIntroBlockProps {
+    intro: string;
+    title: string;
+    description: string;
+    elevenLabsLink: {
+        label: string;
+    } & React.ComponentPropsWithoutRef<'a'>;
+}
+export declare const HomeIntroBlock: React.FC<HomeIntroBlockProps>;

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { FlexProps } from '../../../../components';
+export type NotFoundBlockOptions = {
+    title: React.ReactNode;
+    description: React.ReactNode;
+};
+export type NotFoundBlockProps = Omit<FlexProps, 'title'> & NotFoundBlockOptions;
+export declare const NotFoundBlock: React.FC<NotFoundBlockProps>;

package/dist/components/Molecules/Blocks/NotFoundBlock/index.d.ts

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

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

@@ -0,0 +1,4 @@
+export * from './NotFoundBlock';
+export * from './CategoryIntroBlock';
+export * from './HomeIntroBlock';
+export * from './CategoryEndingBlock';

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { FlexProps } from '../../../../components';
+export interface AuthorCardProps extends FlexProps {
+    name: string;
+    description: string;
+    avatarImageUrl?: string;
+    link: React.ComponentPropsWithoutRef<'a'>;
+}
+export declare const AuthorCard: React.FC<AuthorCardProps>;

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { FlexProps } from '../../../../components';
+export type ContactCardProps = {
+    title: string;
+    subtitle: string;
+    description: string;
+    link: {
+        label: React.ReactNode;
+    } & React.ComponentPropsWithoutRef<'a'>;
+} & FlexProps;
+export declare const ContactCard: React.FC<ContactCardProps>;

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { FlexProps } from '../../../../components';
+export interface NewsletterCardProps extends Omit<FlexProps, 'title'> {
+    title: string;
+    description: string;
+    children: React.ReactNode;
+}
+export declare const NewsletterCard: React.FC<NewsletterCardProps>;

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

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

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { BoxProps } from '../../../../components';
+export interface PostCardProps extends BoxProps {
+    contentType?: 'article' | 'tutorial';
+    slug?: string;
+    title?: string;
+    excerpt?: string;
+    date?: string;
+    readingTime?: number;
+    authors?: {
+        username: string;
+        name: string;
+    }[];
+    link?: React.ComponentPropsWithoutRef<'a'>;
+    tutorialLabel?: string;
+    isLoading?: boolean;
+}
+export declare const PostCard: React.FC<PostCardProps>;

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

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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { BoxProps } from '../../../../components';
+export declare const SummaryCardVariant: readonly ["primary", "secondary"];
+export type SummaryCardVariantType = (typeof SummaryCardVariant)[number];
+export interface SummaryCardProps extends BoxProps {
+    variant?: SummaryCardVariantType;
+    title: string;
+    sectionActive?: string;
+    sections: ({
+        name: string;
+        label: string;
+    } & React.ComponentPropsWithoutRef<'a'>)[];
+}
+export declare const SummaryCard: React.FC<SummaryCardProps>;

package/dist/components/Molecules/Cards/SummaryCard/index.d.ts

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

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

@@ -0,0 +1,5 @@
+export * from './PostCard';
+export * from './AuthorCard';
+export * from './ContactCard';
+export * from './SummaryCard';
+export * from './NewsletterCard';

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { SpacingSystemProps } from '../../../types';
+export interface PaginationProps extends SpacingSystemProps {
+    currentPage: number;
+    totalPages: number;
+    getLink: (page: number) => React.ComponentPropsWithoutRef<'a'>;
+    siblingCount?: number;
+}
+export declare const Pagination: React.FC<PaginationProps>;

package/dist/components/Molecules/Pagination/index.d.ts

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { SpacingSystemProps } from '../../../types';
+export declare const postMetadataVariant: readonly ["primary", "secondary"];
+export type PostMetadataVariantType = (typeof postMetadataVariant)[number];
+export interface PostMetadataProps extends SpacingSystemProps {
+    variant?: PostMetadataVariantType;
+    date?: string;
+    readingTime?: number;
+    authors?: {
+        username: string;
+        name: string;
+        link?: React.ComponentPropsWithoutRef<'a'>;
+    }[];
+    isLoading?: boolean;
+    displayedFields?: ('date' | 'readingTime' | 'authors')[];
+}
+export declare const PostMetadata: React.FC<PostMetadataProps>;

package/dist/components/Molecules/PostMetadata/index.d.ts

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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+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/Molecules/ShareLinks/index.d.ts

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

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

@@ -2,3 +2,7 @@ export * from './Link';
 export * from './Reminder';
 export * from './SearchField';
 export * from './TextHighlight';
+export * from './Blocks';
+export * from './PostMetadata';
+export * from './Cards';
+export * from './Pagination';

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

@@ -0,0 +1,12 @@
+import type { UseComboboxProps } from 'downshift';
+import React from 'react';
+import type { BoxProps } from '../../../components';
+import type { AutocompleteItem, AutocompleteResultOptions } from './AutocompleteResult';
+export type AutocompleteOptions = {
+    placeholder: string;
+    searchLink: Exclude<AutocompleteResultOptions['searchLink'], undefined>;
+    defaultValue?: string;
+    onEnter?: (value: string) => void;
+};
+export type AutocompleteProps = BoxProps & AutocompleteOptions & Omit<AutocompleteResultOptions, 'highlightedIndex' | 'searchLink'> & Pick<UseComboboxProps<AutocompleteItem>, 'onInputValueChange' | 'onSelectedItemChange'>;
+export declare const Autocomplete: import("react-polymorphed").PolyForwardComponent<"div", AutocompleteProps, React.ElementType<any>>;

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { BoxProps } from '../../../../components';
+export interface AutocompleteItem {
+    slug: string;
+    title: string;
+    description: string;
+    date: string;
+    authors?: {
+        username: string;
+        name: string;
+    }[];
+}
+export type AutocompleteResultOptions = {
+    isOpen?: boolean;
+    items: (React.ComponentPropsWithoutRef<'a'> & AutocompleteItem)[];
+    searchValue?: string;
+    searchLink?: React.ComponentPropsWithoutRef<'a'> & {
+        label: string;
+    };
+    searchNotFound?: {
+        title: string;
+        description: string;
+    };
+    highlightedIndex?: number;
+};
+export type AutocompleteResultProps = BoxProps & AutocompleteResultOptions;
+export declare const AutocompleteResult: import("react-polymorphed").PolyForwardComponent<"div", AutocompleteResultProps, React.ElementType<any>>;

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

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

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

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

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { IconNameType } from '../../../types';
+export interface FooterProps {
+    introBlock: {
+        title: React.ReactNode;
+        description: React.ReactNode;
+    };
+    elevenLabsSiteLink: React.ComponentPropsWithoutRef<'a'>;
+    addressList: {
+        title?: React.ReactNode;
+        description: React.ReactNode;
+    }[];
+    contactLink: {
+        label: React.ReactNode;
+    } & React.ComponentPropsWithoutRef<'a'>;
+    socialLinks: ({
+        iconName: Extract<IconNameType, 'rss' | 'facebook' | 'twitter' | 'linkedin' | 'welcometothejungle'>;
+    } & React.ComponentPropsWithoutRef<'a'>)[];
+    languageLinks: ({
+        label: React.ReactNode;
+        isActive?: boolean;
+    } & React.ComponentPropsWithoutRef<'a'>)[];
+}
+export declare const Footer: React.FC<FooterProps>;

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { AutocompleteProps } from '../../../components';
+export interface HeaderProps {
+    homeLink: React.ComponentPropsWithoutRef<'a'>;
+    categories: ({
+        label: React.ReactNode;
+    } & React.ComponentPropsWithoutRef<'a'>)[];
+    hasTutorial: boolean;
+    tutorialLink: {
+        label: React.ReactNode;
+    } & React.ComponentPropsWithoutRef<'a'>;
+    contactLink: {
+        label: React.ReactNode;
+    } & React.ComponentPropsWithoutRef<'a'>;
+    autocomplete: AutocompleteProps;
+    onToggleMenu: () => void;
+    menuIsOpen?: boolean;
+}
+export declare const Header: React.FC<HeaderProps>;

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { PaginationProps, PostCardProps } from '../../../components';
+export interface PostCardListProps {
+    posts: Partial<PostCardProps>[];
+    pagination?: PaginationProps;
+    isLoading?: boolean;
+}
+export declare const PostCardList: React.FC<PostCardListProps>;

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

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

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

@@ -0,0 +1,4 @@
+export * from './PostCardList';
+export * from './Autocomplete';
+export * from './Header';
+export * from './Footer';

package/dist/components/index.d.ts

@@ -1,2 +1,4 @@
 export * from './Atoms';
 export * from './Molecules';
+export * from './Organisms';
+export * from './Layout';

package/dist/constants/tokenNameList.d.ts

@@ -4,6 +4,6 @@ export declare const spacingTokenNameList: readonly ("0" | "xs" | "xxs-3" | "xxs
 export declare const widthTokenNameList: readonly ("full" | "screen")[];
 export declare const heightTokenNameList: readonly ("full" | "screen")[];
 export declare const fontWeightTokenNameList: readonly ("regular" | "medium" | "bold")[];
-export declare const iconTokenNameList: readonly ("access-time" | "arrow-back" | "calendar" | "close" | "facebook" | "language" | "link" | "linkedin" | "rss" | "message" | "person" | "search" | "twitter" | "welcometothejungle" | "github" | "tuto")[];
+export declare const iconTokenNameList: readonly ("access-time" | "calendar" | "facebook" | "language" | "link" | "linkedin" | "rss" | "message" | "person" | "search" | "twitter" | "welcometothejungle" | "github" | "arrow")[];
 export declare const headingSizeTokenNameList: readonly ("s" | "m" | "l" | "xl")[];
 export declare const textSizeTokenNameList: readonly ("xs" | "s" | "m")[];

package/dist/constants/tokenVariables.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 04 Jan 2024 13:09:15 GMT
+ * Generated on Mon, 08 Jan 2024 16:40:16 GMT
  */
 export declare const tokenVariables: {
     asset: {
@@ -28,15 +28,9 @@ export declare const tokenVariables: {
             'access-time': {
                 value: string;
             };
-            'arrow-back': {
-                value: string;
-            };
             calendar: {
                 value: string;
             };
-            close: {
-                value: string;
-            };
             facebook: {
                 value: string;
             };
@@ -70,7 +64,7 @@ export declare const tokenVariables: {
             github: {
                 value: string;
             };
-            tuto: {
+            arrow: {
                 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';