@sensiblestats/widget-react 0.7.0 → 0.7.1
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.
- package/CHANGELOG.md +6 -0
- package/dist/index.cjs +8 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +8 -4
- package/dist/index.js.map +1 -1
- package/dist/styles.css +8 -4
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @sensiblestats/widget-react
|
|
2
2
|
|
|
3
|
+
## 0.7.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Give the add-to-slip button its own CTA color token (`--ss-w-cta` / `--ss-w-cta-ink`, gold in both themes) instead of reusing the brand accent, so the primary action stands out on the betting insight card.
|
|
8
|
+
|
|
3
9
|
## 0.7.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
package/dist/index.cjs
CHANGED
|
@@ -810,6 +810,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
|
|
|
810
810
|
.ss-w-root, .ss-w-root * { box-sizing: border-box; margin: 0; padding: 0; }
|
|
811
811
|
.ss-w-root {
|
|
812
812
|
--ss-w-accent: #17936a;
|
|
813
|
+
--ss-w-cta: #f5a623; --ss-w-cta-ink: #1b1300;
|
|
813
814
|
--ss-w-ink: #14181d; --ss-w-faint: #6b7580; --ss-w-line: #e4e8ec;
|
|
814
815
|
--ss-w-panel: #ffffff; --ss-w-bubble: #f3f5f7; --ss-w-nav: #0e1622;
|
|
815
816
|
--ss-w-radius: 16px; --ss-w-offset-x: 20px; --ss-w-offset-y: 20px;
|
|
@@ -818,16 +819,19 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
|
|
|
818
819
|
}
|
|
819
820
|
@media (prefers-color-scheme: dark) {
|
|
820
821
|
.ss-w-root[data-ss-w-theme="auto"] {
|
|
821
|
-
--ss-w-accent: #37c891; --ss-w-
|
|
822
|
+
--ss-w-accent: #37c891; --ss-w-cta: #ffb638; --ss-w-cta-ink: #1b1300;
|
|
823
|
+
--ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;
|
|
822
824
|
--ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;
|
|
823
825
|
}
|
|
824
826
|
}
|
|
825
827
|
.ss-w-root[data-ss-w-theme="dark"] {
|
|
826
|
-
--ss-w-accent: #37c891; --ss-w-
|
|
828
|
+
--ss-w-accent: #37c891; --ss-w-cta: #ffb638; --ss-w-cta-ink: #1b1300;
|
|
829
|
+
--ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;
|
|
827
830
|
--ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;
|
|
828
831
|
}
|
|
829
832
|
.ss-w-root[data-ss-w-theme="light"] {
|
|
830
|
-
--ss-w-accent: #17936a; --ss-w-
|
|
833
|
+
--ss-w-accent: #17936a; --ss-w-cta: #f5a623; --ss-w-cta-ink: #1b1300;
|
|
834
|
+
--ss-w-ink: #14181d; --ss-w-faint: #6b7580;
|
|
831
835
|
--ss-w-line: #e4e8ec; --ss-w-panel: #ffffff; --ss-w-bubble: #f3f5f7; --ss-w-nav: #0e1622;
|
|
832
836
|
}
|
|
833
837
|
|
|
@@ -956,7 +960,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
|
|
|
956
960
|
|
|
957
961
|
/* add to slip */
|
|
958
962
|
.ss-w-slip { position: relative; display: flex; }
|
|
959
|
-
.ss-w-slip-btn { font-size: 11.5px; font-weight: 620; color:
|
|
963
|
+
.ss-w-slip-btn { font-size: 11.5px; font-weight: 620; color: var(--ss-w-cta-ink); background: var(--ss-w-cta); border: 1px solid var(--ss-w-cta); border-radius: 14px; padding: 5px 12px; cursor: pointer; }
|
|
960
964
|
.ss-w-slip-btn:disabled { opacity: .6; cursor: default; background: var(--ss-w-bubble); color: var(--ss-w-faint); border-color: var(--ss-w-line); }
|
|
961
965
|
.ss-w-toast { position: absolute; top: calc(100% + 6px); left: 0; z-index: 1; max-width: 100%; font-size: 11px; font-weight: 560; border-radius: 10px; padding: 5px 10px; overflow-wrap: anywhere; box-shadow: 0 4px 14px rgba(0,0,0,.14); }
|
|
962
966
|
.ss-w-toast-success { color: var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 14%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-accent) 30%, var(--ss-w-line)); }
|