accessify-widget 0.3.38 → 0.3.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "accessify-widget",
-  "version": "0.3.38",
+  "version": "0.3.40",
   "description": "Accessify-Widget accessibility widget for any website",
   "license": "MIT",
   "homepage": "https://github.com/maddesv1-ctrl/accessify-widget",

package/dist/contrast-CqsICAkU.js

@@ -1,139 +0,0 @@
-function createContrastModule() {
-  let currentMode = "off";
-  const STYLE_ID = "accessify-contrast";
-  const STORAGE_KEY = "accessify-contrast-mode";
-  function getStyles(mode) {
-    switch (mode) {
-      case "light":
-        return `
-          html {
-            color-scheme: light !important;
-          }
-
-          body,
-          body :where(main, section, article, aside, nav, header, footer, div, p, li, dt, dd, blockquote, figcaption, table, thead, tbody, tr, th, td, ul, ol, form, fieldset, button, input, textarea, select, label, details, summary):not(#accessify-root):not(#accessify-root *) {
-            background-color: #fbf7ef !important;
-            color: #161616 !important;
-            border-color: #6f675d !important;
-          }
-
-          body :where(h1, h2, h3, h4, h5, h6, strong, b):not(#accessify-root):not(#accessify-root *) {
-            color: #0f1720 !important;
-          }
-
-          body :where(a, a:visited):not(#accessify-root):not(#accessify-root *) {
-            color: #0047b3 !important;
-            text-decoration-color: currentColor !important;
-          }
-
-          body :where(button, input, textarea, select):not(#accessify-root):not(#accessify-root *) {
-            box-shadow: none !important;
-          }
-        `;
-      case "dark":
-        return `
-          html {
-            color-scheme: dark !important;
-          }
-
-          body,
-          body :where(main, section, article, aside, nav, header, footer, div, p, li, dt, dd, blockquote, figcaption, table, thead, tbody, tr, th, td, ul, ol, form, fieldset, button, input, textarea, select, label, details, summary):not(#accessify-root):not(#accessify-root *) {
-            background-color: #101418 !important;
-            color: #f5f1e8 !important;
-            border-color: #9bb4c7 !important;
-          }
-
-          body :where(h1, h2, h3, h4, h5, h6, strong, b):not(#accessify-root):not(#accessify-root *) {
-            color: #ffffff !important;
-          }
-
-          body :where(a, a:visited):not(#accessify-root):not(#accessify-root *) {
-            color: #8fd8ff !important;
-            text-decoration-color: currentColor !important;
-          }
-
-          body :where(img, video, svg, canvas):not(#accessify-root):not(#accessify-root *) {
-            filter: brightness(0.92) contrast(1.08) !important;
-          }
-        `;
-      case "high":
-        return `
-          html {
-            color-scheme: dark !important;
-          }
-
-          body,
-          body :where(main, section, article, aside, nav, header, footer, div, p, li, dt, dd, blockquote, figcaption, table, thead, tbody, tr, th, td, ul, ol, form, fieldset, button, input, textarea, select, label, details, summary):not(#accessify-root):not(#accessify-root *) {
-            background: #000000 !important;
-            color: #ffffff !important;
-            border-color: #ffffff !important;
-            box-shadow: none !important;
-          }
-
-          body :where(a, a:visited):not(#accessify-root):not(#accessify-root *) {
-            color: #fff35c !important;
-            text-decoration: underline !important;
-            text-decoration-thickness: 3px !important;
-            text-underline-offset: 3px !important;
-          }
-
-          body :where(button, input, textarea, select):not(#accessify-root):not(#accessify-root *) {
-            outline: 2px solid #fff35c !important;
-            outline-offset: 2px !important;
-          }
-
-          body :where(img, video, svg, canvas):not(#accessify-root):not(#accessify-root *) {
-            filter: contrast(1.25) brightness(0.95) !important;
-          }
-        `;
-      default:
-        return "";
-    }
-  }
-  function applyStyles(mode) {
-    let styleEl = document.getElementById(STYLE_ID);
-    if (mode === "off") {
-      styleEl?.remove();
-      return;
-    }
-    if (!styleEl) {
-      styleEl = document.createElement("style");
-      styleEl.id = STYLE_ID;
-      document.head.appendChild(styleEl);
-    }
-    styleEl.textContent = getStyles(mode);
-  }
-  function activate() {
-    const saved = localStorage.getItem(STORAGE_KEY);
-    currentMode = saved === "light" || saved === "dark" || saved === "high" ? saved : "dark";
-    applyStyles(currentMode);
-  }
-  function deactivate() {
-    currentMode = "off";
-    applyStyles("off");
-    localStorage.removeItem(STORAGE_KEY);
-  }
-  return {
-    id: "contrast",
-    name: () => "Contrast",
-    description: "Increase contrast for better readability",
-    icon: "contrast",
-    category: "visual",
-    activate,
-    deactivate,
-    getState: () => ({ id: "contrast", enabled: currentMode !== "off", value: currentMode }),
-    setState: (mode) => {
-      currentMode = mode === "light" || mode === "dark" || mode === "high" ? mode : "off";
-      applyStyles(mode);
-      if (currentMode === "off") {
-        localStorage.removeItem(STORAGE_KEY);
-      } else {
-        localStorage.setItem(STORAGE_KEY, currentMode);
-      }
-    }
-  };
-}
-export {
-  createContrastModule as default
-};
-//# sourceMappingURL=contrast-CqsICAkU.js.map

