@volue/design-media-queries 1.3.16 → 1.3.17
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 -10
- package/dist/index.cssmodules.css +5 -0
- package/dist/index.custom-properties.css +2 -2
- package/dist/index.d.ts +10 -10
- package/dist/index.map.scss +5 -0
- package/dist/index.mjs +6 -4
- package/dist/index.scss +2 -2
- package/dist/mediaQueriesSync.cjs +11 -0
- package/dist/mediaQueriesSync.map.scss +5 -0
- package/package.json +5 -4
- package/src/tokens.json +8 -8
- package/src/tokensSync.json +4 -4
- package/dist/mediaQueriesSync.common.js +0 -11
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.3.17](https://github.com/Volue/wave/compare/@volue/design-media-queries@1.3.16...@volue/design-media-queries@1.3.17) "@volue/design-media-queries" (2026-02-12)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
7
12
|
## [1.3.16](https://github.com/Volue/wave/compare/@volue/design-media-queries@1.3.15...@volue/design-media-queries@1.3.16) "@volue/design-media-queries" (2026-01-28)
|
|
8
13
|
|
|
9
14
|
|
package/dist/index.cjs
CHANGED
|
@@ -1,15 +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:58 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
7
|
+
mqSmallOnly: "screen and ( max-width: 31.1875em )",
|
|
8
|
+
mqMediumAndUp: "screen and ( min-width: 31.25em )",
|
|
9
|
+
mqMediumOnly: "screen and ( min-width: 31.25em ) and ( max-width: 48.75em )",
|
|
10
|
+
mqMediumAndBelow: "screen and ( max-width: 48.6875em )",
|
|
11
|
+
mqZeroToLarge: "screen and ( min-width: 0 ) and ( max-width: 48.6875em )",
|
|
12
|
+
mqLargeAndUp: "screen and ( min-width: 48.75em )",
|
|
13
|
+
mqLargeAndBelow: "screen and ( max-width: 87.4375em )",
|
|
14
|
+
mqXlargeAndUp: "screen and ( min-width: 87.5em )",
|
|
15
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:58 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
1
6
|
@value mq-small-only: screen and ( max-width: 31.1875em );
|
|
2
7
|
@value mq-medium-and-up: screen and ( min-width: 31.25em );
|
|
3
8
|
@value mq-medium-only: screen and ( min-width: 31.25em ) and ( max-width: 48.75em );
|
package/dist/index.d.ts
CHANGED
|
@@ -1,13 +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:58 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export const mqSmallOnly
|
|
7
|
-
export const mqMediumAndUp
|
|
8
|
-
export const mqMediumOnly
|
|
9
|
-
export const mqMediumAndBelow
|
|
10
|
-
export const mqZeroToLarge
|
|
11
|
-
export const mqLargeAndUp
|
|
12
|
-
export const mqLargeAndBelow
|
|
13
|
-
export const mqXlargeAndUp
|
|
6
|
+
export const mqSmallOnly: "screen and ( max-width: 31.1875em )";
|
|
7
|
+
export const mqMediumAndUp: "screen and ( min-width: 31.25em )";
|
|
8
|
+
export const mqMediumOnly: "screen and ( min-width: 31.25em ) and ( max-width: 48.75em )";
|
|
9
|
+
export const mqMediumAndBelow: "screen and ( max-width: 48.6875em )";
|
|
10
|
+
export const mqZeroToLarge: "screen and ( min-width: 0 ) and ( max-width: 48.6875em )";
|
|
11
|
+
export const mqLargeAndUp: "screen and ( min-width: 48.75em )";
|
|
12
|
+
export const mqLargeAndBelow: "screen and ( max-width: 87.4375em )";
|
|
13
|
+
export const mqXlargeAndUp: "screen and ( min-width: 87.5em )";
|
package/dist/index.map.scss
CHANGED
package/dist/index.mjs
CHANGED
|
@@ -1,13 +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:58 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const mqSmallOnly = "screen and ( max-width: 31.1875em )";
|
|
7
7
|
export const mqMediumAndUp = "screen and ( min-width: 31.25em )";
|
|
8
|
-
export const mqMediumOnly =
|
|
8
|
+
export const mqMediumOnly =
|
|
9
|
+
"screen and ( min-width: 31.25em ) and ( max-width: 48.75em )";
|
|
9
10
|
export const mqMediumAndBelow = "screen and ( max-width: 48.6875em )";
|
|
10
|
-
export const mqZeroToLarge =
|
|
11
|
+
export const mqZeroToLarge =
|
|
12
|
+
"screen and ( min-width: 0 ) and ( max-width: 48.6875em )";
|
|
11
13
|
export const mqLargeAndUp = "screen and ( min-width: 48.75em )";
|
|
12
14
|
export const mqLargeAndBelow = "screen and ( max-width: 87.4375em )";
|
|
13
15
|
export const mqXlargeAndUp = "screen and ( min-width: 87.5em )";
|
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:58 GMT
|
|
4
4
|
|
|
5
5
|
$mq-small-only: screen and ( max-width: 31.1875em );
|
|
6
6
|
$mq-medium-and-up: screen and ( min-width: 31.25em );
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
* Generated on Thu, 12 Feb 2026 14:10:58 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
module.exports = {
|
|
7
|
+
small: "screen and ( max-width: 31.1875em )",
|
|
8
|
+
medium: "screen and ( min-width: 31.25em )",
|
|
9
|
+
large: "screen and ( min-width: 48.75em )",
|
|
10
|
+
xlarge: "screen and ( min-width: 87.5em )",
|
|
11
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@volue/design-media-queries",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.17",
|
|
4
|
+
"type": "module",
|
|
4
5
|
"description": "Media queries 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"
|
|
@@ -42,12 +43,12 @@
|
|
|
42
43
|
},
|
|
43
44
|
"devDependencies": {
|
|
44
45
|
"@volue/eslint-config": "1.3.12",
|
|
45
|
-
"change-case": "4.
|
|
46
|
+
"change-case": "5.4.4",
|
|
46
47
|
"eslint": "9.39.2",
|
|
47
48
|
"npm-run-all2": "8.0.4",
|
|
48
49
|
"premove": "4.0.0",
|
|
49
50
|
"prettier": "3.8.1",
|
|
50
|
-
"style-dictionary": "3.
|
|
51
|
+
"style-dictionary": "5.3.0",
|
|
51
52
|
"typescript": "5.9.3"
|
|
52
53
|
}
|
|
53
54
|
}
|
package/src/tokens.json
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
{
|
|
2
2
|
"mq": {
|
|
3
3
|
"smallOnly": {
|
|
4
|
-
"value": "screen and ( max-width: {size.breakpoints.belowMedium
|
|
4
|
+
"value": "screen and ( max-width: {size.breakpoints.belowMedium} )"
|
|
5
5
|
},
|
|
6
6
|
"mediumAndUp": {
|
|
7
|
-
"value": "screen and ( min-width: {size.breakpoints.medium
|
|
7
|
+
"value": "screen and ( min-width: {size.breakpoints.medium} )"
|
|
8
8
|
},
|
|
9
9
|
"mediumOnly": {
|
|
10
|
-
"value": "screen and ( min-width: {size.breakpoints.medium
|
|
10
|
+
"value": "screen and ( min-width: {size.breakpoints.medium} ) and ( max-width: {size.breakpoints.large} )"
|
|
11
11
|
},
|
|
12
12
|
"mediumAndBelow": {
|
|
13
|
-
"value": "screen and ( max-width: {size.breakpoints.belowLarge
|
|
13
|
+
"value": "screen and ( max-width: {size.breakpoints.belowLarge} )"
|
|
14
14
|
},
|
|
15
15
|
"zeroToLarge": {
|
|
16
|
-
"value": "screen and ( min-width: 0 ) and ( max-width: {size.breakpoints.belowLarge
|
|
16
|
+
"value": "screen and ( min-width: 0 ) and ( max-width: {size.breakpoints.belowLarge} )"
|
|
17
17
|
},
|
|
18
18
|
"largeAndUp": {
|
|
19
|
-
"value": "screen and ( min-width: {size.breakpoints.large
|
|
19
|
+
"value": "screen and ( min-width: {size.breakpoints.large} )"
|
|
20
20
|
},
|
|
21
21
|
"largeAndBelow": {
|
|
22
|
-
"value": "screen and ( max-width: {size.breakpoints.belowXlarge
|
|
22
|
+
"value": "screen and ( max-width: {size.breakpoints.belowXlarge} )"
|
|
23
23
|
},
|
|
24
24
|
"xlargeAndUp": {
|
|
25
|
-
"value": "screen and ( min-width: {size.breakpoints.xlarge
|
|
25
|
+
"value": "screen and ( min-width: {size.breakpoints.xlarge} )"
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
}
|
package/src/tokensSync.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"mqSync": {
|
|
3
3
|
"small": {
|
|
4
|
-
"value": "{mq.smallOnly
|
|
4
|
+
"value": "{mq.smallOnly}"
|
|
5
5
|
},
|
|
6
6
|
"medium": {
|
|
7
|
-
"value": "{mq.mediumAndUp
|
|
7
|
+
"value": "{mq.mediumAndUp}"
|
|
8
8
|
},
|
|
9
9
|
"large": {
|
|
10
|
-
"value": "{mq.largeAndUp
|
|
10
|
+
"value": "{mq.largeAndUp}"
|
|
11
11
|
},
|
|
12
12
|
"xlarge": {
|
|
13
|
-
"value": "{mq.xlargeAndUp
|
|
13
|
+
"value": "{mq.xlargeAndUp}"
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 28 Jan 2026 00:19:19 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
module.exports = {
|
|
7
|
-
"small": "screen and ( max-width: 31.1875em )",
|
|
8
|
-
"medium": "screen and ( min-width: 31.25em )",
|
|
9
|
-
"large": "screen and ( min-width: 48.75em )",
|
|
10
|
-
"xlarge": "screen and ( min-width: 87.5em )"
|
|
11
|
-
};
|