accessify-widget 0.3.105 → 0.3.107

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.
@@ -1,4 +1,4 @@
1
- import { d, i } from "./index-De-vZj27.js";
1
+ import { d, i } from "./index-BOb-i_jC.js";
2
2
  export {
3
3
  d as destroy,
4
4
  i as init
@@ -4535,9 +4535,7 @@ function wrap(inner) {
4535
4535
  return `${SVG_OPEN}${inner}${SVG_CLOSE}`;
4536
4536
  }
4537
4537
  function iconAccessibility() {
4538
- return wrap(
4539
- '<circle cx="12" cy="4.5" r="1.5"/><path d="M12 7.5v5m0 0l-3 4.5m3-4.5l3 4.5"/><path d="M6.5 9.5h11"/>'
4540
- );
4538
+ return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="currentColor" aria-hidden="true"><g transform="translate(32 32) scale(1.45) translate(-32 -32)"><circle cx="32" cy="32" r="14" fill="none" stroke="currentColor" stroke-width="2" vector-effect="non-scaling-stroke"/><circle cx="32" cy="23" r="2.2"/><path d="M24 26.5 h16 a1 1 0 0 1 0 2 h-6.4 v3 l2.4 10 a1.2 1.2 0 0 1 -2.4 0.4 l-1.6 -7 -1.6 7 a1.2 1.2 0 0 1 -2.4 -0.4 l2.4 -10 v-3 h-6.4 a1 1 0 0 1 0 -2 z"/></g></svg>';
4541
4539
  }
4542
4540
  function iconContrast() {
4543
4541
  return wrap(
@@ -6662,17 +6660,17 @@ function FeatureGrid($$anchor, $$props) {
6662
6660
  const loadedModules = /* @__PURE__ */ new Map();
6663
6661
  const FEATURE_LOADERS = {
6664
6662
  contrast: () => import("./contrast-CqsOs6Uo.js"),
6665
- "text-size": () => import("./text-size-m_mHNPWo.js"),
6666
- "keyboard-nav": () => import("./keyboard-nav-CC3-Xa0Q.js"),
6663
+ "text-size": () => import("./text-size-BNrbtlkH.js"),
6664
+ "keyboard-nav": () => import("./keyboard-nav-CdiNwZRf.js"),
6667
6665
  "link-highlight": () => import("./link-highlight-DBGm067Y.js"),
6668
6666
  "reading-guide": () => import("./reading-guide-VT8NciIL.js"),
6669
6667
  "reading-mask": () => import("./reading-mask-CImlx88t.js"),
6670
6668
  "animation-stop": () => import("./animation-stop-C2Ced0LV.js"),
6671
6669
  "hide-images": () => import("./hide-images-DdZdru63.js"),
6672
6670
  "big-cursor": () => import("./big-cursor-B2UKu9dQ.js"),
6673
- "page-structure": () => import("./page-structure-Buh7vuTK.js"),
6671
+ "page-structure": () => import("./page-structure-B1e-ikr6.js"),
6674
6672
  tts: () => import("./tts-BytU4gzP.js"),
6675
- "text-simplify": () => import("./text-simplify-YuRRlyGQ.js"),
6673
+ "text-simplify": () => import("./text-simplify-PzKJiCer.js"),
6676
6674
  "alt-text": () => Promise.resolve().then(() => altText)
6677
6675
  };
6678
6676
  let contrastMode = /* @__PURE__ */ state(proxy(readStoredContrastMode()));
@@ -7886,25 +7884,32 @@ function createWidgetStyles(config2) {
7886
7884
  *:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 8px; }
7887
7885
 
7888
7886
  /* ─── Trigger ─── */
7887
+ /* Default look matches docs/brand/widget-icon.svg: full brand gradient
7888
+ * background (blue → mauve → coral) with the white person-in-ring glyph
7889
+ * filling the button. Site owners can still override via
7890
+ * brandTriggerColor / brandTriggerIconColor in the dashboard. */
7889
7891
  .accessify-trigger {
7890
7892
  position: static;
7891
7893
  z-index: ${z};
7892
7894
  width: 56px; height: 56px;
7895
+ padding: 0;
7893
7896
  border: none; border-radius: 16px;
7894
- background: ${triggerBg || "linear-gradient(135deg, #545d8f, #3d4775)"};
7895
- color: ${triggerIcon || "#e8837c"};
7897
+ background: ${triggerBg || "linear-gradient(135deg, #3d4775 0%, #4a5387 50%, #e8837c 100%)"};
7898
+ color: ${triggerIcon || "#ffffff"};
7896
7899
  cursor: pointer;
7897
7900
  display: flex; align-items: center; justify-content: center;
7898
7901
  box-shadow: 0 6px 20px rgba(50,60,100,0.5);
7899
7902
  transition: transform var(--fast), box-shadow var(--fast), opacity var(--fast);
7900
7903
  touch-action: none;
7904
+ overflow: hidden;
7901
7905
  }
7902
7906
  @media (hover: hover) {
7903
7907
  .accessify-trigger:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(50,60,100,0.6); }
7904
7908
  }
7905
7909
  .accessify-trigger:active { transform: scale(0.96); }
7906
7910
  .accessify-trigger--hidden { display:none; }
7907
- .accessify-trigger svg { width: 26px; height: 26px; }
7911
+ /* Trigger glyph fills the whole button (matches the brand icon asset). */
7912
+ .accessify-trigger svg { width: 100%; height: 100%; display: block; }
7908
7913
  .accessify-trigger--dragging { cursor: grabbing !important; opacity: 0.85; }
7909
7914
 
7910
7915
  /* Active count badge on trigger */
@@ -9197,4 +9202,4 @@ export {
9197
9202
  init as i,
9198
9203
  t
9199
9204
  };
9200
- //# sourceMappingURL=index-De-vZj27.js.map
9205
+ //# sourceMappingURL=index-BOb-i_jC.js.map