@times-design-system/theme-scss 1.1.1-alpha.831 → 1.4.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 (6) hide show
  1. package/dist/palettes/_channels-dark.scss +21 -21
  2. package/dist/palettes/_channels-light.scss +21 -21
  3. package/dist/palettes/_lifeAndStyle-dark.scss +2 -0
  4. package/dist/palettes/_lifeAndStyle-light.scss +2 -0
  5. package/dist/tds-typography.scss +177 -196
  6. package/package.json +2 -2
package/dist/palettes/_channels-dark.scss CHANGED
@@ -198,26 +198,26 @@ $tds-brand-channels-ramp-culture-850: #535353;
198
198
  $tds-brand-channels-ramp-culture-900: #606060;
199
199
  $tds-brand-channels-ramp-culture-950: #6e6e6e;
200
200
  $tds-brand-channels-ramp-culture-1000: #7b7b7b;
201
- $tds-brand-channels-ramp-life-&-style-50: #02020d;
202
- $tds-brand-channels-ramp-life-&-style-100: #04041b;
203
- $tds-brand-channels-ramp-life-&-style-150: #060628;
204
- $tds-brand-channels-ramp-life-&-style-200: #080836;
205
- $tds-brand-channels-ramp-life-&-style-250: #0a0a43;
206
- $tds-brand-channels-ramp-life-&-style-300: #0c0c50;
207
- $tds-brand-channels-ramp-life-&-style-350: #0e0e5e;
208
- $tds-brand-channels-ramp-life-&-style-400: #10106b;
209
- $tds-brand-channels-ramp-life-&-style-450: #121279;
210
- $tds-brand-channels-ramp-life-&-style-500: #149fb5;
211
- $tds-brand-channels-ramp-life-&-style-550: #161690;
212
- $tds-brand-channels-ramp-life-&-style-600: #17179b;
213
- $tds-brand-channels-ramp-life-&-style-650: #1919a5;
214
- $tds-brand-channels-ramp-life-&-style-700: #2020ad;
215
- $tds-brand-channels-ramp-life-&-style-750: #2e2eb2;
216
- $tds-brand-channels-ramp-life-&-style-800: #3c3cb7;
217
- $tds-brand-channels-ramp-life-&-style-850: #4a4abc;
218
- $tds-brand-channels-ramp-life-&-style-900: #5858c1;
219
- $tds-brand-channels-ramp-life-&-style-950: #6666c6;
220
- $tds-brand-channels-ramp-life-&-style-1000: #7474cb;
201
+ $tds-brand-channels-ramp-lifeAndStyle-50: #02020d;
202
+ $tds-brand-channels-ramp-lifeAndStyle-100: #04041b;
203
+ $tds-brand-channels-ramp-lifeAndStyle-150: #060628;
204
+ $tds-brand-channels-ramp-lifeAndStyle-200: #080836;
205
+ $tds-brand-channels-ramp-lifeAndStyle-250: #0a0a43;
206
+ $tds-brand-channels-ramp-lifeAndStyle-300: #0c0c50;
207
+ $tds-brand-channels-ramp-lifeAndStyle-350: #0e0e5e;
208
+ $tds-brand-channels-ramp-lifeAndStyle-400: #10106b;
209
+ $tds-brand-channels-ramp-lifeAndStyle-450: #121279;
210
+ $tds-brand-channels-ramp-lifeAndStyle-500: #149fb5;
211
+ $tds-brand-channels-ramp-lifeAndStyle-550: #161690;
212
+ $tds-brand-channels-ramp-lifeAndStyle-600: #17179b;
213
+ $tds-brand-channels-ramp-lifeAndStyle-650: #1919a5;
214
+ $tds-brand-channels-ramp-lifeAndStyle-700: #2020ad;
215
+ $tds-brand-channels-ramp-lifeAndStyle-750: #2e2eb2;
216
+ $tds-brand-channels-ramp-lifeAndStyle-800: #3c3cb7;
217
+ $tds-brand-channels-ramp-lifeAndStyle-850: #4a4abc;
218
+ $tds-brand-channels-ramp-lifeAndStyle-900: #5858c1;
219
+ $tds-brand-channels-ramp-lifeAndStyle-950: #6666c6;
220
+ $tds-brand-channels-ramp-lifeAndStyle-1000: #7474cb;
221
221
  $tds-brand-channels-ramp-obituaries-50: #0a0b0b;
222
222
  $tds-brand-channels-ramp-obituaries-100: #151516;
223
223
  $tds-brand-channels-ramp-obituaries-150: #1f2020;
@@ -262,7 +262,7 @@ $tds-brand-channels-base-puzzle: #df7334;
262
262
  $tds-brand-channels-base-culture: #942364;
263
263
  $tds-brand-channels-base-obituaries: #6c6c69;
264
264
  $tds-brand-channels-base-ireland: #0f3d38;
265
- $tds-brand-channels-base-life-&-style: #149fb5;
265
+ $tds-brand-channels-base-lifeAndStyle: #149fb5;
266
266
  $tds-brand-channels-base-travel: #2c79ad;
267
267
  $tds-brand-channels-base-sport: #007a3f;
268
268
  $tds-brand-channels-base-business: #21709c;
package/dist/palettes/_channels-light.scss CHANGED
@@ -198,26 +198,26 @@ $tds-brand-channels-ramp-culture-850: #181818;
198
198
  $tds-brand-channels-ramp-culture-900: #151515;
199
199
  $tds-brand-channels-ramp-culture-950: #121212;
200
200
  $tds-brand-channels-ramp-culture-1000: #0e0e0e;
