@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.
- package/dist/components/Atoms/Picture/Picture.d.ts +6 -0
- package/dist/components/Atoms/Picture/index.d.ts +1 -0
- package/dist/components/Atoms/index.d.ts +1 -0
- package/dist/components/Molecules/Blocks/HomeIntroBlock/HomeIntroBlock.d.ts +2 -2
- package/dist/components/Molecules/Cards/PostCard/PostCard.d.ts +2 -2
- package/dist/constants/tokenNameList.d.ts +2 -2
- package/dist/constants/tokenVariables.d.ts +12 -4
- package/dist/constants/tokenVariablesDesktop.d.ts +12 -4
- package/dist/index.es.js +953 -952
- package/dist/index.umd.cjs +15 -15
- package/dist/pages/PostPage/PostPage.d.ts +2 -2
- package/dist/scss/abstracts/variables/_token-variables.scss +7 -3
- package/dist/scss/abstracts/variables/_variables.scss +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Picture';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { FlexProps } from '../../../../components';
|
|
3
3
|
import type { ComponentPropsWithoutRef } from '../../../../types';
|
|
4
|
-
export interface HomeIntroBlockProps extends
|
|
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?:
|
|
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"
|
|
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
|
|
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
|
|
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
|
};
|