@mediaradar/design-tokens 2.12.0 → 3.0.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.
package/dist/DESIGN.md CHANGED
@@ -297,12 +297,12 @@ Tailwind: `p-{key}`, `m-{key}`, `gap-{key}`, `w-{key}`, `h-{key}`, etc. Integer
297
297
  | 22 | 5.5rem |
298
298
  | 23 | 5.75rem |
299
299
  | 24 | 6rem |
300
- | 25 | 7rem |
301
- | 26 | 8rem |
302
- | 27 | 9rem |
303
- | 28 | 10rem |
304
- | 29 | 11rem |
305
- | 30 | 12rem |
300
+ | 25 | 6.25rem |
301
+ | 26 | 6.5rem |
302
+ | 27 | 6.75rem |
303
+ | 28 | 7rem |
304
+ | 29 | 7.25rem |
305
+ | 30 | 7.5rem |
306
306
  | 1_5 | 0.375rem |
307
307
  | 2_5 | 0.625rem |
308
308
  | 3_5 | 0.875rem |
@@ -24,12 +24,12 @@
24
24
  --mr-ref-dimension-spacing-scale-22: 5.5rem;
25
25
  --mr-ref-dimension-spacing-scale-23: 5.75rem;
26
26
  --mr-ref-dimension-spacing-scale-24: 6rem;
27
- --mr-ref-dimension-spacing-scale-25: 7rem;
28
- --mr-ref-dimension-spacing-scale-26: 8rem;
29
- --mr-ref-dimension-spacing-scale-27: 9rem;
30
- --mr-ref-dimension-spacing-scale-28: 10rem;
31
- --mr-ref-dimension-spacing-scale-29: 11rem;
32
- --mr-ref-dimension-spacing-scale-30: 12rem;
27
+ --mr-ref-dimension-spacing-scale-25: 6.25rem;
28
+ --mr-ref-dimension-spacing-scale-26: 6.5rem;
29
+ --mr-ref-dimension-spacing-scale-27: 6.75rem;
30
+ --mr-ref-dimension-spacing-scale-28: 7rem;
31
+ --mr-ref-dimension-spacing-scale-29: 7.25rem;
32
+ --mr-ref-dimension-spacing-scale-30: 7.5rem;
33
33
  --mr-ref-dimension-spacing-scale-1-5: 0.375rem;
34
34
  --mr-ref-dimension-spacing-scale-2-5: 0.625rem;
35
35
  --mr-ref-dimension-spacing-scale-3-5: 0.875rem;
package/dist/js/tokens.js CHANGED
@@ -390,12 +390,12 @@ export const mrRefDimensionSpacingScale_21 = 5.25;
390
390
  export const mrRefDimensionSpacingScale_22 = 5.5;
391
391
  export const mrRefDimensionSpacingScale_23 = 5.75;
392
392
  export const mrRefDimensionSpacingScale_24 = 6;
393
- export const mrRefDimensionSpacingScale_25 = 7;
394
- export const mrRefDimensionSpacingScale_26 = 8;
395
- export const mrRefDimensionSpacingScale_27 = 9;
396
- export const mrRefDimensionSpacingScale_28 = 10;
397
- export const mrRefDimensionSpacingScale_29 = 11;
398
- export const mrRefDimensionSpacingScale_30 = 12;
393
+ export const mrRefDimensionSpacingScale_25 = 6.25;
394
+ export const mrRefDimensionSpacingScale_26 = 6.5;
395
+ export const mrRefDimensionSpacingScale_27 = 6.75;
396
+ export const mrRefDimensionSpacingScale_28 = 7;
397
+ export const mrRefDimensionSpacingScale_29 = 7.25;
398
+ export const mrRefDimensionSpacingScale_30 = 7.5;
399
399
  export const mrRefDimensionSpacingScale_1_5 = 0.375;
400
400
  export const mrRefDimensionSpacingScale_2_5 = 0.625;
401
401
  export const mrRefDimensionSpacingScale_3_5 = 0.875;
