layout-style-css 3.1.0 → 3.2.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.
Files changed (43) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/README.md +16 -12
  3. package/dist/foundation.css +12 -9
  4. package/dist/layout-style-css.css +307 -108
  5. package/dist/layout-style-css.min.css +1 -1
  6. package/dist/personalities/bauhaus.css +3 -10
  7. package/dist/personalities/bento.css +0 -10
  8. package/dist/personalities/brutalism.css +2 -10
  9. package/dist/personalities/cyberpunk.css +1 -1
  10. package/dist/personalities/data-terminal.css +13 -0
  11. package/dist/personalities/editorial.css +14 -0
  12. package/dist/personalities/f-pattern.css +3 -3
  13. package/dist/personalities/industrial-hmi.css +11 -0
  14. package/dist/personalities/maximalist.css +1 -10
  15. package/dist/personalities/mondrian.css +1 -1
  16. package/dist/personalities/neumorphism.css +3 -12
  17. package/dist/personalities/retro-glass.css +10 -10
  18. package/dist/personalities/retrofuturism.css +1 -1
  19. package/dist/personalities/split-screen.css +5 -5
  20. package/dist/personalities/synthwave.css +1 -1
  21. package/dist/personalities/tactile.css +3 -12
  22. package/dist/personalities/technical-blueprint.css +13 -0
  23. package/dist/personalities/y2k.css +8 -8
  24. package/dist/personalities/z-pattern.css +3 -3
  25. package/dist/personalities.css +4 -0
  26. package/dist/primitives.css +113 -2
  27. package/dist/recipes.css +83 -0
  28. package/dist/utilities.css +3 -0
  29. package/docs/wiki/Demo-And-GitHub-Pages.md +4 -2
  30. package/docs/wiki/Getting-Started.md +4 -2
  31. package/docs/wiki/Home.md +5 -2
  32. package/docs/wiki/Installation-And-CDN.md +3 -3
  33. package/docs/wiki/Layout-Personality-Reference.md +67 -0
  34. package/docs/wiki/Layout-Primitives.md +6 -2
  35. package/docs/wiki/Layout-Recipes.md +1 -1
  36. package/docs/wiki/Layout-Styles.md +6 -23
  37. package/docs/wiki/Migrating-To-3.2.md +70 -0
  38. package/docs/wiki/Release-And-Publishing.md +6 -6
  39. package/docs/wiki/UI-Style-Kit-Compatibility.md +6 -0
  40. package/docs/wiki/_Sidebar.md +2 -0
  41. package/manifest.json +33 -23
  42. package/package.json +3 -3
  43. package/personalities.json +75 -14
package/personalities.json CHANGED
@@ -16,6 +16,9 @@
16
16
  "visualCompatibility": "native",
17
17
  "recommendedVisualPresets": [
18
18
  "minimal-saas"
19
+ ],
20
+ "compatibleVisualPresets": [
21
+ "organic-modern"
19
22
  ]
20
23
  },
21
24
  {
@@ -24,7 +27,8 @@
24
27
  "visualCompatibility": "native",
25
28
  "recommendedVisualPresets": [
26
29
  "bento"
27
- ]
30
+ ],
31
+ "compatibleVisualPresets": []
28
32
  },
29
33
  {
30
34
  "id": "maximalist",
@@ -32,7 +36,8 @@
32
36
  "visualCompatibility": "native",
33
37
  "recommendedVisualPresets": [
34
38
  "maximalist"
35
- ]
39
+ ],
40
+ "compatibleVisualPresets": []
36
41
  },
37
42
  {
38
43
  "id": "bauhaus",
@@ -40,6 +45,9 @@
40
45
  "visualCompatibility": "native",
41
46
  "recommendedVisualPresets": [
42
47
  "bauhaus"
48
+ ],
49
+ "compatibleVisualPresets": [
50
+ "art-deco"
43
51
  ]
44
52
  },
45
53
  {
@@ -48,6 +56,9 @@
48
56
  "visualCompatibility": "native",
49
57
  "recommendedVisualPresets": [
50
58
  "tactile"
59
+ ],
60
+ "compatibleVisualPresets": [
61
+ "clay"
51
62
  ]
52
63
  },
53
64
  {
@@ -56,7 +67,8 @@
56
67
  "visualCompatibility": "native",
57
68
  "recommendedVisualPresets": [
58
69
  "neumorphism"
59
- ]
70
+ ],
71
+ "compatibleVisualPresets": []
60
72
  },
61
73
  {
62
74
  "id": "retrofuturism",
@@ -64,7 +76,8 @@
64
76
  "visualCompatibility": "native",
65
77
  "recommendedVisualPresets": [
66
78
  "retrofuturism"
67
- ]
79
+ ],
80
+ "compatibleVisualPresets": []
68
81
  },
