@mediaradar/design-tokens 2.11.0 → 2.11.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 (3) hide show
  1. package/dist/tailwind/preset.cjs +274 -0
  2. package/dist/tailwind/preset.js +274 -0
  3. package/package.json +1 -1
package/dist/tailwind/preset.cjs ADDED
@@ -0,0 +1,274 @@
1
+ // Generated by packages/design-tokens/sd.config.mjs -- do not edit.
2
+ // Tailwind preset: the same classes as tailwind/theme.css + tailwind/typography.css.
3
+ const textStyles = {
4
+ ".text-style-heading-1": {
5
+ "font-size": "var(--mr-text-style-heading-1-font-size)",
6
+ "font-weight": "var(--mr-text-style-heading-1-font-weight)",
7
+ "line-height": "var(--mr-text-style-heading-1-line-height)",
8
+ "letter-spacing": "var(--mr-text-style-heading-1-letter-spacing)",
9
+ "color": "var(--mr-text-style-heading-1-color)"
10
+ },
11
+ ".text-style-heading-2": {
12
+ "font-size": "var(--mr-text-style-heading-2-font-size)",
13
+ "font-weight": "var(--mr-text-style-heading-2-font-weight)",
14
+ "line-height": "var(--mr-text-style-heading-2-line-height)",
15
+ "letter-spacing": "var(--mr-text-style-heading-2-letter-spacing)",
16
+ "color": "var(--mr-text-style-heading-2-color)"
17
+ },
18
+ ".text-style-heading-3": {
19
+ "font-size": "var(--mr-text-style-heading-3-font-size)",
20
+ "font-weight": "var(--mr-text-style-heading-3-font-weight)",
21
+ "line-height": "var(--mr-text-style-heading-3-line-height)",
22
+ "letter-spacing": "var(--mr-text-style-heading-3-letter-spacing)",
23
+ "color": "var(--mr-text-style-heading-3-color)"
24
+ },
25
+ ".text-style-body-lg": {
26
+ "font-size": "var(--mr-text-style-body-lg-font-size)",
27
+ "font-weight": "var(--mr-text-style-body-lg-font-weight)",
28
+ "line-height": "var(--mr-text-style-body-lg-line-height)",
29
+ "letter-spacing": "var(--mr-text-style-body-lg-letter-spacing)",
30
+ "color": "var(--mr-text-style-body-lg-color)"
31
+ },
32
+ ".text-style-body": {
33
+ "font-size": "var(--mr-text-style-body-font-size)",
34
+ "font-weight": "var(--mr-text-style-body-font-weight)",
35
+ "line-height": "var(--mr-text-style-body-line-height)",
36
+ "letter-spacing": "var(--mr-text-style-body-letter-spacing)",
37
+ "color": "var(--mr-text-style-body-color)"
38
+ },
39
+ ".text-style-body-sm": {
40
+ "font-size": "var(--mr-text-style-body-sm-font-size)",
41
+ "font-weight": "var(--mr-text-style-body-sm-font-weight)",
42
+ "line-height": "var(--mr-text-style-body-sm-line-height)",
43
+ "letter-spacing": "var(--mr-text-style-body-sm-letter-spacing)",
44
+ "color": "var(--mr-text-style-body-sm-color)"
45
+ },
46
+ ".text-style-body-xs": {
47
+ "font-size": "var(--mr-text-style-body-xs-font-size)",
48
+ "font-weight": "var(--mr-text-style-body-xs-font-weight)",
49
+ "line-height": "var(--mr-text-style-body-xs-line-height)",
50
+ "letter-spacing": "var(--mr-text-style-body-xs-letter-spacing)",
51
+ "color": "var(--mr-text-style-body-xs-color)"
52
+ },
53
+ ".text-style-label": {
54
+ "font-size": "var(--mr-text-style-label-font-size)",
55
+ "font-weight": "var(--mr-text-style-label-font-weight)",
56
+ "line-height": "var(--mr-text-style-label-line-height)",
57
+ "letter-spacing": "var(--mr-text-style-label-letter-spacing)",
58
+ "color": "var(--mr-text-style-label-color)"
59
+ },
60
+ ".text-style-label-strong": {
61
+ "font-size": "var(--mr-text-style-label-strong-font-size)",
62
+ "font-weight": "var(--mr-text-style-label-strong-font-weight)",
63
+ "line-height": "var(--mr-text-style-label-strong-line-height)",
64
+ "letter-spacing": "var(--mr-text-style-label-strong-letter-spacing)",
65
+ "color": "var(--mr-text-style-label-strong-color)"
66
+ },
67
+ ".text-style-label-sm": {
68
+ "font-size": "var(--mr-text-style-label-sm-font-size)",
69
+ "font-weight": "var(--mr-text-style-label-sm-font-weight)",
70
+ "line-height": "var(--mr-text-style-label-sm-line-height)",
71
+ "letter-spacing": "var(--mr-text-style-label-sm-letter-spacing)",
72
+ "color": "var(--mr-text-style-label-sm-color)"
73
+ },
74
+ ".text-style-label-xs": {
75
+ "font-size": "var(--mr-text-style-label-xs-font-size)",
76
+ "font-weight": "var(--mr-text-style-label-xs-font-weight)",
77
+ "line-height": "var(--mr-text-style-label-xs-line-height)",
78
+ "letter-spacing": "var(--mr-text-style-label-xs-letter-spacing)",
79
+ "color": "var(--mr-text-style-label-xs-color)"
80
+ },
81
+ ".text-style-caption": {
82
+ "font-size": "var(--mr-text-style-caption-font-size)",
83
+ "font-weight": "var(--mr-text-style-caption-font-weight)",
84
+ "line-height": "var(--mr-text-style-caption-line-height)",
85
+ "letter-spacing": "var(--mr-text-style-caption-letter-spacing)",
86
+ "color": "var(--mr-text-style-caption-color)"
87
+ },
88
+ ".text-style-link": {
89
+ "font-size": "var(--mr-text-style-link-font-size)",
90
+ "font-weight": "var(--mr-text-style-link-font-weight)",
91
+ "line-height": "var(--mr-text-style-link-line-height)",
92
+ "letter-spacing": "var(--mr-text-style-link-letter-spacing)",
93
+ "color": "var(--mr-text-style-link-color)"
94
+ },
95
+ ".text-style-link-strong": {
96
+ "font-size": "var(--mr-text-style-link-strong-font-size)",
97
+ "font-weight": "var(--mr-text-style-link-strong-font-weight)",
98
+ "line-height": "var(--mr-text-style-link-strong-line-height)",
99
+ "letter-spacing": "var(--mr-text-style-link-strong-letter-spacing)",
100
+ "color": "var(--mr-text-style-link-strong-color)"
101
+ },
102
+ ".text-style-link-xs": {
103
+ "font-size": "var(--mr-text-style-link-xs-font-size)",
104
+ "font-weight": "var(--mr-text-style-link-xs-font-weight)",
105
+ "line-height": "var(--mr-text-style-link-xs-line-height)",
106
+ "letter-spacing": "var(--mr-text-style-link-xs-letter-spacing)",
107
+ "color": "var(--mr-text-style-link-xs-color)"
108
+ }
109
+ };
110
+
111
+ const preset = {
112
+ theme: { extend: {
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
+ "0px": "var(--mr-ref-dimension-spacing-px-0)",
153
+ "1px": "var(--mr-ref-dimension-spacing-px-1)",
154
+ "2px": "var(--mr-ref-dimension-spacing-px-2)",
155
+ "3px": "var(--mr-ref-dimension-spacing-px-3)",
156
+ "5px": "var(--mr-ref-dimension-spacing-px-5)",
157
+ "6px": "var(--mr-ref-dimension-spacing-px-6)",
158
+ "7px": "var(--mr-ref-dimension-spacing-px-7)",
159
+ "8px": "var(--mr-ref-dimension-spacing-px-8)",
160
+ "9px": "var(--mr-ref-dimension-spacing-px-9)",
161
+ "10px": "var(--mr-ref-dimension-spacing-px-10)",
162
+ "control-padding-x": "var(--mr-spacing-control-padding-x)",
163
+ "control-padding-y": "var(--mr-spacing-control-padding-y)",
164
+ "layout-xs": "var(--mr-spacing-layout-xs)",
165
+ "layout-sm": "var(--mr-spacing-layout-sm)",
166
+ "layout-md": "var(--mr-spacing-layout-md)",
167
+ "layout-lg": "var(--mr-spacing-layout-lg)",
168
+ "layout-xl": "var(--mr-spacing-layout-xl)",
169
+ "card-padding": "var(--mr-spacing-card-padding)",
170
+ "dialog-padding": "var(--mr-spacing-dialog-padding)"
171
+ },
172
+ "colors": {
173
+ "canvas": "var(--mr-color-canvas)",
174
+ "surface": "var(--mr-color-surface)",
175
+ "inverseSurface": "var(--mr-color-inverse-surface)",
176
+ "subtle": "var(--mr-color-subtle)",
177
+ "input": "var(--mr-color-input)",
178
+ "text-primary": "var(--mr-color-text-primary)",
179
+ "text-secondary": "var(--mr-color-text-secondary)",
180
+ "text-tertiary": "var(--mr-color-text-tertiary)",
181
+ "text-title": "var(--mr-color-text-title)",
182
+ "text-inverse": "var(--mr-color-text-inverse)",
183
+ "text-inverseSuccess": "var(--mr-color-text-inverse-success)",
184
+ "text-inverseWarning": "var(--mr-color-text-inverse-warning)",
185
+ "text-warning": "var(--mr-color-text-warning)",
186
+ "text-danger": "var(--mr-color-text-danger)",
187
+ "text-success": "var(--mr-color-text-success)",
188
+ "text-link": "var(--mr-color-text-link)",
189
+ "brand-primary": "var(--mr-color-brand-primary)",
190
+ "brand-primaryAction": "var(--mr-color-brand-primary-action)",
191
+ "brand-onprimary": "var(--mr-color-brand-onprimary)",
192
+ "brand-primarySoft": "var(--mr-color-brand-primary-soft)",
193
+ "brand-primaryTint": "var(--mr-color-brand-primary-tint)",
194
+ "status-success": "var(--mr-color-status-success)",
195
+ "status-warning": "var(--mr-color-status-warning)",
196
+ "status-danger": "var(--mr-color-status-danger)",
197
+ "status-onstatus": "var(--mr-color-status-onstatus)",
198
+ "status-on-status": "var(--mr-color-status-on-status)",
199
+ "border-default": "var(--mr-color-border-default)",
200
+ "border-interactive": "var(--mr-color-border-interactive)",
201
+ "border-focus": "var(--mr-color-border-focus)",
202
+ "border-focusSoft": "var(--mr-color-border-focus-soft)",
203
+ "border-strong": "var(--mr-color-border-strong)",
204
+ "ai-tint": "var(--mr-color-ai-tint)",
205
+ "ai-ontint": "var(--mr-color-ai-ontint)",
206
+ "ai-gradient": "var(--mr-color-ai-gradient)",
207
+ "scrim": "var(--mr-color-scrim)"
208
+ },
209
+ "fontFamily": {
210
+ "sans": "var(--mr-typography-family-sans)",
211
+ "serif": "var(--mr-typography-family-serif)"
212
+ },
213
+ "fontSize": {
214
+ "micro": "var(--mr-typography-font-size-micro)",
215
+ "xs": "var(--mr-typography-font-size-xs)",
216
+ "dense": "var(--mr-typography-font-size-dense)",
217
+ "sm": "var(--mr-typography-font-size-sm)",
218
+ "base": "var(--mr-typography-font-size-base)",
219
+ "md": "var(--mr-typography-font-size-md)",
220
+ "lg": "var(--mr-typography-font-size-lg)",
221
+ "xl": "var(--mr-typography-font-size-xl)",
222
+ "h1": "var(--mr-typography-font-size-h1)"
223
+ },
224
+ "fontWeight": {
225
+ "regular": "var(--mr-typography-weight-regular)",
226
+ "medium": "var(--mr-typography-weight-medium)",
227
+ "semibold": "var(--mr-typography-weight-semibold)",
228
+ "bold": "var(--mr-typography-weight-bold)"
229
+ },
230
+ "lineHeight": {
231
+ "tight": "var(--mr-typography-line-height-tight)",
232
+ "base": "var(--mr-typography-line-height-base)",
233
+ "head": "var(--mr-typography-line-height-head)"
234
+ },
235
+ "letterSpacing": {
236
+ "normal": "var(--mr-typography-letter-spacing-normal)",
237
+ "tight": "var(--mr-typography-letter-spacing-tight)"
238
+ },
239
+ "borderRadius": {
240
+ "control": "var(--mr-shape-radius-control)",
241
+ "card": "var(--mr-shape-radius-card)",
242
+ "pill": "var(--mr-shape-radius-pill)"
243
+ },
244
+ "boxShadow": {
245
+ "raised": "var(--mr-elevation-raised)",
246
+ "overlay": "var(--mr-elevation-overlay)"
247
+ },
248
+ "backgroundImage": {
249
+ "tone-danger": "var(--mr-gradient-tone-danger)",
250
+ "tone-info": "var(--mr-gradient-tone-info)",
251
+ "tone-warning": "var(--mr-gradient-tone-warning)",
252
+ "tone-success": "var(--mr-gradient-tone-success)",
253
+ "tone-neutral": "var(--mr-gradient-tone-neutral)"
254
+ },
255
+ "transitionDuration": {
256
+ "interactive": "var(--mr-motion-duration-interactive)"
257
+ },
258
+ "transitionTimingFunction": {
259
+ "interactive": "var(--mr-motion-easing-interactive)"
260
+ },
261
+ "opacity": {
262
+ "disabled": "var(--mr-opacity-disabled)"
263
+ },
264
+ "zIndex": {
265
+ "dropdown": "var(--mr-z-dropdown)",
266
+ "modal": "var(--mr-z-modal)",
267
+ "toast": "var(--mr-z-toast)",
268
+ "tooltip": "var(--mr-z-tooltip)"
269
+ }
270
+ } },
271
+ plugins: [({ addUtilities }) => addUtilities(textStyles)],
272
+ };
273
+
274
+ module.exports = preset;
package/dist/tailwind/preset.js ADDED
@@ -0,0 +1,274 @@
1
+ // Generated by packages/design-tokens/sd.config.mjs -- do not edit.
2
+ // Tailwind preset: the same classes as tailwind/theme.css + tailwind/typography.css.
3
+ const textStyles = {
4
+ ".text-style-heading-1": {
5
+ "font-size": "var(--mr-text-style-heading-1-font-size)",
6
+ "font-weight": "var(--mr-text-style-heading-1-font-weight)",
7
+ "line-height": "var(--mr-text-style-heading-1-line-height)",
8
+ "letter-spacing": "var(--mr-text-style-heading-1-letter-spacing)",
9
+ "color": "var(--mr-text-style-heading-1-color)"
10
+ },
11
+ ".text-style-heading-2": {
12
+ "font-size": "var(--mr-text-style-heading-2-font-size)",
13
+ "font-weight": "var(--mr-text-style-heading-2-font-weight)",
14
+ "line-height": "var(--mr-text-style-heading-2-line-height)",
15
+ "letter-spacing": "var(--mr-text-style-heading-2-letter-spacing)",
16
+ "color": "var(--mr-text-style-heading-2-color)"
17
+ },
18
+ ".text-style-heading-3": {
19
+ "font-size": "var(--mr-text-style-heading-3-font-size)",
20
+ "font-weight": "var(--mr-text-style-heading-3-font-weight)",
21
+ "line-height": "var(--mr-text-style-heading-3-line-height)",
22
+ "letter-spacing": "var(--mr-text-style-heading-3-letter-spacing)",
23
+ "color": "var(--mr-text-style-heading-3-color)"
24
+ },
25
+ ".text-style-body-lg": {
26
+ "font-size": "var(--mr-text-style-body-lg-font-size)",
27
+ "font-weight": "var(--mr-text-style-body-lg-font-weight)",
28
+ "line-height": "var(--mr-text-style-body-lg-line-height)",
29
+ "letter-spacing": "var(--mr-text-style-body-lg-letter-spacing)",
30
+ "color": "var(--mr-text-style-body-lg-color)"
31
+ },
32
+ ".text-style-body": {
33
+ "font-size": "var(--mr-text-style-body-font-size)",
34
+ "font-weight": "var(--mr-text-style-body-font-weight)",
35
+ "line-height": "var(--mr-text-style-body-line-height)",
36
+ "letter-spacing": "var(--mr-text-style-body-letter-spacing)",
37
+ "color": "var(--mr-text-style-body-color)"
38
+ },
39
+ ".text-style-body-sm": {
40
+ "font-size": "var(--mr-text-style-body-sm-font-size)",
41
+ "font-weight": "var(--mr-text-style-body-sm-font-weight)",
42
+ "line-height": "var(--mr-text-style-body-sm-line-height)",
43
+ "letter-spacing": "var(--mr-text-style-body-sm-letter-spacing)",
44
+ "color": "var(--mr-text-style-body-sm-color)"
45
+ },
46
+ ".text-style-body-xs": {
47
+ "font-size": "var(--mr-text-style-body-xs-font-size)",
48
+ "font-weight": "var(--mr-text-style-body-xs-font-weight)",
49
+ "line-height": "var(--mr-text-style-body-xs-line-height)",
50
+ "letter-spacing": "var(--mr-text-style-body-xs-letter-spacing)",
51
+ "color": "var(--mr-text-style-body-xs-color)"
52
+ },
53
+ ".text-style-label": {
54
+ "font-size": "var(--mr-text-style-label-font-size)",
55
+ "font-weight": "var(--mr-text-style-label-font-weight)",
56
+ "line-height": "var(--mr-text-style-label-line-height)",
57
+ "letter-spacing": "var(--mr-text-style-label-letter-spacing)",
58
+ "color": "var(--mr-text-style-label-color)"
59
+ },
60
+ ".text-style-label-strong": {
61
+ "font-size": "var(--mr-text-style-label-strong-font-size)",
62
+ "font-weight": "var(--mr-text-style-label-strong-font-weight)",
63
+ "line-height": "var(--mr-text-style-label-strong-line-height)",
64
+ "letter-spacing": "var(--mr-text-style-label-strong-letter-spacing)",
65
+ "color": "var(--mr-text-style-label-strong-color)"
66
+ },
67
+ ".text-style-label-sm": {
68
+ "font-size": "var(--mr-text-style-label-sm-font-size)",
69
+ "font-weight": "var(--mr-text-style-label-sm-font-weight)",
70
+ "line-height": "var(--mr-text-style-label-sm-line-height)",
71
+ "letter-spacing": "var(--mr-text-style-label-sm-letter-spacing)",
72
+ "color": "var(--mr-text-style-label-sm-color)"
73
+ },
74
+ ".text-style-label-xs": {
75
+ "font-size": "var(--mr-text-style-label-xs-font-size)",
76
+ "font-weight": "var(--mr-text-style-label-xs-font-weight)",
77
+ "line-height": "var(--mr-text-style-label-xs-line-height)",
78
+ "letter-spacing": "var(--mr-text-style-label-xs-letter-spacing)",
79
+ "color": "var(--mr-text-style-label-xs-color)"
80
+ },
81
+ ".text-style-caption": {
82
+ "font-size": "var(--mr-text-style-caption-font-size)",
83
+ "font-weight": "var(--mr-text-style-caption-font-weight)",
84
+ "line-height": "var(--mr-text-style-caption-line-height)",
85
+ "letter-spacing": "var(--mr-text-style-caption-letter-spacing)",
86
+ "color": "var(--mr-text-style-caption-color)"
87
+ },
88
+ ".text-style-link": {
89
+ "font-size": "var(--mr-text-style-link-font-size)",
90
+ "font-weight": "var(--mr-text-style-link-font-weight)",
91
+ "line-height": "var(--mr-text-style-link-line-height)",
92
+ "letter-spacing": "var(--mr-text-style-link-letter-spacing)",
93
+ "color": "var(--mr-text-style-link-color)"
94
+ },
95
+ ".text-style-link-strong": {
96
+ "font-size": "var(--mr-text-style-link-strong-font-size)",
97
+ "font-weight": "var(--mr-text-style-link-strong-font-weight)",
98
+ "line-height": "var(--mr-text-style-link-strong-line-height)",
99
+ "letter-spacing": "var(--mr-text-style-link-strong-letter-spacing)",
100
+ "color": "var(--mr-text-style-link-strong-color)"
101
+ },
102
+ ".text-style-link-xs": {
103
+ "font-size": "var(--mr-text-style-link-xs-font-size)",
104
+ "font-weight": "var(--mr-text-style-link-xs-font-weight)",
105
+ "line-height": "var(--mr-text-style-link-xs-line-height)",
106
+ "letter-spacing": "var(--mr-text-style-link-xs-letter-spacing)",
107
+ "color": "var(--mr-text-style-link-xs-color)"
108
+ }
109
+ };
110
+
111
+ const preset = {
112
+ theme: { extend: {
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
+ "0px": "var(--mr-ref-dimension-spacing-px-0)",
153
+ "1px": "var(--mr-ref-dimension-spacing-px-1)",
154
+ "2px": "var(--mr-ref-dimension-spacing-px-2)",
155
+ "3px": "var(--mr-ref-dimension-spacing-px-3)",
156
+ "5px": "var(--mr-ref-dimension-spacing-px-5)",
157
+ "6px": "var(--mr-ref-dimension-spacing-px-6)",
158
+ "7px": "var(--mr-ref-dimension-spacing-px-7)",
159
+ "8px": "var(--mr-ref-dimension-spacing-px-8)",
160
+ "9px": "var(--mr-ref-dimension-spacing-px-9)",
161
+ "10px": "var(--mr-ref-dimension-spacing-px-10)",
162
+ "control-padding-x": "var(--mr-spacing-control-padding-x)",
163
+ "control-padding-y": "var(--mr-spacing-control-padding-y)",
164
+ "layout-xs": "var(--mr-spacing-layout-xs)",
165
+ "layout-sm": "var(--mr-spacing-layout-sm)",
166
+ "layout-md": "var(--mr-spacing-layout-md)",
167
+ "layout-lg": "var(--mr-spacing-layout-lg)",
168
+ "layout-xl": "var(--mr-spacing-layout-xl)",
169
+ "card-padding": "var(--mr-spacing-card-padding)",
170
+ "dialog-padding": "var(--mr-spacing-dialog-padding)"
171
+ },
172
+ "colors": {
173
+ "canvas": "var(--mr-color-canvas)",
174
+ "surface": "var(--mr-color-surface)",
175
+ "inverseSurface": "var(--mr-color-inverse-surface)",
176
+ "subtle": "var(--mr-color-subtle)",
177
+ "input": "var(--mr-color-input)",
178
+ "text-primary": "var(--mr-color-text-primary)",
179
+ "text-secondary": "var(--mr-color-text-secondary)",
180
+ "text-tertiary": "var(--mr-color-text-tertiary)",
181
+ "text-title": "var(--mr-color-text-title)",
182
+ "text-inverse": "var(--mr-color-text-inverse)",
183
+ "text-inverseSuccess": "var(--mr-color-text-inverse-success)",
184
+ "text-inverseWarning": "var(--mr-color-text-inverse-warning)",
185
+ "text-warning": "var(--mr-color-text-warning)",
186
+ "text-danger": "var(--mr-color-text-danger)",
187
+ "text-success": "var(--mr-color-text-success)",
188
+ "text-link": "var(--mr-color-text-link)",
189
+ "brand-primary": "var(--mr-color-brand-primary)",
190
+ "brand-primaryAction": "var(--mr-color-brand-primary-action)",
191
+ "brand-onprimary": "var(--mr-color-brand-onprimary)",
192
+ "brand-primarySoft": "var(--mr-color-brand-primary-soft)",
193
+ "brand-primaryTint": "var(--mr-color-brand-primary-tint)",
194
+ "status-success": "var(--mr-color-status-success)",
195
+ "status-warning": "var(--mr-color-status-warning)",
196
+ "status-danger": "var(--mr-color-status-danger)",
197
+ "status-onstatus": "var(--mr-color-status-onstatus)",
198
+ "status-on-status": "var(--mr-color-status-on-status)",
199
+ "border-default": "var(--mr-color-border-default)",
200
+ "border-interactive": "var(--mr-color-border-interactive)",
201
+ "border-focus": "var(--mr-color-border-focus)",
202
+ "border-focusSoft": "var(--mr-color-border-focus-soft)",
203
+ "border-strong": "var(--mr-color-border-strong)",
204
+ "ai-tint": "var(--mr-color-ai-tint)",
205
+ "ai-ontint": "var(--mr-color-ai-ontint)",
206
+ "ai-gradient": "var(--mr-color-ai-gradient)",
207
+ "scrim": "var(--mr-color-scrim)"
208
+ },
209
+ "fontFamily": {
210
+ "sans": "var(--mr-typography-family-sans)",
211
+ "serif": "var(--mr-typography-family-serif)"
212
+ },
213
+ "fontSize": {
214
+ "micro": "var(--mr-typography-font-size-micro)",
215
+ "xs": "var(--mr-typography-font-size-xs)",
216
+ "dense": "var(--mr-typography-font-size-dense)",
217
+ "sm": "var(--mr-typography-font-size-sm)",
218
+ "base": "var(--mr-typography-font-size-base)",
219
+ "md": "var(--mr-typography-font-size-md)",
220
+ "lg": "var(--mr-typography-font-size-lg)",
221
+ "xl": "var(--mr-typography-font-size-xl)",
222
+ "h1": "var(--mr-typography-font-size-h1)"
223
+ },
224
+ "fontWeight": {
225
+ "regular": "var(--mr-typography-weight-regular)",
226
+ "medium": "var(--mr-typography-weight-medium)",
227
+ "semibold": "var(--mr-typography-weight-semibold)",
228
+ "bold": "var(--mr-typography-weight-bold)"
229
+ },
230
+ "lineHeight": {
231
+ "tight": "var(--mr-typography-line-height-tight)",
232
+ "base": "var(--mr-typography-line-height-base)",
233
+ "head": "var(--mr-typography-line-height-head)"
234
+ },
235
+ "letterSpacing": {
236
+ "normal": "var(--mr-typography-letter-spacing-normal)",
237
+ "tight": "var(--mr-typography-letter-spacing-tight)"
238
+ },
239
+ "borderRadius": {
240
+ "control": "var(--mr-shape-radius-control)",
241
+ "card": "var(--mr-shape-radius-card)",
242
+ "pill": "var(--mr-shape-radius-pill)"
243
+ },
244
+ "boxShadow": {
245
+ "raised": "var(--mr-elevation-raised)",
246
+ "overlay": "var(--mr-elevation-overlay)"
247
+ },
248
+ "backgroundImage": {
249
+ "tone-danger": "var(--mr-gradient-tone-danger)",
250
+ "tone-info": "var(--mr-gradient-tone-info)",
251
+ "tone-warning": "var(--mr-gradient-tone-warning)",
252
+ "tone-success": "var(--mr-gradient-tone-success)",
253
+ "tone-neutral": "var(--mr-gradient-tone-neutral)"
254
+ },
255
+ "transitionDuration": {
256
+ "interactive": "var(--mr-motion-duration-interactive)"
257
+ },
258
+ "transitionTimingFunction": {
259
+ "interactive": "var(--mr-motion-easing-interactive)"
260
+ },
261
+ "opacity": {
262
+ "disabled": "var(--mr-opacity-disabled)"
263
+ },
264
+ "zIndex": {
265
+ "dropdown": "var(--mr-z-dropdown)",
266
+ "modal": "var(--mr-z-modal)",
267
+ "toast": "var(--mr-z-toast)",
268
+ "tooltip": "var(--mr-z-tooltip)"
269
+ }
270
+ } },
271
+ plugins: [({ addUtilities }) => addUtilities(textStyles)],
272
+ };
273
+
274
+ export default preset;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mediaradar/design-tokens",
3
- "version": "2.11.0",
3
+ "version": "2.11.2",
4
4
  "main": "dist/js/tokens.js",
5
5
  "types": "dist/js/tokens.d.ts",
6
6
  "type": "module",