@eleven-labs/design-system 0.28.0 → 0.30.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.
Files changed (20) hide show
  1. package/dist/components/Atoms/Breadcrumb/Breadcrumb.d.ts +1 -0
  2. package/dist/components/Organisms/Blocks/LastArticlesBlock/index.d.ts +1 -0
  3. package/dist/components/Organisms/Blocks/LastTutorialsBlock/index.d.ts +1 -0
  4. package/dist/components/Organisms/Blocks/index.d.ts +2 -0
  5. package/dist/components/Organisms/index.d.ts +1 -0
  6. package/dist/constants/index.d.ts +1 -0
  7. package/dist/constants/tokenNameList.d.ts +2 -2
  8. package/dist/constants/tokenVariables.d.ts +1 -86
  9. package/dist/constants/tokenVariablesDesktop.d.ts +369 -0
  10. package/dist/index.es.js +935 -1014
  11. package/dist/index.umd.cjs +16 -16
  12. package/dist/pages/HomePage/HomePage.d.ts +1 -4
  13. package/dist/pages/PostPage/PostPage.d.ts +4 -0
  14. package/dist/pages/PostPage/PostPageContent.d.ts +2 -3
  15. package/dist/scss/abstracts/variables/_token-variables.scss +2 -53
  16. package/dist/scss/abstracts/variables/_variables.scss +1 -1
  17. package/dist/style.css +1 -1
  18. package/dist/svgs/rss.svg +1 -1
  19. package/dist/types/tokenTypes.d.ts +2 -2
  20. package/package.json +1 -1
package/dist/components/Atoms/Breadcrumb/Breadcrumb.d.ts CHANGED
@@ -4,5 +4,6 @@ export interface BreadcrumbProps extends MarginSystemProps {
4
4
  items: ({
5
5
  label: string;
6
6
  } & ComponentPropsWithoutRef<'a'>)[];
7
+ className?: string;
7
8
  }
8
9
  export declare const Breadcrumb: React.FC<BreadcrumbProps>;
package/dist/components/Organisms/Blocks/LastArticlesBlock/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './LastArticlesBlock';
package/dist/components/Organisms/Blocks/LastTutorialsBlock/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './LastTutorialsBlock';
package/dist/components/Organisms/Blocks/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './LastArticlesBlock';
2
+ export * from './LastTutorialsBlock';
package/dist/components/Organisms/index.d.ts CHANGED
@@ -2,3 +2,4 @@ export * from './PostCardList';
2
2
  export * from './Autocomplete';
3
3
  export * from './Header';
4
4
  export * from './Footer';
5
+ export * from './Blocks';
package/dist/constants/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './tokenVariables';
2
+ export { tokenVariables as tokenVariablesDesktop } from './tokenVariablesDesktop';
2
3
  export * from './tokenNameList';
3
4
  export * from './cssProperties';
4
5
  export * from './cssPropertyNameList';
package/dist/constants/tokenNameList.d.ts CHANGED
@@ -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")[];
package/dist/constants/tokenVariables.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 30 Jan 2024 09:44:33 GMT
3
+ * Generated on Wed, 31 Jan 2024 08:44:24 GMT
4
4
  */
