@mediaradar/design-tokens 2.8.0 → 2.9.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 (8) hide show
  1. package/dist/DESIGN.md +1 -0
  2. package/dist/css/dark.css +1 -0
  3. package/dist/css/ref.css +2 -0
  4. package/dist/css/sys.css +1 -0
  5. package/dist/js/tokens.d.ts +4 -0
  6. package/dist/js/tokens.js +4 -0
  7. package/dist/tailwind/theme.css +1 -0
  8. package/package.json +1 -1
package/dist/DESIGN.md CHANGED
@@ -167,6 +167,7 @@ Key is the suffix for any Tailwind color utility: `bg-{key}`, `text-{key}`, `bor
167
167
  | --- | --- | --- |
168
168
  | canvas | #f4f2ee | #1c1814 |
169
169
  | surface | #fbfaf7 | #26211b |
170
+ | inverseSurface | #1f1b16 | #f4f2ee |
170
171
  | subtle | #ebe7e0 | #322c24 |
171
172
  | input | #fbfaf7 | #2e2820 |
172
173
  | text-primary | #1f1b16 | #f4f2ee |
package/dist/css/dark.css CHANGED
@@ -1,6 +1,7 @@
1
1
  [data-theme="dark"] {
2
2
  --mr-color-canvas: var(--mr-ref-color-brand-warm-canvas-dark);
3
3
  --mr-color-surface: var(--mr-ref-color-brand-warm-surface-dark);
4
+ --mr-color-inverse-surface: var(--mr-ref-color-brand-warm-inverse-surface-dark);
4
5
  --mr-color-subtle: var(--mr-ref-color-brand-warm-subtle-dark);
5
6
  --mr-color-input: var(--mr-ref-color-brand-warm-input-dark);
6
7
  --mr-color-text-primary: var(--mr-ref-color-brand-warm-text-primary-dark);
package/dist/css/ref.css CHANGED
@@ -3,6 +3,8 @@
3
3
  --mr-ref-color-brand-warm-canvas-dark: #1c1814;
4
4
  --mr-ref-color-brand-warm-surface-light: #fbfaf7;
5
5
  --mr-ref-color-brand-warm-surface-dark: #26211b;
6
+ --mr-ref-color-brand-warm-inverse-surface-light: #1f1b16;
7
+ --mr-ref-color-brand-warm-inverse-surface-dark: #f4f2ee;
6
8
  --mr-ref-color-brand-warm-subtle-light: #ebe7e0;
7
9
  --mr-ref-color-brand-warm-subtle-dark: #322c24;
8
10
  --mr-ref-color-brand-warm-text-primary-light: #1f1b16;
package/dist/css/sys.css CHANGED
@@ -1,6 +1,7 @@
1
1
  :root {
2
2
  --mr-color-canvas: var(--mr-ref-color-brand-warm-canvas-light);
3
3
  --mr-color-surface: var(--mr-ref-color-brand-warm-surface-light);
4
+ --mr-color-inverse-surface: var(--mr-ref-color-brand-warm-inverse-surface-light);
4
5
  --mr-color-subtle: var(--mr-ref-color-brand-warm-subtle-light);
5
6
  --mr-color-input: var(--mr-ref-color-brand-warm-input-light);
6
7
  --mr-color-text-primary: var(--mr-ref-color-brand-warm-text-primary-light);
package/dist/js/tokens.d.ts CHANGED
@@ -6,6 +6,7 @@ export const mrButtonBorder: string;
6
6
  export const mrButtonTypographyFontfamily: string;
7
7
  export const mrSysColorCanvas: string;
8
8
  export const mrSysColorSurface: string;
9
+ export const mrSysColorInverseSurface: string;
9
10
  export const mrSysColorSubtle: string;
10
11
  export const mrSysColorInput: string;
11
12
  export const mrSysColorTextPrimary: string;
@@ -37,6 +38,8 @@ export const mrRefColorBrandWarmCanvasLight: string;
37
38
  export const mrRefColorBrandWarmCanvasDark: string;
38
39
  export const mrRefColorBrandWarmSurfaceLight: string;
39
40
  export const mrRefColorBrandWarmSurfaceDark: string;
41
+ export const mrRefColorBrandWarmInverseSurfaceLight: string;
42
+ export const mrRefColorBrandWarmInverseSurfaceDark: string;
40
43
  export const mrRefColorBrandWarmSubtleLight: string;
41
44
  export const mrRefColorBrandWarmSubtleDark: string;
42
45
  export const mrRefColorBrandWarmTextPrimaryLight: string;
@@ -446,6 +449,7 @@ export const mrRefZToast: number;
446
449
  export const mrRefZTooltip: number;
447
450
  export const mrColorCanvas: string;
448
451
  export const mrColorSurface: string;
452
+ export const mrColorInverseSurface: string;
449
453
  export const mrColorSubtle: string;
450
454
  export const mrColorInput: string;
451
455
  export const mrColorTextPrimary: string;
package/dist/js/tokens.js CHANGED
@@ -7,6 +7,7 @@ export const mrButtonTypographyFontfamily =
7
7
  "'Instrument Sans', system-ui, sans-serif";
8
8
  export const mrSysColorCanvas = "#1c1814";
9
9
  export const mrSysColorSurface = "#26211b";
10
+ export const mrSysColorInverseSurface = "#f4f2ee";
10
11
  export const mrSysColorSubtle = "#322c24";
11
12
  export const mrSysColorInput = "#2e2820";
12
13
  export const mrSysColorTextPrimary = "#f4f2ee";
@@ -39,6 +40,8 @@ export const mrRefColorBrandWarmCanvasLight = "#f4f2ee";
39
40
  export const mrRefColorBrandWarmCanvasDark = "#1c1814";
40
41
  export const mrRefColorBrandWarmSurfaceLight = "#fbfaf7";
41
42
  export const mrRefColorBrandWarmSurfaceDark = "#26211b";
43
+ export const mrRefColorBrandWarmInverseSurfaceLight = "#1f1b16";
44
+ export const mrRefColorBrandWarmInverseSurfaceDark = "#f4f2ee";
42
45
  export const mrRefColorBrandWarmSubtleLight = "#ebe7e0";
43
46
  export const mrRefColorBrandWarmSubtleDark = "#322c24";
44
47
  export const mrRefColorBrandWarmTextPrimaryLight = "#1f1b16";
@@ -454,6 +457,7 @@ export const mrRefZToast = 1150; // Above modal, below tooltip. A toast reportin
454
457
  export const mrRefZTooltip = 1200;
455
458
  export const mrColorCanvas = "#f4f2ee";
456
459
  export const mrColorSurface = "#fbfaf7";
460
+ export const mrColorInverseSurface = "#1f1b16";
457
461
  export const mrColorSubtle = "#ebe7e0";
458
462
  export const mrColorInput = "#fbfaf7";
459
463
  export const mrColorTextPrimary = "#1f1b16";
package/dist/tailwind/theme.css CHANGED
@@ -49,6 +49,7 @@
49
49
  --spacing-10px: var(--mr-ref-dimension-spacing-px-10);
50
50
  --color-canvas: var(--mr-color-canvas);
51
51
  --color-surface: var(--mr-color-surface);
52
+ --color-inverseSurface: var(--mr-color-inverse-surface);
52
53
  --color-subtle: var(--mr-color-subtle);
53
54
  --color-input: var(--mr-color-input);
54
55
  --color-text-primary: var(--mr-color-text-primary);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mediaradar/design-tokens",
3
- "version": "2.8.0",
3
+ "version": "2.9.0",
4
4
  "main": "dist/js/tokens.js",
5
5
  "types": "dist/js/tokens.d.ts",
6
6
  "type": "module",