@mediaradar/design-tokens 2.2.0 → 2.3.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 +2 -2
- package/dist/_headers +3 -0
- package/dist/css/ref.css +2 -2
- package/dist/js/tokens.js +8 -4
- package/dist/tailwind/theme.css +5 -5
- package/package.json +4 -2
package/dist/DESIGN.md
CHANGED
|
@@ -344,8 +344,8 @@ Tailwind: `p-{key}`, `m-{key}`, `gap-{key}`, `w-{key}`, `h-{key}`, etc. Integer
|
|
|
344
344
|
|
|
345
345
|
| Key | Value |
|
|
346
346
|
| --- | --- |
|
|
347
|
-
| raised |
|
|
348
|
-
| overlay |
|
|
347
|
+
| raised | 0 1px 2px 0 rgba(2, 6, 23, 0.04), 0 1px 1px 0 rgba(2, 6, 23, 0.06) |
|
|
348
|
+
| overlay | 0 4px 12px 0 rgba(2, 6, 23, 0.06), 0 2px 4px 0 rgba(2, 6, 23, 0.04) |
|
|
349
349
|
|
|
350
350
|
### Motion
|
|
351
351
|
|
package/dist/_headers
CHANGED
|
@@ -25,6 +25,9 @@
|
|
|
25
25
|
/patterns.json
|
|
26
26
|
Cache-Control: public, max-age=60, stale-while-revalidate=300
|
|
27
27
|
|
|
28
|
+
/component-source.tar.gz
|
|
29
|
+
Cache-Control: public, max-age=60, stale-while-revalidate=300
|
|
30
|
+
|
|
28
31
|
/changelog.json
|
|
29
32
|
Cache-Control: public, max-age=60, stale-while-revalidate=300
|
|
30
33
|
|
package/dist/css/ref.css
CHANGED
|
@@ -342,8 +342,8 @@
|
|
|
342
342
|
--mr-ref-opacity-disabled: 0.4;
|
|
343
343
|
--mr-ref-opacity-muted: 0.7;
|
|
344
344
|
--mr-ref-opacity-overlay: 0.6;
|
|
345
|
-
--mr-ref-shadow-sm:
|
|
346
|
-
--mr-ref-shadow-md:
|
|
345
|
+
--mr-ref-shadow-sm: 0 1px 2px 0 rgba(2, 6, 23, 0.04), 0 1px 1px 0 rgba(2, 6, 23, 0.06);
|
|
346
|
+
--mr-ref-shadow-md: 0 4px 12px 0 rgba(2, 6, 23, 0.06), 0 2px 4px 0 rgba(2, 6, 23, 0.04);
|
|
347
347
|
--mr-ref-motion-duration-fast: 120ms;
|
|
348
348
|
--mr-ref-motion-duration-base: 200ms;
|
|
349
349
|
--mr-ref-motion-duration-slow: 320ms;
|
package/dist/js/tokens.js
CHANGED
|
@@ -427,8 +427,10 @@ export const mrRefTypographyLetterSpacingTight = -0.025;
|
|
|
427
427
|
export const mrRefOpacityDisabled = 0.4;
|
|
428
428
|
export const mrRefOpacityMuted = 0.7;
|
|
429
429
|
export const mrRefOpacityOverlay = 0.6;
|
|
430
|
-
export const mrRefShadowSm =
|
|
431
|
-
|
|
430
|
+
export const mrRefShadowSm =
|
|
431
|
+
"0 1px 2px 0 rgba(2, 6, 23, 0.04), 0 1px 1px 0 rgba(2, 6, 23, 0.06)";
|
|
432
|
+
export const mrRefShadowMd =
|
|
433
|
+
"0 4px 12px 0 rgba(2, 6, 23, 0.06), 0 2px 4px 0 rgba(2, 6, 23, 0.04)";
|
|
432
434
|
export const mrRefMotionDurationFast = 120;
|
|
433
435
|
export const mrRefMotionDurationBase = 200;
|
|
434
436
|
export const mrRefMotionDurationSlow = 320;
|
|
@@ -494,8 +496,10 @@ export const mrSpacingLayoutLg = 1.5;
|
|
|
494
496
|
export const mrSpacingLayoutXl = 2;
|
|
495
497
|
export const mrSpacingCardPadding = 1.25;
|
|
496
498
|
export const mrSpacingDialogPadding = 1.5;
|
|
497
|
-
export const mrElevationRaised =
|
|
498
|
-
|
|
499
|
+
export const mrElevationRaised =
|
|
500
|
+
"0 1px 2px 0 rgba(2, 6, 23, 0.04), 0 1px 1px 0 rgba(2, 6, 23, 0.06)";
|
|
501
|
+
export const mrElevationOverlay =
|
|
502
|
+
"0 4px 12px 0 rgba(2, 6, 23, 0.06), 0 2px 4px 0 rgba(2, 6, 23, 0.04)";
|
|
499
503
|
export const mrMotionDurationInteractive = 200;
|
|
500
504
|
export const mrMotionEasingInteractive = "cubic-bezier(0.2, 0, 0, 1)";
|
|
501
505
|
export const mrOpacityDisabled = 0.4;
|
package/dist/tailwind/theme.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@theme {
|
|
1
|
+
@theme inline {
|
|
2
2
|
--spacing-0: var(--mr-ref-dimension-spacing-scale-0);
|
|
3
3
|
--spacing-1: var(--mr-ref-dimension-spacing-scale-1);
|
|
4
4
|
--spacing-2: var(--mr-ref-dimension-spacing-scale-2);
|
|
@@ -105,10 +105,10 @@
|
|
|
105
105
|
--spacing-dialog-padding: var(--mr-spacing-dialog-padding);
|
|
106
106
|
--shadow-raised: var(--mr-elevation-raised);
|
|
107
107
|
--shadow-overlay: var(--mr-elevation-overlay);
|
|
108
|
-
--duration-interactive: var(--mr-motion-duration-interactive);
|
|
108
|
+
--transition-duration-interactive: var(--mr-motion-duration-interactive);
|
|
109
109
|
--ease-interactive: var(--mr-motion-easing-interactive);
|
|
110
110
|
--opacity-disabled: var(--mr-opacity-disabled);
|
|
111
|
-
--z-dropdown: var(--mr-z-dropdown);
|
|
112
|
-
--z-modal: var(--mr-z-modal);
|
|
113
|
-
--z-tooltip: var(--mr-z-tooltip);
|
|
111
|
+
--z-index-dropdown: var(--mr-z-dropdown);
|
|
112
|
+
--z-index-modal: var(--mr-z-modal);
|
|
113
|
+
--z-index-tooltip: var(--mr-z-tooltip);
|
|
114
114
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mediaradar/design-tokens",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.3.0",
|
|
4
4
|
"main": "dist/js/tokens.js",
|
|
5
5
|
"types": "dist/js/tokens.d.ts",
|
|
6
6
|
"type": "module",
|
|
@@ -40,7 +40,9 @@
|
|
|
40
40
|
"@babel/parser": "^7.29.8",
|
|
41
41
|
"@babel/traverse": "^7.29.8",
|
|
42
42
|
"@types/node": "^25.3.0",
|
|
43
|
-
"eslint": "^10.0.1"
|
|
43
|
+
"eslint": "^10.0.1",
|
|
44
|
+
"react-docgen-typescript": "^2.4.0",
|
|
45
|
+
"typescript": "5.7.2"
|
|
44
46
|
},
|
|
45
47
|
"keywords": [
|
|
46
48
|
"design-tokens",
|