201
- $tds-brand-channels-ramp-life-&-style-50: #f8f8fc;
202
- $tds-brand-channels-ramp-life-&-style-100: #f1f1fa;
203
- $tds-brand-channels-ramp-life-&-style-150: #eaeaf7;
204
- $tds-brand-channels-ramp-life-&-style-200: #dcdcf2;
205
- $tds-brand-channels-ramp-life-&-style-250: #ceceed;
206
- $tds-brand-channels-ramp-life-&-style-300: #b9b9e5;
207
- $tds-brand-channels-ramp-life-&-style-350: #9e9edb;
208
- $tds-brand-channels-ramp-life-&-style-400: #8282d1;
209
- $tds-brand-channels-ramp-life-&-style-450: #6666c6;
210
- $tds-brand-channels-ramp-life-&-style-500: #4a4abc;
211
- $tds-brand-channels-ramp-life-&-style-550: #2e2eb2;
212
- $tds-brand-channels-ramp-life-&-style-600: #1919a5;
213
- $tds-brand-channels-ramp-life-&-style-650: #161695;
214
- $tds-brand-channels-ramp-life-&-style-700: #149fb5;
215
- $tds-brand-channels-ramp-life-&-style-750: #121279;
216
- $tds-brand-channels-ramp-life-&-style-800: #10106b;
217
- $tds-brand-channels-ramp-life-&-style-850: #0e0e5e;
218
- $tds-brand-channels-ramp-life-&-style-900: #0c0c50;
219
- $tds-brand-channels-ramp-life-&-style-950: #0a0a43;
220
- $tds-brand-channels-ramp-life-&-style-1000: #080836;
201
+ $tds-brand-channels-ramp-lifeAndStyle-50: #f8f8fc;
202
+ $tds-brand-channels-ramp-lifeAndStyle-100: #f1f1fa;
203
+ $tds-brand-channels-ramp-lifeAndStyle-150: #eaeaf7;
204
+ $tds-brand-channels-ramp-lifeAndStyle-200: #dcdcf2;
205
+ $tds-brand-channels-ramp-lifeAndStyle-250: #ceceed;
206
+ $tds-brand-channels-ramp-lifeAndStyle-300: #b9b9e5;
207
+ $tds-brand-channels-ramp-lifeAndStyle-350: #9e9edb;
208
+ $tds-brand-channels-ramp-lifeAndStyle-400: #8282d1;
209
+ $tds-brand-channels-ramp-lifeAndStyle-450: #6666c6;
210
+ $tds-brand-channels-ramp-lifeAndStyle-500: #4a4abc;
211
+ $tds-brand-channels-ramp-lifeAndStyle-550: #2e2eb2;
212
+ $tds-brand-channels-ramp-lifeAndStyle-600: #1919a5;
213
+ $tds-brand-channels-ramp-lifeAndStyle-650: #161695;
214
+ $tds-brand-channels-ramp-lifeAndStyle-700: #149fb5;
215
+ $tds-brand-channels-ramp-lifeAndStyle-750: #121279;
216
+ $tds-brand-channels-ramp-lifeAndStyle-800: #10106b;
217
+ $tds-brand-channels-ramp-lifeAndStyle-850: #0e0e5e;
218
+ $tds-brand-channels-ramp-lifeAndStyle-900: #0c0c50;
219
+ $tds-brand-channels-ramp-lifeAndStyle-950: #0a0a43;
220
+ $tds-brand-channels-ramp-lifeAndStyle-1000: #080836;
221
221
  $tds-brand-channels-ramp-obituaries-50: #fbfbfb;
222
222
  $tds-brand-channels-ramp-obituaries-100: #f7f8f8;
223
223
  $tds-brand-channels-ramp-obituaries-150: #f4f4f4;
@@ -262,7 +262,7 @@ $tds-brand-channels-base-puzzle: #df7334;
262
262
  $tds-brand-channels-base-culture: #942364;
263
263
  $tds-brand-channels-base-obituaries: #6c6c69;
264
264
  $tds-brand-channels-base-ireland: #0f3d38;
265
- $tds-brand-channels-base-life-&-style: #149fb5;
265
+ $tds-brand-channels-base-lifeAndStyle: #149fb5;
266
266
  $tds-brand-channels-base-travel: #2c79ad;
267
267
  $tds-brand-channels-base-sport: #007a3f;
268
268
  $tds-brand-channels-base-business: #21709c;
package/dist/palettes/_lifeAndStyle-dark.scss CHANGED
@@ -40,11 +40,13 @@ $tds-border-static-dark: #000000;
40
40
  $tds-border-static-light: #ffffff;
41
41
  $tds-tag-filled-live-fill: #ff0000;
42
42
  $tds-tag-filled-live-text: #0d0d0d;
43
+ $tds-tag-filled-primary-fill: #2020ad;
43
44
  $tds-tag-filled-primary-text: #0d0d0d;
44
45
  $tds-tag-filled-secondary-border: #0d0d0d;
45
46
  $tds-tag-filled-secondary-fill: #0d0d0d;
46
47
  $tds-tag-filled-secondary-text: #0d0d0d;
47
48
  $tds-tag-inline-live-text: #ff0000;
49
+ $tds-tag-inline-primary-text: #2020ad;
48
50
  $tds-tag-inline-secondary-text: #0d0d0d;
49
51
  $tds-tag-channel-text: #149fb5;
50
52
  $tds-input-fill-default: #000000;
package/dist/palettes/_lifeAndStyle-light.scss CHANGED
@@ -137,10 +137,12 @@ $tds-active-icon: #ffffff;
137
137
  $tds-focus-border: #737373;
138
138
  $tds-tag-filled-live-fill: #b30000;
139
139
  $tds-tag-filled-live-text: #ffffff;
140
+ $tds-tag-filled-primary-fill: #149fb5;
140
141
  $tds-tag-filled-primary-text: #ffffff;
141
142
  $tds-tag-filled-secondary-border: #f2f2f2;
142
143
  $tds-tag-filled-secondary-fill: #f2f2f2;
143
144
  $tds-tag-filled-secondary-text: #f2f2f2;
144
145
  $tds-tag-inline-live-text: #b30000;
146
+ $tds-tag-inline-primary-text: #149fb5;
145
147
  $tds-tag-inline-secondary-text: #f2f2f2;
146
148
  $tds-tag-channel-text: #4a4abc;
package/dist/tds-typography.scss CHANGED
@@ -33,25 +33,6 @@
33
33
  --tds-font-size230: 15.5rem;
34
34
  --tds-font-size240: 17.125rem;
35
35
  --tds-font-size250: 18.75rem;
36
- --tds-font-weight010: 100;
37
- --tds-font-weight020: 200;
38
- --tds-font-weight030: 300;
39
- --tds-font-weight040: 400;
40
- --tds-font-weight050: 500;
41
- --tds-font-weight060: 600;
42
- --tds-font-weight070: 700;
43
- --tds-font-weight080: 800;
44
- --tds-font-weight090: 900;
45
- --tds-font-family010: Times Modern;
46
- --tds-font-family020: Times Digital W04 Regular;
47
- --tds-font-family030: Times Digital W04 Bold;
48
- --tds-font-family040: Roboto;
49
- --tds-font-line-height010: 1;
50
- --tds-font-line-height020: 1.125;
51
- --tds-font-line-height030: 1.25;
52
- --tds-font-line-height040: 1.5;
53
- --tds-font-line-height050: 1.75;
54
- --tds-font-line-height060: 2;
55
36
  }
