@fluid-theme/core 2.2.9 → 2.2.11
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 +14 -0
- package/CLAUDE.md +12 -0
- package/dist/fluid-1x.min.css +2 -2
- package/dist/fluid-fonts-archivo.min.css +1 -1
- package/dist/fluid-fonts-bodoni.min.css +1 -1
- package/dist/fluid-fonts.min.css +1 -1
- package/dist/fluid-legacy-1x.css +1 -1
- package/dist/fluid-nav.min.css +1 -1
- package/dist/fluid-people.min.css +1 -1
- package/dist/fluid-places.min.css +1 -1
- package/dist/fluid-toc.min.css +1 -1
- package/dist/fluid-zero.min.css +1 -1
- package/dist/fluid.min.css +2 -2
- package/package.json +10 -4
- package/src/components/hero.css +6 -0
- package/src/core/base.css +3 -0
- package/src/fluid.css +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-theme/core",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.11",
|
|
4
4
|
"description": "A modern, semantic CSS design system built on physics principles — not utility classes",
|
|
5
5
|
"main": "dist/fluid.min.css",
|
|
6
6
|
"style": "dist/fluid.min.css",
|
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
"test:toc": "node scripts/toc-check.mjs",
|
|
49
49
|
"test:places": "node scripts/places-check.mjs",
|
|
50
50
|
"test:nav": "node scripts/nav-check.mjs",
|
|
51
|
+
"test:hero-fill": "node scripts/hero-fill-check.mjs",
|
|
51
52
|
"test": "echo \"Visual testing only - open examples/foundation.html in browser\"",
|
|
52
53
|
"test:zero": "node scripts/visual-scan.mjs scripts/fixtures/zero.html && node scripts/axe-check.mjs --pages scripts/fixtures/zero.html && node scripts/focus-check.mjs --page scripts/fixtures/zero.html"
|
|
53
54
|
},
|
|
@@ -83,15 +84,20 @@
|
|
|
83
84
|
"@capsizecss/metrics": "^4.4.0",
|
|
84
85
|
"@fontsource-variable/newsreader": "^5.3.0",
|
|
85
86
|
"@fontsource-variable/schibsted-grotesk": "^5.3.0",
|
|
86
|
-
"axe-core": "
|
|
87
|
-
"lighthouse": "^13.0
|
|
87
|
+
"axe-core": "4.11.1",
|
|
88
|
+
"lighthouse": "^13.6.0",
|
|
88
89
|
"lightningcss": "^1.32.0",
|
|
89
90
|
"marked": "^15.0.12",
|
|
90
91
|
"playwright": "^1.64.1",
|
|
91
|
-
"puppeteer": "^
|
|
92
|
+
"puppeteer": "^25.16.0",
|
|
92
93
|
"sharp": "^0.35.5"
|
|
93
94
|
},
|
|
94
95
|
"publishConfig": {
|
|
95
96
|
"access": "public"
|
|
97
|
+
},
|
|
98
|
+
"overrides": {
|
|
99
|
+
"@sentry/bundler-plugins": {
|
|
100
|
+
"glob": "^14.0.3"
|
|
101
|
+
}
|
|
96
102
|
}
|
|
97
103
|
}
|
package/src/components/hero.css
CHANGED
|
@@ -183,6 +183,12 @@
|
|
|
183
183
|
object-fit: cover;
|
|
184
184
|
}
|
|
185
185
|
|
|
186
|
+
/* A <picture> wrapper (art direction, avif/webp sources) is a block at
|
|
187
|
+
the photo's own ratio, so the img's 100% followed it and a tall hero
|
|
188
|
+
showed the bare band under the photo (#137). Its box steps aside: the
|
|
189
|
+
img fills .hero__background as a bare one does. */
|
|
190
|
+
.hero__background picture { display: contents; }
|
|
191
|
+
|
|
186
192
|
/* data-focus on the wrapper sets --focus (base.css), which the img reads. */
|
|
187
193
|
/* Custom focal point via CSS custom properties */
|
|
188
194
|
.hero__background[style*="--focus"] img {
|
package/src/core/base.css
CHANGED
|
@@ -486,8 +486,11 @@
|
|
|
486
486
|
outline-offset: 1px;
|
|
487
487
|
}
|
|
488
488
|
|
|
489
|
+
/* Placeholder reads as an example, not typed text: lighter, italic
|
|
490
|
+
(playbook forms.md). Colour stays at 3:1 or better on the field. */
|
|
489
491
|
:is(input, textarea)::placeholder {
|
|
490
492
|
color: var(--color-text-subtle);
|
|
493
|
+
font-style: italic;
|
|
491
494
|
opacity: 1;
|
|
492
495
|
}
|
|
493
496
|
|