@trading-game/design-intelligence-layer 0.9.7 → 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.d.cts +1 -1
- package/dist/index.d.ts +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.d.cts
CHANGED
|
@@ -344,7 +344,7 @@ declare const inputGroupButtonVariants: (props?: ({
|
|
|
344
344
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
345
345
|
declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
|
|
346
346
|
declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
347
|
-
declare function InputGroupInput({ className, size: sizeProp, ...props }: React$1.ComponentProps<"input"> & {
|
|
347
|
+
declare function InputGroupInput({ className, size: sizeProp, ...props }: Omit<React$1.ComponentProps<"input">, "size"> & {
|
|
348
348
|
size?: InputGroupSize;
|
|
349
349
|
}): react_jsx_runtime.JSX.Element;
|
|
350
350
|
declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
|
package/dist/index.d.ts
CHANGED
|
@@ -344,7 +344,7 @@ declare const inputGroupButtonVariants: (props?: ({
|
|
|
344
344
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
345
345
|
declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
|
|
346
346
|
declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
347
|
-
declare function InputGroupInput({ className, size: sizeProp, ...props }: React$1.ComponentProps<"input"> & {
|
|
347
|
+
declare function InputGroupInput({ className, size: sizeProp, ...props }: Omit<React$1.ComponentProps<"input">, "size"> & {
|
|
348
348
|
size?: InputGroupSize;
|
|
349
349
|
}): react_jsx_runtime.JSX.Element;
|
|
350
350
|
declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
|
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)
|