@eleven-labs/design-system 0.30.0 → 0.30.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ export interface PictureProps {
3
+ img: React.ComponentPropsWithoutRef<'img'>;
4
+ sources?: React.ComponentPropsWithoutRef<'source'>[];
5
+ }
6
+ export declare const Picture: React.FC<PictureProps>;
@@ -0,0 +1 @@
1
+ export * from './Picture';
@@ -10,3 +10,4 @@ export * from './Divider';
10
10
  export * from './BurgerButton';
11
11
  export * from './CloseButton';
12
12
  export * from './Breadcrumb';
13
+ export * from './Picture';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
- import type { BoxProps } from '../../../../components';
2
+ import type { FlexProps } from '../../../../components';
3
3
  import type { ComponentPropsWithoutRef } from '../../../../types';
4
- export interface HomeIntroBlockProps extends BoxProps {
4
+ export interface HomeIntroBlockProps extends FlexProps {
5
5
  intro: React.ReactNode;
6
6
  title: React.ReactNode;
7
7
  description: React.ReactNode;
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
- import type { BoxProps } from '../../../../components';
2
+ import type { BoxProps, PictureProps } from '../../../../components';
3
3
  import type { ComponentPropsWithoutRef } from '../../../../types';
4
4
  export declare const postCardVariant: readonly ["highlight-light", "highlight-dark", "side-image"];
5
5
  export type PostCardVariantType = (typeof postCardVariant)[number];
6
6
  export interface PostCardProps extends BoxProps {
7
7
  contentType?: 'article' | 'tutorial';
8
8
  variant?: PostCardVariantType;
9
- cover?: ComponentPropsWithoutRef<'img'>;
9
+ cover?: PictureProps;
10
10
  slug?: string;
11
11
  title?: string;
12
12
  excerpt?: string;
@@ -1,8 +1,8 @@
1
1
  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")[];
2
2
  export declare const spacingTokenNameList: readonly ("0" | "xs" | "xxs-3" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3")[];
3
- export declare const widthTokenNameList: readonly ("full" | "screen" | "content-container")[];
3
+ export declare const widthTokenNameList: readonly ("full" | "screen")[];
4
4
  export declare const heightTokenNameList: readonly ("full" | "screen")[];
5
5
  export declare const fontWeightTokenNameList: readonly ("regular" | "medium" | "semi-bold" | "bold")[];
6
6
  export declare const iconTokenNameList: readonly ("access-time" | "calendar" | "facebook" | "language" | "link" | "linkedin" | "rss" | "message" | "person" | "search" | "twitter" | "welcometothejungle" | "github" | "arrow" | "underline")[];
7
- export declare const headingSizeTokenNameList: readonly ("s" | "m" | "l" | "xl" | "base")[];
7
+ export declare const headingSizeTokenNameList: readonly ("xs" | "s" | "m" | "l" | "xl" | "base")[];
8
8
  export declare const textSizeTokenNameList: readonly ("xs" | "s" | "m" | "base")[];
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 31 Jan 2024 08:44:24 GMT
3
+ * Generated on Tue, 05 Mar 2024 13:17:51 GMT
4
4
  */
5
5
  export declare const tokenVariables: {
6
6
  asset: {
@@ -147,6 +147,17 @@ export declare const tokenVariables: {
147
147
  value: string;
148
148
  };
149
149
  };
150
+ xs: {
151
+ 'font-family': {
152
+ value: string;
153
+ };
154
+ 'font-size': {
155
+ value: string;
156
+ };
157
+ 'font-weight': {
158
+ value: string;
159
+ };
160
+ };
150
161
  s: {
151
162
  'font-size': {
152
163
  value: string;
@@ -357,8 +368,5 @@ export declare const tokenVariables: {
357
368
  screen: {
358
369
  value: string;
359
370
  };
360
- 'content-container': {
361
- value: string;
362
- };
363
371
  };
364
372
  };
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 31 Jan 2024 08:44:24 GMT
3
+ * Generated on Tue, 05 Mar 2024 13:17:51 GMT
4
4
  */
5
5
  export declare const tokenVariables: {
6
6
  asset: {
@@ -147,6 +147,17 @@ export declare const tokenVariables: {
147
147
  value: string;
148
148
  };
149
149
  };
150
+ xs: {
151
+ 'font-family': {
152
+ value: string;
153
+ };
154
+ 'font-size': {
155
+ value: string;
156
+ };
157
+ 'font-weight': {
158
+ value: string;
159
+ };
160
+ };
150
161
  s: {
151
162
  'font-size': {
152
163
  value: string;
@@ -362,8 +373,5 @@ export declare const tokenVariables: {
362
373
  screen: {
363
374
  value: string;
364
375
  };
365
- 'content-container': {
366
- value: string;
367
- };
368
376
  };
369
377
  };