69
82
  {
70
83
  "id": "brutalism",
@@ -72,7 +85,8 @@
72
85
  "visualCompatibility": "native",
73
86
  "recommendedVisualPresets": [
74
87
  "brutalism"
75
- ]
88
+ ],
89
+ "compatibleVisualPresets": []
76
90
  },
77
91
  {
78
92
  "id": "cyberpunk",
@@ -80,7 +94,8 @@
80
94
  "visualCompatibility": "native",
81
95
  "recommendedVisualPresets": [
82
96
  "cyberpunk"
83
- ]
97
+ ],
98
+ "compatibleVisualPresets": []
84
99
  },
85
100
  {
86
101
  "id": "y2k",
@@ -88,7 +103,8 @@
88
103
  "visualCompatibility": "native",
89
104
  "recommendedVisualPresets": [
90
105
  "y2k"
91
- ]
106
+ ],
107
+ "compatibleVisualPresets": []
92
108
  },
93
109
  {
94
110
  "id": "retro-glass",
@@ -96,31 +112,36 @@
96
112
  "visualCompatibility": "native",
97
113
  "recommendedVisualPresets": [
98
114
  "retro-glass"
99
- ]
115
+ ],
116
+ "compatibleVisualPresets": []
100
117
  },
101
118
  {
102
119
  "id": "f-pattern",
103
120
  "label": "F-pattern",
104
121
  "visualCompatibility": "any",
105
- "recommendedVisualPresets": []
122
+ "recommendedVisualPresets": [],
123
+ "compatibleVisualPresets": []
106
124
  },
107
125
  {
108
126
  "id": "z-pattern",
109
127
  "label": "Z-pattern",
110
128
  "visualCompatibility": "any",
111
- "recommendedVisualPresets": []
129
+ "recommendedVisualPresets": [],
130
+ "compatibleVisualPresets": []
112
131
  },
113
132
  {
114
133
  "id": "split-screen",
115
134
  "label": "Split Screen",
116
135
  "visualCompatibility": "any",
117
- "recommendedVisualPresets": []
136
+ "recommendedVisualPresets": [],
137
+ "compatibleVisualPresets": []
118
138
  },
119
139
  {
120
140
  "id": "mondrian",
121
141
  "label": "Mondrian",
122
142
  "visualCompatibility": "any",
123
- "recommendedVisualPresets": []
143
+ "recommendedVisualPresets": [],
144
+ "compatibleVisualPresets": []
124
145
  },
125
146
  {
126
147
  "id": "synthwave",
@@ -130,19 +151,59 @@
130
151
  "cyberpunk",
131
152
  "retrofuturism"
132
153
  ],
154
+ "compatibleVisualPresets": [],
133
155
  "visualVerification": {
134
156
  "method": "rendered-computed-style",
135
157
  "test": "test/demo-smoke.test.mjs",
136
158
  "computedProperties": {
137
159
  "cyberpunk": {
138
- "boxShadow": "0px 0px 18px"
160
+ "boxShadow": "0px 0px 12px"
139
161
  },
140
162
  "retrofuturism": {
141
- "boxShadow": "0px 10px 30px"
163
+ "boxShadow": "0px 2.88px 6.72px"
142
164
  }
143
165
  },
144
166
  "assertion": "A visible browser contract fixture renders each preset's distinct article box-shadow while data-ly-layout remains synthwave."
145
167
  }
168
+ },
169
+ {
170
+ "id": "technical-blueprint",
171
+ "label": "Technical Blueprint",
172
+ "visualCompatibility": "native",
173
+ "recommendedVisualPresets": [
174
+ "technical-blueprint"
175
+ ],
176
+ "compatibleVisualPresets": []
177
+ },
178
+ {
179
+ "id": "data-terminal",
180
+ "label": "Data Terminal",
181
+ "visualCompatibility": "native",
182
+ "recommendedVisualPresets": [
183
+ "data-terminal"
184
+ ],
185
+ "compatibleVisualPresets": [
186
+ "neo-noir"
187
+ ]
188
+ },
189
+ {
190
+ "id": "industrial-hmi",
191
+ "label": "Industrial HMI",
192
+ "visualCompatibility": "recommended",
193
+ "recommendedVisualPresets": [
194
+ "industrial-utility"
195
+ ],
196
+ "compatibleVisualPresets": []
197
+ },
198
+ {
199
+ "id": "editorial",
200
+ "label": "Editorial",
201
+ "visualCompatibility": "recommended",
202
+ "recommendedVisualPresets": [
203
+ "editorial-luxe",
204
+ "paper-editorial"
205
+ ],
206
+ "compatibleVisualPresets": []
146
207
  }
147
208
  ]
148
209
  }