uikit-react-public 0.32.4 → 0.36.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 (28) hide show
  1. package/dist/index.js +10092 -6744
  2. package/dist/theme/common/themeCommon.d.ts +629 -7
  3. package/dist/theme/dark/darkColour.d.ts +144 -0
  4. package/dist/theme/dark/darkTheme.d.ts +3 -0
  5. package/dist/theme/index.d.ts +1 -0
  6. package/dist/theme/light/lightColour.d.ts +29 -11
  7. package/dist/theme/original/defaultTheme.d.ts +29 -49
  8. package/dist/theme/original/originalColourNewStructure.d.ts +29 -11
  9. package/dist/theme/useTheme.d.ts +59 -98
  10. package/lib/components/Button/style/buttonPrimarySubtleStyle.ts +3 -3
  11. package/lib/components/Button/style/buttonPrimaryWarningStyle.ts +4 -4
  12. package/lib/components/Calendar/__tests__/__snapshots__/Calendar.test.tsx.snap +93 -93
  13. package/lib/components/Calendar/subcomponents/Day.tsx +45 -35
  14. package/lib/components/Dropdown/Dropdown.stories.tsx +1 -1
  15. package/lib/components/Snackbar/Snackbar.tsx +4 -4
  16. package/lib/components/Snackbar/__tests__/__snapshots__/Snackbar.test.tsx.snap +4 -4
  17. package/lib/components/Toggle/Toggle.tsx +4 -4
  18. package/lib/theme/__tests__/useTheme.test.tsx +28 -0
  19. package/lib/theme/common/themeCommon.ts +162 -142
  20. package/lib/theme/dark/darkColour.ts +260 -0
  21. package/lib/theme/dark/darkTheme.ts +38 -0
  22. package/lib/theme/index.ts +1 -0
  23. package/lib/theme/light/lightColour.ts +76 -17
  24. package/lib/theme/light/lightTheme.ts +2 -2
  25. package/lib/theme/original/defaultTheme.ts +2 -2
  26. package/lib/theme/original/originalColourNewStructure.ts +34 -20
  27. package/lib/theme/useTheme.tsx +22 -9
  28. package/package.json +2 -2
package/lib/theme/common/themeCommon.ts CHANGED
@@ -1,8 +1,18 @@
1
1
  import { tokens } from 'design-system-foundations-public';
2
2
 
3
- const { light: lightTokens, primitives: primitiveTokens } = tokens;
3
+ const {
4
+ light: lightThemeTokens,
5
+ // dark: darkThemeTokens,
6
+ primitives: lightPrimitiveTokens,
7
+ darkPrimitives: darkPrimitiveTokens,
8
+ } = tokens;
4
9
 
5
- const { sans, mono } = primitiveTokens.font.family; // sans and mono
10
+ const defaultThemeTokens = lightThemeTokens;
11
+ const defaultPrimitiveTokens = lightPrimitiveTokens;
12
+ const lightColourPrimitiveTokens = lightPrimitiveTokens.colour;
13
+ const darkColourPrimitiveTokens = darkPrimitiveTokens.colour;
14
+
15
+ const { sans, mono } = defaultPrimitiveTokens.font.family; // sans and mono
6
16
 
7
17
  const fontFamiliesByRef = {
8
18
  '#/font/family/sans': sans.$value.family,
@@ -28,16 +38,26 @@ const featureSettings = (featureSettingsTokenValue?: FeatureSettings) => {
28
38
  }
29
39
  };
30
40
 