56
37
  @media (min-width: 440px) {
57
38
  :root {
@@ -172,656 +153,656 @@ $tds-font-size220: var(--tds-font-size220);
172
153
  $tds-font-size230: var(--tds-font-size230);
173
154
  $tds-font-size240: var(--tds-font-size240);
174
155
  $tds-font-size250: var(--tds-font-size250);
175
- $tds-font-weight010: var(--tds-font-weight010);
176
- $tds-font-weight020: var(--tds-font-weight020);
177
- $tds-font-weight030: var(--tds-font-weight030);
178
- $tds-font-weight040: var(--tds-font-weight040);
179
- $tds-font-weight050: var(--tds-font-weight050);
180
- $tds-font-weight060: var(--tds-font-weight060);
181
- $tds-font-weight070: var(--tds-font-weight070);
182
- $tds-font-weight080: var(--tds-font-weight080);
183
- $tds-font-weight090: var(--tds-font-weight090);
184
- $tds-font-family010: var(--tds-font-family010);
185
- $tds-font-family020: var(--tds-font-family020);
186
- $tds-font-family030: var(--tds-font-family030);
187
- $tds-font-family040: var(--tds-font-family040);
188
- $tds-font-line-height010: var(--tds-font-line-height010);
189
- $tds-font-line-height020: var(--tds-font-line-height020);
190
- $tds-font-line-height030: var(--tds-font-line-height030);
191
- $tds-font-line-height040: var(--tds-font-line-height040);
192
- $tds-font-line-height050: var(--tds-font-line-height050);
193
- $tds-font-line-height060: var(--tds-font-line-height060);
156
+ $tds-font-weight010: 100;
157
+ $tds-font-weight020: 200;
158
+ $tds-font-weight030: 300;
159
+ $tds-font-weight040: 400;
160
+ $tds-font-weight050: 500;
161
+ $tds-font-weight060: 600;
162
+ $tds-font-weight070: 700;
163
+ $tds-font-weight080: 800;
164
+ $tds-font-weight090: 900;
165
+ $tds-font-family010: Times Modern;
166
+ $tds-font-family020: Times Digital W04 Regular;
167
+ $tds-font-family030: Times Digital W04 Bold;
168
+ $tds-font-family040: Roboto;
169
+ $tds-font-line-height010: 1;
170
+ $tds-font-line-height020: 1.125;
171
+ $tds-font-line-height030: 1.25;
172
+ $tds-font-line-height040: 1.5;
173
+ $tds-font-line-height050: 1.75;
174
+ $tds-font-line-height060: 2;
194
175
 
195
176
 
196
177
  .brand-heading-fluid-light-2xsmall {
197
- font: Light 1.188rem/112.5 Times Modern;
178
+ font: var($tds-font-weight030) var($tds-font-size045)/var($tds-font-line-height020) var($tds-font-family010);
198
179
  }
199
180
 
200
181
  .brand-heading-fluid-light-xsmall {
201
- font: Light 1.25rem/112.5 Times Modern;
182
+ font: var($tds-font-weight030) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
202
183
  }
203
184
 
204
185
  .brand-heading-fluid-light-small {
205
- font: Light 1.5rem/112.5 Times Modern;
186
+ font: var($tds-font-weight030) var($tds-font-size070)/var($tds-font-line-height020) var($tds-font-family010);
206
187
  }
207
188
 
208
189
  .brand-heading-fluid-light-medium {
209
- font: Light 1.75rem/112.5 Times Modern;
190
+ font: var($tds-font-weight030) var($tds-font-size080)/var($tds-font-line-height020) var($tds-font-family010);
210
191
  }
211
192
 
212
193
  .brand-heading-fluid-light-large {
213
- font: Light 2rem/112.5 Times Modern;
194
+ font: var($tds-font-weight030) var($tds-font-size090)/var($tds-font-line-height020) var($tds-font-family010);
214
195
  }
215
196
 
216
197
  .brand-heading-fluid-light-xlarge {
217
- font: Light 2.125rem/112.5 Times Modern;
198
+ font: var($tds-font-weight030) var($tds-font-size095)/var($tds-font-line-height020) var($tds-font-family010);
218
199
  }
219
200
 
220
201
  .brand-heading-fluid-light-2xlarge {
221
- font: Light 2.25rem/112.5 Times Modern;
202
+ font: var($tds-font-weight030) var($tds-font-size100)/var($tds-font-line-height020) var($tds-font-family010);
222
203
  }
223
204
 
224
205
  .brand-heading-fluid-regular-2xsmall {
225
- font: Regular 1.188rem/112.5 Times Modern;
206
+ font: var($tds-font-weight040) var($tds-font-size045)/var($tds-font-line-height020) var($tds-font-family010);
226
207
  }
227
208
 
228
209
  .brand-heading-fluid-regular-xsmall {
229
- font: Regular 1.25rem/112.5 Times Modern;
210
+ font: var($tds-font-weight040) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
230
211
  }
231
212
 
232
213
  .brand-heading-fluid-regular-small {
233
- font: Regular 1.5rem/112.5 Times Modern;
214
+ font: var($tds-font-weight040) var($tds-font-size070)/var($tds-font-line-height020) var($tds-font-family010);
234
215
  }
235
216
 
236
217
  .brand-heading-fluid-regular-medium {
237
- font: Regular 1.75rem/112.5 Times Modern;
218
+ font: var($tds-font-weight040) var($tds-font-size080)/var($tds-font-line-height020) var($tds-font-family010);
238
219
  }
239
220
 
240
221
  .brand-heading-fluid-regular-large {
241
- font: Regular 2rem/112.5 Times Modern;
222
+ font: var($tds-font-weight040) var($tds-font-size090)/var($tds-font-line-height020) var($tds-font-family010);
242
223
  }
243
224
 
244
225
  .brand-heading-fluid-regular-xlarge {
245
- font: Regular 2.125rem/112.5 Times Modern;
226
+ font: var($tds-font-weight040) var($tds-font-size095)/var($tds-font-line-height020) var($tds-font-family010);
246
227
  }
247
228
 
248
229
  .brand-heading-fluid-regular-2xlarge {
249
- font: Regular 2.25rem/112.5 Times Modern;
230
+ font: var($tds-font-weight040) var($tds-font-size100)/var($tds-font-line-height020) var($tds-font-family010);
250
231
  }
251
232
 
252
233
  .brand-heading-fluid-bold-2xsmall {
253
- font: Bold 1.188rem/112.5 Times Modern;
234
+ font: var($tds-font-weight070) var($tds-font-size045)/var($tds-font-line-height020) var($tds-font-family010);
254
235
  }
255
236
 
256
237
  .brand-heading-fluid-bold-xsmall {
257
- font: Bold 1.25rem/112.5 Times Modern;
238
+ font: var($tds-font-weight070) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
258
239
  }
259
240
 
260
241
  .brand-heading-fluid-bold-small {
261
- font: Bold 1.5rem/112.5 Times Modern;
242
+ font: var($tds-font-weight070) var($tds-font-size070)/var($tds-font-line-height020) var($tds-font-family010);
262
243
  }
263
244
 
264
245
  .brand-heading-fluid-bold-medium {
265
- font: Bold 1.75rem/112.5 Times Modern;
246
+ font: var($tds-font-weight070) var($tds-font-size080)/var($tds-font-line-height020) var($tds-font-family010);
266
247
  }
267
248
 
268
249
  .brand-heading-fluid-bold-large {
269
- font: Bold 2rem/112.5 Times Modern;
250
+ font: var($tds-font-weight070) var($tds-font-size090)/var($tds-font-line-height020) var($tds-font-family010);
270
251
  }
271
252
 
272
253
  .brand-heading-fluid-bold-xlarge {
273
- font: Bold 2.125rem/112.5 Times Modern;
254
+ font: var($tds-font-weight070) var($tds-font-size095)/var($tds-font-line-height020) var($tds-font-family010);
274
255
  }
275
256
 
276
257
  .brand-heading-fluid-bold-2xlarge {
277
- font: Bold 2.25rem/112.5 Times Modern;
258
+ font: var($tds-font-weight070) var($tds-font-size100)/var($tds-font-line-height020) var($tds-font-family010);
278
259
  }
279
260
 
280
261
  .brand-heading-fluid-black-2xsmall {
281
- font: ExtraBold 1.188rem/112.5 Times Modern;
262
+ font: var($tds-font-weight080) var($tds-font-size045)/var($tds-font-line-height020) var($tds-font-family010);
282
263
  }
283
264
 
284
265
  .brand-heading-fluid-black-xsmall {
285
- font: ExtraBold 1.25rem/112.5 Times Modern;
266
+ font: var($tds-font-weight080) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
286
267
  }
287
268
 
288
269
  .brand-heading-fluid-black-small {
289
- font: ExtraBold 1.5rem/112.5 Times Modern;
270
+ font: var($tds-font-weight080) var($tds-font-size070)/var($tds-font-line-height020) var($tds-font-family010);
290
271
  }
291
272
 
292
273
  .brand-heading-fluid-black-medium {
293
- font: ExtraBold 1.75rem/112.5 Times Modern;
274
+ font: var($tds-font-weight080) var($tds-font-size080)/var($tds-font-line-height020) var($tds-font-family010);
294
275
  }
295
276
 
296
277
  .brand-heading-fluid-black-large {
297
- font: ExtraBold 2rem/112.5 Times Modern;
278
+ font: var($tds-font-weight080) var($tds-font-size090)/var($tds-font-line-height020) var($tds-font-family010);
298
279
  }
299
280
 
300
281
  .brand-heading-fluid-black-xlarge {
301
- font: Bold 2.125rem/112.5 Times Modern;
282
+ font: var($tds-font-weight070) var($tds-font-size095)/var($tds-font-line-height020) var($tds-font-family010);
302
283
  }
303
284
 
304
285
  .brand-heading-fluid-black-2xlarge {
305
- font: ExtraBold 2.25rem/112.5 Times Modern;
286
+ font: var($tds-font-weight080) var($tds-font-size100)/var($tds-font-line-height020) var($tds-font-family010);
306
287
  }
307
288
 
308
289
  .brand-heading-static-light-100 {
309
- font: Light 56px / 112.5 Times Modern;
290
+ font: var($tds-font-weight030) 56px / var($tds-font-line-height020) var($tds-font-family010);
310
291
  }
311
292
 
312
293
  .brand-heading-static-light-010 {
313
- font: Light 19px / 112.5 Times Modern;
294
+ font: var($tds-font-weight030) 19px / var($tds-font-line-height020) var($tds-font-family010);
314
295
  }
315
296
 
316
297
  .brand-heading-static-light-020 {
317
- font: Light 20px / 112.5 Times Modern;
298
+ font: var($tds-font-weight030) 20px / var($tds-font-line-height020) var($tds-font-family010);
318
299
  }
319
300
 
320
301
  .brand-heading-static-light-030 {
321
- font: Light 24px / 112.5 Times Modern;
302
+ font: var($tds-font-weight030) 24px / var($tds-font-line-height020) var($tds-font-family010);
322
303
  }
323
304
 
324
305
  .brand-heading-static-light-040 {
325
- font: Light 28px / 112.5 Times Modern;
306
+ font: var($tds-font-weight030) 28px / var($tds-font-line-height020) var($tds-font-family010);
326
307
  }
327
308
 
328
309
  .brand-heading-static-light-050 {
329
- font: Light 32px / 112.5 Times Modern;
310
+ font: var($tds-font-weight030) 32px / var($tds-font-line-height020) var($tds-font-family010);
330
311
  }
331
312
 
332
313
  .brand-heading-static-light-060 {
333
- font: Light 36px / 112.5 Times Modern;
314
+ font: var($tds-font-weight030) 36px / var($tds-font-line-height020) var($tds-font-family010);
334
315
  }
335
316
 
336
317
  .brand-heading-static-light-070 {
337
- font: Light 40px / 112.5 Times Modern;
318
+ font: var($tds-font-weight030) 40px / var($tds-font-line-height020) var($tds-font-family010);
338
319
  }
339
320
 
340
321
  .brand-heading-static-light-080 {
341
- font: Light 46px / 112.5 Times Modern;
322
+ font: var($tds-font-weight030) 46px / var($tds-font-line-height020) var($tds-font-family010);
342
323
  }
343
324
 
344
325
  .brand-heading-static-light-090 {
345
- font: Light 48px / 112.5 Times Modern;
326
+ font: var($tds-font-weight030) 48px / var($tds-font-line-height020) var($tds-font-family010);
346
327
  }
347
328
 
348
329
  .brand-heading-static-regular-100 {
349
- font: Regular 56px / 112.5 Times Modern;
330
+ font: var($tds-font-weight040) 56px / var($tds-font-line-height020) var($tds-font-family010);
350
331
  }
351
332
 
352
333
  .brand-heading-static-regular-010 {
353
- font: Regular 19px / 112.5 Times Modern;
334
+ font: var($tds-font-weight040) 19px / var($tds-font-line-height020) var($tds-font-family010);
354
335
  }
355
336
 
356
337
  .brand-heading-static-regular-020 {
357
- font: Regular 20px / 112.5 Times Modern;
338
+ font: var($tds-font-weight040) 20px / var($tds-font-line-height020) var($tds-font-family010);
358
339
  }
359
340
 
360
341
  .brand-heading-static-regular-030 {
361
- font: Regular 24px / 112.5 Times Modern;
342
+ font: var($tds-font-weight040) 24px / var($tds-font-line-height020) var($tds-font-family010);
362
343
  }
363
344
 
364
345
  .brand-heading-static-regular-040 {
365
- font: Regular 28px / 112.5 Times Modern;
346
+ font: var($tds-font-weight040) 28px / var($tds-font-line-height020) var($tds-font-family010);
366
347
  }
367
348
 
368
349
  .brand-heading-static-regular-050 {
369
- font: Regular 32px / 112.5 Times Modern;
350
+ font: var($tds-font-weight040) 32px / var($tds-font-line-height020) var($tds-font-family010);
370
351
  }
371
352
 
372
353
  .brand-heading-static-regular-060 {
373
- font: Regular 36px / 112.5 Times Modern;
354
+ font: var($tds-font-weight040) 36px / var($tds-font-line-height020) var($tds-font-family010);
374
355
  }
375
356
 
376
357
  .brand-heading-static-regular-070 {
377
- font: Regular 40px / 112.5 Times Modern;
358
+ font: var($tds-font-weight040) 40px / var($tds-font-line-height020) var($tds-font-family010);
378
359
  }
379
360
 
380
361
  .brand-heading-static-regular-080 {
381
- font: Regular 46px / 112.5 Times Modern;
362
+ font: var($tds-font-weight040) 46px / var($tds-font-line-height020) var($tds-font-family010);
382
363
  }
383
364
 
384
365
  .brand-heading-static-regular-090 {
385
- font: Regular 48px / 112.5 Times Modern;
366
+ font: var($tds-font-weight040) 48px / var($tds-font-line-height020) var($tds-font-family010);
386
367
  }
387
368
 
388
369
  .brand-heading-static-bold-100 {
389
- font: Bold 56px / 112.5 Times Modern;
370
+ font: var($tds-font-weight070) 56px / var($tds-font-line-height020) var($tds-font-family010);
390
371
  }
391
372
 
392
373
  .brand-heading-static-bold-010 {
393
- font: Bold 19px / 112.5 Times Modern;
374
+ font: var($tds-font-weight070) 19px / var($tds-font-line-height020) var($tds-font-family010);
394
375
  }
395
376
 
396
377
  .brand-heading-static-bold-020 {
397
- font: Bold 20px / 112.5 Times Modern;
378
+ font: var($tds-font-weight070) 20px / var($tds-font-line-height020) var($tds-font-family010);
398
379
  }
399
380
 
400
381
  .brand-heading-static-bold-030 {
401
- font: Bold 24px / 112.5 Times Modern;
382
+ font: var($tds-font-weight070) 24px / var($tds-font-line-height020) var($tds-font-family010);
402
383
  }
403
384
 
404
385
  .brand-heading-static-bold-040 {
405
- font: Bold 28px / 112.5 Times Modern;
386
+ font: var($tds-font-weight070) 28px / var($tds-font-line-height020) var($tds-font-family010);
406
387
  }
407
388
 
408
389
  .brand-heading-static-bold-050 {
409
- font: Bold 32px / 112.5 Times Modern;
390
+ font: var($tds-font-weight070) 32px / var($tds-font-line-height020) var($tds-font-family010);
410
391
  }
411
392
 
412
393
  .brand-heading-static-bold-060 {
413
- font: Bold 36px / 112.5 Times Modern;
394
+ font: var($tds-font-weight070) 36px / var($tds-font-line-height020) var($tds-font-family010);
414
395
  }
415
396
 
416
397
  .brand-heading-static-bold-070 {
417
- font: Bold 40px / 112.5 Times Modern;
398
+ font: var($tds-font-weight070) 40px / var($tds-font-line-height020) var($tds-font-family010);
418
399
  }
419
400
 
420
401
  .brand-heading-static-bold-080 {
421
- font: Bold 46px / 112.5 Times Modern;
402
+ font: var($tds-font-weight070) 46px / var($tds-font-line-height020) var($tds-font-family010);
422
403
  }
423
404
 
424
405
  .brand-heading-static-bold-090 {
425
- font: Bold 48px / 112.5 Times Modern;
406
+ font: var($tds-font-weight070) 48px / var($tds-font-line-height020) var($tds-font-family010);
426
407
  }
427
408
 
428
409
  .brand-heading-static-black-100 {
429
- font: ExtraBold 56px / 112.5 Times Modern;
410
+ font: var($tds-font-weight080) 56px / var($tds-font-line-height020) var($tds-font-family010);
430
411
  }
431
412
 
432
413
  .brand-heading-static-black-010 {
433
- font: ExtraBold 19px / 112.5 Times Modern;
414
+ font: var($tds-font-weight080) 19px / var($tds-font-line-height020) var($tds-font-family010);
434
415
  }
435
416
 
436
417
  .brand-heading-static-black-020 {
437
- font: ExtraBold 20px / 112.5 Times Modern;
418
+ font: var($tds-font-weight080) 20px / var($tds-font-line-height020) var($tds-font-family010);
438
419
  }
439
420
 
440
421
  .brand-heading-static-black-030 {
441
- font: ExtraBold 24px / 112.5 Times Modern;
422
+ font: var($tds-font-weight080) 24px / var($tds-font-line-height020) var($tds-font-family010);
442
423
  }
443
424
 
444
425
  .brand-heading-static-black-040 {
445
- font: ExtraBold 28px / 112.5 Times Modern;
426
+ font: var($tds-font-weight080) 28px / var($tds-font-line-height020) var($tds-font-family010);
446
427
  }
447
428
 
448
429
  .brand-heading-static-black-050 {
449
- font: ExtraBold 32px / 112.5 Times Modern;
430
+ font: var($tds-font-weight080) 32px / var($tds-font-line-height020) var($tds-font-family010);
450
431
  }
451
432
 
452
433
  .brand-heading-static-black-060 {
453
- font: ExtraBold 36px / 112.5 Times Modern;
434
+ font: var($tds-font-weight080) 36px / var($tds-font-line-height020) var($tds-font-family010);
454
435
  }
455
436
 
456
437
  .brand-heading-static-black-070 {
457
- font: ExtraBold 40px / 112.5 Times Modern;
438
+ font: var($tds-font-weight080) 40px / var($tds-font-line-height020) var($tds-font-family010);
458
439
  }
459
440
 
460
441
  .brand-heading-static-black-080 {
461
- font: ExtraBold 46px / 112.5 Times Modern;
442
+ font: var($tds-font-weight080) 46px / var($tds-font-line-height020) var($tds-font-family010);
462
443
  }
463
444
 
464
445
  .brand-heading-static-black-090 {
465
- font: ExtraBold 48px / 112.5 Times Modern;
446
+ font: var($tds-font-weight080) 48px / var($tds-font-line-height020) var($tds-font-family010);
466
447
  }
467
448
 
468
449
  .brand-display-light-100 {
469
- font: Light 300px / 112.5 Times Modern;
450
+ font: var($tds-font-weight030) 300px / var($tds-font-line-height020) var($tds-font-family010);
470
451
  }
471
452
 
472
453
  .brand-display-light-010 {
473
- font: Light 68px / 112.5 Times Modern;
454
+ font: var($tds-font-weight030) 68px / var($tds-font-line-height020) var($tds-font-family010);
474
455
  }
475
456
 
476
457
  .brand-display-light-020 {
477
- font: Light 94px / 112.5 Times Modern;
458
+ font: var($tds-font-weight030) 94px / var($tds-font-line-height020) var($tds-font-family010);
478
459
  }
479
460
 
480
461
  .brand-display-light-030 {
481
- font: Light 120px / 112.5 Times Modern;
462
+ font: var($tds-font-weight030) 120px / var($tds-font-line-height020) var($tds-font-family010);
482
463
  }
483
464
 
484
465
  .brand-display-light-040 {
485
- font: Light 145px / 112.5 Times Modern;
466
+ font: var($tds-font-weight030) 145px / var($tds-font-line-height020) var($tds-font-family010);
486
467
  }
487
468
 
488
469
  .brand-display-light-050 {
489
- font: Light 171px / 112.5 Times Modern;
470
+ font: var($tds-font-weight030) 171px / var($tds-font-line-height020) var($tds-font-family010);
490
471
  }
491
472
 
492
473
  .brand-display-light-060 {
493
- font: Light 197px / 112.5 Times Modern;
474
+ font: var($tds-font-weight030) 197px / var($tds-font-line-height020) var($tds-font-family010);
494
475
  }
495
476
 
496
477
  .brand-display-light-070 {
497
- font: Light 223px / 112.5 Times Modern;
478
+ font: var($tds-font-weight030) 223px / var($tds-font-line-height020) var($tds-font-family010);
498
479
  }
499
480
 
500
481
  .brand-display-light-080 {
501
- font: Light 248px / 112.5 Times Modern;
482
+ font: var($tds-font-weight030) 248px / var($tds-font-line-height020) var($tds-font-family010);
502
483
  }
503
484
 
504
485
  .brand-display-light-090 {
505
- font: Light 274px / 112.5 Times Modern;
486
+ font: var($tds-font-weight030) 274px / var($tds-font-line-height020) var($tds-font-family010);
506
487
  }
507
488
 
508
489
  .brand-display-regular-100 {
509
- font: Regular 300px / 112.5 Times Modern;
490
+ font: var($tds-font-weight040) 300px / var($tds-font-line-height020) var($tds-font-family010);
510
491
  }
511
492
 
512
493
  .brand-display-regular-010 {
513
- font: Regular 68px / 112.5 Times Modern;
494
+ font: var($tds-font-weight040) 68px / var($tds-font-line-height020) var($tds-font-family010);
514
495
  }
515
496
 
516
497
  .brand-display-regular-020 {
517
- font: Regular 94px / 112.5 Times Modern;
498
+ font: var($tds-font-weight040) 94px / var($tds-font-line-height020) var($tds-font-family010);
518
499
  }
519
500
 
520
501
  .brand-display-regular-030 {
521
- font: Regular 120px / 112.5 Times Modern;
502
+ font: var($tds-font-weight040) 120px / var($tds-font-line-height020) var($tds-font-family010);
522
503
  }
523
504
 
524
505
  .brand-display-regular-040 {
525
- font: Regular 145px / 112.5 Times Modern;
506
+ font: var($tds-font-weight040) 145px / var($tds-font-line-height020) var($tds-font-family010);
526
507
  }
527
508
 
528
509
  .brand-display-regular-050 {
529
- font: Regular 171px / 112.5 Times Modern;
510
+ font: var($tds-font-weight040) 171px / var($tds-font-line-height020) var($tds-font-family010);
530
511
  }
531
512
 
532
513
  .brand-display-regular-060 {
533
- font: Regular 197px / 112.5 Times Modern;
514
+ font: var($tds-font-weight040) 197px / var($tds-font-line-height020) var($tds-font-family010);
534
515
  }
535
516
 
536
517
  .brand-display-regular-070 {
537
- font: Regular 223px / 112.5 Times Modern;
518
+ font: var($tds-font-weight040) 223px / var($tds-font-line-height020) var($tds-font-family010);
538
519
  }
539
520
 
540
521
  .brand-display-regular-080 {
541
- font: Regular 248px / 112.5 Times Modern;
522
+ font: var($tds-font-weight040) 248px / var($tds-font-line-height020) var($tds-font-family010);
542
523
  }
543
524
 
544
525
  .brand-display-regular-090 {
545
- font: Regular 274px / 112.5 Times Modern;
526
+ font: var($tds-font-weight040) 274px / var($tds-font-line-height020) var($tds-font-family010);
546
527
  }
547
528
 
548
529
  .brand-display-bold-100 {
549
- font: Bold 300px / 112.5 Times Modern;
530
+ font: var($tds-font-weight070) 300px / var($tds-font-line-height020) var($tds-font-family010);
550
531
  }
551
532
 
552
533
  .brand-display-bold-010 {
553
- font: Bold 68px / 112.5 Times Modern;
534
+ font: var($tds-font-weight070) 68px / var($tds-font-line-height020) var($tds-font-family010);
554
535
  }
555
536
 
556
537
  .brand-display-bold-020 {
557
- font: Bold 94px / 112.5 Times Modern;
538
+ font: var($tds-font-weight070) 94px / var($tds-font-line-height020) var($tds-font-family010);
558
539
  }
559
540
 
560
541
  .brand-display-bold-030 {
561
- font: Bold 120px / 112.5 Times Modern;
542
+ font: var($tds-font-weight070) 120px / var($tds-font-line-height020) var($tds-font-family010);
562
543
  }
563
544
 
564
545
  .brand-display-bold-040 {
565
- font: Bold 145px / 112.5 Times Modern;
546
+ font: var($tds-font-weight070) 145px / var($tds-font-line-height020) var($tds-font-family010);
566
547
  }
567
548
 
568
549
  .brand-display-bold-050 {
569
- font: Bold 171px / 112.5 Times Modern;
550
+ font: var($tds-font-weight070) 171px / var($tds-font-line-height020) var($tds-font-family010);
570
551
  }
571
552
 
572
553
  .brand-display-bold-060 {
573
- font: Bold 197px / 112.5 Times Modern;
554
+ font: var($tds-font-weight070) 197px / var($tds-font-line-height020) var($tds-font-family010);
574
555
  }
575
556
 
576
557
  .brand-display-bold-070 {
577
- font: Bold 223px / 112.5 Times Modern;
558
+ font: var($tds-font-weight070) 223px / var($tds-font-line-height020) var($tds-font-family010);
578
559
  }
579
560
 
580
561
  .brand-display-bold-080 {
581
- font: Bold 248px / 112.5 Times Modern;
562
+ font: var($tds-font-weight070) 248px / var($tds-font-line-height020) var($tds-font-family010);
582
563
  }
583
564
 
584
565
  .brand-display-bold-090 {
585
- font: Bold 274px / 112.5 Times Modern;
566
+ font: var($tds-font-weight070) 274px / var($tds-font-line-height020) var($tds-font-family010);
586
567
  }
587
568
 
588
569
  .brand-display-black-100 {
589
- font: ExtraBold 300px / 112.5 Times Modern;
570
+ font: var($tds-font-weight080) 300px / var($tds-font-line-height020) var($tds-font-family010);
590
571
  }
591
572
 
592
573
  .brand-display-black-010 {
593
- font: ExtraBold 68px / 112.5 Times Modern;
574
+ font: var($tds-font-weight080) 68px / var($tds-font-line-height020) var($tds-font-family010);
594
575
  }
595
576
 
596
577
  .brand-display-black-020 {
597
- font: ExtraBold 94px / 112.5 Times Modern;
578
+ font: var($tds-font-weight080) 94px / var($tds-font-line-height020) var($tds-font-family010);
598
579
  }
599
580
 
600
581
  .brand-display-black-030 {
601
- font: ExtraBold 120px / 112.5 Times Modern;
582
+ font: var($tds-font-weight080) 120px / var($tds-font-line-height020) var($tds-font-family010);
602
583
  }
603
584
 
604
585
  .brand-display-black-040 {
605
- font: ExtraBold 145px / 112.5 Times Modern;
586
+ font: var($tds-font-weight080) 145px / var($tds-font-line-height020) var($tds-font-family010);
606
587
  }
607
588
 
608
589
  .brand-display-black-050 {
609
- font: ExtraBold 171px / 112.5 Times Modern;
590
+ font: var($tds-font-weight080) 171px / var($tds-font-line-height020) var($tds-font-family010);
610
591
  }
611
592
 
612
593
  .brand-display-black-060 {
613
- font: ExtraBold 197px / 112.5 Times Modern;
594
+ font: var($tds-font-weight080) 197px / var($tds-font-line-height020) var($tds-font-family010);
614
595
  }
615
596
 
616
597
  .brand-display-black-070 {
617
- font: ExtraBold 223px / 112.5 Times Modern;
598
+ font: var($tds-font-weight080) 223px / var($tds-font-line-height020) var($tds-font-family010);
618
599
  }
619
600
 
620
601
  .brand-display-black-080 {
621
- font: ExtraBold 248px / 112.5 Times Modern;
602
+ font: var($tds-font-weight080) 248px / var($tds-font-line-height020) var($tds-font-family010);
622
603
  }
623
604
 
624
605
  .brand-display-black-090 {
625
- font: ExtraBold 274px / 112.5 Times Modern;
606
+ font: var($tds-font-weight080) 274px / var($tds-font-line-height020) var($tds-font-family010);
626
607
  }
627
608
 
628
609
  .brand-subheading-light-small {
629
- font: Light 0.875rem/112.5 Times Modern;
610
+ font: var($tds-font-weight030) var($tds-font-size020)/var($tds-font-line-height020) var($tds-font-family010);
630
611
  }
631
612
 
632
613
  .brand-subheading-light-medium {
633
- font: Light 1.125rem/112.5 Times Modern;
614
+ font: var($tds-font-weight030) var($tds-font-size040)/var($tds-font-line-height020) var($tds-font-family010);
634
615
  }
635
616
 
636
617
  .brand-subheading-light-large {
637
- font: Light 1.25rem/112.5 Times Modern;
618
+ font: var($tds-font-weight030) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
638
619
  }
639
620
 
640
621
  .brand-subheading-light-xlarge {
641
- font: Light 1.5rem/112.5 Times Modern;
622
+ font: var($tds-font-weight030) var($tds-font-size070)/var($tds-font-line-height020) var($tds-font-family010);
642
623
  }
643
624
 
644
625
  .brand-subheading-regular-small {
645
- font: Regular 0.875rem/112.5 Times Modern;
626
+ font: var($tds-font-weight040) var($tds-font-size020)/var($tds-font-line-height020) var($tds-font-family010);
646
627
  }
647
628
 
648
629
  .brand-subheading-regular-medium {
649
- font: Regular 1.125rem/112.5 Times Modern;
630
+ font: var($tds-font-weight040) var($tds-font-size040)/var($tds-font-line-height020) var($tds-font-family010);
650
631
  }
651
632
 
652
633
  .brand-subheading-regular-large {
653
- font: Regular 1.25rem/112.5 Times Modern;
634
+ font: var($tds-font-weight040) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
654
635
  }
655
636
 
656
637
  .brand-subheading-regular-xlarge {
657
- font: Regular 1.5rem/112.5 Times Modern;
638
+ font: var($tds-font-weight040) var($tds-font-size070)/var($tds-font-line-height020) var($tds-font-family010);
658
639
  }
659
640
 
660
641
  .brand-subheading-bold-small {
661
- font: Bold 0.875rem/112.5 Times Modern;
642
+ font: var($tds-font-weight070) var($tds-font-size020)/var($tds-font-line-height020) var($tds-font-family010);
662
643
  }
663
644
 
664
645
  .brand-subheading-bold-medium {
665
- font: Bold 1.125rem/112.5 Times Modern;
646
+ font: var($tds-font-weight070) var($tds-font-size040)/var($tds-font-line-height020) var($tds-font-family010);
666
647
  }
667
648
 
668
649
  .brand-subheading-bold-large {
669
- font: Bold 1.25rem/112.5 Times Modern;
650
+ font: var($tds-font-weight070) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
670
651
  }
671
652
 
672
653
  .brand-subheading-bold-xlarge {
673
- font: Bold 1.5rem/112.5 Times Modern;
654
+ font: var($tds-font-weight070) var($tds-font-size070)/var($tds-font-line-height020) var($tds-font-family010);
674
655
  }
675
656
 
676
657
  .brand-standfirst-large {
677
- font: Regular 1.25rem/112.5 Times Modern;
658
+ font: var($tds-font-weight040) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
678
659
  }
679
660
 
680
661
  .brand-standfirst-medium {
681
- font: Regular 0.875rem/112.5 Times Modern;
662
+ font: var($tds-font-weight040) var($tds-font-size020)/var($tds-font-line-height020) var($tds-font-family010);
682
663
  }
683
664
 
684
665
  .brand-paragraph-regular-small {
685
- font: 1rem/150 Times Digital W04 Regular;
666
+ font: var($tds-font-size030)/var($tds-font-line-height040) var($tds-font-family020);
686
667
  }
687
668
 
688
669
  .brand-paragraph-regular-medium {
689
- font: 1.063rem/150 Times Digital W04 Regular;
670
+ font: var($tds-font-size035)/var($tds-font-line-height040) var($tds-font-family020);
690
671
  }
691
672
 
692
673
  .brand-paragraph-bold-small {
693
- font: 1rem/150 Times Digital W04 Bold;
674
+ font: var($tds-font-size030)/var($tds-font-line-height040) var($tds-font-family030);
694
675
  }
695
676
 
696
677
  .brand-paragraph-bold-medium {
697
- font: 1.063rem/150 Times Digital W04 Bold;
678
+ font: var($tds-font-size035)/var($tds-font-line-height040) var($tds-font-family030);
698
679
  }
699
680
 
700
681
  .brand-caption {
701
- font: Regular 0.875rem/150 Roboto;
682
+ font: var($tds-font-weight040) var($tds-font-size020)/var($tds-font-line-height040) var($tds-font-family040);
702
683
  }
703
684
 
704
685
  .brand-byline-medium {
705
- font: Regular 0.875rem/112.5 Roboto;
686
+ font: var($tds-font-weight040) var($tds-font-size020)/var($tds-font-line-height020) var($tds-font-family040);
706
687
  }
707
688
 
708
689
  .brand-byline-small {
709
- font: Regular 0.75rem/112.5 Roboto;
690
+ font: var($tds-font-weight040) var($tds-font-size010)/var($tds-font-line-height020) var($tds-font-family040);
710
691
  }
711
692
 
712
693
  .utility-heading-small {
713
- font: Bold 1.125rem/125 Roboto;
694
+ font: var($tds-font-weight070) var($tds-font-size040)/var($tds-font-line-height030) var($tds-font-family040);
714
695
  }
715
696
 
716
697
  .utility-heading-medium {
717
- font: Bold 1.5rem/125 Roboto;
698
+ font: var($tds-font-weight070) var($tds-font-size070)/var($tds-font-line-height030) var($tds-font-family040);
718
699
  }
719
700
 
720
701
  .utility-heading-large {
721
- font: Bold 1.75rem/125 Roboto;
702
+ font: var($tds-font-weight070) var($tds-font-size080)/var($tds-font-line-height030) var($tds-font-family040);
722
703
  }
723
704
 
724
705
  .utility-subheading-xsmall {
725
- font: Medium 0.75rem/125 Roboto;
706
+ font: var($tds-font-weight050) var($tds-font-size010)/var($tds-font-line-height030) var($tds-font-family040);
726
707
  }
727
708
 
728
709
  .utility-subheading-small {
729
- font: Medium 0.875rem/125 Roboto;
710
+ font: var($tds-font-weight050) var($tds-font-size020)/var($tds-font-line-height030) var($tds-font-family040);
730
711
  }
731
712
 
732
713
  .utility-subheading-medium {
733
- font: Medium 1rem/125 Roboto;
714
+ font: var($tds-font-weight050) var($tds-font-size030)/var($tds-font-line-height030) var($tds-font-family040);
734
715
  }
735
716
 
736
717
  .utility-subheading-large {
737
- font: Medium 1.25rem/125 Roboto;
718
+ font: var($tds-font-weight050) var($tds-font-size050)/var($tds-font-line-height030) var($tds-font-family040);
738
719
  }
739
720
 
740
721
  .utility-body-regular-xsmall {
741
- font: Regular 0.75rem/150 Roboto;
722
+ font: var($tds-font-weight040) var($tds-font-size010)/var($tds-font-line-height040) var($tds-font-family040);
742
723
  }
743
724
 
744
725
  .utility-body-regular-2xsmall {
745
- font: Regular 0.625rem/150 Roboto;
726
+ font: var($tds-font-weight040) var($tds-font-size005)/var($tds-font-line-height040) var($tds-font-family040);
746
727
  }
747
728
 
748
729
  .utility-body-regular-small {
749
- font: Regular 0.875rem/150 Roboto;
730
+ font: var($tds-font-weight040) var($tds-font-size020)/var($tds-font-line-height040) var($tds-font-family040);
750
731
  }
751
732
 
752
733
  .utility-body-regular-medium {
753
- font: Regular 1rem/150 Roboto;
734
+ font: var($tds-font-weight040) var($tds-font-size030)/var($tds-font-line-height040) var($tds-font-family040);
754
735
  }
755
736
 
756
737
  .utility-body-regular-large {
757
- font: Regular 1.125rem/150 Roboto;
738
+ font: var($tds-font-weight040) var($tds-font-size040)/var($tds-font-line-height040) var($tds-font-family040);
758
739
  }
759
740
 
760
741
  .utility-body-bold-2xsmall {
761
- font: Medium 0.625rem/150 Roboto;
742
+ font: var($tds-font-weight050) var($tds-font-size005)/var($tds-font-line-height040) var($tds-font-family040);
762
743
  }
763
744
 
764
745
  .utility-body-bold-xsmall {
765
- font: Medium 0.75rem/150 Roboto;
746
+ font: var($tds-font-weight050) var($tds-font-size010)/var($tds-font-line-height040) var($tds-font-family040);
766
747
  }
767
748
 
768
749
  .utility-body-bold-small {
769
- font: Medium 0.875rem/150 Roboto;
750
+ font: var($tds-font-weight050) var($tds-font-size020)/var($tds-font-line-height040) var($tds-font-family040);
770
751
  }
771
752
 
772
753
  .utility-body-bold-medium {
773
- font: Medium 1rem/150 Roboto;
754
+ font: var($tds-font-weight050) var($tds-font-size030)/var($tds-font-line-height040) var($tds-font-family040);
774
755
  }
775
756
 
776
757
  .utility-body-bold-large {
777
- font: Bold 1.125rem/150 Roboto;
758
+ font: var($tds-font-weight070) var($tds-font-size040)/var($tds-font-line-height040) var($tds-font-family040);
778
759
  }
779
760
 
780
761
  .utility-button-xsmall {
781
- font: Regular 0.75rem/100% Roboto;
762
+ font: var($tds-font-weight040) var($tds-font-size010)/var($tds-font-line-height010) var($tds-font-family040);
782
763
  }
783
764
 
784
765
  .utility-button-small {
785
- font: Regular 0.875rem/100% Roboto;
766
+ font: var($tds-font-weight040) var($tds-font-size020)/var($tds-font-line-height010) var($tds-font-family040);
786
767
  }
787
768
 
788
769
  .utility-button-medium {
789
- font: Regular 1rem/100% Roboto;
770
+ font: var($tds-font-weight040) var($tds-font-size030)/var($tds-font-line-height010) var($tds-font-family040);
790
771
  }
791
772
 
792
773
  .utility-button-large {
793
- font: Regular 1.125rem/100% Roboto;
774
+ font: var($tds-font-weight040) var($tds-font-size040)/var($tds-font-line-height010) var($tds-font-family040);
794
775
  }
795
776
 
796
777
  .utility-label-xsmall {
797
- font: Medium 0.75rem/112.5 Roboto;
778
+ font: var($tds-font-weight050) var($tds-font-size010)/var($tds-font-line-height020) var($tds-font-family040);
798
779
  }
799
780
 
800
781
  .utility-label-small {
801
- font: Medium 0.875rem/112.5 Roboto;
782
+ font: var($tds-font-weight050) var($tds-font-size020)/var($tds-font-line-height020) var($tds-font-family040);
802
783
  }
803
784
 
804
785
  .utility-label-medium {
805
- font: Medium 1rem/112.5 Roboto;
786
+ font: var($tds-font-weight050) var($tds-font-size030)/var($tds-font-line-height020) var($tds-font-family040);
806
787
  }
807
788
 
808
789
  .utility-label-large {
809
- font: Medium 1.125rem/112.5 Roboto;
790
+ font: var($tds-font-weight050) var($tds-font-size040)/var($tds-font-line-height020) var($tds-font-family040);
810
791
  }
811
792
 
812
793
  .utility-link-xsmall {
813
- font: Regular 0.75rem/100% Roboto;
794
+ font: var($tds-font-weight040) var($tds-font-size010)/var($tds-font-line-height010) var($tds-font-family040);
814
795
  }
815
796
 
816
797
  .utility-link-small {
817
- font: Regular 0.875rem/100% Roboto;
798
+ font: var($tds-font-weight040) var($tds-font-size020)/var($tds-font-line-height010) var($tds-font-family040);
818
799
  }
819
800
 
820
801
  .utility-link-medium {
821
- font: Regular 1rem/100% Roboto;
802
+ font: var($tds-font-weight040) var($tds-font-size030)/var($tds-font-line-height010) var($tds-font-family040);
822
803
  }
823
804
 
824
805
  .utility-link-large {
825
- font: Regular 1.125rem/100% Roboto;
806
+ font: var($tds-font-weight040) var($tds-font-size040)/var($tds-font-line-height010) var($tds-font-family040);
826
807
  }
827
808
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-design-system/theme-scss",
3
- "version": "1.1.1-alpha.831+b2bf540",
3
+ "version": "1.4.0",
4
4
  "type": "module",
5
5
  "description": "Times Design System theme package - pre-resolved color tokens for React",
6
6
  "keywords": [
@@ -44,5 +44,5 @@
44
44
  "url": "https://github.com/newsuk/times-design-system/issues"
45
45
  },
46
46
  "homepage": "https://github.com/newsuk/times-design-system#readme",
47
- "gitHead": "b2bf5404041e02be25634dbc6bc0db8be1c3a445"
47
+ "gitHead": "c02fc68718ae51364235be7d62d99244c7eaab88"
48
48
  }