@eleven-labs/design-system 0.10.2 → 0.20.0

package/dist/pages/AuthorPage/AuthorPage.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { NewsletterCardProps } from '../../components/Molecules/Cards/NewsletterCard';
+export type SocialNetworkName = 'github' | 'twitter' | 'linkedin';
+export type AuthorPageProps = {
+    author: {
+        username: string;
+        name: string;
+        avatarImageUrl?: string;
+        content: string;
+        socialNetworks?: {
+            name: SocialNetworkName;
+            url: string;
+            username: string;
+        }[];
+    };
+    emptyAvatarImageUrl: string;
+    title: React.ReactNode;
+    postCardList: React.ReactNode;
+    newsletterCard: NewsletterCardProps;
+};
+export declare const AuthorPage: React.FC<AuthorPageProps>;

package/dist/pages/AuthorPage/index.d.ts

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

package/dist/pages/CategoryPage/CategoryPage.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { CategoryEndingBlockProps, CategoryIntroBlockProps } from '../../components';
+import type { NewsletterCardProps } from '../../components/Molecules/Cards/NewsletterCard';
+export type CategoryPageProps = {
+    categoryIntroBlock: CategoryIntroBlockProps;
+    categoryEndingBlock: CategoryEndingBlockProps;
+    title: React.ReactNode;
+    postCardList: React.ReactNode;
+    newsletterCard: NewsletterCardProps;
+};
+export declare const CategoryPage: React.FC<CategoryPageProps>;

package/dist/pages/CategoryPage/index.d.ts

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

package/dist/pages/HomePage/HomePage.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { HomeIntroBlockProps } from '../../components';
+import { type NewsletterCardProps } from '../../components/Molecules/Cards/NewsletterCard';
+export type HomePageProps = {
+    homeIntroBlock: HomeIntroBlockProps;
+    title: React.ReactNode;
+    postCardList: React.ReactNode;
+    newsletterCard: NewsletterCardProps;
+};
+export declare const HomePage: React.FC<HomePageProps>;

package/dist/pages/HomePage/index.d.ts

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

package/dist/pages/NotFoundPage/NotFoundPage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type NotFoundPageProps = {
+    title: React.ReactNode;
+    description: React.ReactNode;
+};
+export declare const NotFoundPage: React.FC<NotFoundPageProps>;

package/dist/pages/NotFoundPage/index.d.ts

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

package/dist/pages/PostPage/PostFooter/PostFooter.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { AuthorCardProps, BoxProps } from '../../../components';
+export interface PostFooterProps extends BoxProps {
+    title: React.ReactNode;
+    authors: AuthorCardProps[];
+}
+export declare const PostFooter: React.FC<PostFooterProps>;

package/dist/pages/PostPage/PostFooter/index.d.ts

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

package/dist/pages/PostPage/PostHeader/PostHeader.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type ShareLinksProps } from '../../../components/Molecules/ShareLinks';
+export interface PostHeaderProps {
+    title: React.ReactNode;
+    date: string;
+    readingTime: number;
+    authors: {
+        username: string;
+        name: string;
+        link: React.ComponentPropsWithoutRef<'a'>;
+    }[];
+    shareLinks: ShareLinksProps;
+}
+export declare const PostHeader: React.FC<PostHeaderProps>;

package/dist/pages/PostPage/PostHeader/index.d.ts

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

package/dist/pages/PostPage/PostPage.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { ContactCardProps, SummaryCardProps } from '../../components';
+import type { PostFooterProps } from './PostFooter';
+import type { PostHeaderProps } from './PostHeader';
+import type { RelatedPostListProps } from './RelatedPostList';
+export declare const postPageVariant: readonly ["article", "tutorial"];
+export type PostPageVariantType = (typeof postPageVariant)[number];
+export interface PostPageProps {
+    variant: PostPageVariantType;
+    header: Omit<PostHeaderProps, 'contentType'>;
+    children: React.ReactNode;
+    footer: PostFooterProps;
+    contactCard: ContactCardProps;
+    relatedPostList: RelatedPostListProps;
+    summary: SummaryCardProps;
+    previousLink?: {
+        label: string;
+    } & React.ComponentPropsWithoutRef<'a'>;
+    nextLink?: {
+        label: string;
+    } & React.ComponentPropsWithoutRef<'a'>;
+}
+export declare const PostPage: React.FC<PostPageProps>;