package/dist/contrast-CqsICAkU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contrast-CqsICAkU.js","sources":["../src/features/contrast.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\n\ntype ContrastMode = 'off' | 'light' | 'dark' | 'high';\n\nexport default function createContrastModule(): FeatureModule {\n  let currentMode: ContrastMode = 'off';\n  const STYLE_ID = 'accessify-contrast';\n  const STORAGE_KEY = 'accessify-contrast-mode';\n\n  function getStyles(mode: ContrastMode): string {\n    switch (mode) {\n      case 'light':\n        return `\n          html {\n            color-scheme: light !important;\n          }\n\n          body,\n          body :where(main, section, article, aside, nav, header, footer, div, p, li, dt, dd, blockquote, figcaption, table, thead, tbody, tr, th, td, ul, ol, form, fieldset, button, input, textarea, select, label, details, summary):not(#accessify-root):not(#accessify-root *) {\n            background-color: #fbf7ef !important;\n            color: #161616 !important;\n            border-color: #6f675d !important;\n          }\n\n          body :where(h1, h2, h3, h4, h5, h6, strong, b):not(#accessify-root):not(#accessify-root *) {\n            color: #0f1720 !important;\n          }\n\n          body :where(a, a:visited):not(#accessify-root):not(#accessify-root *) {\n            color: #0047b3 !important;\n            text-decoration-color: currentColor !important;\n          }\n\n          body :where(button, input, textarea, select):not(#accessify-root):not(#accessify-root *) {\n            box-shadow: none !important;\n          }\n        `;\n      case 'dark':\n        return `\n          html {\n            color-scheme: dark !important;\n          }\n\n          body,\n          body :where(main, section, article, aside, nav, header, footer, div, p, li, dt, dd, blockquote, figcaption, table, thead, tbody, tr, th, td, ul, ol, form, fieldset, button, input, textarea, select, label, details, summary):not(#accessify-root):not(#accessify-root *) {\n            background-color: #101418 !important;\n            color: #f5f1e8 !important;\n            border-color: #9bb4c7 !important;\n          }\n\n          body :where(h1, h2, h3, h4, h5, h6, strong, b):not(#accessify-root):not(#accessify-root *) {\n            color: #ffffff !important;\n          }\n\n          body :where(a, a:visited):not(#accessify-root):not(#accessify-root *) {\n            color: #8fd8ff !important;\n            text-decoration-color: currentColor !important;\n          }\n\n          body :where(img, video, svg, canvas):not(#accessify-root):not(#accessify-root *) {\n            filter: brightness(0.92) contrast(1.08) !important;\n          }\n        `;\n      case 'high':\n        return `\n          html {\n            color-scheme: dark !important;\n          }\n\n          body,\n          body :where(main, section, article, aside, nav, header, footer, div, p, li, dt, dd, blockquote, figcaption, table, thead, tbody, tr, th, td, ul, ol, form, fieldset, button, input, textarea, select, label, details, summary):not(#accessify-root):not(#accessify-root *) {\n            background: #000000 !important;\n            color: #ffffff !important;\n            border-color: #ffffff !important;\n            box-shadow: none !important;\n          }\n\n          body :where(a, a:visited):not(#accessify-root):not(#accessify-root *) {\n            color: #fff35c !important;\n            text-decoration: underline !important;\n            text-decoration-thickness: 3px !important;\n            text-underline-offset: 3px !important;\n          }\n\n          body :where(button, input, textarea, select):not(#accessify-root):not(#accessify-root *) {\n            outline: 2px solid #fff35c !important;\n            outline-offset: 2px !important;\n          }\n\n          body :where(img, video, svg, canvas):not(#accessify-root):not(#accessify-root *) {\n            filter: contrast(1.25) brightness(0.95) !important;\n          }\n        `;\n      default:\n        return '';\n    }\n  }\n\n  function applyStyles(mode: ContrastMode) {\n    let styleEl = document.getElementById(STYLE_ID);\n    if (mode === 'off') {\n      styleEl?.remove();\n      return;\n    }\n    if (!styleEl) {\n      styleEl = document.createElement('style');\n      styleEl.id = STYLE_ID;\n      document.head.appendChild(styleEl);\n    }\n    styleEl.textContent = getStyles(mode);\n  }\n\n  function activate() {\n    const saved = localStorage.getItem(STORAGE_KEY) as ContrastMode;\n    currentMode = saved === 'light' || saved === 'dark' || saved === 'high' ? saved : 'dark';\n    applyStyles(currentMode);\n  }\n\n  function deactivate() {\n    currentMode = 'off';\n    applyStyles('off');\n    localStorage.removeItem(STORAGE_KEY);\n  }\n\n  return {\n    id: 'contrast',\n    name: () => 'Contrast',\n    description: 'Increase contrast for better readability',\n    icon: 'contrast',\n    category: 'visual',\n    activate,\n    deactivate,\n    getState: (): FeatureState => ({ id: 'contrast', enabled: currentMode !== 'off', value: currentMode }),\n    setState: (mode: ContrastMode) => {\n      currentMode = mode === 'light' || mode === 'dark' || mode === 'high' ? mode : 'off';\n      applyStyles(mode);\n      if (currentMode === 'off') {\n        localStorage.removeItem(STORAGE_KEY);\n      } else {\n        localStorage.setItem(STORAGE_KEY, currentMode);\n      }\n    },\n  };\n}\n"],"names":[],"mappings":"AAIA,SAAwB,uBAAsC;AAC5D,MAAI,cAA4B;AAChC,QAAM,WAAW;AACjB,QAAM,cAAc;AAEpB,WAAS,UAAU,MAA4B;AAC7C,YAAQ,MAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAyBT,KAAK;AACH,eAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAyBT,KAAK;AACH,eAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MA6BT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,WAAS,YAAY,MAAoB;AACvC,QAAI,UAAU,SAAS,eAAe,QAAQ;AAC9C,QAAI,SAAS,OAAO;AAClB,eAAS,OAAA;AACT;AAAA,IACF;AACA,QAAI,CAAC,SAAS;AACZ,gBAAU,SAAS,cAAc,OAAO;AACxC,cAAQ,KAAK;AACb,eAAS,KAAK,YAAY,OAAO;AAAA,IACnC;AACA,YAAQ,cAAc,UAAU,IAAI;AAAA,EACtC;AAEA,WAAS,WAAW;AAClB,UAAM,QAAQ,aAAa,QAAQ,WAAW;AAC9C,kBAAc,UAAU,WAAW,UAAU,UAAU,UAAU,SAAS,QAAQ;AAClF,gBAAY,WAAW;AAAA,EACzB;AAEA,WAAS,aAAa;AACpB,kBAAc;AACd,gBAAY,KAAK;AACjB,iBAAa,WAAW,WAAW;AAAA,EACrC;AAEA,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU,OAAqB,EAAE,IAAI,YAAY,SAAS,gBAAgB,OAAO,OAAO;IACxF,UAAU,CAAC,SAAuB;AAChC,oBAAc,SAAS,WAAW,SAAS,UAAU,SAAS,SAAS,OAAO;AAC9E,kBAAY,IAAI;AAChB,UAAI,gBAAgB,OAAO;AACzB,qBAAa,WAAW,WAAW;AAAA,MACrC,OAAO;AACL,qBAAa,QAAQ,aAAa,WAAW;AAAA,MAC/C;AAAA,IACF;AAAA,EAAA;AAEJ;"}