@newskit-render/shared-components 2.4.2-alpha.0 → 2.5.0-alpha.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 (67) hide show
  1. package/dist/cjs/NavigationPrimary/utils.d.ts +5 -0
  2. package/dist/cjs/NavigationPrimary/utils.js +5 -0
  3. package/dist/cjs/NavigationPrimary/utils.js.map +1 -1
  4. package/dist/cjs/theme/index.d.ts +1 -0
  5. package/dist/cjs/theme/index.js +1 -0
  6. package/dist/cjs/theme/index.js.map +1 -1
  7. package/dist/cjs/theme/sharedPresets.d.ts +5 -0
  8. package/dist/cjs/theme/sharedPresets.js +5 -0
  9. package/dist/cjs/theme/sharedPresets.js.map +1 -1
  10. package/dist/cjs/theme/tlsTheme/borders.d.ts +3 -0
  11. package/dist/cjs/theme/tlsTheme/borders.js +7 -0
  12. package/dist/cjs/theme/tlsTheme/borders.js.map +1 -0
  13. package/dist/cjs/theme/tlsTheme/colors.d.ts +186 -0
  14. package/dist/cjs/theme/tlsTheme/colors.js +190 -0
  15. package/dist/cjs/theme/tlsTheme/colors.js.map +1 -0
  16. package/dist/cjs/theme/tlsTheme/fonts.d.ts +40 -0
  17. package/dist/cjs/theme/tlsTheme/fonts.js +44 -0
  18. package/dist/cjs/theme/tlsTheme/fonts.js.map +1 -0
  19. package/dist/cjs/theme/tlsTheme/index.d.ts +1 -0
  20. package/dist/cjs/theme/tlsTheme/index.js +38 -0
  21. package/dist/cjs/theme/tlsTheme/index.js.map +1 -0
  22. package/dist/cjs/theme/tlsTheme/overlays.d.ts +14 -0
  23. package/dist/cjs/theme/tlsTheme/overlays.js +18 -0
  24. package/dist/cjs/theme/tlsTheme/overlays.js.map +1 -0
  25. package/dist/cjs/theme/tlsTheme/shadows.d.ts +8 -0
  26. package/dist/cjs/theme/tlsTheme/shadows.js +12 -0
  27. package/dist/cjs/theme/tlsTheme/shadows.js.map +1 -0
  28. package/dist/cjs/theme/tlsTheme/stylePresets.d.ts +37 -0
  29. package/dist/cjs/theme/tlsTheme/stylePresets.js +41 -0
  30. package/dist/cjs/theme/tlsTheme/stylePresets.js.map +1 -0
  31. package/dist/cjs/theme/tlsTheme/typographyPresets.d.ts +370 -0
  32. package/dist/cjs/theme/tlsTheme/typographyPresets.js +374 -0
  33. package/dist/cjs/theme/tlsTheme/typographyPresets.js.map +1 -0
  34. package/dist/esm/NavigationPrimary/utils.d.ts +5 -0
  35. package/dist/esm/NavigationPrimary/utils.js +5 -0
  36. package/dist/esm/NavigationPrimary/utils.js.map +1 -1
  37. package/dist/esm/theme/index.d.ts +1 -0
  38. package/dist/esm/theme/index.js +1 -0
  39. package/dist/esm/theme/index.js.map +1 -1
  40. package/dist/esm/theme/sharedPresets.d.ts +5 -0
  41. package/dist/esm/theme/sharedPresets.js +5 -0
  42. package/dist/esm/theme/sharedPresets.js.map +1 -1
  43. package/dist/esm/theme/tlsTheme/borders.d.ts +3 -0
  44. package/dist/esm/theme/tlsTheme/borders.js +4 -0
  45. package/dist/esm/theme/tlsTheme/borders.js.map +1 -0
  46. package/dist/esm/theme/tlsTheme/colors.d.ts +186 -0
  47. package/dist/esm/theme/tlsTheme/colors.js +187 -0
  48. package/dist/esm/theme/tlsTheme/colors.js.map +1 -0
  49. package/dist/esm/theme/tlsTheme/fonts.d.ts +40 -0
  50. package/dist/esm/theme/tlsTheme/fonts.js +41 -0
  51. package/dist/esm/theme/tlsTheme/fonts.js.map +1 -0
  52. package/dist/esm/theme/tlsTheme/index.d.ts +1 -0
  53. package/dist/esm/theme/tlsTheme/index.js +35 -0
  54. package/dist/esm/theme/tlsTheme/index.js.map +1 -0
  55. package/dist/esm/theme/tlsTheme/overlays.d.ts +14 -0
  56. package/dist/esm/theme/tlsTheme/overlays.js +15 -0
  57. package/dist/esm/theme/tlsTheme/overlays.js.map +1 -0
  58. package/dist/esm/theme/tlsTheme/shadows.d.ts +8 -0
  59. package/dist/esm/theme/tlsTheme/shadows.js +9 -0
  60. package/dist/esm/theme/tlsTheme/shadows.js.map +1 -0
  61. package/dist/esm/theme/tlsTheme/stylePresets.d.ts +37 -0
  62. package/dist/esm/theme/tlsTheme/stylePresets.js +38 -0
  63. package/dist/esm/theme/tlsTheme/stylePresets.js.map +1 -0
  64. package/dist/esm/theme/tlsTheme/typographyPresets.d.ts +370 -0
  65. package/dist/esm/theme/tlsTheme/typographyPresets.js +371 -0
  66. package/dist/esm/theme/tlsTheme/typographyPresets.js.map +1 -0
  67. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"overlays.js","sourceRoot":"","sources":["../../../../src/theme/tlsTheme/overlays.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG;IACtB,kBAAkB,EAAE,oBAAoB;IACxC,kBAAkB,EAAE,oBAAoB;IACxC,kBAAkB,EAAE,oBAAoB;IACxC,kBAAkB,EAAE,oBAAoB;IACxC,qBAAqB,EAAE,uBAAuB;IAC9C,qBAAqB,EAAE,uBAAuB;IAC9C,qBAAqB,EAAE,uBAAuB;IAC9C,qBAAqB,EAAE,uBAAuB;IAC9C,6BAA6B,EAC3B,mfAAmf;IACrf,2BAA2B,EACzB,mfAAmf;IACrf,gCAAgC,EAC9B,mcAAmc;IACrc,8BAA8B,EAC5B,mcAAmc;CACtc,CAAA"}
