@volue/design-elevation 1.0.13 → 1.0.14
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/CHANGELOG.md +5 -0
- package/dist/index.cjs +10 -6
- package/dist/index.cssmodules.css +5 -0
- package/dist/index.custom-properties.css +2 -2
- package/dist/index.d.ts +6 -6
- package/dist/index.map.scss +5 -0
- package/dist/index.mjs +10 -6
- package/dist/index.scss +2 -2
- package/package.json +4 -3
- package/src/tokens.json +14 -14
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file. See [Conven
|
|
|
4
4
|
|
|
5
5
|
<!-- MONOWEAVE:BELOW -->
|
|
6
6
|
|
|
7
|
+
## [1.0.14](https://github.com/Volue/wave/compare/@volue/design-elevation@1.0.13...@volue/design-elevation@1.0.14) "@volue/design-elevation" (2026-02-12)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
7
12
|
## [1.0.13](https://github.com/Volue/wave/compare/@volue/design-elevation@1.0.12...@volue/design-elevation@1.0.13) "@volue/design-elevation" (2026-01-28)
|
|
8
13
|
|
|
9
14
|
|
package/dist/index.cjs
CHANGED
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
* Generated on Thu, 12 Feb 2026 14:10:59 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
elevationXs:
|
|
8
|
+
"0 1px 2.5px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.08)), 0 3px 9px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.048))",
|
|
9
|
+
elevationS:
|
|
10
|
+
"0 0.4px 2.2px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.022)), 0 1.4px 5px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.04)), 0 5px 14px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.06))",
|
|
11
|
+
elevationM:
|
|
12
|
+
"0 0.3px 2px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.015)), 0 1.5px 8px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.024)), 0 4px 16px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.04)), 0 8px 24px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.07))",
|
|
13
|
+
elevationL:
|
|
14
|
+
"0 0.7px 2px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.015)), 0 1.6px 8px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.024)), 0 3.3px 16px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.034)), 0 5px 26px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.06)), 0 12px 42px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.08))",
|
|
11
15
|
};
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
* Generated on Thu, 12 Feb 2026 14:10:59 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
1
6
|
@value elevation-xs: 0 1px 2.5px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.08)), 0 3px 9px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.048));
|
|
2
7
|
@value elevation-s: 0 0.4px 2.2px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.022)), 0 1.4px 5px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.04)), 0 5px 14px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.06));
|
|
3
8
|
@value elevation-m: 0 0.3px 2px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.015)), 0 1.5px 8px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.024)), 0 4px 16px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.04)), 0 8px 24px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.07));
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
* Generated on Thu, 12 Feb 2026 14:10:59 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export const elevationXs
|
|
7
|
-
export const elevationS
|
|
8
|
-
export const elevationM
|
|
9
|
-
export const elevationL
|
|
6
|
+
export const elevationXs: "0 1px 2.5px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.08)), 0 3px 9px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.048))";
|
|
7
|
+
export const elevationS: "0 0.4px 2.2px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.022)), 0 1.4px 5px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.04)), 0 5px 14px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.06))";
|
|
8
|
+
export const elevationM: "0 0.3px 2px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.015)), 0 1.5px 8px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.024)), 0 4px 16px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.04)), 0 8px 24px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.07))";
|
|
9
|
+
export const elevationL: "0 0.7px 2px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.015)), 0 1.6px 8px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.024)), 0 3.3px 16px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.034)), 0 5px 26px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.06)), 0 12px 42px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.08))";
|
package/dist/index.map.scss
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
* Generated on Thu, 12 Feb 2026 14:10:59 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
1
6
|
$elevation-map: (
|
|
2
7
|
'elevation-xs': (0 1px 2.5px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.08)), 0 3px 9px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.048))),
|
|
3
8
|
'elevation-s': (0 0.4px 2.2px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.022)), 0 1.4px 5px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.04)), 0 5px 14px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.06))),
|
package/dist/index.mjs
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
* Generated on Thu, 12 Feb 2026 14:10:59 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export const elevationXs =
|
|
7
|
-
|
|
8
|
-
export const
|
|
9
|
-
|
|
6
|
+
export const elevationXs =
|
|
7
|
+
"0 1px 2.5px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.08)), 0 3px 9px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.048))";
|
|
8
|
+
export const elevationS =
|
|
9
|
+
"0 0.4px 2.2px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.022)), 0 1.4px 5px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.04)), 0 5px 14px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.06))";
|
|
10
|
+
export const elevationM =
|
|
11
|
+
"0 0.3px 2px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.015)), 0 1.5px 8px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.024)), 0 4px 16px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.04)), 0 8px 24px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.07))";
|
|
12
|
+
export const elevationL =
|
|
13
|
+
"0 0.7px 2px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.015)), 0 1.6px 8px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.024)), 0 3.3px 16px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.034)), 0 5px 26px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.06)), 0 12px 42px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.08))";
|
package/dist/index.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
2
|
+
// Do not edit directly, this file was auto-generated.
|
|
3
|
+
// Generated on Thu, 12 Feb 2026 14:10:59 GMT
|
|
4
4
|
|
|
5
5
|
$elevation-xs: 0 1px 2.5px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.08)), 0 3px 9px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.048));
|
|
6
6
|
$elevation-s: 0 0.4px 2.2px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.022)), 0 1.4px 5px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.04)), 0 5px 14px hsla(var(--shadow-color, 191, 74%, 6%), calc(var(--shadow-intensity, 1) * 0.06));
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@volue/design-elevation",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.14",
|
|
4
|
+
"type": "module",
|
|
4
5
|
"description": "Shadow/elevation primitives for Volue design primitives",
|
|
5
6
|
"license": "UNLICENSED",
|
|
6
7
|
"repository": {
|
|
@@ -16,7 +17,7 @@
|
|
|
16
17
|
"types": "./dist/index.d.ts",
|
|
17
18
|
"import": "./dist/index.mjs",
|
|
18
19
|
"require": "./dist/index.cjs",
|
|
19
|
-
"default": "./dist/index.
|
|
20
|
+
"default": "./dist/index.mjs"
|
|
20
21
|
},
|
|
21
22
|
"./dist/*": "./dist/*",
|
|
22
23
|
"./package.json": "./package.json"
|
|
@@ -46,7 +47,7 @@
|
|
|
46
47
|
"npm-run-all2": "8.0.4",
|
|
47
48
|
"premove": "4.0.0",
|
|
48
49
|
"prettier": "3.8.1",
|
|
49
|
-
"style-dictionary": "3.
|
|
50
|
+
"style-dictionary": "5.3.0",
|
|
50
51
|
"typescript": "5.9.3"
|
|
51
52
|
}
|
|
52
53
|
}
|
package/src/tokens.json
CHANGED
|
@@ -10,32 +10,32 @@
|
|
|
10
10
|
"elevation": {
|
|
11
11
|
"xs": {
|
|
12
12
|
"value": [
|
|
13
|
-
"0 1px 2.5px hsla(var(--shadow-color, {shadow.hsl
|
|
14
|
-
"0 3px 9px hsla(var(--shadow-color, {shadow.hsl
|
|
13
|
+
"0 1px 2.5px hsla(var(--shadow-color, {shadow.hsl}), calc(var(--shadow-intensity, {shadow.intensity}) * 0.08))",
|
|
14
|
+
"0 3px 9px hsla(var(--shadow-color, {shadow.hsl}), calc(var(--shadow-intensity, {shadow.intensity}) * 0.048))"
|
|
15
15
|
]
|
|
16
16
|
},
|
|
17
17
|
"s": {
|
|
18
18
|
"value": [
|
|
19
|
-
"0 0.4px 2.2px hsla(var(--shadow-color, {shadow.hsl
|
|
20
|
-
"0 1.4px 5px hsla(var(--shadow-color, {shadow.hsl
|
|
21
|
-
"0 5px 14px hsla(var(--shadow-color, {shadow.hsl
|
|
19
|
+
"0 0.4px 2.2px hsla(var(--shadow-color, {shadow.hsl}), calc(var(--shadow-intensity, {shadow.intensity}) * 0.022))",
|
|
20
|
+
"0 1.4px 5px hsla(var(--shadow-color, {shadow.hsl}), calc(var(--shadow-intensity, {shadow.intensity}) * 0.04))",
|
|
21
|
+
"0 5px 14px hsla(var(--shadow-color, {shadow.hsl}), calc(var(--shadow-intensity, {shadow.intensity}) * 0.06))"
|
|
22
22
|
]
|
|
23
23
|
},
|
|
24
24
|
"m": {
|
|
25
25
|
"value": [
|
|
26
|
-
"0 0.3px 2px hsla(var(--shadow-color, {shadow.hsl
|
|
27
|
-
"0 1.5px 8px hsla(var(--shadow-color, {shadow.hsl
|
|
28
|
-
"0 4px 16px hsla(var(--shadow-color, {shadow.hsl
|
|
29
|
-
"0 8px 24px hsla(var(--shadow-color, {shadow.hsl
|
|
26
|
+
"0 0.3px 2px hsla(var(--shadow-color, {shadow.hsl}), calc(var(--shadow-intensity, {shadow.intensity}) * 0.015))",
|
|
27
|
+
"0 1.5px 8px hsla(var(--shadow-color, {shadow.hsl}), calc(var(--shadow-intensity, {shadow.intensity}) * 0.024))",
|
|
28
|
+
"0 4px 16px hsla(var(--shadow-color, {shadow.hsl}), calc(var(--shadow-intensity, {shadow.intensity}) * 0.04))",
|
|
29
|
+
"0 8px 24px hsla(var(--shadow-color, {shadow.hsl}), calc(var(--shadow-intensity, {shadow.intensity}) * 0.07))"
|
|
30
30
|
]
|
|
31
31
|
},
|
|
32
32
|
"l": {
|
|
33
33
|
"value": [
|
|
34
|
-
"0 0.7px 2px hsla(var(--shadow-color, {shadow.hsl
|
|
35
|
-
"0 1.6px 8px hsla(var(--shadow-color, {shadow.hsl
|
|
36
|
-
"0 3.3px 16px hsla(var(--shadow-color, {shadow.hsl
|
|
37
|
-
"0 5px 26px hsla(var(--shadow-color, {shadow.hsl
|
|
38
|
-
"0 12px 42px hsla(var(--shadow-color, {shadow.hsl
|
|
34
|
+
"0 0.7px 2px hsla(var(--shadow-color, {shadow.hsl}), calc(var(--shadow-intensity, {shadow.intensity}) * 0.015))",
|
|
35
|
+
"0 1.6px 8px hsla(var(--shadow-color, {shadow.hsl}), calc(var(--shadow-intensity, {shadow.intensity}) * 0.024))",
|
|
36
|
+
"0 3.3px 16px hsla(var(--shadow-color, {shadow.hsl}), calc(var(--shadow-intensity, {shadow.intensity}) * 0.034))",
|
|
37
|
+
"0 5px 26px hsla(var(--shadow-color, {shadow.hsl}), calc(var(--shadow-intensity, {shadow.intensity}) * 0.06))",
|
|
38
|
+
"0 12px 42px hsla(var(--shadow-color, {shadow.hsl}), calc(var(--shadow-intensity, {shadow.intensity}) * 0.08))"
|
|
39
39
|
]
|
|
40
40
|
}
|
|
41
41
|
}
|