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 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
- Getting Started:
35
- For new projects: eva-css setup
36
- For existing projects: eva-css init
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://github.com/nkdeus/eva/blob/main/packages/eva-css/README.md
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.8",
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.8"
72
+ "eva-colors": "^2.1.0"
72
73
  },
73
74
  "devDependencies": {
74
75
  "sass": "^1.94.1"