@mhosaic/feedback 0.16.0 → 0.16.2

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.
@@ -1799,8 +1799,8 @@ function BugIcon() {
1799
1799
  return /* @__PURE__ */ jsxs6(
1800
1800
  "svg",
1801
1801
  {
1802
- width: "24",
1803
- height: "24",
1802
+ width: "20",
1803
+ height: "20",
1804
1804
  viewBox: "0 0 24 24",
1805
1805
  fill: "none",
1806
1806
  stroke: "currentColor",
@@ -2818,6 +2818,15 @@ var WIDGET_STYLES = `
2818
2818
  :host {
2819
2819
  --mfb-accent: #3b82f6;
2820
2820
  --mfb-accent-contrast: #ffffff;
2821
+
2822
+ /* FAB-specific palette \u2014 Mhosaic brand (steel blue family, per
2823
+ mhosaic-core's design system v4). Soft-black surface + light
2824
+ steel-blue glyph. Kept separate from --mfb-accent on purpose:
2825
+ the accent is used everywhere inside the panel for submit
2826
+ buttons / focus rings, and we don't want changing the FAB chrome
2827
+ to inadvertently restyle the whole widget. */
2828
+ --mfb-fab-bg: #1c2230; /* Mhosaic --black (oklch \u2248 0.22 0.025 258) */
2829
+ --mfb-fab-icon: #8aa9e5; /* Mhosaic --blue-300 (oklch \u2248 0.70 0.13 258) */
2821
2830
  --mfb-bg: #ffffff;
2822
2831
  --mfb-surface: #f9fafb;
2823
2832
  --mfb-surface-2: #f3f4f6;
@@ -2873,18 +2882,20 @@ var WIDGET_STYLES = `
2873
2882
  }
2874
2883
  }
2875
2884
 
2876
- /* FAB \u2014 56px (Material standard), two-layer elevation, scale-on-press,
2877
- custom SVG icon (no emoji \u2014 emoji renders inconsistently across OSes
2878
- and can't inherit color). */
2885
+ /* FAB \u2014 48px circle (down from Material's 56px) for a more discrete
2886
+ presence on client surfaces (matches PNR's 48px pattern). Mhosaic
2887
+ soft-black background with a light steel-blue lucide-bug glyph;
2888
+ custom SVG inlined (no emoji \u2014 emoji renders inconsistently across
2889
+ OSes and can't inherit color). Two-layer elevation, scale-on-press. */
2879
2890
  .fab {
2880
2891
  position: fixed;
2881
2892
  bottom: 24px;
2882
2893
  right: 24px;
2883
- width: 56px;
2884
- height: 56px;
2894
+ width: 48px;
2895
+ height: 48px;
2885
2896
  border-radius: 999px;
2886
- background: var(--mfb-accent);
2887
- color: var(--mfb-accent-contrast);
2897
+ background: var(--mfb-fab-bg);
2898
+ color: var(--mfb-fab-icon);
2888
2899
  border: none;
2889
2900
  cursor: pointer;
2890
2901
  /* Two-layer elevation: ambient (soft, large) + key (tighter, near). */
@@ -2910,10 +2921,10 @@ var WIDGET_STYLES = `
2910
2921
  0 1px 2px rgba(0, 0, 0, 0.14);
2911
2922
  }
2912
2923
  .fab:focus-visible {
2913
- outline: 2px solid var(--mfb-accent-contrast);
2924
+ outline: 2px solid var(--mfb-fab-icon);
2914
2925
  outline-offset: 3px;
2915
2926
  box-shadow:
2916
- 0 0 0 4px var(--mfb-accent),
2927
+ 0 0 0 4px var(--mfb-fab-bg),
2917
2928
  0 4px 12px rgba(0, 0, 0, 0.08),
2918
2929
  0 2px 4px rgba(0, 0, 0, 0.12);
2919
2930
  }
@@ -4741,8 +4752,8 @@ function createFeedback(config) {
4741
4752
  capture_method: captureMethod,
4742
4753
  technical_context
4743
4754
  };
4744
- if ("0.16.0") {
4745
- payload.widget_version = "0.16.0";
4755
+ if ("0.16.2") {
4756
+ payload.widget_version = "0.16.2";
4746
4757
  }
4747
4758
  if (manualScreenshot) payload.screenshot = manualScreenshot;
4748
4759
  if (values.synthetic) payload.synthetic = true;
@@ -4828,4 +4839,4 @@ function createFeedback(config) {
4828
4839
  export {
4829
4840
  createFeedback
4830
4841
  };
4831
- //# sourceMappingURL=chunk-CSQGHTXF.mjs.map
4842
+ //# sourceMappingURL=chunk-I4GWTJ6Q.mjs.map