@mediaradar/design-tokens 2.7.0 → 2.8.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 (7) hide show
  1. package/dist/css/component.css +1 -1
  2. package/dist/css/ref.css +3 -2
  3. package/dist/css/sys.css +2 -0
  4. package/dist/js/tokens.d.ts +3 -0
  5. package/dist/js/tokens.js +11 -3
  6. package/dist/tailwind/theme.css +2 -0
  7. package/package.json +1 -1
package/dist/css/component.css CHANGED
@@ -4,5 +4,5 @@
4
4
 
5
5
  :root {
6
6
  --mr-button-border: #dcd6cb;
7
- --mr-button-typography-fontfamily: 'Roboto Flex', sans-serif;
7
+ --mr-button-typography-fontfamily: 'Instrument Sans', system-ui, sans-serif;
8
8
  }
package/dist/css/ref.css CHANGED
@@ -323,8 +323,9 @@
323
323
  --mr-ref-dimension-radius-lg: 12px;
324
324
  --mr-ref-dimension-radius-xl: 16px;
325
325
  --mr-ref-dimension-radius-full: 999px;
326
- --mr-ref-typography-family-primary: 'Roboto Flex', sans-serif;
327
- --mr-ref-typography-family-heading: 'Roboto Flex', sans-serif;
326
+ --mr-ref-typography-family-primary: 'Instrument Sans', system-ui, sans-serif;
327
+ --mr-ref-typography-family-heading: 'Instrument Sans', system-ui, sans-serif;
328
+ --mr-ref-typography-family-display: 'Instrument Serif', Georgia, serif;
328
329
  --mr-ref-typography-weight-regular: 400;
329
330
  --mr-ref-typography-weight-medium: 500;
330
331
  --mr-ref-typography-weight-semibold: 600;
package/dist/css/sys.css CHANGED
@@ -30,6 +30,8 @@
30
30
  --mr-color-ai-ontint: var(--mr-ref-color-brand-warm-ai-ontint-light);
31
31
  --mr-color-ai-gradient: var(--mr-ref-color-brand-warm-ai-gradient-light);
32
32
  --mr-color-scrim: var(--mr-ref-color-brand-warm-scrim-light);
33
+ --mr-typography-family-sans: var(--mr-ref-typography-family-primary);
34
+ --mr-typography-family-serif: var(--mr-ref-typography-family-display);
33
35
  --mr-typography-font-size-micro: var(--mr-ref-typography-size-micro);
34
36
  --mr-typography-font-size-xs: var(--mr-ref-typography-size-xs);
35
37
  --mr-typography-font-size-dense: var(--mr-ref-typography-size-dense);
package/dist/js/tokens.d.ts CHANGED
@@ -407,6 +407,7 @@ export const mrRefDimensionRadiusXl: number;
407
407
  export const mrRefDimensionRadiusFull: number;
408
408
  export const mrRefTypographyFamilyPrimary: string;
409
409
  export const mrRefTypographyFamilyHeading: string;
410
+ export const mrRefTypographyFamilyDisplay: string;
410
411
  export const mrRefTypographyWeightRegular: number;
411
412
  export const mrRefTypographyWeightMedium: number;
412
413
  export const mrRefTypographyWeightSemibold: number;
@@ -474,6 +475,8 @@ export const mrColorAiTint: string;
474
475
  export const mrColorAiOntint: string;
475
476
  export const mrColorAiGradient: string;
476
477
  export const mrColorScrim: string;
478
+ export const mrTypographyFamilySans: string;
479
+ export const mrTypographyFamilySerif: string;
477
480
  export const mrTypographyFontSizeMicro: number;
478
481
  export const mrTypographyFontSizeXs: number;
479
482
  export const mrTypographyFontSizeDense: number;
package/dist/js/tokens.js CHANGED
@@ -3,7 +3,8 @@
3
3
  */
4
4
 
5
5
  export const mrButtonBorder = "#dcd6cb";
6
- export const mrButtonTypographyFontfamily = "'Roboto Flex', sans-serif";
6
+ export const mrButtonTypographyFontfamily =
7
+ "'Instrument Sans', system-ui, sans-serif";
7
8
  export const mrSysColorCanvas = "#1c1814";
8
9
  export const mrSysColorSurface = "#26211b";
9
10
  export const mrSysColorSubtle = "#322c24";
@@ -410,8 +411,12 @@ export const mrRefDimensionRadiusMd = 8;
410
411
  export const mrRefDimensionRadiusLg = 12;
411
412
  export const mrRefDimensionRadiusXl = 16;
412
413
  export const mrRefDimensionRadiusFull = 999;
413
- export const mrRefTypographyFamilyPrimary = "'Roboto Flex', sans-serif";
414
- export const mrRefTypographyFamilyHeading = "'Roboto Flex', sans-serif";
414
+ export const mrRefTypographyFamilyPrimary =
415
+ "'Instrument Sans', system-ui, sans-serif";
416
+ export const mrRefTypographyFamilyHeading =
417
+ "'Instrument Sans', system-ui, sans-serif";
418
+ export const mrRefTypographyFamilyDisplay =
419
+ "'Instrument Serif', Georgia, serif";
415
420
  export const mrRefTypographyWeightRegular = 400;
416
421
  export const mrRefTypographyWeightMedium = 500;
417
422
  export const mrRefTypographyWeightSemibold = 600;
@@ -479,6 +484,9 @@ export const mrColorAiOntint = "#2747c4";
479
484
  export const mrColorAiGradient =
480
485
  "linear-gradient(135deg, #2747c4 0%, #f05323 60%, #f99d20 100%)";
481
486
  export const mrColorScrim = "rgba(20, 17, 13, 0.55)";
487
+ export const mrTypographyFamilySans =
488
+ "'Instrument Sans', system-ui, sans-serif";
489
+ export const mrTypographyFamilySerif = "'Instrument Serif', Georgia, serif";
482
490
  export const mrTypographyFontSizeMicro = 0.6875;
483
491
  export const mrTypographyFontSizeXs = 0.75;
484
492
  export const mrTypographyFontSizeDense = 0.8125;
package/dist/tailwind/theme.css CHANGED
@@ -78,6 +78,8 @@
78
78
  --color-ai-ontint: var(--mr-color-ai-ontint);
79
79
  --color-ai-gradient: var(--mr-color-ai-gradient);
80
80
  --color-scrim: var(--mr-color-scrim);
81
+ --font-sans: var(--mr-typography-family-sans);
82
+ --font-serif: var(--mr-typography-family-serif);
81
83
  --text-micro: var(--mr-typography-font-size-micro);
82
84
  --text-xs: var(--mr-typography-font-size-xs);
83
85
  --text-dense: var(--mr-typography-font-size-dense);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mediaradar/design-tokens",
3
- "version": "2.7.0",
3
+ "version": "2.8.0",
4
4
  "main": "dist/js/tokens.js",
5
5
  "types": "dist/js/tokens.d.ts",
6
6
  "type": "module",