eva-css-fluid 2.0.8 → 2.1.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/CHANGELOG.md +23 -0
- package/README.md +23 -2
- package/cli.cjs +26 -8
- package/package.json +4 -3
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
# Changelog — eva-css-fluid
|
|
2
|
+
|
|
3
|
+
All notable changes to this package are documented here.
|
|
4
|
+
|
|
5
|
+
## [Unreleased]
|
|
6
|
+
|
|
7
|
+
### Deprecated
|
|
8
|
+
- JSON config workflow (`eva.config.cjs`, CLI commands `init` / `setup` / `validate` / `generate`,
|
|
9
|
+
custom `build-with-config.cjs` script). Will be removed in **v3.0.0**.
|
|
10
|
+
- Migrate to direct SCSS config:
|
|
11
|
+
```scss
|
|
12
|
+
@use 'eva-css-fluid' with (
|
|
13
|
+
$sizes: (...),
|
|
14
|
+
$font-sizes: (...)
|
|
15
|
+
);
|
|
16
|
+
```
|
|
17
|
+
The generated CSS is identical. See https://eva-css.xyz/framework/doc.html for the SCSS-only reference.
|
|
18
|
+
- The deprecated CLI commands now print a warning to stderr. Set
|
|
19
|
+
`EVA_CSS_NO_DEPRECATION_WARNING=1` to silence it (e.g. in CI).
|
|
20
|
+
|
|
21
|
+
## [2.0.8] and earlier
|
|
22
|
+
|
|
23
|
+
See git history at https://github.com/nkdeus/eva-framework.
|
package/README.md
CHANGED
|
@@ -2,6 +2,22 @@
|
|
|
2
2
|
|
|
3
3
|
> Revolutionary fluid design framework - Transform static Figma designs into truly responsive fluid systems
|
|
4
4
|
|
|
5
|
+
> [!WARNING]
|
|
6
|
+
> **The JSON config workflow is deprecated and will be removed in v3.0.**
|
|
7
|
+
>
|
|
8
|
+
> Going forward, the only supported configuration is the **direct SCSS workflow**:
|
|
9
|
+
>
|
|
10
|
+
> ```scss
|
|
11
|
+
> @use 'eva-css-fluid' with (
|
|
12
|
+
> $sizes: (4, 8, 12, 16, 24, 32, 48, 64, 96, 128),
|
|
13
|
+
> $font-sizes: (12, 14, 16, 18, 20, 24, 32, 48)
|
|
14
|
+
> );
|
|
15
|
+
> ```
|
|
16
|
+
>
|
|
17
|
+
> The generated CSS is identical to what the JSON workflow produces. Migration is mechanical: copy the values from `eva.config.cjs` into the `with (...)` block.
|
|
18
|
+
>
|
|
19
|
+
> Concretely deprecated in v2.x and removed in v3.0: `eva.config.cjs`, the CLI commands `init`/`setup`/`validate`/`generate`, and the custom `build-with-config.cjs` script. See the SCSS-only reference at [eva-css.xyz/framework/doc.html](https://eva-css.xyz/framework/doc.html).
|
|
20
|
+
|
|
5
21
|
**EVA CSS** replaces traditional breakpoint-based responsive design with **automatic fluid scaling**. Instead of defining arbitrary breakpoints for every screen size, EVA converts your static pixel values from Figma into intelligent `clamp()` functions that scale smoothly across all devices.
|
|
6
22
|
|
|
7
23
|
## 💡 The Revolutionary Concept
|
|
@@ -182,7 +198,10 @@ npx sass --load-path=node_modules styles/main.scss:styles/main.css
|
|
|
182
198
|
|
|
183
199
|
⚠️ **Note:** If you import EVA in multiple SCSS files, you'll need to duplicate the configuration.
|
|
184
200
|
|
|
185
|
-
#### Option 2: JSON Configuration (Advanced - Requires Build Script)
|
|
201
|
+
#### Option 2: JSON Configuration [DEPRECATED] (Advanced - Requires Build Script)
|
|
202
|
+
|
|
203
|
+
> [!WARNING]
|
|
204
|
+
> This workflow is deprecated and will be removed in v3.0. Use **Option 1 (SCSS Variables)** instead. The generated CSS is identical.
|
|
186
205
|
|
|
187
206
|
**Centralized configuration file** - Better for complex projects with multiple SCSS files:
|
|
188
207
|
|
|
@@ -337,7 +356,9 @@ No CSS changes needed!
|
|
|
337
356
|
|
|
338
357
|
## 🎨 Configuration Options
|
|
339
358
|
|
|
340
|
-
### JSON Configuration (eva.config.cjs or package.json)
|
|
359
|
+
### JSON Configuration (eva.config.cjs or package.json) [DEPRECATED]
|
|
360
|
+
|
|
361
|
+
> Deprecated in v2.x, removed in v3.0. Migrate to the SCSS `@use ... with (...)` syntax above.
|
|
341
362
|
|
|
342
363
|
| Option | Type | Default | Description |
|
|
343
364
|
|--------|------|---------|-------------|
|
package/cli.cjs
CHANGED
|
@@ -19,10 +19,10 @@ Usage:
|
|
|
19
19
|
eva-css <command> [options]
|
|
20
20
|
|
|
21
21
|
Commands:
|
|
22
|
-
init Initialize EVA CSS in existing project (creates eva.config.cjs)
|
|
23
|
-
setup Complete project setup with workflow choice (SCSS vs JSON)
|
|
24
|
-
validate Validate eva.config.js or package.json configuration
|
|
25
|
-
generate Generate SCSS variables from config file
|
|
22
|
+
init [DEPRECATED] Initialize EVA CSS in existing project (creates eva.config.cjs)
|
|
23
|
+
setup [DEPRECATED] Complete project setup with workflow choice (SCSS vs JSON)
|
|
24
|
+
validate [DEPRECATED] Validate eva.config.js or package.json configuration
|
|
25
|
+
generate [DEPRECATED] Generate SCSS variables from config file
|
|
26
26
|
help Show this help message
|
|
27
27
|
|
|
28
28
|
Examples:
|
|
@@ -31,29 +31,47 @@ Examples:
|
|
|
31
31
|
eva-css validate # Validate configuration
|
|
32
32
|
eva-css generate output.scss
|
|
33
33
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
Recommended workflow (SCSS-only):
|
|
35
|
+
@use 'eva-css-fluid' with (
|
|
36
|
+
$sizes: (4, 8, 12, 16, 24, 32, 48, 64, 96, 128),
|
|
37
|
+
$font-sizes: (12, 14, 16, 18, 20, 24, 32, 48)
|
|
38
|
+
);
|
|
37
39
|
|
|
38
40
|
Documentation:
|
|
39
|
-
https://
|
|
41
|
+
https://eva-css.xyz/framework/doc.html
|
|
42
|
+
`);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
function printDeprecationWarning(command) {
|
|
46
|
+
if (process.env.EVA_CSS_NO_DEPRECATION_WARNING) return;
|
|
47
|
+
|
|
48
|
+
console.warn(`
|
|
49
|
+
⚠️ DEPRECATED: \`eva-css ${command}\` and the JSON config workflow will be removed in v3.0.
|
|
50
|
+
Migrate to direct SCSS config:
|
|
51
|
+
@use 'eva-css-fluid' with ($sizes: (...), $font-sizes: (...));
|
|
52
|
+
See: https://eva-css.xyz/framework/doc.html
|
|
53
|
+
(silence this warning with EVA_CSS_NO_DEPRECATION_WARNING=1)
|
|
40
54
|
`);
|
|
41
55
|
}
|
|
42
56
|
|
|
43
57
|
switch (command) {
|
|
44
58
|
case 'init':
|
|
59
|
+
printDeprecationWarning('init');
|
|
45
60
|
initCommand();
|
|
46
61
|
break;
|
|
47
62
|
|
|
48
63
|
case 'setup':
|
|
64
|
+
printDeprecationWarning('setup');
|
|
49
65
|
setupCommand();
|
|
50
66
|
break;
|
|
51
67
|
|
|
52
68
|
case 'validate':
|
|
69
|
+
printDeprecationWarning('validate');
|
|
53
70
|
validateConfigCommand();
|
|
54
71
|
break;
|
|
55
72
|
|
|
56
73
|
case 'generate':
|
|
74
|
+
printDeprecationWarning('generate');
|
|
57
75
|
const outputPath = args[1] || 'src/_config-generated.scss';
|
|
58
76
|
generateScssCommand(outputPath);
|
|
59
77
|
break;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "eva-css-fluid",
|
|
3
|
-
"version": "2.0
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"description": "Fluid design framework with OKLCH colors - Transform static designs into responsive fluid systems",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "src/index.scss",
|
|
@@ -42,7 +42,8 @@
|
|
|
42
42
|
"scripts/",
|
|
43
43
|
"eva.config.template.js",
|
|
44
44
|
"README.md",
|
|
45
|
-
"MIGRATION.md"
|
|
45
|
+
"MIGRATION.md",
|
|
46
|
+
"CHANGELOG.md"
|
|
46
47
|
],
|
|
47
48
|
"keywords": [
|
|
48
49
|
"css",
|
|
@@ -68,7 +69,7 @@
|
|
|
68
69
|
"generate:config": "node cli.cjs generate"
|
|
69
70
|
},
|
|
70
71
|
"dependencies": {
|
|
71
|
-
"eva-colors": "^2.0
|
|
72
|
+
"eva-colors": "^2.1.0"
|
|
72
73
|
},
|
|
73
74
|
"devDependencies": {
|
|
74
75
|
"sass": "^1.94.1"
|