@workday/canvas-tokens-web 2.0.1 → 2.0.2

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 (29) hide show
  1. package/css/base/_variables.css +1 -1
  2. package/css/brand/_variables.css +1 -1
  3. package/css/system/_variables.css +54 -54
  4. package/dist/common-js/base/index.d.ts +1 -1
  5. package/dist/common-js/base/index.js +1 -1
  6. package/dist/common-js/brand/index.d.ts +1 -1
  7. package/dist/common-js/brand/index.js +1 -1
  8. package/dist/common-js/index.d.ts +1 -1
  9. package/dist/common-js/index.js +1 -1
  10. package/dist/common-js/system/index.d.ts +49 -49
  11. package/dist/common-js/system/index.js +49 -49
  12. package/dist/es6/base/index.d.ts +1 -1
  13. package/dist/es6/base/index.js +1 -1
  14. package/dist/es6/brand/index.d.ts +1 -1
  15. package/dist/es6/brand/index.js +1 -1
  16. package/dist/es6/index.d.ts +1 -1
  17. package/dist/es6/index.js +1 -1
  18. package/dist/es6/system/index.d.ts +49 -49
  19. package/dist/es6/system/index.js +49 -49
  20. package/less/base/_variables.less +1 -1
  21. package/less/brand/_variables.less +1 -1
  22. package/less/system/_variables.less +54 -54
  23. package/package.json +1 -1
  24. package/scss/base/_variables.sass +1 -1
  25. package/scss/base/_variables.scss +1 -1
  26. package/scss/brand/_variables.sass +1 -1
  27. package/scss/brand/_variables.scss +1 -1
  28. package/scss/system/_variables.sass +54 -54
  29. package/scss/system/_variables.scss +54 -54
package/css/base/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:20 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/brand/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:20 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/system/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:20 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -14,7 +14,7 @@
14
14
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
15
15
  --cnvs-sys-opacity-full: 1; /* Dev only */
16
16
  --cnvs-sys-opacity-zero: 0; /* Dev only */
17
- --cnvs-sys-breakpoints-zero: 0; /* Use to set a media query `min-width` below small. */
17
+ --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
18
18
  --cnvs-sys-color-bg-critical-stronger: rgba(128,22,14,1); /* Stronger error background */
19
19
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
20
20
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
@@ -54,10 +54,10 @@
54
54
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
55
55
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
56
56
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
57
- --cnvs-sys-breakpoints-xl: calc(var(--cnvs-base-unit) * 360); /* Used for extra large screens, such as wide monitors and TVs. */
58
- --cnvs-sys-breakpoints-l: calc(var(--cnvs-base-unit) * 256); /* Large screens, such as desktops. */
59
- --cnvs-sys-breakpoints-m: calc(var(--cnvs-base-unit) * 192); /* Medium screens, such as laptops. */
60
- --cnvs-sys-breakpoints-s: calc(var(--cnvs-base-unit) * 80); /* The `min-width` for mobile devices, such as phones and tablets. */
57
+ --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
58
+ --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
59
+ --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
60
+ --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
61
61
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-black-pepper-600); /* Just black */
62
62
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-french-vanilla-100); /* Just white */
63
63
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-licorice-500); /* Strongerer gray */
@@ -176,89 +176,89 @@
176
176
  }
177
177
 
178
178
  .cnvs-sys-type-subtext-small {
179
- font-family: var(--cnvs-base-font-family-50);
180
- font-weight: var(--cnvs-base-font-weight-400);
181
- line-height: var(--cnvs-base-line-height-50);
182
- font-size: var(--cnvs-base-font-size-25);
179
+ font-family: var(--cnvs-sys-font-family-default);
180
+ font-weight: var(--cnvs-sys-font-weight-normal);
181
+ line-height: var(--cnvs-sys-line-height-subtext-small);
182
+ font-size: var(--cnvs-sys-font-size-subtext-small);
183
183
  letter-spacing: var(--cnvs-base-letter-spacing-50);
184
184
  }
185
185
 
186
186
  .cnvs-sys-type-subtext-medium {
187
- font-family: var(--cnvs-base-font-family-50);
188
- font-weight: var(--cnvs-base-font-weight-400);
189
- line-height: var(--cnvs-base-line-height-50);
190
- font-size: var(--cnvs-base-font-size-50);
187
+ font-family: var(--cnvs-sys-font-family-default);
188
+ font-weight: var(--cnvs-sys-font-weight-normal);
189
+ line-height: var(--cnvs-sys-line-height-subtext-medium);
190
+ font-size: var(--cnvs-sys-font-size-subtext-medium);
191
191
  letter-spacing: var(--cnvs-base-letter-spacing-100);
192
192
  }
