@eleven-labs/design-system 0.27.0 → 0.29.0
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/constants/index.d.ts +1 -0
- package/dist/constants/tokenNameList.d.ts +2 -2
- package/dist/constants/tokenVariables.d.ts +52 -64
- package/dist/constants/tokenVariablesDesktop.d.ts +86 -0
- package/dist/index.es.js +683 -698
- package/dist/index.umd.cjs +9 -9
- package/dist/scss/abstracts/mixins/_component.scss +7 -1
- package/dist/scss/abstracts/variables/_token-variables.scss +27 -39
- package/dist/scss/abstracts/variables/_variables.scss +1 -1
- package/dist/style.css +1 -1
- package/dist/svgs/rss.svg +1 -1
- package/dist/types/tokenTypes.d.ts +2 -2
- package/package.json +1 -1
|
@@ -4,5 +4,5 @@ export declare const widthTokenNameList: readonly ("full" | "screen" | "content-
|
|
|
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")[];
|
|
8
|
-
export declare const textSizeTokenNameList: readonly ("xs" | "s" | "m")[];
|
|
7
|
+
export declare const headingSizeTokenNameList: readonly ("s" | "m" | "l" | "xl" | "base")[];
|
|
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 Tue, 30 Jan 2024
|
|
3
|
+
* Generated on Tue, 30 Jan 2024 15:02:37 GMT
|
|
4
4
|
*/
|
|
5
5
|
export declare const tokenVariables: {
|
|
6
6
|
asset: {
|
|
@@ -84,6 +84,57 @@ export declare const tokenVariables: {
|
|
|
84
84
|
};
|
|
85
85
|
};
|
|
86
86
|
typography: {
|
|
87
|
+
'heading-markup': {
|
|
88
|
+
base: {
|
|
89
|
+
'line-height': {
|
|
90
|
+
value: string;
|
|
91
|
+
};
|
|
92
|
+
'font-weight': {
|
|
93
|
+
value: string;
|
|
94
|
+
};
|
|
95
|
+
'margin-top': {
|
|
96
|
+
value: string;
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
s: {
|
|
100
|
+
'font-size': {
|
|
101
|
+
value: string;
|
|
102
|
+
};
|
|
103
|
+
'margin-bottom': {
|
|
104
|
+
value: string;
|
|
105
|
+
};
|
|
106
|
+
};
|
|
107
|
+
m: {
|
|
108
|
+
'font-size': {
|
|
109
|
+
value: string;
|
|
110
|
+
};
|
|
111
|
+
'margin-bottom': {
|
|
112
|
+
value: string;
|
|
113
|
+
};
|
|
114
|
+
};
|
|
115
|
+
l: {
|
|
116
|
+
'font-size': {
|
|
117
|
+
value: string;
|
|
118
|
+
};
|
|
119
|
+
'font-weight': {
|
|
120
|
+
value: string;
|
|
121
|
+
};
|
|
122
|
+
'margin-bottom': {
|
|
123
|
+
value: string;
|
|
124
|
+
};
|
|
125
|
+
};
|
|
126
|
+
xl: {
|
|
127
|
+
'font-size': {
|
|
128
|
+
value: string;
|
|
129
|
+
};
|
|
130
|
+
'font-weight': {
|
|
131
|
+
value: string;
|
|
132
|
+
};
|
|
133
|
+
'margin-bottom': {
|
|
134
|
+
value: string;
|
|
135
|
+
};
|
|
136
|
+
};
|
|
137
|
+
};
|
|
87
138
|
heading: {
|
|
88
139
|
base: {
|
|
89
140
|
'font-family': {
|
|
@@ -103,9 +154,6 @@ export declare const tokenVariables: {
|
|
|
103
154
|
'font-weight': {
|
|
104
155
|
value: string;
|
|
105
156
|
};
|
|
106
|
-
'text-transform': {
|
|
107
|
-
value: string;
|
|
108
|
-
};
|
|
109
157
|
};
|
|
110
158
|
m: {
|
|
111
159
|
'font-size': {
|
|
@@ -167,66 +215,6 @@ export declare const tokenVariables: {
|
|
|
167
215
|
};
|
|
168
216
|
};
|
|
169
217
|
};
|
|
170
|
-
desktop: {
|
|
171
|
-
base: {
|
|
172
|
-
'letter-spacing': {
|
|
173
|
-
value: string;
|
|
174
|
-
};
|
|
175
|
-
};
|
|
176
|
-
typography: {
|
|
177
|
-
heading: {
|
|
178
|
-
s: {
|
|
179
|
-
'font-size': {
|
|
180
|
-
value: string;
|
|
181
|
-
};
|
|
182
|
-
};
|
|
183
|
-
m: {
|
|
184
|
-
'font-size': {
|
|
185
|
-
value: string;
|
|
186
|
-
};
|
|
187
|
-
};
|
|
188
|
-
l: {
|
|
189
|
-
'font-size': {
|
|
190
|
-
value: string;
|
|
191
|
-
};
|
|
192
|
-
};
|
|
193
|
-
xl: {
|
|
194
|
-
'font-size': {
|
|
195
|
-
value: string;
|
|
196
|
-
};
|
|
197
|
-
'letter-spacing': {
|
|
198
|
-
value: string;
|
|
199
|
-
};
|
|
200
|
-
};
|
|
201
|
-
};
|
|
202
|
-
text: {
|
|
203
|
-
xs: {
|
|
204
|
-
'font-size': {
|
|
205
|
-
value: string;
|
|
206
|
-
};
|
|
207
|
-
'icon-size': {
|
|
208
|
-
value: string;
|
|
209
|
-
};
|
|
210
|
-
};
|
|
211
|
-
s: {
|
|
212
|
-
'font-size': {
|
|
213
|
-
value: string;
|
|
214
|
-
};
|
|
215
|
-
'icon-size': {
|
|
216
|
-
value: string;
|
|
217
|
-
};
|
|
218
|
-
};
|
|
219
|
-
m: {
|
|
220
|
-
'font-size': {
|
|
221
|
-
value: string;
|
|
222
|
-
};
|
|
223
|
-
'icon-size': {
|
|
224
|
-
value: string;
|
|
225
|
-
};
|
|
226
|
-
};
|
|
227
|
-
};
|
|
228
|
-
};
|
|
229
|
-
};
|
|
230
218
|
'line-height': {
|
|
231
219
|
base: {
|
|
232
220
|
value: string;
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Tue, 30 Jan 2024 15:02:37 GMT
|
|
4
|
+
*/
|
|
5
|
+
export declare const tokenVariables: {
|
|
6
|
+
typography: {
|
|
7
|
+
'heading-markup': {
|
|
8
|
+
s: {
|
|
9
|
+
'font-size': {
|
|
10
|
+
value: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
m: {
|
|
14
|
+
'font-size': {
|
|
15
|
+
value: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
l: {
|
|
19
|
+
'font-size': {
|
|
20
|
+
value: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
xl: {
|
|
24
|
+
'font-size': {
|
|
25
|
+
value: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
heading: {
|
|
30
|
+
s: {
|
|
31
|
+
'font-size': {
|
|
32
|
+
value: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
m: {
|
|
36
|
+
'font-size': {
|
|
37
|
+
value: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
l: {
|
|
41
|
+
'font-size': {
|
|
42
|
+
value: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
xl: {
|
|
46
|
+
'font-size': {
|
|
47
|
+
value: string;
|
|
48
|
+
};
|
|
49
|
+
'letter-spacing': {
|
|
50
|
+
value: string;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
text: {
|
|
55
|
+
xs: {
|
|
56
|
+
'font-size': {
|
|
57
|
+
value: string;
|
|
58
|
+
};
|
|
59
|
+
'icon-size': {
|
|
60
|
+
value: string;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
s: {
|
|
64
|
+
'font-size': {
|
|
65
|
+
value: string;
|
|
66
|
+
};
|
|
67
|
+
'icon-size': {
|
|
68
|
+
value: string;
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
m: {
|
|
72
|
+
'font-size': {
|
|
73
|
+
value: string;
|
|
74
|
+
};
|
|
75
|
+
'icon-size': {
|
|
76
|
+
value: string;
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
base: {
|
|
81
|
+
'letter-spacing': {
|
|
82
|
+
value: string;
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
};
|