@mediaradar/design-tokens 2.9.0 → 2.10.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 +2 -0
  2. package/dist/css/dark.css +2 -0
  3. package/dist/css/ref.css +4 -0
  4. package/dist/css/sys.css +2 -0
  5. package/dist/js/tokens.d.ts +8 -0
  6. package/dist/js/tokens.js +8 -0
  7. package/dist/tailwind/theme.css +2 -0
  8. package/package.json +1 -1
package/dist/DESIGN.md CHANGED
@@ -174,6 +174,8 @@ Key is the suffix for any Tailwind color utility: `bg-{key}`, `text-{key}`, `bor
174
174
  | text-secondary | #6b6358 | #b5aea1 |
175
175
  | text-tertiary | #5f574b | #a39b8c |
176
176
  | text-inverse | #fbfaf7 | #1c1814 |
177
+ | text-inverseSuccess | #7fc28f | #1d7a3b |
178
+ | text-inverseWarning | #e8c285 | #8a5a12 |
177
179
  | text-warning | #5c4118 | #e8c285 |
178
180
  | text-danger | #8b1018 | #ff7068 |
179
181
  | text-success | #1d4d2a | #7fc28f |
package/dist/css/dark.css CHANGED
@@ -8,6 +8,8 @@
8
8
  --mr-color-text-secondary: var(--mr-ref-color-brand-warm-text-secondary-dark);
9
9
  --mr-color-text-tertiary: var(--mr-ref-color-brand-warm-text-tertiary-dark);
10
10
  --mr-color-text-inverse: var(--mr-ref-color-brand-warm-text-inverse-dark);
11
+ --mr-color-text-inverse-success: var(--mr-ref-color-brand-warm-text-inverse-success-dark);
12
+ --mr-color-text-inverse-warning: var(--mr-ref-color-brand-warm-text-inverse-warning-dark);
11
13
  --mr-color-text-warning: var(--mr-ref-color-brand-warm-text-warning-dark);
12
14
  --mr-color-text-danger: var(--mr-ref-color-brand-warm-text-danger-dark);
13
15
  --mr-color-text-success: var(--mr-ref-color-brand-warm-text-success-dark);
package/dist/css/ref.css CHANGED
@@ -17,6 +17,10 @@
17
17
  --mr-ref-color-brand-warm-text-link-dark: #8aa0ff;
18
18
  --mr-ref-color-brand-warm-text-inverse-light: #fbfaf7;
19
19
  --mr-ref-color-brand-warm-text-inverse-dark: #1c1814;
20
+ --mr-ref-color-brand-warm-text-inverse-success-light: #7fc28f;
21
+ --mr-ref-color-brand-warm-text-inverse-success-dark: #1d7a3b;
22
+ --mr-ref-color-brand-warm-text-inverse-warning-light: #e8c285;
23
+ --mr-ref-color-brand-warm-text-inverse-warning-dark: #8a5a12;
20
24
  --mr-ref-color-brand-warm-text-danger-light: #8b1018;
21
25
  --mr-ref-color-brand-warm-text-danger-dark: #ff7068;
22
26
  --mr-ref-color-brand-warm-text-warning-light: #5c4118;
package/dist/css/sys.css CHANGED
@@ -8,6 +8,8 @@
8
8
  --mr-color-text-secondary: var(--mr-ref-color-brand-warm-text-secondary-light);
9
9
  --mr-color-text-tertiary: var(--mr-ref-color-brand-warm-text-tertiary-light);
10
10
  --mr-color-text-inverse: var(--mr-ref-color-brand-warm-text-inverse-light);
11
+ --mr-color-text-inverse-success: var(--mr-ref-color-brand-warm-text-inverse-success-light);
12
+ --mr-color-text-inverse-warning: var(--mr-ref-color-brand-warm-text-inverse-warning-light);
11
13
  --mr-color-text-warning: var(--mr-ref-color-brand-warm-text-warning-light);
12
14
  --mr-color-text-danger: var(--mr-ref-color-brand-warm-text-danger-light);
13
15
  --mr-color-text-success: var(--mr-ref-color-brand-warm-text-success-light);
package/dist/js/tokens.d.ts CHANGED
@@ -13,6 +13,8 @@ export const mrSysColorTextPrimary: string;
13
13
  export const mrSysColorTextSecondary: string;
14
14
  export const mrSysColorTextTertiary: string;
15
15
  export const mrSysColorTextInverse: string;
16
+ export const mrSysColorTextInverseSuccess: string;
17
+ export const mrSysColorTextInverseWarning: string;
16
18
  export const mrSysColorTextWarning: string;
17
19
  export const mrSysColorTextDanger: string;
18
20
  export const mrSysColorTextSuccess: string;
@@ -52,6 +54,10 @@ export const mrRefColorBrandWarmTextLinkLight: string;
52
54
  export const mrRefColorBrandWarmTextLinkDark: string;
53
55
  export const mrRefColorBrandWarmTextInverseLight: string;
54
56
  export const mrRefColorBrandWarmTextInverseDark: string;
57
+ export const mrRefColorBrandWarmTextInverseSuccessLight: string;
58
+ export const mrRefColorBrandWarmTextInverseSuccessDark: string;
59
+ export const mrRefColorBrandWarmTextInverseWarningLight: string;
60
+ export const mrRefColorBrandWarmTextInverseWarningDark: string;
55
61
  export const mrRefColorBrandWarmTextDangerLight: string;
56
62
  export const mrRefColorBrandWarmTextDangerDark: string;
57
63
  export const mrRefColorBrandWarmTextWarningLight: string;
@@ -456,6 +462,8 @@ export const mrColorTextPrimary: string;
456
462
  export const mrColorTextSecondary: string;
457
463
  export const mrColorTextTertiary: string;
458
464
  export const mrColorTextInverse: string;
465
+ export const mrColorTextInverseSuccess: string;
466
+ export const mrColorTextInverseWarning: string;
459
467
  export const mrColorTextWarning: string;
460
468
  export const mrColorTextDanger: string;
461
469
  export const mrColorTextSuccess: string;
package/dist/js/tokens.js CHANGED
@@ -14,6 +14,8 @@ export const mrSysColorTextPrimary = "#f4f2ee";
14
14
  export const mrSysColorTextSecondary = "#b5aea1";
15
15
  export const mrSysColorTextTertiary = "#a39b8c";
16
16
  export const mrSysColorTextInverse = "#1c1814";
17
+ export const mrSysColorTextInverseSuccess = "#1d7a3b";
18
+ export const mrSysColorTextInverseWarning = "#8a5a12";
17
19
  export const mrSysColorTextWarning = "#e8c285";
18
20
  export const mrSysColorTextDanger = "#ff7068";
19
21
  export const mrSysColorTextSuccess = "#7fc28f";
@@ -54,6 +56,10 @@ export const mrRefColorBrandWarmTextLinkLight = "#2747c4";
54
56
  export const mrRefColorBrandWarmTextLinkDark = "#8aa0ff";
55
57
  export const mrRefColorBrandWarmTextInverseLight = "#fbfaf7";
56
58
  export const mrRefColorBrandWarmTextInverseDark = "#1c1814";
59
+ export const mrRefColorBrandWarmTextInverseSuccessLight = "#7fc28f";
60
+ export const mrRefColorBrandWarmTextInverseSuccessDark = "#1d7a3b";
61
+ export const mrRefColorBrandWarmTextInverseWarningLight = "#e8c285";
62
+ export const mrRefColorBrandWarmTextInverseWarningDark = "#8a5a12";
57
63
  export const mrRefColorBrandWarmTextDangerLight = "#8b1018";
58
64
  export const mrRefColorBrandWarmTextDangerDark = "#ff7068";
59
65
  export const mrRefColorBrandWarmTextWarningLight = "#5c4118";
@@ -464,6 +470,8 @@ export const mrColorTextPrimary = "#1f1b16";
464
470
  export const mrColorTextSecondary = "#6b6358";
465
471
  export const mrColorTextTertiary = "#5f574b";
466
472
  export const mrColorTextInverse = "#fbfaf7";
473
+ export const mrColorTextInverseSuccess = "#7fc28f";
474
+ export const mrColorTextInverseWarning = "#e8c285";
467
475
  export const mrColorTextWarning = "#5c4118";
468
476
  export const mrColorTextDanger = "#8b1018";
469
477
  export const mrColorTextSuccess = "#1d4d2a";
package/dist/tailwind/theme.css CHANGED
@@ -56,6 +56,8 @@
56
56
  --color-text-secondary: var(--mr-color-text-secondary);
57
57
  --color-text-tertiary: var(--mr-color-text-tertiary);
58
58
  --color-text-inverse: var(--mr-color-text-inverse);
59
+ --color-text-inverseSuccess: var(--mr-color-text-inverse-success);
60
+ --color-text-inverseWarning: var(--mr-color-text-inverse-warning);
59
61
  --color-text-warning: var(--mr-color-text-warning);
60
62
  --color-text-danger: var(--mr-color-text-danger);
61
63
  --color-text-success: var(--mr-color-text-success);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mediaradar/design-tokens",
3
- "version": "2.9.0",
3
+ "version": "2.10.0",
4
4
  "main": "dist/js/tokens.js",
5
5
  "types": "dist/js/tokens.d.ts",
6
6
  "type": "module",