@fusion.dev/helix-styles 0.0.0-dev → 0.0.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.
- package/dist/base.css +8 -5
- package/dist/primitives.css +2 -2
- package/dist/tokens.css +1 -1
- package/package.json +7 -2
- package/tokens.json +1 -1
package/dist/base.css
CHANGED
|
@@ -629,11 +629,6 @@ helix-toggle[disabled]::part(item) {
|
|
|
629
629
|
text-decoration: none;
|
|
630
630
|
transition: outline-color var(--helix-duration-fast) var(--helix-easing-standard);
|
|
631
631
|
}
|
|
632
|
-
@media (prefers-reduced-motion: reduce) {
|
|
633
|
-
:where([data-card]) {
|
|
634
|
-
transition: none;
|
|
635
|
-
}
|
|
636
|
-
}
|
|
637
632
|
:where([data-card]):hover {
|
|
638
633
|
--card-border-color: var(--helix-color-primary);
|
|
639
634
|
outline-color: var(--helix-color-primary);
|
|
@@ -665,6 +660,14 @@ helix-toast:not([data-color-mode]) {
|
|
|
665
660
|
transition-duration: 0.01ms !important;
|
|
666
661
|
}
|
|
667
662
|
}
|
|
663
|
+
@media (prefers-reduced-motion: reduce) {
|
|
664
|
+
:root,
|
|
665
|
+
[data-helix-theme] {
|
|
666
|
+
--helix-duration-fast: 0.01ms;
|
|
667
|
+
--helix-duration-normal: 0.01ms;
|
|
668
|
+
--helix-duration-slow: 0.01ms;
|
|
669
|
+
}
|
|
670
|
+
}
|
|
668
671
|
@media (prefers-reduced-motion: reduce) {
|
|
669
672
|
helix-toggle::part(item) {
|
|
670
673
|
transition: none;
|
package/dist/primitives.css
CHANGED
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
--_helix-neutral-550: oklch(0.53 var(--_helix-neutral-cast));
|
|
26
26
|
--_helix-neutral-600: oklch(0.5 var(--_helix-neutral-cast));
|
|
27
27
|
--_helix-neutral-700: oklch(0.33 var(--_helix-neutral-cast));
|
|
28
|
-
--_helix-neutral-800: oklch(0.
|
|
29
|
-
--_helix-neutral-900: oklch(0.
|
|
28
|
+
--_helix-neutral-800: oklch(0.21 var(--_helix-neutral-cast));
|
|
29
|
+
--_helix-neutral-900: oklch(0.182 var(--_helix-neutral-cast));
|
|
30
30
|
--_helix-neutral-950: oklch(0.15 var(--_helix-neutral-cast));
|
|
31
31
|
--_helix-series-hue-1: 0;
|
|
32
32
|
--_helix-series-hue-2: 135;
|
package/dist/tokens.css
CHANGED
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
--helix-color-foreground-media: light-dark(var(--_helix-neutral-0), var(--_helix-neutral-0));
|
|
39
39
|
--helix-color-border: light-dark(
|
|
40
40
|
color-mix(in oklab, var(--_helix-neutral-300) 60%, var(--_helix-neutral-200)),
|
|
41
|
-
color-mix(in oklab, var(--_helix-neutral-
|
|
41
|
+
color-mix(in oklab, var(--_helix-neutral-700) 30%, var(--_helix-neutral-800))
|
|
42
42
|
);
|
|
43
43
|
--helix-color-primary: light-dark(var(--_helix-brand-500), var(--_helix-brand-400));
|
|
44
44
|
--helix-color-primary-hover: light-dark(var(--_helix-brand-600), var(--_helix-brand-300));
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fusion.dev/helix-styles",
|
|
3
3
|
"description": "Design tokens and base layer. Pure CSS, no JavaScript.",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.2",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Ross Sheppard <ross.sheppard@fusion.dev>",
|
|
7
7
|
"repository": {
|
|
@@ -23,9 +23,14 @@
|
|
|
23
23
|
],
|
|
24
24
|
"sideEffects": true,
|
|
25
25
|
"scripts": {
|
|
26
|
-
"build": "node
|
|
26
|
+
"build": "node scripts/build-styles-dist.mjs",
|
|
27
|
+
"styles-dist": "node scripts/build-styles-dist.mjs",
|
|
28
|
+
"token-layer": "bun scripts/build-token-layer.mjs"
|
|
27
29
|
},
|
|
28
30
|
"bugs": "https://github.com/project-fusion/fusion/issues",
|
|
31
|
+
"devDependencies": {
|
|
32
|
+
"@fusion.dev/scripts": "0.0.0-dev"
|
|
33
|
+
},
|
|
29
34
|
"homepage": "https://fusion.dev",
|
|
30
35
|
"keywords": [
|
|
31
36
|
"design-tokens",
|
package/tokens.json
CHANGED
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
{
|
|
112
112
|
"category": "color",
|
|
113
113
|
"name": "--helix-color-border",
|
|
114
|
-
"value": "light-dark(color-mix(in oklab, var(--_helix-neutral-300) 60%, var(--_helix-neutral-200)), color-mix(in oklab, var(--_helix-neutral-
|
|
114
|
+
"value": "light-dark(color-mix(in oklab, var(--_helix-neutral-300) 60%, var(--_helix-neutral-200)), color-mix(in oklab, var(--_helix-neutral-700) 30%, var(--_helix-neutral-800)))"
|
|
115
115
|
},
|
|
116
116
|
{
|
|
117
117
|
"category": "color",
|