193
193
 
194
194
  .cnvs-sys-type-subtext-large {
195
- font-family: var(--cnvs-base-font-family-50);
196
- font-weight: var(--cnvs-base-font-weight-400);
197
- line-height: var(--cnvs-base-line-height-100);
198
- font-size: var(--cnvs-base-font-size-75);
195
+ font-family: var(--cnvs-sys-font-family-default);
196
+ font-weight: var(--cnvs-sys-font-weight-normal);
197
+ line-height: var(--cnvs-sys-line-height-subtext-large);
198
+ font-size: var(--cnvs-sys-font-size-subtext-large);
199
199
  letter-spacing: var(--cnvs-base-letter-spacing-150);
200
200
  }
201
201
 
202
202
  .cnvs-sys-type-body-small {
203
- font-family: var(--cnvs-base-font-family-50);
204
- font-weight: var(--cnvs-base-font-weight-400);
205
- line-height: var(--cnvs-base-line-height-150);
206
- font-size: var(--cnvs-base-font-size-100);
203
+ font-family: var(--cnvs-sys-font-family-default);
204
+ font-weight: var(--cnvs-sys-font-weight-normal);
205
+ line-height: var(--cnvs-sys-line-height-body-small);
206
+ font-size: var(--cnvs-sys-font-size-body-small);
207
207
  letter-spacing: var(--cnvs-base-letter-spacing-200);
208
208
  }
209
209
 
210
210
  .cnvs-sys-type-body-medium {
211
- font-family: var(--cnvs-base-font-family-50);
212
- font-weight: var(--cnvs-base-font-weight-400);
213
- line-height: var(--cnvs-base-line-height-200);
214
- font-size: var(--cnvs-base-font-size-125);
211
+ font-family: var(--cnvs-sys-font-family-default);
212
+ font-weight: var(--cnvs-sys-font-weight-normal);
213
+ line-height: var(--cnvs-sys-line-height-body-medium);
214
+ font-size: var(--cnvs-sys-font-size-body-medium);
215
215
  }
216
216
 
217
217
  .cnvs-sys-type-body-large {
218
- font-family: var(--cnvs-base-font-family-50);
219
- font-weight: var(--cnvs-base-font-weight-400);
220
- line-height: var(--cnvs-base-line-height-200);
221
- font-size: var(--cnvs-base-font-size-150);
218
+ font-family: var(--cnvs-sys-font-family-default);
219
+ font-weight: var(--cnvs-sys-font-weight-normal);
220
+ line-height: var(--cnvs-sys-line-height-body-large);
221
+ font-size: var(--cnvs-sys-font-size-body-large);
222
222
  }
223
223
 
224
224
  .cnvs-sys-type-heading-small {
225
- font-family: var(--cnvs-base-font-family-50);
226
- font-weight: var(--cnvs-base-font-weight-700);
227
- line-height: var(--cnvs-base-line-height-250);
228
- font-size: var(--cnvs-base-font-size-200);
225
+ font-family: var(--cnvs-sys-font-family-default);
226
+ font-weight: var(--cnvs-sys-font-weight-bold);
227
+ line-height: var(--cnvs-sys-line-height-heading-small);
228
+ font-size: var(--cnvs-sys-font-size-heading-small);
229
229
  }
230
230
 
231
231
  .cnvs-sys-type-heading-medium {
232
- font-family: var(--cnvs-base-font-family-50);
233
- font-weight: var(--cnvs-base-font-weight-700);
234
- line-height: var(--cnvs-base-line-height-300);
235
- font-size: var(--cnvs-base-font-size-250);
232
+ font-family: var(--cnvs-sys-font-family-default);
233
+ font-weight: var(--cnvs-sys-font-weight-bold);
234
+ line-height: var(--cnvs-sys-line-height-heading-medium);
235
+ font-size: var(--cnvs-sys-font-size-heading-medium);
236
236
  }
237
237
 
