@hubpav/hwio-ui 0.6.1 → 0.6.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubpav/hwio-ui",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "description": "HARDWARIO web design system for Astro: DaisyUI 5 themes generated from the brand tokens, the Tailwind entry stylesheet and the HWio* components.",
   "license": "MIT",
   "type": "module",
@@ -31,9 +31,9 @@
     "build": "node scripts/build-themes.mjs"
   },
   "dependencies": {
-    "@hubpav/hwio-brand": "0.6.1",
-    "@hubpav/hwio-web-runtime": "0.6.1",
-    "@hubpav/hwio-web-worker": "0.6.1",
+    "@hubpav/hwio-brand": "0.6.3",
+    "@hubpav/hwio-web-runtime": "0.6.3",
+    "@hubpav/hwio-web-worker": "0.6.3",
     "daisyui": "5.7.28"
   },
   "peerDependencies": {

package/src/components/HWioCookieConsent.astro

@@ -27,7 +27,7 @@ const optional = ['preferences', 'statistics', 'marketing'] as const;
         <p class="text-base font-semibold">{labels.title}</p>
         <p class="mt-1 text-sm leading-6 opacity-80">
           {labels.short}
-          <a href={policyHref} class="link link-secondary font-semibold">{labels.policy}</a>
+          <a href={policyHref} class="link link-accent font-semibold">{labels.policy}</a>
         </p>
       </div>
       <div class="flex flex-col gap-2 sm:flex-row md:shrink-0">

package/src/components/HWioFooter.astro

@@ -20,14 +20,14 @@ interface Props {
   class?: string;
 }
 const { columns, social = [], branches, legal = [], cookieSettingsLabel, sites, copyright, tagline, class: className = '' } = Astro.props;
-const linkClass = 'inline-flex items-center gap-1 text-neutral-content/80 transition-colors hover:text-accent';
+const linkClass = 'inline-flex items-center gap-1 text-neutral-content/80 transition-colors hover:text-[var(--hwio-footer-hover,var(--color-accent))]';
 ---
 <footer class:list={['bg-neutral text-neutral-content', className]} data-hwio-footer>
   {social.length > 0 && (
     <div class="border-b border-neutral-content/10">
       <div class="container flex justify-center gap-6 py-6">
         {social.filter((s) => s.icon !== 'forum').map((s) => (
-          <a href={s.href} target="_blank" rel="noopener noreferrer" class="text-neutral-content transition-colors hover:text-accent" aria-label={s.label}>
+          <a href={s.href} target="_blank" rel="noopener noreferrer" class="text-neutral-content transition-colors hover:text-[var(--hwio-footer-hover,var(--color-accent))]" aria-label={s.label}>
             <HWioIcon name={s.icon} class="size-9" />
           </a>
         ))}
@@ -74,7 +74,7 @@ const linkClass = 'inline-flex items-center gap-1 text-neutral-content/80 transi
             {legal.map((l) => (
               <li><a href={l.href} target={l.external ? '_blank' : undefined} rel={l.external ? 'noopener noreferrer' : undefined} class={linkClass}>{l.label}{l.external && <HWioIcon name="download" size="sm" />}</a></li>
             ))}
-            {cookieSettingsLabel && <li><button type="button" data-hwio-cookie-settings class="text-left text-neutral-content/80 transition-colors hover:text-accent">{cookieSettingsLabel}</button></li>}
+            {cookieSettingsLabel && <li><button type="button" data-hwio-cookie-settings class="text-left text-neutral-content/80 transition-colors hover:text-[var(--hwio-footer-hover,var(--color-accent))]">{cookieSettingsLabel}</button></li>}
           </ul>
         </div>
       )}

package/src/components/HWioFooterSites.astro

@@ -9,7 +9,7 @@ const { items, label, class: className = '' } = Astro.props;
     {items.map((site, i) => (
       <>
         {i > 0 && <span class="opacity-50" aria-hidden="true">&middot;</span>}
-        <a href={site.href} target="_blank" rel="noopener noreferrer" class="text-neutral-content/80 transition-colors hover:text-accent">{site.label}</a>
+        <a href={site.href} target="_blank" rel="noopener noreferrer" class="text-neutral-content/80 transition-colors hover:text-[var(--hwio-footer-hover,var(--color-accent))]">{site.label}</a>
       </>
     ))}
   </nav>

package/src/styles/themes/er3o.css

@@ -40,13 +40,20 @@
   --hwio-container-pad: 27px;
   --er3o-gradient-from: #01CC9B;
   --er3o-gradient-to: #14A0C0;
+  --hwio-footer-hover: #ffffff;
 }
 
-/* ENEROOO carries its gradient as a theme rule: DaisyUI slots are single colours. */
-[data-theme="er3o"] .btn-primary {
+/* ENEROOO carries its gradient as a theme rule: DaisyUI slots are single colours. Only the filled
+   button gets it; outline, ghost and link variants keep their transparent background. */
+[data-theme="er3o"] .btn-primary:not(.btn-outline):not(.btn-ghost):not(.btn-link) {
   background-image: linear-gradient(90deg, var(--er3o-gradient-from), var(--er3o-gradient-to));
   border-color: transparent;
 }
+/* The outline button reads in the AA teal (the theme's accent, 6.6:1); the filled primary teal is 2.9:1 as text. */
+[data-theme="er3o"] .btn-outline.btn-primary:not(:hover):not(:active) {
+  color: var(--color-accent);
+  border-color: var(--color-accent);
+}
 [data-theme="er3o"] .er3o-gradient-text {
   background-image: linear-gradient(90deg, var(--er3o-gradient-from), var(--er3o-gradient-to));
   -webkit-background-clip: text;