31
- export const primitiveColour = {
32
- grey: primitiveTokens.colour.grey,
33
- whiteAlpha: primitiveTokens.colour['white-alpha'],
34
- red: primitiveTokens.colour.red,
35
- orange: primitiveTokens.colour.orange,
36
- yellow: primitiveTokens.colour.yellow,
37
- green: primitiveTokens.colour.green,
38
- blue: primitiveTokens.colour.blue,
39
- brandPurple: primitiveTokens.colour['brand-purple'],
40
- brandBlur: primitiveTokens.colour['brand-blue'],
41
+ export const lightPrimitiveColour = {
42
+ grey: lightColourPrimitiveTokens.grey,
43
+ red: lightColourPrimitiveTokens.red,
44
+ orange: lightColourPrimitiveTokens.orange,
45
+ yellow: lightColourPrimitiveTokens.yellow,
46
+ green: lightColourPrimitiveTokens.green,
47
+ blue: lightColourPrimitiveTokens.blue,
48
+ brandPurple: lightColourPrimitiveTokens['brand-purple'],
49
+ brandBlur: lightColourPrimitiveTokens['brand-blue'],
50
+ };
51
+
52
+ export const darkPrimitiveColour = {
53
+ grey: darkColourPrimitiveTokens.grey,
54
+ red: darkColourPrimitiveTokens.red,
55
+ orange: darkColourPrimitiveTokens.orange,
56
+ yellow: darkColourPrimitiveTokens.yellow,
57
+ green: darkColourPrimitiveTokens.green,
58
+ blue: darkColourPrimitiveTokens.blue,
59
+ brandPurple: darkColourPrimitiveTokens['brand-purple'],
60
+ brandBlur: darkColourPrimitiveTokens['brand-blue'],
41
61
  };
42
62
 
43
63
  export const typography = {
@@ -46,240 +66,240 @@ export const typography = {
46
66
  md: {
47
67
  fontFamily:
48
68
  fontFamiliesByRef[
49
- lightTokens.typography['functional-heading'].xxl.$value.md
69
+ defaultThemeTokens.typography['functional-heading'].xxl.$value.md
50
70
  .fontFamily.$ref as keyof FontFamiliesByRef
51
71
  ],
52
72
  fontSettings: featureSettings(
53
73
  fontSettingsByRef[
54
- lightTokens.typography['functional-heading'].xxl.$value.md
74
+ defaultThemeTokens.typography['functional-heading'].xxl.$value.md
55
75
  .fontFamily.$ref as keyof FontSettingsByRef
56
76
  ]
57
77
  ),
58
78
  fontSize:
59
- lightTokens.typography['functional-heading'].xxl.$value.md.fontSize,
79
+ defaultThemeTokens.typography['functional-heading'].xxl.$value.md.fontSize,
60
80
  fontWeight:
61
- lightTokens.typography['functional-heading'].xxl.$value.md.fontWeight,
81
+ defaultThemeTokens.typography['functional-heading'].xxl.$value.md.fontWeight,
62
82
  lineHeight:
63
- lightTokens.typography['functional-heading'].xxl.$value.md.lineHeight,
83
+ defaultThemeTokens.typography['functional-heading'].xxl.$value.md.lineHeight,
64
84
  },
65
85
  sm: {
66
86
  fontFamily:
67
87
  fontFamiliesByRef[
68
- lightTokens.typography['functional-heading'].xxl.$value.sm
88
+ defaultThemeTokens.typography['functional-heading'].xxl.$value.sm
69
89
  .fontFamily.$ref as keyof FontFamiliesByRef
70
90
  ],
71
91
  fontSettings: featureSettings(
72
92
  fontSettingsByRef[
73
- lightTokens.typography['functional-heading'].xxl.$value.sm
93
+ defaultThemeTokens.typography['functional-heading'].xxl.$value.sm
74
94
  .fontFamily.$ref as keyof FontSettingsByRef
75
95
  ]
76
96
  ),
77
97
  fontSize:
78
- lightTokens.typography['functional-heading'].xxl.$value.sm.fontSize,
98
+ defaultThemeTokens.typography['functional-heading'].xxl.$value.sm.fontSize,
79
99
  fontWeight:
80
- lightTokens.typography['functional-heading'].xxl.$value.sm.fontWeight,
100
+ defaultThemeTokens.typography['functional-heading'].xxl.$value.sm.fontWeight,
81
101
  lineHeight:
82
- lightTokens.typography['functional-heading'].xxl.$value.sm.lineHeight,
102
+ defaultThemeTokens.typography['functional-heading'].xxl.$value.sm.lineHeight,
83
103
  },
84
104
  },
85
105
  xl: {
86
106
  md: {
87
107
  fontFamily:
88
108
  fontFamiliesByRef[
89
- lightTokens.typography['functional-heading'].xl.$value.md.fontFamily
109
+ defaultThemeTokens.typography['functional-heading'].xl.$value.md.fontFamily
90
110
  .$ref as keyof FontFamiliesByRef
91
111
  ],
92
112
  fontSettings: featureSettings(
93
113
  fontSettingsByRef[
94
- lightTokens.typography['functional-heading'].xl.$value.md.fontFamily
114
+ defaultThemeTokens.typography['functional-heading'].xl.$value.md.fontFamily
95
115
  .$ref as keyof FontSettingsByRef
96
116
  ]
97
117
  ),
98
118
  fontSize:
99
- lightTokens.typography['functional-heading'].xl.$value.md.fontSize,
119
+ defaultThemeTokens.typography['functional-heading'].xl.$value.md.fontSize,
100
120
  fontWeight:
101
- lightTokens.typography['functional-heading'].xl.$value.md.fontWeight,
121
+ defaultThemeTokens.typography['functional-heading'].xl.$value.md.fontWeight,
102
122
  lineHeight:
103
- lightTokens.typography['functional-heading'].xl.$value.md.lineHeight,
123
+ defaultThemeTokens.typography['functional-heading'].xl.$value.md.lineHeight,
104
124
  },
105
125
  sm: {
106
126
  fontFamily:
107
127
  fontFamiliesByRef[
108
- lightTokens.typography['functional-heading'].xl.$value.sm.fontFamily
128
+ defaultThemeTokens.typography['functional-heading'].xl.$value.sm.fontFamily
109
129
  .$ref as keyof FontFamiliesByRef
110
130
  ],
111
131
  fontSettings: featureSettings(
112
132
  fontSettingsByRef[
113
- lightTokens.typography['functional-heading'].xl.$value.sm.fontFamily
133
+ defaultThemeTokens.typography['functional-heading'].xl.$value.sm.fontFamily
114
134
  .$ref as keyof FontSettingsByRef
115
135
  ]
116
136
  ),
117
137
  fontSize:
118
- lightTokens.typography['functional-heading'].xl.$value.sm.fontSize,
138
+ defaultThemeTokens.typography['functional-heading'].xl.$value.sm.fontSize,
119
139
  fontWeight:
120
- lightTokens.typography['functional-heading'].xl.$value.sm.fontWeight,
140
+ defaultThemeTokens.typography['functional-heading'].xl.$value.sm.fontWeight,
121
141
  lineHeight:
122
- lightTokens.typography['functional-heading'].xl.$value.sm.lineHeight,
142
+ defaultThemeTokens.typography['functional-heading'].xl.$value.sm.lineHeight,
123
143
  },
124
144
  },
125
145
  lg: {
126
146
  md: {
127
147
  fontFamily:
128
148
  fontFamiliesByRef[
129
- lightTokens.typography['functional-heading'].lg.$value.md.fontFamily
149
+ defaultThemeTokens.typography['functional-heading'].lg.$value.md.fontFamily
130
150
  .$ref as keyof FontFamiliesByRef
131
151
  ],
132
152
  fontSettings: featureSettings(
133
153
  fontSettingsByRef[
134
- lightTokens.typography['functional-heading'].lg.$value.md.fontFamily
154
+ defaultThemeTokens.typography['functional-heading'].lg.$value.md.fontFamily
135
155
  .$ref as keyof FontSettingsByRef
136
156
  ]
137
157
  ),
138
158
  fontSize:
139
- lightTokens.typography['functional-heading'].lg.$value.md.fontSize,
159
+ defaultThemeTokens.typography['functional-heading'].lg.$value.md.fontSize,
140
160
  fontWeight:
141
- lightTokens.typography['functional-heading'].lg.$value.md.fontWeight,
161
+ defaultThemeTokens.typography['functional-heading'].lg.$value.md.fontWeight,
142
162
  lineHeight:
143
- lightTokens.typography['functional-heading'].lg.$value.md.lineHeight,
163
+ defaultThemeTokens.typography['functional-heading'].lg.$value.md.lineHeight,
144
164
  },
145
165
  sm: {
146
166
  fontFamily:
147
167
  fontFamiliesByRef[
148
- lightTokens.typography['functional-heading'].lg.$value.sm.fontFamily
168
+ defaultThemeTokens.typography['functional-heading'].lg.$value.sm.fontFamily
149
169
  .$ref as keyof FontFamiliesByRef
150
170
  ],
151
171
  fontSettings: featureSettings(
152
172
  fontSettingsByRef[
153
- lightTokens.typography['functional-heading'].lg.$value.sm.fontFamily
173
+ defaultThemeTokens.typography['functional-heading'].lg.$value.sm.fontFamily
154
174
  .$ref as keyof FontSettingsByRef
155
175
  ]
156
176
  ),
157
177
  fontSize:
158
- lightTokens.typography['functional-heading'].lg.$value.sm.fontSize,
178
+ defaultThemeTokens.typography['functional-heading'].lg.$value.sm.fontSize,
159
179
  fontWeight:
160
- lightTokens.typography['functional-heading'].lg.$value.sm.fontWeight,
180
+ defaultThemeTokens.typography['functional-heading'].lg.$value.sm.fontWeight,
161
181
  lineHeight:
162
- lightTokens.typography['functional-heading'].lg.$value.sm.lineHeight,
182
+ defaultThemeTokens.typography['functional-heading'].lg.$value.sm.lineHeight,
163
183
  },
164
184
  },
165
185
  md: {
166
186
  md: {
167
187
  fontFamily:
168
188
  fontFamiliesByRef[
169
- lightTokens.typography['functional-heading'].md.$value.md.fontFamily
189
+ defaultThemeTokens.typography['functional-heading'].md.$value.md.fontFamily
170
190
  .$ref as keyof FontFamiliesByRef
171
191
  ],
172
192
  fontSettings: featureSettings(
173
193
  fontSettingsByRef[
174
- lightTokens.typography['functional-heading'].md.$value.md.fontFamily
194
+ defaultThemeTokens.typography['functional-heading'].md.$value.md.fontFamily
175
195
  .$ref as keyof FontSettingsByRef
176
196
  ]
177
197
  ),
178
198
  fontSize:
179
- lightTokens.typography['functional-heading'].md.$value.md.fontSize,
199
+ defaultThemeTokens.typography['functional-heading'].md.$value.md.fontSize,
180
200
  fontWeight:
181
- lightTokens.typography['functional-heading'].md.$value.md.fontWeight,
201
+ defaultThemeTokens.typography['functional-heading'].md.$value.md.fontWeight,
182
202
  lineHeight:
183
- lightTokens.typography['functional-heading'].md.$value.md.lineHeight,
203
+ defaultThemeTokens.typography['functional-heading'].md.$value.md.lineHeight,
184
204
  },
185
205
  sm: {
186
206
  fontFamily:
187
207
  fontFamiliesByRef[
188
- lightTokens.typography['functional-heading'].md.$value.sm.fontFamily
208
+ defaultThemeTokens.typography['functional-heading'].md.$value.sm.fontFamily
189
209
  .$ref as keyof FontFamiliesByRef
190
210
  ],
191
211
  fontSettings: featureSettings(
192
212
  fontSettingsByRef[
193
- lightTokens.typography['functional-heading'].md.$value.sm.fontFamily
213
+ defaultThemeTokens.typography['functional-heading'].md.$value.sm.fontFamily
194
214
  .$ref as keyof FontSettingsByRef
195
215
  ]
196
216
  ),
197
217
  fontSize:
198
- lightTokens.typography['functional-heading'].md.$value.sm.fontSize,
218
+ defaultThemeTokens.typography['functional-heading'].md.$value.sm.fontSize,
199
219
  fontWeight:
200
- lightTokens.typography['functional-heading'].md.$value.sm.fontWeight,
220
+ defaultThemeTokens.typography['functional-heading'].md.$value.sm.fontWeight,
201
221
  lineHeight:
202
- lightTokens.typography['functional-heading'].md.$value.sm.lineHeight,
222
+ defaultThemeTokens.typography['functional-heading'].md.$value.sm.lineHeight,
203
223
  },
204
224
  },
205
225
  sm: {
206
226
  md: {
207
227
  fontFamily:
208
228
  fontFamiliesByRef[
209
- lightTokens.typography['functional-heading'].sm.$value.md.fontFamily
229
+ defaultThemeTokens.typography['functional-heading'].sm.$value.md.fontFamily
210
230
  .$ref as keyof FontFamiliesByRef
211
231
  ],
212
232
  fontSettings: featureSettings(
213
233
  fontSettingsByRef[
214
- lightTokens.typography['functional-heading'].sm.$value.md.fontFamily
234
+ defaultThemeTokens.typography['functional-heading'].sm.$value.md.fontFamily
215
235
  .$ref as keyof FontSettingsByRef
216
236
  ]
217
237
  ),
218
238
  fontSize:
219
- lightTokens.typography['functional-heading'].sm.$value.md.fontSize,
239
+ defaultThemeTokens.typography['functional-heading'].sm.$value.md.fontSize,
220
240
  fontWeight:
221
- lightTokens.typography['functional-heading'].sm.$value.md.fontWeight,
241
+ defaultThemeTokens.typography['functional-heading'].sm.$value.md.fontWeight,
222
242
  lineHeight:
223
- lightTokens.typography['functional-heading'].sm.$value.md.lineHeight,
243
+ defaultThemeTokens.typography['functional-heading'].sm.$value.md.lineHeight,
224
244
  },
225
245
  sm: {
226
246
  fontFamily:
227
247
  fontFamiliesByRef[
228
- lightTokens.typography['functional-heading'].sm.$value.sm.fontFamily
248
+ defaultThemeTokens.typography['functional-heading'].sm.$value.sm.fontFamily
229
249
  .$ref as keyof FontFamiliesByRef
230
250
  ],
231
251
  fontSettings: featureSettings(
232
252
  fontSettingsByRef[
233
- lightTokens.typography['functional-heading'].sm.$value.sm.fontFamily
253
+ defaultThemeTokens.typography['functional-heading'].sm.$value.sm.fontFamily
234
254
  .$ref as keyof FontSettingsByRef
235
255
  ]
236
256
  ),
237
257
  fontSize:
238
- lightTokens.typography['functional-heading'].sm.$value.sm.fontSize,
258
+ defaultThemeTokens.typography['functional-heading'].sm.$value.sm.fontSize,
239
259
  fontWeight:
240
- lightTokens.typography['functional-heading'].sm.$value.sm.fontWeight,
260
+ defaultThemeTokens.typography['functional-heading'].sm.$value.sm.fontWeight,
241
261
  lineHeight:
242
- lightTokens.typography['functional-heading'].sm.$value.sm.lineHeight,
262
+ defaultThemeTokens.typography['functional-heading'].sm.$value.sm.lineHeight,
243
263
  },
244
264
  },
245
265
  xs: {
246
266
  md: {
247
267
  fontFamily:
248
268
  fontFamiliesByRef[
249
- lightTokens.typography['functional-heading'].xs.$value.md.fontFamily
269
+ defaultThemeTokens.typography['functional-heading'].xs.$value.md.fontFamily
250
270
  .$ref as keyof FontFamiliesByRef
251
271
  ],
252
272
  fontSettings: featureSettings(
253
273
  fontSettingsByRef[
254
- lightTokens.typography['functional-heading'].xs.$value.md.fontFamily
274
+ defaultThemeTokens.typography['functional-heading'].xs.$value.md.fontFamily
255
275
  .$ref as keyof FontSettingsByRef
256
276
  ]
257
277
  ),
258
278
  fontSize:
259
- lightTokens.typography['functional-heading'].xs.$value.md.fontSize,
279
+ defaultThemeTokens.typography['functional-heading'].xs.$value.md.fontSize,
260
280
  fontWeight:
261
- lightTokens.typography['functional-heading'].xs.$value.md.fontWeight,
281
+ defaultThemeTokens.typography['functional-heading'].xs.$value.md.fontWeight,
262
282
  lineHeight:
263
- lightTokens.typography['functional-heading'].xs.$value.md.lineHeight,
283
+ defaultThemeTokens.typography['functional-heading'].xs.$value.md.lineHeight,
264
284
  },
265
285
  sm: {
266
286
  fontFamily:
267
287
  fontFamiliesByRef[
268
- lightTokens.typography['functional-heading'].xs.$value.sm.fontFamily
288
+ defaultThemeTokens.typography['functional-heading'].xs.$value.sm.fontFamily
269
289
  .$ref as keyof FontFamiliesByRef
270
290
  ],
271
291
  fontSettings: featureSettings(
272
292
  fontSettingsByRef[
273
- lightTokens.typography['functional-heading'].xs.$value.sm.fontFamily
293
+ defaultThemeTokens.typography['functional-heading'].xs.$value.sm.fontFamily
274
294
  .$ref as keyof FontSettingsByRef
275
295
  ]
276
296
  ),
277
297
  fontSize:
278
- lightTokens.typography['functional-heading'].xs.$value.sm.fontSize,
298
+ defaultThemeTokens.typography['functional-heading'].xs.$value.sm.fontSize,
279
299
  fontWeight:
280
- lightTokens.typography['functional-heading'].xs.$value.sm.fontWeight,
300
+ defaultThemeTokens.typography['functional-heading'].xs.$value.sm.fontWeight,
281
301
  lineHeight:
282
- lightTokens.typography['functional-heading'].xs.$value.sm.lineHeight,
302
+ defaultThemeTokens.typography['functional-heading'].xs.$value.sm.lineHeight,
283
303
  },
284
304
  },
285
305
  },
@@ -287,229 +307,229 @@ export const typography = {
287
307
  lg: {
288
308
  fontFamily:
289
309
  fontFamiliesByRef[
290
- lightTokens.typography.body.lg.$value.fontFamily
310
+ defaultThemeTokens.typography.body.lg.$value.fontFamily
291
311
  .$ref as keyof FontFamiliesByRef
292
312
  ],
293
313
  fontSettings: featureSettings(
294
314
  fontSettingsByRef[
295
- lightTokens.typography.body.lg.$value.fontFamily
315
+ defaultThemeTokens.typography.body.lg.$value.fontFamily
296
316
  .$ref as keyof FontSettingsByRef
297
317
  ]
298
318
  ),
299
- fontSize: lightTokens.typography.body.lg.$value.fontSize,
300
- fontWeight: lightTokens.typography.body.lg.$value.fontWeight,
301
- lineHeight: lightTokens.typography.body.lg.$value.lineHeight,
319
+ fontSize: defaultThemeTokens.typography.body.lg.$value.fontSize,
320
+ fontWeight: defaultThemeTokens.typography.body.lg.$value.fontWeight,
321
+ lineHeight: defaultThemeTokens.typography.body.lg.$value.lineHeight,
302
322
  },
303
323
  lgMedium: {
304
324
  fontFamily:
305
325
  fontFamiliesByRef[
306
- lightTokens.typography.body['lg-medium'].$value.fontFamily
326
+ defaultThemeTokens.typography.body['lg-medium'].$value.fontFamily
307
327
  .$ref as keyof FontFamiliesByRef
308
328
  ],
309
329
  fontSettings: featureSettings(
310
330
  fontSettingsByRef[
311
- lightTokens.typography.body['lg-medium'].$value.fontFamily
331
+ defaultThemeTokens.typography.body['lg-medium'].$value.fontFamily
312
332
  .$ref as keyof FontSettingsByRef
313
333
  ]
314
334
  ),
315
- fontSize: lightTokens.typography.body['lg-medium'].$value.fontSize,
316
- fontWeight: lightTokens.typography.body['lg-medium'].$value.fontWeight,
317
- lineHeight: lightTokens.typography.body['lg-medium'].$value.lineHeight,
335
+ fontSize: defaultThemeTokens.typography.body['lg-medium'].$value.fontSize,
336
+ fontWeight: defaultThemeTokens.typography.body['lg-medium'].$value.fontWeight,
337
+ lineHeight: defaultThemeTokens.typography.body['lg-medium'].$value.lineHeight,
318
338
  },
319
339
  lgSemibold: {
320
340
  fontFamily:
321
341
  fontFamiliesByRef[
322
- lightTokens.typography.body['lg-semibold'].$value.fontFamily
342
+ defaultThemeTokens.typography.body['lg-semibold'].$value.fontFamily
323
343
  .$ref as keyof FontFamiliesByRef
324
344
  ],
325
345
  fontSettings: featureSettings(
326
346
  fontSettingsByRef[
327
- lightTokens.typography.body['lg-semibold'].$value.fontFamily
347
+ defaultThemeTokens.typography.body['lg-semibold'].$value.fontFamily
328
348
  .$ref as keyof FontSettingsByRef
329
349
  ]
330
350
  ),
331
- fontSize: lightTokens.typography.body['lg-semibold'].$value.fontSize,
332
- fontWeight: lightTokens.typography.body['lg-semibold'].$value.fontWeight,
333
- lineHeight: lightTokens.typography.body['lg-semibold'].$value.lineHeight,
351
+ fontSize: defaultThemeTokens.typography.body['lg-semibold'].$value.fontSize,
352
+ fontWeight: defaultThemeTokens.typography.body['lg-semibold'].$value.fontWeight,
353
+ lineHeight: defaultThemeTokens.typography.body['lg-semibold'].$value.lineHeight,
334
354
  },
335
355
  lgBold: {
336
356
  fontFamily:
337
357
  fontFamiliesByRef[
338
- lightTokens.typography.body['lg-bold'].$value.fontFamily
358
+ defaultThemeTokens.typography.body['lg-bold'].$value.fontFamily
339
359
  .$ref as keyof FontFamiliesByRef
340
360
  ],
341
361
  fontSettings: featureSettings(
342
362
  fontSettingsByRef[
343
- lightTokens.typography.body['lg-bold'].$value.fontFamily
363
+ defaultThemeTokens.typography.body['lg-bold'].$value.fontFamily
344
364
  .$ref as keyof FontSettingsByRef
345
365
  ]
346
366
  ),
347
- fontSize: lightTokens.typography.body['lg-bold'].$value.fontSize,
348
- fontWeight: lightTokens.typography.body['lg-bold'].$value.fontWeight,
349
- lineHeight: lightTokens.typography.body['lg-bold'].$value.lineHeight,
367
+ fontSize: defaultThemeTokens.typography.body['lg-bold'].$value.fontSize,
368
+ fontWeight: defaultThemeTokens.typography.body['lg-bold'].$value.fontWeight,
369
+ lineHeight: defaultThemeTokens.typography.body['lg-bold'].$value.lineHeight,
350
370
  },
351
371
  md: {
352
372
  fontFamily:
353
373
  fontFamiliesByRef[
354
- lightTokens.typography.body['md'].$value.fontFamily
374
+ defaultThemeTokens.typography.body['md'].$value.fontFamily
355
375
  .$ref as keyof FontFamiliesByRef
356
376
  ],
357
377
  fontSettings: featureSettings(
358
378
  fontSettingsByRef[
359
- lightTokens.typography.body['md'].$value.fontFamily
379
+ defaultThemeTokens.typography.body['md'].$value.fontFamily
360
380
  .$ref as keyof FontSettingsByRef
361
381
  ]
362
382
  ),
363
- fontSize: lightTokens.typography.body['md'].$value.fontSize,
364
- fontWeight: lightTokens.typography.body['md'].$value.fontWeight,
365
- lineHeight: lightTokens.typography.body['md'].$value.lineHeight,
383
+ fontSize: defaultThemeTokens.typography.body['md'].$value.fontSize,
384
+ fontWeight: defaultThemeTokens.typography.body['md'].$value.fontWeight,
385
+ lineHeight: defaultThemeTokens.typography.body['md'].$value.lineHeight,
366
386
  },
367
387
  mdMedium: {
368
388
  fontFamily:
369
389
  fontFamiliesByRef[
370
- lightTokens.typography.body['md-medium'].$value.fontFamily
390
+ defaultThemeTokens.typography.body['md-medium'].$value.fontFamily
371
391
  .$ref as keyof FontFamiliesByRef
372
392
  ],
373
393
  fontSettings: featureSettings(
374
394
  fontSettingsByRef[
375
- lightTokens.typography.body['md-medium'].$value.fontFamily
395
+ defaultThemeTokens.typography.body['md-medium'].$value.fontFamily
376
396
  .$ref as keyof FontSettingsByRef
377
397
  ]
378
398
  ),
379
- fontSize: lightTokens.typography.body['md-medium'].$value.fontSize,
380
- fontWeight: lightTokens.typography.body['md-medium'].$value.fontWeight,
381
- lineHeight: lightTokens.typography.body['md-medium'].$value.lineHeight,
399
+ fontSize: defaultThemeTokens.typography.body['md-medium'].$value.fontSize,
400
+ fontWeight: defaultThemeTokens.typography.body['md-medium'].$value.fontWeight,
401
+ lineHeight: defaultThemeTokens.typography.body['md-medium'].$value.lineHeight,
382
402
  },
383
403
  mdSemibold: {
384
404
  fontFamily:
385
405
  fontFamiliesByRef[
386
- lightTokens.typography.body['md-semibold'].$value.fontFamily
406
+ defaultThemeTokens.typography.body['md-semibold'].$value.fontFamily
387
407
  .$ref as keyof FontFamiliesByRef
388
408
  ],
389
409
  fontSettings: featureSettings(
390
410
  fontSettingsByRef[
391
- lightTokens.typography.body['md-semibold'].$value.fontFamily
411
+ defaultThemeTokens.typography.body['md-semibold'].$value.fontFamily
392
412
  .$ref as keyof FontSettingsByRef
393
413
  ]
394
414
  ),
395
- fontSize: lightTokens.typography.body['md-semibold'].$value.fontSize,
396
- fontWeight: lightTokens.typography.body['md-semibold'].$value.fontWeight,
397
- lineHeight: lightTokens.typography.body['md-semibold'].$value.lineHeight,
415
+ fontSize: defaultThemeTokens.typography.body['md-semibold'].$value.fontSize,
416
+ fontWeight: defaultThemeTokens.typography.body['md-semibold'].$value.fontWeight,
417
+ lineHeight: defaultThemeTokens.typography.body['md-semibold'].$value.lineHeight,
398
418
  },
399
419
  mdNumeric: {
400
420
  fontFamily:
401
421
  fontFamiliesByRef[
402
- lightTokens.typography.body['md-numeric'].$value.fontFamily
422
+ defaultThemeTokens.typography.body['md-numeric'].$value.fontFamily
403
423
  .$ref as keyof FontFamiliesByRef
404
424
  ],
405
425
  fontSettings: featureSettings(
406
426
  fontSettingsByRef[
407
- lightTokens.typography.body['md-numeric'].$value.fontFamily
427
+ defaultThemeTokens.typography.body['md-numeric'].$value.fontFamily
408
428
  .$ref as keyof FontSettingsByRef
409
429
  ]
410
430
  ),
411
- fontSize: lightTokens.typography.body['md-numeric'].$value.fontSize,
412
- fontWeight: lightTokens.typography.body['md-numeric'].$value.fontWeight,
413
- lineHeight: lightTokens.typography.body['md-numeric'].$value.lineHeight,
431
+ fontSize: defaultThemeTokens.typography.body['md-numeric'].$value.fontSize,
432
+ fontWeight: defaultThemeTokens.typography.body['md-numeric'].$value.fontWeight,
433
+ lineHeight: defaultThemeTokens.typography.body['md-numeric'].$value.lineHeight,
414
434
  },
415
435
  mdMediumNumeric: {
416
436
  fontFamily:
417
437
  fontFamiliesByRef[
418
- lightTokens.typography.body['md-medium-numeric'].$value.fontFamily
438
+ defaultThemeTokens.typography.body['md-medium-numeric'].$value.fontFamily
419
439
  .$ref as keyof FontFamiliesByRef
420
440
  ],
421
441
  fontSettings: featureSettings(
422
442
  fontSettingsByRef[
423
- lightTokens.typography.body['md-medium-numeric'].$value.fontFamily
443
+ defaultThemeTokens.typography.body['md-medium-numeric'].$value.fontFamily
424
444
  .$ref as keyof FontSettingsByRef
425
445
  ]
426
446
  ),
427
447
  fontSize:
428
- lightTokens.typography.body['md-medium-numeric'].$value.fontSize,
448
+ defaultThemeTokens.typography.body['md-medium-numeric'].$value.fontSize,
429
449
  fontWeight:
430
- lightTokens.typography.body['md-medium-numeric'].$value.fontWeight,
450
+ defaultThemeTokens.typography.body['md-medium-numeric'].$value.fontWeight,
431
451
  lineHeight:
432
- lightTokens.typography.body['md-medium-numeric'].$value.lineHeight,
452
+ defaultThemeTokens.typography.body['md-medium-numeric'].$value.lineHeight,
433
453
  },
434
454
  sm: {
435
455
  fontFamily:
436
456
  fontFamiliesByRef[
437
- lightTokens.typography.body['sm'].$value.fontFamily
457
+ defaultThemeTokens.typography.body['sm'].$value.fontFamily
438
458
  .$ref as keyof FontFamiliesByRef
439
459
  ],
440
460
  fontSettings: featureSettings(
441
461
  fontSettingsByRef[
442
- lightTokens.typography.body['sm'].$value.fontFamily
462
+ defaultThemeTokens.typography.body['sm'].$value.fontFamily
443
463
  .$ref as keyof FontSettingsByRef
444
464
  ]
445
465
  ),
446
- fontSize: lightTokens.typography.body['sm'].$value.fontSize,
447
- fontWeight: lightTokens.typography.body['sm'].$value.fontWeight,
448
- lineHeight: lightTokens.typography.body['sm'].$value.lineHeight,
466
+ fontSize: defaultThemeTokens.typography.body['sm'].$value.fontSize,
467
+ fontWeight: defaultThemeTokens.typography.body['sm'].$value.fontWeight,
468
+ lineHeight: defaultThemeTokens.typography.body['sm'].$value.lineHeight,
449
469
  },
450
470
  smMedium: {
451
471
  fontFamily:
452
472
  fontFamiliesByRef[
453
- lightTokens.typography.body['sm-medium'].$value.fontFamily
473
+ defaultThemeTokens.typography.body['sm-medium'].$value.fontFamily
454
474
  .$ref as keyof FontFamiliesByRef
455
475
  ],
456
476
  fontSettings: featureSettings(
457
477
  fontSettingsByRef[
458
- lightTokens.typography.body['sm-medium'].$value.fontFamily
478
+ defaultThemeTokens.typography.body['sm-medium'].$value.fontFamily
459
479
  .$ref as keyof FontSettingsByRef
460
480
  ]
461
481
  ),
462
- fontSize: lightTokens.typography.body['sm-medium'].$value.fontSize,
463
- fontWeight: lightTokens.typography.body['sm-medium'].$value.fontWeight,
464
- lineHeight: lightTokens.typography.body['sm-medium'].$value.lineHeight,
482
+ fontSize: defaultThemeTokens.typography.body['sm-medium'].$value.fontSize,
483
+ fontWeight: defaultThemeTokens.typography.body['sm-medium'].$value.fontWeight,
484
+ lineHeight: defaultThemeTokens.typography.body['sm-medium'].$value.lineHeight,
465
485
  },
466
486
  smSemibold: {
467
487
  fontFamily:
468
488
  fontFamiliesByRef[
469
- lightTokens.typography.body['sm-semibold'].$value.fontFamily
489
+ defaultThemeTokens.typography.body['sm-semibold'].$value.fontFamily
470
490
  .$ref as keyof FontFamiliesByRef
471
491
  ],
472
492
  fontSettings: featureSettings(
473
493
  fontSettingsByRef[
474
- lightTokens.typography.body['sm-semibold'].$value.fontFamily
494
+ defaultThemeTokens.typography.body['sm-semibold'].$value.fontFamily
475
495
  .$ref as keyof FontSettingsByRef
476
496
  ]
477
497
  ),
478
- fontSize: lightTokens.typography.body['sm-semibold'].$value.fontSize,
479
- fontWeight: lightTokens.typography.body['sm-semibold'].$value.fontWeight,
480
- lineHeight: lightTokens.typography.body['sm-semibold'].$value.lineHeight,
498
+ fontSize: defaultThemeTokens.typography.body['sm-semibold'].$value.fontSize,
499
+ fontWeight: defaultThemeTokens.typography.body['sm-semibold'].$value.fontWeight,
500
+ lineHeight: defaultThemeTokens.typography.body['sm-semibold'].$value.lineHeight,
481
501
  },
482
502
  xs: {
483
503
  fontFamily:
484
504
  fontFamiliesByRef[
485
- lightTokens.typography.body['xs'].$value.fontFamily
505
+ defaultThemeTokens.typography.body['xs'].$value.fontFamily
486
506
  .$ref as keyof FontFamiliesByRef
487
507
  ],
488
508
  fontSettings: featureSettings(
489
509
  fontSettingsByRef[
490
- lightTokens.typography.body['xs'].$value.fontFamily
510
+ defaultThemeTokens.typography.body['xs'].$value.fontFamily
491
511
  .$ref as keyof FontSettingsByRef
492
512
  ]
493
513
  ),
494
- fontSize: lightTokens.typography.body['xs'].$value.fontSize,
495
- fontWeight: lightTokens.typography.body['xs'].$value.fontWeight,
496
- lineHeight: lightTokens.typography.body['xs'].$value.lineHeight,
514
+ fontSize: defaultThemeTokens.typography.body['xs'].$value.fontSize,
515
+ fontWeight: defaultThemeTokens.typography.body['xs'].$value.fontWeight,
516
+ lineHeight: defaultThemeTokens.typography.body['xs'].$value.lineHeight,
497
517
  },
498
518
  xsMedium: {
499
519
  fontFamily:
500
520
  fontFamiliesByRef[
501
- lightTokens.typography.body['xs-medium'].$value.fontFamily
521
+ defaultThemeTokens.typography.body['xs-medium'].$value.fontFamily
502
522
  .$ref as keyof FontFamiliesByRef
503
523
  ],
504
524
  fontSettings: featureSettings(
505
525
  fontSettingsByRef[
506
- lightTokens.typography.body['xs-medium'].$value.fontFamily
526
+ defaultThemeTokens.typography.body['xs-medium'].$value.fontFamily
507
527
  .$ref as keyof FontSettingsByRef
508
528
  ]
509
529
  ),
510
- fontSize: lightTokens.typography.body['xs-medium'].$value.fontSize,
511
- fontWeight: lightTokens.typography.body['xs-medium'].$value.fontWeight,
512
- lineHeight: lightTokens.typography.body['xs-medium'].$value.lineHeight,
530
+ fontSize: defaultThemeTokens.typography.body['xs-medium'].$value.fontSize,
531
+ fontWeight: defaultThemeTokens.typography.body['xs-medium'].$value.fontWeight,
532
+ lineHeight: defaultThemeTokens.typography.body['xs-medium'].$value.lineHeight,
513
533
  },
514
534
  },
515
535
  };