238
238
  .cnvs-sys-type-heading-large {
239
- font-family: var(--cnvs-base-font-family-50);
240
- font-weight: var(--cnvs-base-font-weight-700);
241
- line-height: var(--cnvs-base-line-height-350);
242
- font-size: var(--cnvs-base-font-size-300);
239
+ font-family: var(--cnvs-sys-font-family-default);
240
+ font-weight: var(--cnvs-sys-font-weight-bold);
241
+ line-height: var(--cnvs-sys-line-height-heading-large);
242
+ font-size: var(--cnvs-sys-font-size-heading-large);
243
243
  }
244
244
 
245
245
  .cnvs-sys-type-title-small {
246
- font-family: var(--cnvs-base-font-family-50);
247
- font-weight: var(--cnvs-base-font-weight-700);
248
- line-height: var(--cnvs-base-line-height-400);
249
- font-size: var(--cnvs-base-font-size-400);
246
+ font-family: var(--cnvs-sys-font-family-default);
247
+ font-weight: var(--cnvs-sys-font-weight-bold);
248
+ line-height: var(--cnvs-sys-line-height-title-small);
249
+ font-size: var(--cnvs-sys-font-size-title-small);
250
250
  }
251
251
 
252
252
  .cnvs-sys-type-title-medium {
253
- font-family: var(--cnvs-base-font-family-50);
254
- font-weight: var(--cnvs-base-font-weight-700);
255
- line-height: var(--cnvs-base-line-height-500);
256
- font-size: var(--cnvs-base-font-size-500);
253
+ font-family: var(--cnvs-sys-font-family-default);
254
+ font-weight: var(--cnvs-sys-font-weight-bold);
255
+ line-height: var(--cnvs-sys-line-height-title-medium);
256
+ font-size: var(--cnvs-sys-font-size-title-medium);
257
257
  }
258
258
 
259
259
  .cnvs-sys-type-title-large {
260
- font-family: var(--cnvs-base-font-family-50);
261
- font-weight: var(--cnvs-base-font-weight-700);
262
- line-height: var(--cnvs-base-line-height-600);
263
- font-size: var(--cnvs-base-font-size-600);
260
+ font-family: var(--cnvs-sys-font-family-default);
261
+ font-weight: var(--cnvs-sys-font-weight-bold);
262
+ line-height: var(--cnvs-sys-line-height-title-large);
263
+ font-size: var(--cnvs-sys-font-size-title-large);
264
264
  }
package/dist/common-js/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:21 GMT
4
4
  */
5
5
 
6
6
  export declare const cinnamon100: "--cnvs-base-palette-cinnamon-100";
package/dist/common-js/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:20 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:21 GMT
4
4
  */
5
5
 
