@trading-game/design-intelligence-layer 0.9.8 → 0.9.9
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/README.md +11 -1
- package/dist/index.cjs +15 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +15 -3
- package/dist/index.js.map +1 -1
- package/guides/design-system-guide/trading-game-ds-guide.md +2 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -5792,11 +5792,15 @@ import { jsx as jsx51 } from "react/jsx-runtime";
|
|
|
5792
5792
|
var Toaster = (_a) => {
|
|
5793
5793
|
var props = __objRest(_a, []);
|
|
5794
5794
|
const { theme = "system" } = useTheme();
|
|
5795
|
+
const isMobile = useIsMobile();
|
|
5795
5796
|
return /* @__PURE__ */ jsx51(
|
|
5796
5797
|
Sonner,
|
|
5797
5798
|
__spreadValues({
|
|
5798
5799
|
theme,
|
|
5799
5800
|
className: "toaster group",
|
|
5801
|
+
position: isMobile ? "top-center" : "bottom-right",
|
|
5802
|
+
visibleToasts: isMobile ? 1 : 3,
|
|
5803
|
+
duration: 4e3,
|
|
5800
5804
|
icons: {
|
|
5801
5805
|
success: /* @__PURE__ */ jsx51(CircleCheckIcon, { className: "size-4" }),
|
|
5802
5806
|
info: /* @__PURE__ */ jsx51(InfoIcon, { className: "size-4" }),
|
|
@@ -5804,10 +5808,18 @@ var Toaster = (_a) => {
|
|
|
5804
5808
|
error: /* @__PURE__ */ jsx51(OctagonXIcon, { className: "size-4" }),
|
|
5805
5809
|
loading: /* @__PURE__ */ jsx51(Loader2Icon, { className: "size-4 animate-spin" })
|
|
5806
5810
|
},
|
|
5811
|
+
toastOptions: {
|
|
5812
|
+
classNames: {
|
|
5813
|
+
toast: "!bg-[var(--on-prominent)] !border-none",
|
|
5814
|
+
title: "!text-[var(--on-prominent-static-inverse)] !font-display !font-bold",
|
|
5815
|
+
description: "!text-[var(--on-prominent-static-inverse)] !opacity-60 !font-body",
|
|
5816
|
+
actionButton: "!bg-[var(--primary)] !text-[var(--on-prominent-static-inverse)]"
|
|
5817
|
+
}
|
|
5818
|
+
},
|
|
5807
5819
|
style: {
|
|
5808
|
-
"--normal-bg": "var(--
|
|
5809
|
-
"--normal-text": "var(--
|
|
5810
|
-
"--normal-border": "
|
|
5820
|
+
"--normal-bg": "var(--on-prominent)",
|
|
5821
|
+
"--normal-text": "var(--on-prominent-static-inverse)",
|
|
5822
|
+
"--normal-border": "transparent",
|
|
5811
5823
|
"--border-radius": "var(--radius)"
|
|
5812
5824
|
}
|
|
5813
5825
|
}, props)
|