package/dist/pages/PostPage/RelatedPostList/RelatedPostList.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { BoxProps, PostCardProps } from '../../../components';
+export interface RelatedPostListProps extends BoxProps {
+    relatedPostListTitle: string;
+    posts: PostCardProps[];
+}
+export declare const RelatedPostList: React.FC<RelatedPostListProps>;

package/dist/pages/PostPage/RelatedPostList/index.d.ts

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

package/dist/pages/PostPage/index.d.ts

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

package/dist/pages/SearchPage/SearchPage.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { NotFoundBlockProps } from '../../components';
+import { type NewsletterCardProps } from '../../components/Molecules/Cards/NewsletterCard';
+export type SearchPageProps = {
+    title: React.ReactNode;
+    description: React.ReactNode;
+    postCardList: React.ReactNode;
+    newsletterCard: NewsletterCardProps;
+    searchNotFound?: NotFoundBlockProps;
+    isLoading?: boolean;
+};
+export declare const SearchPage: React.FC<SearchPageProps>;

package/dist/pages/SearchPage/index.d.ts

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

package/dist/pages/index.d.ts

@@ -0,0 +1,6 @@
+export * from './CategoryPage';
+export * from './HomePage';
+export * from './PostPage';
+export * from './AuthorPage';
+export * from './NotFoundPage';
+export * from './SearchPage';

package/dist/scss/abstracts/functions/_get-cdn-assets-file.scss

@@ -0,0 +1,9 @@
+@use 'sass:map';
+@use 'sass:string';
+@use '../variables' as *;
+
+@function get-cdn-assets-file($path) {
+  $full-path: #{map.get($token-variables, 'cdn-path')}#{$path};
+
+  @return string.slice($full-path, 2);
+}

package/dist/scss/abstracts/functions/_index.scss

@@ -1 +1,2 @@
 @forward 'list';
+@forward 'get-cdn-assets-file';

package/dist/scss/abstracts/variables/_token-variables.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 02 Jan 2024 17:39:32 GMT
+ * Generated on Mon, 08 Jan 2024 16:40:16 GMT
  */
 
 $token-variables: (
@@ -125,7 +125,8 @@ $token-variables: (
 	'color': (
 		'primary': (
 			'azure': var(--color-azure),
-			'navy': var(--color-navy)
+			'navy': var(--color-navy),
+			'seashell': var(--color-seashell)
 		),
 		'secondary': (
 			'lavender': var(--color-lavender),

package/dist/scss/abstracts/variables/_variables.scss

@@ -1,7 +1,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 02 Jan 2024 17:39:32 GMT
+ * Generated on Mon, 08 Jan 2024 16:40:16 GMT
  */
 
 $white: #FFFFFF !default;
@@ -11,9 +11,10 @@ $dark-grey: #757575 !default;
 $grey: #9B9B9B !default;
 $light-grey: #C4C4C4 !default;
 $ultra-light-grey: #EDEDED !default;
-$yellow: #F3C93D !default;
+$yellow: #F8FA9B !default;
 $amaranth: #DD3156 !default;
 $lavender: #E1EAF9 !default;
+$seashell: #e9f1f8 !default;
 $navy: #224579 !default;
 $azure: #3767B6 !default;
 
@@ -21,7 +22,8 @@ $variables: (
   'color': (
     'primary': (
       'azure': $azure,
-      'navy': $navy
+      'navy': $navy,
+      'seashell': $seashell
     ),
     'secondary': (
       'lavender': $lavender,