6
6
  export declare const primary: {
package/dist/common-js/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:21 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:21 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
package/dist/common-js/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:20 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/system/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:21 GMT
4
4
  */
5
5
 
6
6
  export declare const color: {
@@ -1271,37 +1271,37 @@ export declare const type: {
1271
1271
  "subtext": {
1272
1272
  "small": {
1273
1273
  /** Roboto */
1274
- "fontFamily": "--cnvs-base-font-family-50",
1274
+ "fontFamily": "--cnvs-sys-font-family-default",
1275
1275
  /** Regular */
1276
- "fontWeight": "--cnvs-base-font-weight-400",
1276
+ "fontWeight": "--cnvs-sys-font-weight-normal",
1277
1277
  /** 16 */
1278
- "lineHeight": "--cnvs-base-line-height-50",
1278
+ "lineHeight": "--cnvs-sys-line-height-subtext-small",
1279
1279
  /** 0.625rem (10px) */
1280
- "fontSize": "--cnvs-base-font-size-25",
1280
+ "fontSize": "--cnvs-sys-font-size-subtext-small",
1281
1281
  /** 0.4 */
1282
1282
  "letterSpacing": "--cnvs-base-letter-spacing-50",
1283
1283
  },
1284
1284
  "medium": {
1285
1285
  /** Roboto */
1286
- "fontFamily": "--cnvs-base-font-family-50",
1286
+ "fontFamily": "--cnvs-sys-font-family-default",
1287
1287
  /** Regular */
1288
- "fontWeight": "--cnvs-base-font-weight-400",
1288
+ "fontWeight": "--cnvs-sys-font-weight-normal",
1289
1289
  /** 16 */
1290
- "lineHeight": "--cnvs-base-line-height-50",
1290
+ "lineHeight": "--cnvs-sys-line-height-subtext-medium",
1291
1291
  /** 0.75rem (12px) */
1292
- "fontSize": "--cnvs-base-font-size-50",
1292
+ "fontSize": "--cnvs-sys-font-size-subtext-medium",
1293
1293
  /** 0.32 */
1294
1294
  "letterSpacing": "--cnvs-base-letter-spacing-100",
1295
1295
  },
1296
1296
  "large": {
1297
1297
  /** Roboto */
1298
- "fontFamily": "--cnvs-base-font-family-50",
1298
+ "fontFamily": "--cnvs-sys-font-family-default",
1299
1299
  /** Regular */
1300
- "fontWeight": "--cnvs-base-font-weight-400",
1300
+ "fontWeight": "--cnvs-sys-font-weight-normal",
1301
1301
  /** 20 */
1302
- "lineHeight": "--cnvs-base-line-height-100",
1302
+ "lineHeight": "--cnvs-sys-line-height-subtext-large",
1303
1303
  /** 0.875rem (14px) */
1304
- "fontSize": "--cnvs-base-font-size-75",
1304
+ "fontSize": "--cnvs-sys-font-size-subtext-large",
1305
1305
  /** 0.24 */
1306
1306
  "letterSpacing": "--cnvs-base-letter-spacing-150",
1307
1307
  },
@@ -1309,99 +1309,99 @@ export declare const type: {
1309
1309
  "body": {
1310
1310
  "small": {
1311
1311
  /** Roboto */
1312
- "fontFamily": "--cnvs-base-font-family-50",
1312
+ "fontFamily": "--cnvs-sys-font-family-default",
1313
1313
  /** Regular */
1314
- "fontWeight": "--cnvs-base-font-weight-400",
1314
+ "fontWeight": "--cnvs-sys-font-weight-normal",
1315
1315
  /** 24 */
1316
- "lineHeight": "--cnvs-base-line-height-150",
1316
+ "lineHeight": "--cnvs-sys-line-height-body-small",
1317
1317
  /** 1rem (16px) */
1318
- "fontSize": "--cnvs-base-font-size-100",
1318
+ "fontSize": "--cnvs-sys-font-size-body-small",
1319
1319
  /** 0.16 */
1320
1320
  "letterSpacing": "--cnvs-base-letter-spacing-200",
1321
1321
  },
1322
1322
  "medium": {
1323
1323
  /** Roboto */
1324
- "fontFamily": "--cnvs-base-font-family-50",
1324
+ "fontFamily": "--cnvs-sys-font-family-default",
1325
1325
  /** Regular */
1326
- "fontWeight": "--cnvs-base-font-weight-400",
1326
+ "fontWeight": "--cnvs-sys-font-weight-normal",
1327
1327
  /** 28 */
1328
- "lineHeight": "--cnvs-base-line-height-200",
1328
+ "lineHeight": "--cnvs-sys-line-height-body-medium",
1329
1329
  /** 1.125rem (18px) */
1330
- "fontSize": "--cnvs-base-font-size-125",
1330
+ "fontSize": "--cnvs-sys-font-size-body-medium",
1331
1331
  },
1332
1332
  "large": {
1333
1333
  /** Roboto */
1334
- "fontFamily": "--cnvs-base-font-family-50",
1334
+ "fontFamily": "--cnvs-sys-font-family-default",
1335
1335
  /** Regular */
1336
- "fontWeight": "--cnvs-base-font-weight-400",
1336
+ "fontWeight": "--cnvs-sys-font-weight-normal",
1337
1337
  /** 28 */
1338
- "lineHeight": "--cnvs-base-line-height-200",
1338
+ "lineHeight": "--cnvs-sys-line-height-body-large",
1339
1339
  /** 1.25rem (20px) */
1340
- "fontSize": "--cnvs-base-font-size-150",
1340
+ "fontSize": "--cnvs-sys-font-size-body-large",
1341
1341
  },
1342
1342
  },
1343
1343
  "heading": {
1344
1344
  "small": {
1345
1345
  /** Roboto */
1346
- "fontFamily": "--cnvs-base-font-family-50",
1346
+ "fontFamily": "--cnvs-sys-font-family-default",
1347
1347
  /** Bold */
1348
- "fontWeight": "--cnvs-base-font-weight-700",
1348
+ "fontWeight": "--cnvs-sys-font-weight-bold",
1349
1349
  /** 32 */
1350
- "lineHeight": "--cnvs-base-line-height-250",
1350
+ "lineHeight": "--cnvs-sys-line-height-heading-small",
1351
1351
  /** 1.5rem (24px) */
1352
- "fontSize": "--cnvs-base-font-size-200",
1352
+ "fontSize": "--cnvs-sys-font-size-heading-small",
1353
1353
  },
1354
1354
  "medium": {
1355
1355
  /** Roboto */
1356
- "fontFamily": "--cnvs-base-font-family-50",
1356
+ "fontFamily": "--cnvs-sys-font-family-default",
1357
1357
  /** Bold */
1358
- "fontWeight": "--cnvs-base-font-weight-700",
1358
+ "fontWeight": "--cnvs-sys-font-weight-bold",
1359
1359
  /** 36 */
1360
- "lineHeight": "--cnvs-base-line-height-300",
1360
+ "lineHeight": "--cnvs-sys-line-height-heading-medium",
1361
1361
  /** 1.75rem (28px) */
1362
- "fontSize": "--cnvs-base-font-size-250",
1362
+ "fontSize": "--cnvs-sys-font-size-heading-medium",
1363
1363
  },
1364
1364
  "large": {
1365
1365
  /** Roboto */
1366
- "fontFamily": "--cnvs-base-font-family-50",
1366
+ "fontFamily": "--cnvs-sys-font-family-default",
1367
1367
  /** Bold */
1368
- "fontWeight": "--cnvs-base-font-weight-700",
1368
+ "fontWeight": "--cnvs-sys-font-weight-bold",
1369
1369
  /** 40 */
1370
- "lineHeight": "--cnvs-base-line-height-350",
1370
+ "lineHeight": "--cnvs-sys-line-height-heading-large",
1371
1371
  /** 2rem (32px) */
1372
- "fontSize": "--cnvs-base-font-size-300",
1372
+ "fontSize": "--cnvs-sys-font-size-heading-large",
1373
1373
  },
1374
1374
  },
1375
1375
  "title": {
1376
1376
  "small": {
1377
1377
  /** Roboto */
1378
- "fontFamily": "--cnvs-base-font-family-50",
1378
+ "fontFamily": "--cnvs-sys-font-family-default",
1379
1379
  /** Bold */
1380
- "fontWeight": "--cnvs-base-font-weight-700",
1380
+ "fontWeight": "--cnvs-sys-font-weight-bold",
1381
1381
  /** 48 */
1382
- "lineHeight": "--cnvs-base-line-height-400",
1382
+ "lineHeight": "--cnvs-sys-line-height-title-small",
1383
1383
  /** 2.5rem (40px) */
1384
- "fontSize": "--cnvs-base-font-size-400",
1384
+ "fontSize": "--cnvs-sys-font-size-title-small",
1385
1385
  },
1386
1386
  "medium": {
1387
1387
  /** Roboto */
1388
- "fontFamily": "--cnvs-base-font-family-50",
1388
+ "fontFamily": "--cnvs-sys-font-family-default",
1389
1389
  /** Bold */
1390
- "fontWeight": "--cnvs-base-font-weight-700",
1390
+ "fontWeight": "--cnvs-sys-font-weight-bold",
1391
1391
  /** 56 */
1392
- "lineHeight": "--cnvs-base-line-height-500",
1392
+ "lineHeight": "--cnvs-sys-line-height-title-medium",
1393
1393
  /** 3rem (48px) */
1394
- "fontSize": "--cnvs-base-font-size-500",
1394
+ "fontSize": "--cnvs-sys-font-size-title-medium",
1395
1395
  },
1396
1396
  "large": {
1397
1397
  /** Roboto */
1398
- "fontFamily": "--cnvs-base-font-family-50",
1398
+ "fontFamily": "--cnvs-sys-font-family-default",
1399
1399
  /** Bold */
1400
- "fontWeight": "--cnvs-base-font-weight-700",
1400
+ "fontWeight": "--cnvs-sys-font-weight-bold",
1401
1401
  /** 64 */
1402
- "lineHeight": "--cnvs-base-line-height-600",
1402
+ "lineHeight": "--cnvs-sys-line-height-title-large",
1403
1403
  /** 3.5rem (56px) */
1404
- "fontSize": "--cnvs-base-font-size-600",
1404
+ "fontSize": "--cnvs-sys-font-size-title-large",
1405
1405
  },
1406
1406
  },
1407
1407
  };
package/dist/common-js/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:21 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -290,86 +290,86 @@ exports.fontWeight = {
290
290
  exports.type = {
291
291
  "subtext": {
292
292
  "small": {
293
- "fontFamily": "--cnvs-base-font-family-50",
294
- "fontWeight": "--cnvs-base-font-weight-400",
295
- "lineHeight": "--cnvs-base-line-height-50",
296
- "fontSize": "--cnvs-base-font-size-25",
293
+ "fontFamily": "--cnvs-sys-font-family-default",
294
+ "fontWeight": "--cnvs-sys-font-weight-normal",
295
+ "lineHeight": "--cnvs-sys-line-height-subtext-small",
296
+ "fontSize": "--cnvs-sys-font-size-subtext-small",
297
297
  "letterSpacing": "--cnvs-base-letter-spacing-50"
298
298
  },
299
299
  "medium": {
300
- "fontFamily": "--cnvs-base-font-family-50",
301
- "fontWeight": "--cnvs-base-font-weight-400",
302
- "lineHeight": "--cnvs-base-line-height-50",
303
- "fontSize": "--cnvs-base-font-size-50",
300
+ "fontFamily": "--cnvs-sys-font-family-default",
301
+ "fontWeight": "--cnvs-sys-font-weight-normal",
302
+ "lineHeight": "--cnvs-sys-line-height-subtext-medium",
303
+ "fontSize": "--cnvs-sys-font-size-subtext-medium",
304
304
  "letterSpacing": "--cnvs-base-letter-spacing-100"
305
305
  },
306
306
  "large": {
307
- "fontFamily": "--cnvs-base-font-family-50",
308
- "fontWeight": "--cnvs-base-font-weight-400",
309
- "lineHeight": "--cnvs-base-line-height-100",
310
- "fontSize": "--cnvs-base-font-size-75",
307
+ "fontFamily": "--cnvs-sys-font-family-default",
308
+ "fontWeight": "--cnvs-sys-font-weight-normal",
309
+ "lineHeight": "--cnvs-sys-line-height-subtext-large",
310
+ "fontSize": "--cnvs-sys-font-size-subtext-large",
311
311
  "letterSpacing": "--cnvs-base-letter-spacing-150"
312
312
  }
313
313
  },
314
314
  "body": {
315
315
  "small": {
316
- "fontFamily": "--cnvs-base-font-family-50",
317
- "fontWeight": "--cnvs-base-font-weight-400",
318
- "lineHeight": "--cnvs-base-line-height-150",
319
- "fontSize": "--cnvs-base-font-size-100",
316
+ "fontFamily": "--cnvs-sys-font-family-default",
317
+ "fontWeight": "--cnvs-sys-font-weight-normal",
318
+ "lineHeight": "--cnvs-sys-line-height-body-small",
319
+ "fontSize": "--cnvs-sys-font-size-body-small",
320
320
  "letterSpacing": "--cnvs-base-letter-spacing-200"
321
321
  },
322
322
  "medium": {
323
- "fontFamily": "--cnvs-base-font-family-50",
324
- "fontWeight": "--cnvs-base-font-weight-400",
325
- "lineHeight": "--cnvs-base-line-height-200",
326
- "fontSize": "--cnvs-base-font-size-125"
323
+ "fontFamily": "--cnvs-sys-font-family-default",
324
+ "fontWeight": "--cnvs-sys-font-weight-normal",
325
+ "lineHeight": "--cnvs-sys-line-height-body-medium",
326
+ "fontSize": "--cnvs-sys-font-size-body-medium"
327
327
  },
328
328
  "large": {
329
- "fontFamily": "--cnvs-base-font-family-50",
330
- "fontWeight": "--cnvs-base-font-weight-400",
331
- "lineHeight": "--cnvs-base-line-height-200",
332
- "fontSize": "--cnvs-base-font-size-150"
329
+ "fontFamily": "--cnvs-sys-font-family-default",
330
+ "fontWeight": "--cnvs-sys-font-weight-normal",
331
+ "lineHeight": "--cnvs-sys-line-height-body-large",
332
+ "fontSize": "--cnvs-sys-font-size-body-large"
333
333
  }
334
334
  },
335
335
  "heading": {
336
336
  "small": {
337
- "fontFamily": "--cnvs-base-font-family-50",
338
- "fontWeight": "--cnvs-base-font-weight-700",
339
- "lineHeight": "--cnvs-base-line-height-250",
340
- "fontSize": "--cnvs-base-font-size-200"
337
+ "fontFamily": "--cnvs-sys-font-family-default",
338
+ "fontWeight": "--cnvs-sys-font-weight-bold",
339
+ "lineHeight": "--cnvs-sys-line-height-heading-small",
340
+ "fontSize": "--cnvs-sys-font-size-heading-small"
341
341
  },
342
342
  "medium": {
343
- "fontFamily": "--cnvs-base-font-family-50",
344
- "fontWeight": "--cnvs-base-font-weight-700",
345
- "lineHeight": "--cnvs-base-line-height-300",
346
- "fontSize": "--cnvs-base-font-size-250"
343
+ "fontFamily": "--cnvs-sys-font-family-default",
344
+ "fontWeight": "--cnvs-sys-font-weight-bold",
345
+ "lineHeight": "--cnvs-sys-line-height-heading-medium",
346
+ "fontSize": "--cnvs-sys-font-size-heading-medium"
347
347
  },
348
348
  "large": {
349
- "fontFamily": "--cnvs-base-font-family-50",
350
- "fontWeight": "--cnvs-base-font-weight-700",
351
- "lineHeight": "--cnvs-base-line-height-350",
352
- "fontSize": "--cnvs-base-font-size-300"
349
+ "fontFamily": "--cnvs-sys-font-family-default",
350
+ "fontWeight": "--cnvs-sys-font-weight-bold",
351
+ "lineHeight": "--cnvs-sys-line-height-heading-large",
352
+ "fontSize": "--cnvs-sys-font-size-heading-large"
353
353
  }
354
354
  },
355
355
  "title": {
356
356
  "small": {
357
- "fontFamily": "--cnvs-base-font-family-50",
358
- "fontWeight": "--cnvs-base-font-weight-700",
359
- "lineHeight": "--cnvs-base-line-height-400",
360
- "fontSize": "--cnvs-base-font-size-400"
357
+ "fontFamily": "--cnvs-sys-font-family-default",
358
+ "fontWeight": "--cnvs-sys-font-weight-bold",
359
+ "lineHeight": "--cnvs-sys-line-height-title-small",
360
+ "fontSize": "--cnvs-sys-font-size-title-small"
361
361
  },
362
362
  "medium": {
363
- "fontFamily": "--cnvs-base-font-family-50",
364
- "fontWeight": "--cnvs-base-font-weight-700",
365
- "lineHeight": "--cnvs-base-line-height-500",
366
- "fontSize": "--cnvs-base-font-size-500"
363
+ "fontFamily": "--cnvs-sys-font-family-default",
364
+ "fontWeight": "--cnvs-sys-font-weight-bold",
365
+ "lineHeight": "--cnvs-sys-line-height-title-medium",
366
+ "fontSize": "--cnvs-sys-font-size-title-medium"
367
367
  },
368
368
  "large": {
369
- "fontFamily": "--cnvs-base-font-family-50",
370
- "fontWeight": "--cnvs-base-font-weight-700",
371
- "lineHeight": "--cnvs-base-line-height-600",
372
- "fontSize": "--cnvs-base-font-size-600"
369
+ "fontFamily": "--cnvs-sys-font-family-default",
370
+ "fontWeight": "--cnvs-sys-font-weight-bold",
371
+ "lineHeight": "--cnvs-sys-line-height-title-large",
372
+ "fontSize": "--cnvs-sys-font-size-title-large"
373
373
  }
374
374
  }
375
375
  };
package/dist/es6/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:20 GMT
4
4
  */
5
5
 
6
6
  export declare const cinnamon100: "--cnvs-base-palette-cinnamon-100";
package/dist/es6/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:20 GMT
4
4
  */
5
5
 
6
6
  export const cinnamon100 = "--cnvs-base-palette-cinnamon-100";
package/dist/es6/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:20 GMT
4
4
  */
5
5
 
6
6
  export declare const primary: {
package/dist/es6/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:20 GMT
4
4
  */
5
5
 
6
6
  export const primary = {
package/dist/es6/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:20 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
package/dist/es6/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 Jul 2024 19:09:19 GMT
3
+ * Generated on Mon, 07 Oct 2024 19:58:20 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";