bariweb-widget 0.1.8 → 0.1.9

package/dist/bariweb.iife.js

@@ -184,10 +184,10 @@
   .bw-tab:hover { background: var(--bw-bg-hover); color: var(--bw-fg); }
   .bw-tab[active] {
     background: var(--bw-primary);
-    color: var(--bw-primary-fg) !important;
+    color: var(--bw-primary-fg);
     box-shadow: none;
   }
-  .bw-tab[active] svg { color: var(--bw-primary-fg) !important; }
+  .bw-tab[active] svg { color: var(--bw-primary-fg); }
 
   /* ─── Content area ─── */
   .bw-content {
@@ -533,7 +533,7 @@
     background: var(--bw-primary-faded);
     box-shadow: inset 0 0 0 1px var(--bw-primary);
   }
-  .settings-card[active] svg { color: var(--bw-primary); }
+  .settings-card[active] svg { color: var(--bw-primary-fg); }
   .settings-card svg { width: 22px; height: 22px; color: var(--bw-fg-muted); transition: color 0.18s; }
   .settings-card-label { font-size: 12px; font-weight: 600; color: var(--bw-fg); }
   .settings-card[active] .settings-card-label { color: var(--bw-primary); }
@@ -551,7 +551,7 @@
     align-items: center;
     justify-content: center;
   }
-  .active-badge svg { width: 10px; height: 10px; color: var(--bw-primary-fg) !important; stroke-width: 3; }
+  .active-badge svg { width: 10px; height: 10px; color: var(--bw-primary-fg); stroke-width: 3; }
 
   /* Color section */
   .color-section {
@@ -683,7 +683,7 @@
   .admin-overlay input:focus { border-color: var(--bw-primary); }
   .admin-login-btn {
     width: 100%; padding: 12px; border-radius: var(--bw-radius-sm);
-    background: var(--bw-primary); color: var(--bw-primary-fg) !important; border: none;
+    background: var(--bw-primary); color: var(--bw-primary-fg); border: none;
     font-weight: 700; font-size: 14px; cursor: pointer; margin-bottom: 8px;
     transition: all 0.2s;
   }
@@ -702,17 +702,6 @@
   }
   .auth-error { color: #ef4444; font-size: 12px; margin: 0 0 12px; }
   .admin-status { color: #059669; font-size: 14px; font-weight: 600; margin: 0 0 16px; }
-
-  /* Force all SVGs inside buttons to respect container color */
-  button svg {
-    color: inherit;
-    stroke: currentColor;
-  }
-  
-  /* High specificity overrides for active states */
-  [active] svg, .active svg, .on svg {
-    color: inherit !important;
-  }
 `,mt=`bw-a11y-settings-v2`,U={monochrome:!1,darkHighContrast:!1,brightHighContrast:!1,lowSaturation:!1,highSaturation:!1,contrastMode:!1,customBgHue:null,customHeaderHue:null,customContentHue:null,activeColorTab:`background`,textScale:1,highlightHeaders:!1,enlargeButtons:!1,textSpacing:!1,dyslexicFont:!1,focusVisualizer:!1,cursorMagnifier:!1,animationsDisabled:!1,linkHighlight:!1},ht=class{constructor(e){this.settings={...U},(this.host=e).addController(this),this._loadSettings()}hostConnected(){this._applySettings()}_loadSettings(){let e=localStorage.getItem(mt);if(e)try{let t=JSON.parse(e);this.settings={...U,...t}}catch(e){console.error(`BariWeb: Failed to parse a11y settings`,e)}}_saveSettings(){localStorage.setItem(mt,JSON.stringify(this.settings)),this._applySettings(),this.host.requestUpdate()}_ensureGlobalStyles(){let e=`bw-global-a11y-styles`,t=document.getElementById(e);t||(t=document.createElement(`style`),t.id=e,document.head.appendChild(t)),t.textContent=`
       /* Global Filters */
       html {

package/dist/bariweb.js

@@ -1322,10 +1322,10 @@ var at = rt(K), q = (e) => F`${at(`
   .bw-tab:hover { background: var(--bw-bg-hover); color: var(--bw-fg); }
   .bw-tab[active] {
     background: var(--bw-primary);
-    color: var(--bw-primary-fg) !important;
+    color: var(--bw-primary-fg);
     box-shadow: none;
   }
-  .bw-tab[active] svg { color: var(--bw-primary-fg) !important; }
+  .bw-tab[active] svg { color: var(--bw-primary-fg); }
 
   /* ─── Content area ─── */
   .bw-content {
@@ -1671,7 +1671,7 @@ var at = rt(K), q = (e) => F`${at(`
     background: var(--bw-primary-faded);
     box-shadow: inset 0 0 0 1px var(--bw-primary);
   }
-  .settings-card[active] svg { color: var(--bw-primary); }
+  .settings-card[active] svg { color: var(--bw-primary-fg); }
   .settings-card svg { width: 22px; height: 22px; color: var(--bw-fg-muted); transition: color 0.18s; }
   .settings-card-label { font-size: 12px; font-weight: 600; color: var(--bw-fg); }
   .settings-card[active] .settings-card-label { color: var(--bw-primary); }
@@ -1689,7 +1689,7 @@ var at = rt(K), q = (e) => F`${at(`
     align-items: center;
     justify-content: center;
   }
-  .active-badge svg { width: 10px; height: 10px; color: var(--bw-primary-fg) !important; stroke-width: 3; }
+  .active-badge svg { width: 10px; height: 10px; color: var(--bw-primary-fg); stroke-width: 3; }
 
   /* Color section */
   .color-section {
@@ -1821,7 +1821,7 @@ var at = rt(K), q = (e) => F`${at(`
   .admin-overlay input:focus { border-color: var(--bw-primary); }
   .admin-login-btn {
     width: 100%; padding: 12px; border-radius: var(--bw-radius-sm);
-    background: var(--bw-primary); color: var(--bw-primary-fg) !important; border: none;
+    background: var(--bw-primary); color: var(--bw-primary-fg); border: none;
     font-weight: 700; font-size: 14px; cursor: pointer; margin-bottom: 8px;
     transition: all 0.2s;
   }
@@ -1840,17 +1840,6 @@ var at = rt(K), q = (e) => F`${at(`
   }
   .auth-error { color: #ef4444; font-size: 12px; margin: 0 0 12px; }
   .admin-status { color: #059669; font-size: 14px; font-weight: 600; margin: 0 0 16px; }
-
-  /* Force all SVGs inside buttons to respect container color */
-  button svg {
-    color: inherit;
-    stroke: currentColor;
-  }
-  
-  /* High specificity overrides for active states */
-  [active] svg, .active svg, .on svg {
-    color: inherit !important;
-  }
 `, st = "bw-a11y-settings-v2", Y = {
 	monochrome: !1,
 	darkHighContrast: !1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bariweb-widget",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "type": "module",
   "main": "./dist/bariweb.iife.js",
   "module": "./dist/bariweb.js",