5
5
  export declare const tokenVariables: {
6
6
  asset: {
@@ -154,9 +154,6 @@ export declare const tokenVariables: {
154
154
  'font-weight': {
155
155
  value: string;
156
156
  };
157
- 'text-transform': {
158
- value: string;
159
- };
160
157
  };
161
158
  m: {
162
159
  'font-size': {
@@ -218,88 +215,6 @@ export declare const tokenVariables: {
218
215
  };
219
216
  };
220
217
  };
221
- desktop: {
222
- typography: {
223
- 'heading-markup': {
224
- s: {
225
- 'font-size': {
226
- value: string;
227
- };
228
- };
229
- m: {
230
- 'font-size': {
231
- value: string;
232
- };
233
- };
234
- l: {
235
- 'font-size': {
236
- value: string;
237
- };
238
- };
239
- xl: {
240
- 'font-size': {
241
- value: string;
242
- };
243
- };
244
- };
245
- heading: {
246
- s: {
247
- 'font-size': {
248
- value: string;
249
- };
250
- };
251
- m: {
252
- 'font-size': {
253
- value: string;
254
- };
255
- };
256
- l: {
257
- 'font-size': {
258
- value: string;
259
- };
260
- };
261
- xl: {
262
- 'font-size': {
263
- value: string;
264
- };
265
- 'letter-spacing': {
266
- value: string;
267
- };
268
- };
269
- };
270
- text: {
271
- xs: {
272
- 'font-size': {
273
- value: string;
274
- };
275
- 'icon-size': {
276
- value: string;
277
- };
278
- };
279
- s: {
280
- 'font-size': {
281
- value: string;
282
- };
283
- 'icon-size': {
284
- value: string;
285
- };
286
- };
287
- m: {
288
- 'font-size': {
289
- value: string;
290
- };
291
- 'icon-size': {
292
- value: string;
293
- };
294
- };
295
- };
296
- };
297
- base: {
298
- 'letter-spacing': {
299
- value: string;
300
- };
301
- };
302
- };
303
218
  'line-height': {
304
219
  base: {
305
220
  value: string;
package/dist/constants/tokenVariablesDesktop.d.ts ADDED
@@ -0,0 +1,369 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Wed, 31 Jan 2024 08:44:24 GMT
4
+ */
5
+ export declare const tokenVariables: {
6
+ asset: {
7
+ icon: {
8
+ 'access-time': {
9
+ value: string;
10
+ };
11
+ calendar: {
12
+ value: string;
13
+ };
14
+ facebook: {
15
+ value: string;
16
+ };
17
+ language: {
18
+ value: string;
19
+ };
20
+ link: {
21
+ value: string;
22
+ };
23
+ linkedin: {
24
+ value: string;
25
+ };
26
+ rss: {
27
+ value: string;
28
+ };
29
+ message: {
30
+ value: string;
31
+ };
32
+ person: {
33
+ value: string;
34
+ };
35
+ search: {
36
+ value: string;
37
+ };
38
+ twitter: {
39
+ value: string;
40
+ };
41
+ welcometothejungle: {
42
+ value: string;
43
+ };
44
+ github: {
45
+ value: string;
46
+ };
47
+ arrow: {
48
+ value: string;
49
+ };
50
+ underline: {
51
+ value: string;
52
+ };
53
+ };
54
+ };
55
+ 'font-family': {
56
+ base: {
57
+ value: string;
58
+ name: string;
59
+ weights: string[];
60
+ };
61
+ heading: {
62
+ value: string;
63
+ name: string;
64
+ weights: string[];
65
+ };
66
+ blockquote: {
67
+ value: string;
68
+ name: string;
69
+ weights: string[];
70
+ };
71
+ };
72
+ 'font-weight': {
73
+ regular: {
74
+ value: string;
75
+ };
76
+ medium: {
77
+ value: string;
78
+ };
79
+ 'semi-bold': {
80
+ value: string;
81
+ };
82
+ bold: {
83
+ value: string;
84
+ };
85
+ };
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
+ };
138
+ heading: {
139
+ base: {
140
+ 'font-family': {
141
+ value: string;
142
+ };
143
+ 'line-height': {
144
+ value: string;
145
+ };
146
+ 'letter-spacing': {
147
+ value: string;
148
+ };
149
+ };
150
+ s: {
151
+ 'font-size': {
152
+ value: string;
153
+ };
154
+ 'font-weight': {
155
+ value: string;
156
+ };
157
+ };
158
+ m: {
159
+ 'font-size': {
160
+ value: string;
161
+ };
162
+ 'font-weight': {
163
+ value: string;
164
+ };
165
+ };
166
+ l: {
167
+ 'font-size': {
168
+ value: string;
169
+ };
170
+ };
171
+ xl: {
172
+ 'font-size': {
173
+ value: string;
174
+ };
175
+ 'font-weight': {
176
+ value: string;
177
+ };
178
+ 'text-transform': {
179
+ value: string;
180
+ };
181
+ 'letter-spacing': {
182
+ value: string;
183
+ };
184
+ };
185
+ };
186
+ text: {
187
+ base: {
188
+ 'line-height': {
189
+ value: string;
190
+ };
191
+ };
192
+ xs: {
193
+ 'font-size': {
194
+ value: string;
195
+ };
196
+ 'icon-size': {
197
+ value: string;
198
+ };
199
+ };
200
+ s: {
201
+ 'font-size': {
202
+ value: string;
203
+ };
204
+ 'icon-size': {
205
+ value: string;
206
+ };
207
+ };
208
+ m: {
209
+ 'font-size': {
210
+ value: string;
211
+ };
212
+ 'icon-size': {
213
+ value: string;
214
+ };
215
+ };
216
+ };
217
+ base: {
218
+ 'letter-spacing': {
219
+ value: string;
220
+ };
221
+ };
222
+ };
223
+ 'line-height': {
224
+ base: {
225
+ value: string;
226
+ };
227
+ medium: {
228
+ value: string;
229
+ };
230
+ large: {
231
+ value: string;
232
+ };
233
+ };
234
+ breakpoint: {
235
+ xs: {
236
+ value: string;
237
+ description: string;
238
+ };
239
+ sm: {
240
+ value: string;
241
+ description: string;
242
+ };
243
+ md: {
244
+ value: string;
245
+ description: string;
246
+ };
247
+ lg: {
248
+ value: string;
249
+ description: string;
250
+ };
251
+ };
252
+ color: {
253
+ primary: {
254
+ value: string;
255
+ };
256
+ 'primary-dark': {
257
+ value: string;
258
+ };
259
+ 'primary-very-dark': {
260
+ value: string;
261
+ };
262
+ secondary: {
263
+ value: string;
264
+ };
265
+ 'secondary-dark': {
266
+ value: string;
267
+ };
268
+ info: {
269
+ value: string;
270
+ description: string;
271
+ };
272
+ accent: {
273
+ value: string;
274
+ description: string;
275
+ };
276
+ 'ultra-light-grey': {
277
+ value: string;
278
+ };
279
+ 'light-grey': {
280
+ value: string;
281
+ };
282
+ grey: {
283
+ value: string;
284
+ };
285
+ 'dark-grey': {
286
+ value: string;
287
+ };
288
+ 'ultra-dark-grey': {
289
+ value: string;
290
+ };
291
+ black: {
292
+ value: string;
293
+ };
294
+ white: {
295
+ value: string;
296
+ };
297
+ };
298
+ height: {
299
+ full: {
300
+ value: string;
301
+ };
302
+ screen: {
303
+ value: string;
304
+ };
305
+ };
306
+ radius: {
307
+ xs: {
308
+ value: string;
309
+ description: string;
310
+ };
311
+ s: {
312
+ value: string;
313
+ description: string;
314
+ };
315
+ 'full-rounded': {
316
+ value: string;
317
+ description: string;
318
+ };
319
+ };
320
+ spacing: {
321
+ '0': {
322
+ value: string;
323
+ };
324
+ 'xxs-3': {
325
+ value: string;
326
+ };
327
+ 'xxs-2': {
328
+ value: string;
329
+ };
330
+ xxs: {
331
+ value: string;
332
+ };
333
+ xs: {
334
+ value: string;
335
+ };
336
+ s: {
337
+ value: string;
338
+ };
339
+ m: {
340
+ value: string;
341
+ };
342
+ l: {
343
+ value: string;
344
+ };
345
+ xl: {
346
+ value: string;
347
+ };
348
+ xxl: {
349
+ value: string;
350
+ };
351
+ 'xxl-2': {
352
+ value: string;
353
+ };
354
+ 'xxl-3': {
355
+ value: string;
356
+ };
357
+ };
358
+ width: {
359
+ full: {
360
+ value: string;
361
+ };
362
+ screen: {
363
+ value: string;
364
+ };
365
+ 'content-container': {
366
+ value: string;
367
+ };
368
+ };
369
+ };