@@ -0,0 +1,8 @@
1
+ export declare const shadows: {
2
+ shadow010: string;
3
+ shadow020: string;
4
+ shadow030: string;
5
+ shadow040: string;
6
+ shadow050: string;
7
+ shadow060: string;
8
+ };
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.shadows = void 0;
4
+ exports.shadows = {
5
+ shadow010: '0px 0.5px 0px 2px rgba(10,10,10,0.08)',
6
+ shadow020: '0px 2px 0px 4px rgba(10,10,10,0.08)',
7
+ shadow030: '0px 4px 0px 8px rgba(10,10,10,0.08)',
8
+ shadow040: '0px 8px 0px 16px rgba(10,10,10,0.08)',
9
+ shadow050: '0px 16px 0px 24px rgba(10,10,10,0.08)',
10
+ shadow060: '0px 20px 0px 32px rgba(10,10,10,0.08)',
11
+ };
12
+ //# sourceMappingURL=shadows.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../../../src/theme/tlsTheme/shadows.ts"],"names":[],"mappings":";;;AAAa,QAAA,OAAO,GAAG;IACrB,SAAS,EAAE,uCAAuC;IAClD,SAAS,EAAE,qCAAqC;IAChD,SAAS,EAAE,qCAAqC;IAChD,SAAS,EAAE,sCAAsC;IACjD,SAAS,EAAE,uCAAuC;IAClD,SAAS,EAAE,uCAAuC;CACnD,CAAA"}
@@ -0,0 +1,37 @@
1
+ export declare const stylePresets: {
2
+ menuItemVertical: {
3
+ base: {
4
+ whiteSpace: string;
5
+ color: string;
6
+ };
7
+ active: {
8
+ color: string;
9
+ };
10
+ focus: {
11
+ color: string;
12
+ };
13
+ hover: {
14
+ color: string;
15
+ };
16
+ selected: {
17
+ color: string;
18
+ };
19
+ 'selected:hover': {
20
+ color: string;
21
+ };
22
+ };
23
+ menuItemHorizontal: {
24
+ base: {
25
+ whiteSpace: string;
26
+ };
27
+ active: {
28
+ borderColor: string;
29
+ };
30
+ focus: {
31
+ borderColor: string;
32
+ };
33
+ hover: {
34
+ borderColor: string;
35
+ };
36
+ };
37
+ };
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.stylePresets = void 0;
4
+ exports.stylePresets = {
5
+ menuItemVertical: {
6
+ base: {
7
+ whiteSpace: 'nowrap',
8
+ color: '{{colors.inkBase}}',
9
+ },
10
+ active: {
11
+ color: '{{colors.inkBase}}',
12
+ },
13
+ focus: {
14
+ color: '{{colors.inkBase}}',
15
+ },
16
+ hover: {
17
+ color: '{{colors.inkBase}}',
18
+ },
19
+ selected: {
20
+ color: '{{colors.inkBase}}',
21
+ },
22
+ 'selected:hover': {
23
+ color: '{{colors.inkBase}}',
24
+ },
25
+ },
26
+ menuItemHorizontal: {
27
+ base: {
28
+ whiteSpace: 'nowrap',
29
+ },
30
+ active: {
31
+ borderColor: '{{colors.transparent}}',
32
+ },
33
+ focus: {
34
+ borderColor: '{{colors.transparent}}',
35
+ },
36
+ hover: {
37
+ borderColor: '{{colors.transparent}}',
38
+ },
39
+ },
40
+ };
41
+ //# sourceMappingURL=stylePresets.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stylePresets.js","sourceRoot":"","sources":["../../../../src/theme/tlsTheme/stylePresets.ts"],"names":[],"mappings":";;;AAAa,QAAA,YAAY,GAAG;IAC1B,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;YACpB,KAAK,EAAE,oBAAoB;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,oBAAoB;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,oBAAoB;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,oBAAoB;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAoB;SAC5B;QACD,gBAAgB,EAAE;YAChB,KAAK,EAAE,oBAAoB;SAC5B;KACF;IACD,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;SACrB;QACD,MAAM,EAAE;YACN,WAAW,EAAE,wBAAwB;SACtC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,wBAAwB;SACtC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,wBAAwB;SACtC;KACF;CACF,CAAA"}
@@ -0,0 +1,370 @@
1
+ export declare const typographyPresets: {
2
+ editorialDisplay010: {
3
+ fontFamily: string;
4
+ fontWeight: string;
5
+ fontSize: string;
6
+ lineHeight: string;
7
+ letterSpacing: string;
8
+ fontStretch: string;
9
+ };
10
+ editorialDisplay020: {
11
+ fontFamily: string;
12
+ fontWeight: string;
13
+ fontSize: string;
14
+ lineHeight: string;
15
+ letterSpacing: string;
16
+ fontStretch: string;
17
+ };
18
+ editorialDisplay030: {
19
+ fontFamily: string;
20
+ fontWeight: string;
21
+ fontSize: string;
22
+ lineHeight: string;
23
+ letterSpacing: string;
24
+ fontStretch: string;
25
+ };
26
+ editorialHeadline010: {
27
+ fontFamily: string;
28
+ fontWeight: string;
29
+ fontSize: string;
30
+ lineHeight: string;
31
+ letterSpacing: string;
32
+ fontStretch: string;
33
+ };
34
+ editorialHeadline020: {
35
+ fontFamily: string;
36
+ fontWeight: string;
37
+ fontSize: string;
38
+ lineHeight: string;
39
+ letterSpacing: string;
40
+ fontStretch: string;
41
+ };
42
+ editorialHeadline030: {
43
+ fontFamily: string;
44
+ fontWeight: string;
45
+ fontSize: string;
46
+ lineHeight: string;
47
+ letterSpacing: string;
48
+ fontStretch: string;
49
+ };
50
+ editorialHeadline040: {
51
+ fontFamily: string;
52
+ fontWeight: string;
53
+ fontSize: string;
54
+ lineHeight: string;
55
+ letterSpacing: string;
56
+ fontStretch: string;
57
+ };
58
+ editorialHeadline050: {
59
+ fontFamily: string;
60
+ fontWeight: string;
61
+ fontSize: string;
62
+ lineHeight: string;
63
+ letterSpacing: string;
64
+ fontStretch: string;
65
+ };
66
+ editorialHeadline060: {
67
+ fontFamily: string;
68
+ fontWeight: string;
69
+ fontSize: string;
70
+ lineHeight: string;
71
+ letterSpacing: string;
72
+ fontStretch: string;
73
+ };
74
+ editorialHeadline070: {
75
+ fontFamily: string;
76
+ fontWeight: string;
77
+ fontSize: string;
78
+ lineHeight: string;
79
+ letterSpacing: string;
80
+ fontStretch: string;
81
+ };
82
+ editorialHeadline080: {
83
+ fontFamily: string;
84
+ fontWeight: string;
85
+ fontSize: string;
86
+ lineHeight: string;
87
+ letterSpacing: string;
88
+ fontStretch: string;
89
+ };
90
+ editorialSubheadline010: {
91
+ fontFamily: string;
92
+ fontWeight: string;
93
+ fontSize: string;
94
+ lineHeight: string;
95
+ letterSpacing: string;
96
+ fontStretch: string;
97
+ };
98
+ editorialSubheadline020: {
99
+ fontFamily: string;
100
+ fontWeight: string;
101
+ fontSize: string;
102
+ lineHeight: string;
103
+ letterSpacing: string;
104
+ fontStretch: string;
105
+ };
106
+ editorialSubheadline030: {
107
+ fontFamily: string;
108
+ fontWeight: string;
109
+ fontSize: string;
110
+ lineHeight: string;
111
+ letterSpacing: string;
112
+ fontStretch: string;
113
+ };
114
+ editorialSubheadline040: {
115
+ fontFamily: string;
116
+ fontWeight: string;
117
+ fontSize: string;
118
+ lineHeight: string;
119
+ letterSpacing: string;
120
+ fontStretch: string;
121
+ };
122
+ editorialSubheadline050: {
123
+ fontFamily: string;
124
+ fontWeight: string;
125
+ fontSize: string;
126
+ lineHeight: string;
127
+ letterSpacing: string;
128
+ fontStretch: string;
129
+ };
130
+ editorialParagraph010: {
131
+ fontFamily: string;
132
+ fontWeight: string;
133
+ fontSize: string;
134
+ lineHeight: string;
135
+ letterSpacing: string;
136
+ fontStretch: string;
137
+ };
138
+ editorialParagraph020: {
139
+ fontFamily: string;
140
+ fontWeight: string;
141
+ fontSize: string;
142
+ lineHeight: string;
143
+ letterSpacing: string;
144
+ fontStretch: string;
145
+ };
146
+ editorialParagraph030: {
147
+ fontFamily: string;
148
+ fontWeight: string;
149
+ fontSize: string;
150
+ lineHeight: string;
151
+ letterSpacing: string;
152
+ fontStretch: string;
153
+ };
154
+ editorialQuote010: {
155
+ fontFamily: string;
156
+ fontWeight: string;
157
+ fontSize: string;
158
+ lineHeight: string;
159
+ letterSpacing: string;
160
+ fontStretch: string;
161
+ };
162
+ editorialQuote020: {
163
+ fontFamily: string;
164
+ fontWeight: string;
165
+ fontSize: string;
166
+ lineHeight: string;
167
+ letterSpacing: string;
168
+ fontStretch: string;
169
+ };
170
+ editorialCaption010: {
171
+ fontFamily: string;
172
+ fontWeight: string;
173
+ fontSize: string;
174
+ lineHeight: string;
175
+ letterSpacing: string;
176
+ fontStretch: string;
177
+ };
178
+ editorialLabel010: {
179
+ fontFamily: string;
180
+ fontWeight: string;
181
+ fontSize: string;
182
+ lineHeight: string;
183
+ letterSpacing: string;
184
+ fontStretch: string;
185
+ };
186
+ editorialLabel020: {
187
+ fontFamily: string;
188
+ fontWeight: string;
189
+ fontSize: string;
190
+ lineHeight: string;
191
+ letterSpacing: string;
192
+ fontStretch: string;
193
+ };
194
+ editorialLabel030: {
195
+ fontFamily: string;
196
+ fontWeight: string;
197
+ fontSize: string;
198
+ lineHeight: string;
199
+ letterSpacing: string;
200
+ fontStretch: string;
201
+ };
202
+ utilityHeading010: {
203
+ fontFamily: string;
204
+ fontWeight: string;
205
+ fontSize: string;
206
+ lineHeight: string;
207
+ letterSpacing: string;
208
+ fontStretch: string;
209
+ };
210
+ utilityHeading020: {
211
+ fontFamily: string;
212
+ fontWeight: string;
213
+ fontSize: string;
214
+ lineHeight: string;
215
+ letterSpacing: string;
216
+ fontStretch: string;
217
+ };
218
+ utilityHeading030: {
219
+ fontFamily: string;
220
+ fontWeight: string;
221
+ fontSize: string;
222
+ lineHeight: string;
223
+ letterSpacing: string;
224
+ fontStretch: string;
225
+ };
226
+ utilityHeading040: {
227
+ fontFamily: string;
228
+ fontWeight: string;
229
+ fontSize: string;
230
+ lineHeight: string;
231
+ letterSpacing: string;
232
+ fontStretch: string;
233
+ };
234
+ utilityHeading050: {
235
+ fontFamily: string;
236
+ fontWeight: string;
237
+ fontSize: string;
238
+ lineHeight: string;
239
+ letterSpacing: string;
240
+ fontStretch: string;
241
+ };
242
+ utilitySubheading010: {
243
+ fontFamily: string;
244
+ fontWeight: string;
245
+ fontSize: string;
246
+ lineHeight: string;
247
+ letterSpacing: string;
248
+ fontStretch: string;
249
+ };
250
+ utilitySubheading020: {
251
+ fontFamily: string;
252
+ fontWeight: string;
253
+ fontSize: string;
254
+ lineHeight: string;
255
+ letterSpacing: string;
256
+ fontStretch: string;
257
+ };
258
+ utilitySubheading030: {
259
+ fontFamily: string;
260
+ fontWeight: string;
261
+ fontSize: string;
262
+ lineHeight: string;
263
+ letterSpacing: string;
264
+ fontStretch: string;
265
+ };
266
+ utilitySubheading040: {
267
+ fontFamily: string;
268
+ fontWeight: string;
269
+ fontSize: string;
270
+ lineHeight: string;
271
+ letterSpacing: string;
272
+ fontStretch: string;
273
+ };
274
+ utilitySubheading050: {
275
+ fontFamily: string;
276
+ fontWeight: string;
277
+ fontSize: string;
278
+ lineHeight: string;
279
+ letterSpacing: string;
280
+ fontStretch: string;
281
+ };
282
+ utilityBody010: {
283
+ fontFamily: string;
284
+ fontWeight: string;
285
+ fontSize: string;
286
+ lineHeight: string;
287
+ letterSpacing: string;
288
+ fontStretch: string;
289
+ };
290
+ utilityBody020: {
291
+ fontFamily: string;
292
+ fontWeight: string;
293
+ fontSize: string;
294
+ lineHeight: string;
295
+ letterSpacing: string;
296
+ fontStretch: string;
297
+ };
298
+ utilityBody030: {
299
+ fontFamily: string;
300
+ fontWeight: string;
301
+ fontSize: string;
302
+ lineHeight: string;
303
+ letterSpacing: string;
304
+ fontStretch: string;
305
+ };
306
+ utilityLabel010: {
307
+ fontFamily: string;
308
+ fontWeight: string;
309
+ fontSize: string;
310
+ lineHeight: string;
311
+ letterSpacing: string;
312
+ fontStretch: string;
313
+ };
314
+ utilityLabel020: {
315
+ fontFamily: string;
316
+ fontWeight: string;
317
+ fontSize: string;
318
+ lineHeight: string;
319
+ letterSpacing: string;
320
+ fontStretch: string;
321
+ };
322
+ utilityLabel030: {
323
+ fontFamily: string;
324
+ fontWeight: string;
325
+ fontSize: string;
326
+ lineHeight: string;
327
+ letterSpacing: string;
328
+ fontStretch: string;
329
+ };
330
+ utilityButton010: {
331
+ fontFamily: string;
332
+ fontWeight: string;
333
+ fontSize: string;
334
+ lineHeight: string;
335
+ letterSpacing: string;
336
+ fontStretch: string;
337
+ };
338
+ utilityButton020: {
339
+ fontFamily: string;
340
+ fontWeight: string;
341
+ fontSize: string;
342
+ lineHeight: string;
343
+ letterSpacing: string;
344
+ fontStretch: string;
345
+ };
346
+ utilityButton030: {
347
+ fontFamily: string;
348
+ fontWeight: string;
349
+ fontSize: string;
350
+ lineHeight: string;
351
+ letterSpacing: string;
352
+ fontStretch: string;
353
+ };
354
+ utilityMeta010: {
355
+ fontFamily: string;
356
+ fontWeight: string;
357
+ fontSize: string;
358
+ lineHeight: string;
359
+ letterSpacing: string;
360
+ fontStretch: string;
361
+ };
362
+ utilityMeta020: {
363
+ fontFamily: string;
364
+ fontWeight: string;
365
+ fontSize: string;
366
+ lineHeight: string;
367
+ letterSpacing: string;
368
+ fontStretch: string;
369
+ };
370
+ };