@@ -111,44 +111,6 @@ const textStyles = {
111
111
  const preset = {
112
112
  theme: { extend: {
113
113
  "spacing": {
114
- "0": "var(--mr-ref-dimension-spacing-scale-0)",
115
- "1": "var(--mr-ref-dimension-spacing-scale-1)",
116
- "2": "var(--mr-ref-dimension-spacing-scale-2)",
117
- "3": "var(--mr-ref-dimension-spacing-scale-3)",
118
- "4": "var(--mr-ref-dimension-spacing-scale-4)",
119
- "5": "var(--mr-ref-dimension-spacing-scale-5)",
120
- "6": "var(--mr-ref-dimension-spacing-scale-6)",
121
- "7": "var(--mr-ref-dimension-spacing-scale-7)",
122
- "8": "var(--mr-ref-dimension-spacing-scale-8)",
123
- "9": "var(--mr-ref-dimension-spacing-scale-9)",
124
- "10": "var(--mr-ref-dimension-spacing-scale-10)",
125
- "11": "var(--mr-ref-dimension-spacing-scale-11)",
126
- "12": "var(--mr-ref-dimension-spacing-scale-12)",
127
- "13": "var(--mr-ref-dimension-spacing-scale-13)",
128
- "14": "var(--mr-ref-dimension-spacing-scale-14)",
129
- "15": "var(--mr-ref-dimension-spacing-scale-15)",
130
- "16": "var(--mr-ref-dimension-spacing-scale-16)",
131
- "17": "var(--mr-ref-dimension-spacing-scale-17)",
132
- "18": "var(--mr-ref-dimension-spacing-scale-18)",
133
- "19": "var(--mr-ref-dimension-spacing-scale-19)",
134
- "20": "var(--mr-ref-dimension-spacing-scale-20)",
135
- "21": "var(--mr-ref-dimension-spacing-scale-21)",
136
- "22": "var(--mr-ref-dimension-spacing-scale-22)",
137
- "23": "var(--mr-ref-dimension-spacing-scale-23)",
138
- "24": "var(--mr-ref-dimension-spacing-scale-24)",
139
- "25": "var(--mr-ref-dimension-spacing-scale-25)",
140
- "26": "var(--mr-ref-dimension-spacing-scale-26)",
141
- "27": "var(--mr-ref-dimension-spacing-scale-27)",
142
- "28": "var(--mr-ref-dimension-spacing-scale-28)",
143
- "29": "var(--mr-ref-dimension-spacing-scale-29)",
144
- "30": "var(--mr-ref-dimension-spacing-scale-30)",
145
- "1_5": "var(--mr-ref-dimension-spacing-scale-1-5)",
146
- "2_5": "var(--mr-ref-dimension-spacing-scale-2-5)",
147
- "3_5": "var(--mr-ref-dimension-spacing-scale-3-5)",
148
- "4_5": "var(--mr-ref-dimension-spacing-scale-4-5)",
149
- "5_5": "var(--mr-ref-dimension-spacing-scale-5-5)",
150
- "6_5": "var(--mr-ref-dimension-spacing-scale-6-5)",
151
- "7_5": "var(--mr-ref-dimension-spacing-scale-7-5)",
152
114
  "0px": "var(--mr-ref-dimension-spacing-px-0)",
153
115
  "1px": "var(--mr-ref-dimension-spacing-px-1)",
154
116
  "2px": "var(--mr-ref-dimension-spacing-px-2)",
@@ -111,44 +111,6 @@ const textStyles = {
111
111
  const preset = {
112
112
  theme: { extend: {
113
113
  "spacing": {
114
- "0": "var(--mr-ref-dimension-spacing-scale-0)",
115
- "1": "var(--mr-ref-dimension-spacing-scale-1)",
116
- "2": "var(--mr-ref-dimension-spacing-scale-2)",
117
- "3": "var(--mr-ref-dimension-spacing-scale-3)",
118
- "4": "var(--mr-ref-dimension-spacing-scale-4)",
119
- "5": "var(--mr-ref-dimension-spacing-scale-5)",
120
- "6": "var(--mr-ref-dimension-spacing-scale-6)",
121
- "7": "var(--mr-ref-dimension-spacing-scale-7)",
122
- "8": "var(--mr-ref-dimension-spacing-scale-8)",
123
- "9": "var(--mr-ref-dimension-spacing-scale-9)",
124
- "10": "var(--mr-ref-dimension-spacing-scale-10)",
125
- "11": "var(--mr-ref-dimension-spacing-scale-11)",
126
- "12": "var(--mr-ref-dimension-spacing-scale-12)",
127
- "13": "var(--mr-ref-dimension-spacing-scale-13)",
128
- "14": "var(--mr-ref-dimension-spacing-scale-14)",
129
- "15": "var(--mr-ref-dimension-spacing-scale-15)",
130
- "16": "var(--mr-ref-dimension-spacing-scale-16)",
131
- "17": "var(--mr-ref-dimension-spacing-scale-17)",
132
- "18": "var(--mr-ref-dimension-spacing-scale-18)",
133
- "19": "var(--mr-ref-dimension-spacing-scale-19)",
134
- "20": "var(--mr-ref-dimension-spacing-scale-20)",
135
- "21": "var(--mr-ref-dimension-spacing-scale-21)",
136
- "22": "var(--mr-ref-dimension-spacing-scale-22)",
137
- "23": "var(--mr-ref-dimension-spacing-scale-23)",
138
- "24": "var(--mr-ref-dimension-spacing-scale-24)",
139
- "25": "var(--mr-ref-dimension-spacing-scale-25)",
140
- "26": "var(--mr-ref-dimension-spacing-scale-26)",
141
- "27": "var(--mr-ref-dimension-spacing-scale-27)",
142
- "28": "var(--mr-ref-dimension-spacing-scale-28)",
143
- "29": "var(--mr-ref-dimension-spacing-scale-29)",
144
- "30": "var(--mr-ref-dimension-spacing-scale-30)",
145
- "1_5": "var(--mr-ref-dimension-spacing-scale-1-5)",
146
- "2_5": "var(--mr-ref-dimension-spacing-scale-2-5)",
147
- "3_5": "var(--mr-ref-dimension-spacing-scale-3-5)",
148
- "4_5": "var(--mr-ref-dimension-spacing-scale-4-5)",
149
- "5_5": "var(--mr-ref-dimension-spacing-scale-5-5)",
150
- "6_5": "var(--mr-ref-dimension-spacing-scale-6-5)",
151
- "7_5": "var(--mr-ref-dimension-spacing-scale-7-5)",
152
114
  "0px": "var(--mr-ref-dimension-spacing-px-0)",
153
115
  "1px": "var(--mr-ref-dimension-spacing-px-1)",
154
116
  "2px": "var(--mr-ref-dimension-spacing-px-2)",
@@ -1,42 +1,4 @@
1
1
  @theme inline {
2
- --spacing-0: var(--mr-ref-dimension-spacing-scale-0);
3
- --spacing-1: var(--mr-ref-dimension-spacing-scale-1);
4
- --spacing-2: var(--mr-ref-dimension-spacing-scale-2);
5
- --spacing-3: var(--mr-ref-dimension-spacing-scale-3);
6
- --spacing-4: var(--mr-ref-dimension-spacing-scale-4);
7
- --spacing-5: var(--mr-ref-dimension-spacing-scale-5);
8
- --spacing-6: var(--mr-ref-dimension-spacing-scale-6);
9
- --spacing-7: var(--mr-ref-dimension-spacing-scale-7);
10
- --spacing-8: var(--mr-ref-dimension-spacing-scale-8);
11
- --spacing-9: var(--mr-ref-dimension-spacing-scale-9);
12
- --spacing-10: var(--mr-ref-dimension-spacing-scale-10);
13
- --spacing-11: var(--mr-ref-dimension-spacing-scale-11);
14
- --spacing-12: var(--mr-ref-dimension-spacing-scale-12);
15
- --spacing-13: var(--mr-ref-dimension-spacing-scale-13);
16
- --spacing-14: var(--mr-ref-dimension-spacing-scale-14);
17
- --spacing-15: var(--mr-ref-dimension-spacing-scale-15);
18
- --spacing-16: var(--mr-ref-dimension-spacing-scale-16);
19
- --spacing-17: var(--mr-ref-dimension-spacing-scale-17);
20
- --spacing-18: var(--mr-ref-dimension-spacing-scale-18);
21
- --spacing-19: var(--mr-ref-dimension-spacing-scale-19);
22
- --spacing-20: var(--mr-ref-dimension-spacing-scale-20);
23
- --spacing-21: var(--mr-ref-dimension-spacing-scale-21);
24
- --spacing-22: var(--mr-ref-dimension-spacing-scale-22);
25
- --spacing-23: var(--mr-ref-dimension-spacing-scale-23);
26
- --spacing-24: var(--mr-ref-dimension-spacing-scale-24);
27
- --spacing-25: var(--mr-ref-dimension-spacing-scale-25);
28
- --spacing-26: var(--mr-ref-dimension-spacing-scale-26);
29
- --spacing-27: var(--mr-ref-dimension-spacing-scale-27);
30
- --spacing-28: var(--mr-ref-dimension-spacing-scale-28);
31
- --spacing-29: var(--mr-ref-dimension-spacing-scale-29);
32
- --spacing-30: var(--mr-ref-dimension-spacing-scale-30);
33
- --spacing-1_5: var(--mr-ref-dimension-spacing-scale-1-5);
34
- --spacing-2_5: var(--mr-ref-dimension-spacing-scale-2-5);
35
- --spacing-3_5: var(--mr-ref-dimension-spacing-scale-3-5);
36
- --spacing-4_5: var(--mr-ref-dimension-spacing-scale-4-5);
37
- --spacing-5_5: var(--mr-ref-dimension-spacing-scale-5-5);
38
- --spacing-6_5: var(--mr-ref-dimension-spacing-scale-6-5);
39
- --spacing-7_5: var(--mr-ref-dimension-spacing-scale-7-5);
40
2
  --spacing-0px: var(--mr-ref-dimension-spacing-px-0);
41
3
  --spacing-1px: var(--mr-ref-dimension-spacing-px-1);
42
4
  --spacing-2px: var(--mr-ref-dimension-spacing-px-2);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mediaradar/design-tokens",
3
- "version": "2.12.0",
3
+ "version": "3.0.0",
4
4
  "main": "dist/js/tokens.js",
5
5
  "types": "dist/js/tokens.d.ts",
6
6
  "type": "module",