stylelint-plugin-grid 1.0.1 → 1.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.
Files changed (58) hide show
  1. package/README.md +8 -0
  2. package/dist/_internal/grid-placement-analysis.d.ts +20 -0
  3. package/dist/_internal/grid-placement-analysis.d.ts.map +1 -0
  4. package/dist/_internal/grid-placement-analysis.js +59 -0
  5. package/dist/_internal/grid-placement-analysis.js.map +1 -0
  6. package/dist/_internal/grid-template-analysis.d.ts +2 -0
  7. package/dist/_internal/grid-template-analysis.d.ts.map +1 -1
  8. package/dist/_internal/grid-template-analysis.js +4 -0
  9. package/dist/_internal/grid-template-analysis.js.map +1 -1
  10. package/dist/_internal/rules-registry.d.ts.map +1 -1
  11. package/dist/_internal/rules-registry.js +16 -0
  12. package/dist/_internal/rules-registry.js.map +1 -1
  13. package/dist/plugin.cjs +893 -285
  14. package/dist/plugin.cjs.map +4 -4
  15. package/dist/rules/no-conflicting-placement.d.ts +8 -0
  16. package/dist/rules/no-conflicting-placement.d.ts.map +1 -0
  17. package/dist/rules/no-conflicting-placement.js +70 -0
  18. package/dist/rules/no-conflicting-placement.js.map +1 -0
  19. package/dist/rules/no-ineffective-container-properties.d.ts +8 -0
  20. package/dist/rules/no-ineffective-container-properties.d.ts.map +1 -0
  21. package/dist/rules/no-ineffective-container-properties.js +97 -0
  22. package/dist/rules/no-ineffective-container-properties.js.map +1 -0
  23. package/dist/rules/no-invalid-repeat-count.d.ts +8 -0
  24. package/dist/rules/no-invalid-repeat-count.d.ts.map +1 -0
  25. package/dist/rules/no-invalid-repeat-count.js +75 -0
  26. package/dist/rules/no-invalid-repeat-count.js.map +1 -0
  27. package/dist/rules/no-invalid-span.d.ts +8 -0
  28. package/dist/rules/no-invalid-span.d.ts.map +1 -0
  29. package/dist/rules/no-invalid-span.js +49 -0
  30. package/dist/rules/no-invalid-span.js.map +1 -0
  31. package/dist/rules/no-reversed-placement-lines.d.ts +8 -0
  32. package/dist/rules/no-reversed-placement-lines.d.ts.map +1 -0
  33. package/dist/rules/no-reversed-placement-lines.js +129 -0
  34. package/dist/rules/no-reversed-placement-lines.js.map +1 -0
  35. package/dist/rules/no-zero-grid-lines.d.ts +8 -0
  36. package/dist/rules/no-zero-grid-lines.d.ts.map +1 -0
  37. package/dist/rules/no-zero-grid-lines.js +48 -0
  38. package/dist/rules/no-zero-grid-lines.js.map +1 -0
  39. package/dist/rules/prefer-minmax-zero-fr.d.ts +8 -0
  40. package/dist/rules/prefer-minmax-zero-fr.d.ts.map +1 -0
  41. package/dist/rules/prefer-minmax-zero-fr.js +56 -0
  42. package/dist/rules/prefer-minmax-zero-fr.js.map +1 -0
  43. package/dist/rules/require-explicit-tracks-with-areas.d.ts +12 -0
  44. package/dist/rules/require-explicit-tracks-with-areas.d.ts.map +1 -0
  45. package/dist/rules/require-explicit-tracks-with-areas.js +65 -0
  46. package/dist/rules/require-explicit-tracks-with-areas.js.map +1 -0
  47. package/docs/rules/configs/grid-all.md +8 -0
  48. package/docs/rules/configs/grid-recommended.md +6 -0
  49. package/docs/rules/configs/index.md +8 -0
  50. package/docs/rules/no-conflicting-placement.md +59 -0
  51. package/docs/rules/no-ineffective-container-properties.md +63 -0
  52. package/docs/rules/no-invalid-repeat-count.md +56 -0
  53. package/docs/rules/no-invalid-span.md +55 -0
  54. package/docs/rules/no-reversed-placement-lines.md +56 -0
  55. package/docs/rules/no-zero-grid-lines.md +53 -0
  56. package/docs/rules/prefer-minmax-zero-fr.md +49 -0
  57. package/docs/rules/require-explicit-tracks-with-areas.md +80 -0
  58. package/package.json +1 -1
@@ -0,0 +1,80 @@
1
+ # require-explicit-tracks-with-areas
2
+
3
+ Require explicit track sizing alongside CSS Grid named area templates.
4
+
5
+ Named area templates are easiest to maintain when their columns, and optionally
6
+ their rows, are sized in the same block. By default this rule requires
7
+ `grid-template-columns` and leaves rows optional because auto-sized rows are
8
+ common.
9
+
10
+ ## Incorrect
11
+
12
+ ```css
13
+ .layout {
14
+ grid-template-areas: "nav main";
15
+ }
16
+ ```
17
+
18
+ With `{ rows: true }`:
19
+
20
+ ```css
21
+ .layout {
22
+ grid-template-areas: "main";
23
+ grid-template-columns: minmax(0, 1fr);
24
+ }
25
+ ```
26
+
27
+ ## Correct
28
+
29
+ ```css
30
+ .layout {
31
+ grid-template-areas: "nav main";
32
+ grid-template-columns: auto minmax(0, 1fr);
33
+ }
34
+ ```
35
+
36
+ With `{ rows: true }`:
37
+
38
+ ```css
39
+ .layout {
40
+ grid-template-areas: "main";
41
+ grid-template-columns: minmax(0, 1fr);
42
+ grid-template-rows: auto;
43
+ }
44
+ ```
45
+
46
+ ## Options
47
+
48
+ ```js
49
+ export default {
50
+ plugins: ["stylelint-plugin-grid"],
51
+ rules: {
52
+ "grid/require-explicit-tracks-with-areas": [
53
+ true,
54
+ {
55
+ columns: true,
56
+ rows: false
57
+ }
58
+ ]
59
+ }
60
+ };
61
+ ```
62
+
63
+ ## Stylelint Config
64
+
65
+ ```js
66
+ export default {
67
+ plugins: ["stylelint-plugin-grid"],
68
+ rules: {
69
+ "grid/require-explicit-tracks-with-areas": true
70
+ }
71
+ };
72
+ ```
73
+
74
+ ## Related Rules
75
+
76
+ - [`no-mismatched-template-rows`](./no-mismatched-template-rows.md) compares
77
+ named area rows with `grid-template-rows`.
78
+ - [`validate-track-counts`](./validate-track-counts.md) compares named area
79
+ columns and rows with explicit track counts.
80
+ - [`grid-all`](./configs/grid-all.md) enables this optional rule.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://www.schemastore.org/package.json",
3
3
  "name": "stylelint-plugin-grid",
4
- "version": "1.0.1",
4
+ "version": "1.0.2",
5
5
  "private": false,
6
6
  "description": "Stylelint rules for CSS Grid correctness, safe grid patterns, and common layout bug prevention.",
7
7
  "keywords": [