@hubpav/hwio-ui 0.1.4 → 0.1.5
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/package.json +4 -4
- package/src/styles/styles.css +21 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hubpav/hwio-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.5",
|
|
4
4
|
"description": "HARDWARIO web design system for Astro: DaisyUI 5 themes generated from the brand tokens, the Tailwind entry stylesheet and the HWio* components.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -31,9 +31,9 @@
|
|
|
31
31
|
"build": "node scripts/build-themes.mjs"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@hubpav/hwio-brand": "0.1.
|
|
35
|
-
"@hubpav/hwio-web-runtime": "0.1.
|
|
36
|
-
"@hubpav/hwio-web-worker": "0.1.
|
|
34
|
+
"@hubpav/hwio-brand": "0.1.5",
|
|
35
|
+
"@hubpav/hwio-web-runtime": "0.1.5",
|
|
36
|
+
"@hubpav/hwio-web-worker": "0.1.5",
|
|
37
37
|
"daisyui": "5.7.28"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
package/src/styles/styles.css
CHANGED
|
@@ -195,6 +195,10 @@
|
|
|
195
195
|
.hwio-logo-grey:hover { filter: none; opacity: 1; }
|
|
196
196
|
[data-theme$='-dark'] .hwio-logo-grey { filter: grayscale(100%) invert(1); }
|
|
197
197
|
[data-theme$='-dark'] .hwio-logo-grey:hover { filter: grayscale(100%) invert(1); opacity: 1; }
|
|
198
|
+
@media (prefers-color-scheme: dark) {
|
|
199
|
+
:root:not([data-theme]) .hwio-logo-grey { filter: grayscale(100%) invert(1); }
|
|
200
|
+
:root:not([data-theme]) .hwio-logo-grey:hover { filter: grayscale(100%) invert(1); opacity: 1; }
|
|
201
|
+
}
|
|
198
202
|
|
|
199
203
|
.hwio-theme-transition,
|
|
200
204
|
.hwio-theme-transition *,
|
|
@@ -222,3 +226,20 @@
|
|
|
222
226
|
.btn-lg { height: var(--size); --fontsize: 0.9375rem; padding-inline: 1.75rem; }
|
|
223
227
|
.btn-square, .btn-circle { padding-inline: 0; }
|
|
224
228
|
.card .card-body { --card-p: 2rem; }
|
|
229
|
+
|
|
230
|
+
/* Dark themes keep the navy primary for filled buttons (white on navy: 11.6:1), but navy text is
|
|
231
|
+
1.3-1.7:1 on the night surfaces, so outline and ghost primary buttons take the light brand blue
|
|
232
|
+
there (5.3-6.5:1) and fill with it on hover, dark text on top. Both dark cases: an explicit
|
|
233
|
+
data-theme ending in -dark, and the system preference with no stored choice (DaisyUI's prefersdark). */
|
|
234
|
+
[data-theme$="-dark"] .btn-outline.btn-primary,
|
|
235
|
+
[data-theme$="-dark"] .btn-ghost.btn-primary {
|
|
236
|
+
--btn-color: var(--color-info);
|
|
237
|
+
--btn-fg: var(--color-base-100);
|
|
238
|
+
}
|
|
239
|
+
@media (prefers-color-scheme: dark) {
|
|
240
|
+
:root:not([data-theme]) .btn-outline.btn-primary,
|
|
241
|
+
:root:not([data-theme]) .btn-ghost.btn-primary {
|
|
242
|
+
--btn-color: var(--color-info);
|
|
243
|
+
--btn-fg: var(--color-base-100);
|
|
244
|
+
}
|
|
245
|
+
}
|