react-miui 0.27.11 → 0.28.1

package/esm/components/form/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/form/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,UAAU,KAAK;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiB1B,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/form/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAc,MAAM,gBAAgB,CAAC;AAEzD,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,UAAU,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,WAAW,CAAC,CAAC;IAClE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiB1B,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AAEjB,YAAY,EACR,KAAK,IAAI,UAAU,GACtB,CAAC"}

package/esm/components/form/Label.js

@@ -1,17 +1,13 @@
 import React from "react";
-import classnames from "classnames";
-import { makeVariants } from "../../utils/index.js";
-import styles from "./Label.module.scss";
+import { StyledLabel, StyledText } from "./Label.styled.js";
 const Label = (props) => {
-    const v = makeVariants(props.variant);
-    const labelCls = classnames(styles.text, {
-        [styles.textBig]: v.includes("big"),
-    });
-    const label = props.label ? React.createElement("div", { className: labelCls }, props.label) : null;
-    const rootCls = classnames(props.className, styles.label);
-    return (React.createElement("label", { className: rootCls },
-        label,
-        props.children));
+    const { label, variant, children, ...rest } = props;
+    const labelElement = label
+        ? (React.createElement(StyledText, { ...(variant ? { variant } : undefined) }, label))
+        : null;
+    return (React.createElement(StyledLabel, { ...rest },
+        labelElement,
+        children));
 };
 export { Label };
 //# sourceMappingURL=Label.js.map

package/esm/components/form/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/form/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AASzC,MAAM,KAAK,GAAoB,CAAC,KAAK,EAAE,EAAE;IACrC,MAAM,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE;QACrC,CAAC,MAAM,CAAC,OAAiB,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;KAChD,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,QAAQ,IAAG,KAAK,CAAC,KAAK,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAEjF,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IAE1D,OAAO,CACH,+BAAO,SAAS,EAAE,OAAO;QACpB,KAAK;QACL,KAAK,CAAC,QAAQ,CACX,CACX,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/form/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAUzD,MAAM,KAAK,GAAoB,CAAC,KAAK,EAAE,EAAE;IACrC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEpD,MAAM,YAAY,GAAG,KAAK;QACtB,CAAC,CAAC,CACE,oBAAC,UAAU,OAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,IAC9C,KAAK,CACG,CAChB;QACD,CAAC,CAAC,IAAI,CAAC;IAEX,OAAO,CACH,oBAAC,WAAW,OAAK,IAAI;QAChB,YAAY;QACZ,QAAQ,CACC,CACjB,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/esm/components/form/Label.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Label } from "./Label";
+declare const meta: Meta<typeof Label>;
+type Story = StoryObj<typeof meta>;
+declare const Default: Story;
+declare const BigVariant: Story;
+declare const WithoutLabel: Story;
+declare const MultipleLabels: Story;
+export { Default, BigVariant, WithoutLabel, MultipleLabels, };
+export default meta;
+//# sourceMappingURL=Label.stories.d.ts.map

package/esm/components/form/Label.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Label.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAO5B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,QAAA,MAAM,OAAO,EAAE,KAKd,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAMjB,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAInB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAcrB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,UAAU,EACV,YAAY,EACZ,cAAc,GACjB,CAAC;AACF,eAAe,IAAI,CAAC"}

package/esm/components/form/Label.stories.js

@@ -0,0 +1,43 @@
+import React from "react";
+import { ICON, Icon } from "../icons/Icon.js";
+import { Input } from "./input/Input.js";
+import { Label } from "./Label.js";
+const meta = {
+    title: "Components/Form/Label",
+    component: Label,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+};
+const content = React.createElement(Input, { placeholder: "ie: 500", prefix: React.createElement(Icon, { name: ICON.battery }), suffix: "kWh" });
+const Default = {
+    args: {
+        label: "Username",
+        children: content,
+    },
+};
+const BigVariant = {
+    args: {
+        label: "Big Label",
+        variant: "big",
+        children: content,
+    },
+};
+const WithoutLabel = {
+    args: {
+        children: content,
+    },
+};
+const MultipleLabels = {
+    render: () => (React.createElement("div", null,
+        React.createElement(Label, { label: "First name" },
+            React.createElement(Input, { placeholder: "John" })),
+        React.createElement(Label, { label: "Last name" },
+            React.createElement(Input, { placeholder: "Doe" })),
+        React.createElement(Label, { label: "Email", variant: "big" },
+            React.createElement(Input, { placeholder: "john@example.com" })))),
+};
+export { Default, BigVariant, WithoutLabel, MultipleLabels, };
+export default meta;
+//# sourceMappingURL=Label.stories.js.map

package/esm/components/form/Label.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.js","sourceRoot":"","sources":["../../../src/components/form/Label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,IAAI,GAAuB;IAC7B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AAIF,MAAM,OAAO,GAAG,oBAAC,KAAK,IAAC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,OAAO,GAAI,EAAE,MAAM,EAAE,KAAK,GAAI,CAAC;AAEvG,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,OAAO;KACpB;CACJ,CAAC;AAEF,MAAM,UAAU,GAAU;IACtB,IAAI,EAAE;QACF,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,OAAO;KACpB;CACJ,CAAC;AAEF,MAAM,YAAY,GAAU;IACxB,IAAI,EAAE;QACF,QAAQ,EAAE,OAAO;KACpB;CACJ,CAAC;AAEF,MAAM,cAAc,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV;QACI,oBAAC,KAAK,IAAC,KAAK,EAAE,YAAY;YACtB,oBAAC,KAAK,IAAC,WAAW,EAAE,MAAM,GAAI,CAC1B;QACR,oBAAC,KAAK,IAAC,KAAK,EAAE,WAAW;YACrB,oBAAC,KAAK,IAAC,WAAW,EAAE,KAAK,GAAI,CACzB;QACR,oBAAC,KAAK,IAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK;YACjC,oBAAC,KAAK,IAAC,WAAW,EAAE,kBAAkB,GAAI,CACtC,CACN,CACT;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,UAAU,EACV,YAAY,EACZ,cAAc,GACjB,CAAC;AACF,eAAe,IAAI,CAAC"}

package/esm/components/form/Label.styled.d.ts

@@ -0,0 +1,170 @@
+declare const StyledLabel: import("@stitches/react/types/styled-component").StyledComponent<"label", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+declare const StyledText: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+    variant?: "big";
+}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+export { StyledLabel, StyledText, };
+//# sourceMappingURL=Label.styled.d.ts.map

package/esm/components/form/Label.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.styled.d.ts","sourceRoot":"","sources":["../../../src/components/form/Label.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKf,CAAC;AAEH,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAYd,CAAC;AAEH,OAAO,EACH,WAAW,EACX,UAAU,GACb,CAAC"}

package/esm/components/form/Label.styled.js

@@ -0,0 +1,21 @@
+import { styled, fontPxToRem, dimensionsPxToRem } from "../../theme.js";
+const StyledLabel = styled("label", {
+    "& + &": {
+        marginTop: dimensionsPxToRem(23),
+        display: "block",
+    },
+});
+const StyledText = styled("div", {
+    fontSize: fontPxToRem(28),
+    marginBottom: dimensionsPxToRem(24),
+    color: "$sub",
+    variants: {
+        variant: {
+            big: {
+                fontSize: fontPxToRem(34),
+            },
+        },
+    },
+});
+export { StyledLabel, StyledText, };
+//# sourceMappingURL=Label.styled.js.map

package/esm/components/form/Label.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.styled.js","sourceRoot":"","sources":["../../../src/components/form/Label.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErE,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,EAAE;IAChC,OAAO,EAAE;QACL,SAAS,EAAE,iBAAiB,CAAC,EAAE,CAAC;QAChC,OAAO,EAAE,OAAO;KACnB;CACJ,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,EAAE;IAC7B,QAAQ,EAAE,WAAW,CAAC,EAAE,CAAC;IACzB,YAAY,EAAE,iBAAiB,CAAC,EAAE,CAAC;IACnC,KAAK,EAAE,MAAM;IAEb,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,GAAG,EAAE;gBACD,QAAQ,EAAE,WAAW,CAAC,EAAE,CAAC;aAC5B;SACJ;KACJ;CACJ,CAAC,CAAC;AAEH,OAAO,EACH,WAAW,EACX,UAAU,GACb,CAAC"}

package/esm/components/form/Toggle.d.ts

@@ -1,12 +1,14 @@
 import React from "react";
-interface Props {
+import { StyledContainer } from "./Toggle.styled";
+type ContainerProps = React.ComponentProps<typeof StyledContainer>;
+interface Props extends Partial<Pick<ContainerProps, "css" | "className">> {
     onChange: (newValue: boolean) => void;
     onContextMenu?: React.MouseEventHandler;
     undeterminedClickValue?: boolean;
     disabled?: boolean;
     value: boolean | null;
-    className?: string;
 }
 declare const Toggle: React.FC<Props>;
 export { Toggle };
+export type { Props as ToggleProps, };
 //# sourceMappingURL=Toggle.d.ts.map

package/esm/components/form/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,UAAU,KAAK;IACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACxC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4B3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,eAAe,EAAgB,MAAM,iBAAiB,CAAC;AAEhE,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAEnE,UAAU,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,WAAW,CAAC,CAAC;IACtE,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAKxC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAIjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8B3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,YAAY,EACR,KAAK,IAAI,WAAW,GACvB,CAAC"}

package/esm/components/form/Toggle.js

@@ -1,22 +1,19 @@
 import React, { useCallback } from "react";
-import classnames from "classnames";
-import styles from "./Toggle.module.scss";
+import { StyledContainer, StyledToggle } from "./Toggle.styled.js";
 const Toggle = (props) => {
+    const { onChange, onContextMenu, undeterminedClickValue, disabled, value, ...rest } = props;
     const handleChange = useCallback((e) => {
-        if (props.value == null) {
-            if (typeof props.undeterminedClickValue === "boolean") {
-                props.onChange(props.undeterminedClickValue);
+        if (value == null) {
+            if (typeof undeterminedClickValue === "boolean") {
+                onChange(undeterminedClickValue);
             }
             return;
         }
-        props.onChange(e.target.checked);
-    }, [props.onChange, props.value]);
-    const cls = classnames(props.className, styles.container, {
-        [styles.disabled]: props.disabled,
-    });
-    return (React.createElement("label", { className: cls, onContextMenu: props.onContextMenu },
-        React.createElement("input", { type: "checkbox", checked: Boolean(props.value), "data-undetermined": props.value == null, readOnly: props.value == null, disabled: props.disabled, onChange: handleChange }),
-        React.createElement("div", { className: styles.toggle })));
+        onChange(e.target.checked);
+    }, [onChange, value, undeterminedClickValue]);
+    return (React.createElement(StyledContainer, { ...rest, disabled: Boolean(disabled), onContextMenu: onContextMenu },
+        React.createElement("input", { type: "checkbox", checked: Boolean(value), "data-undetermined": value == null, readOnly: value == null, disabled: disabled, onChange: handleChange }),
+        React.createElement(StyledToggle, null)));
 };
 export { Toggle };
 //# sourceMappingURL=Toggle.js.map

package/esm/components/form/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAW1C,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAgC,EAAE,EAAE;QAClE,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,EAAE,CAAC;YACtB,IAAI,OAAO,KAAK,CAAC,sBAAsB,KAAK,SAAS,EAAE,CAAC;gBACpD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;YACjD,CAAC;YACD,OAAO;QACX,CAAC;QACD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElC,MAAM,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE;QACtD,CAAC,MAAM,CAAC,QAAkB,CAAC,EAAE,KAAK,CAAC,QAAQ;KAC9C,CAAC,CAAC;IAEH,OAAO,CACH,+BAAO,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa;QACrD,+BACI,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,uBACV,KAAK,CAAC,KAAK,IAAI,IAAI,EACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,EAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,YAAY,GACxB;QACF,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,GAAI,CAC7B,CACX,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAmBhE,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,sBAAsB,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE5F,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAgC,EAAE,EAAE;QAClE,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YAChB,IAAI,OAAO,sBAAsB,KAAK,SAAS,EAAE,CAAC;gBAC9C,QAAQ,CAAC,sBAAsB,CAAC,CAAC;YACrC,CAAC;YACD,OAAO;QACX,CAAC;QACD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAE9C,OAAO,CACH,oBAAC,eAAe,OACR,IAAI,EACR,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,aAAa,EAAE,aAAa;QAE5B,+BACI,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,uBACJ,KAAK,IAAI,IAAI,EAChC,QAAQ,EAAE,KAAK,IAAI,IAAI,EACvB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,GACxB;QACF,oBAAC,YAAY,OAAG,CACF,CACrB,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/esm/components/form/Toggle.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Toggle } from "./Toggle";
+declare const meta: Meta<typeof Toggle>;
+type Story = StoryObj<typeof meta>;
+declare const Default: Story;
+declare const On: Story;
+declare const Undetermined: Story;
+declare const Disabled: Story;
+declare const Interactive: Story;
+declare const WithUndeterminedClick: Story;
+declare const AllStates: Story;
+export { Default, On, Undetermined, Disabled, Interactive, WithUndeterminedClick, AllStates, };
+export default meta;
+//# sourceMappingURL=Toggle.stories.d.ts.map

package/esm/components/form/Toggle.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Toggle.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAe7B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,QAAA,MAAM,OAAO,EAAE,KAKd,CAAC;AAEF,QAAA,MAAM,EAAE,EAAE,KAKT,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAKnB,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAMf,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAelB,CAAC;AAEF,QAAA,MAAM,qBAAqB,EAAE,KAY5B,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAqBhB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,EAAE,EACF,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,qBAAqB,EACrB,SAAS,GACZ,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/form/Toggle.stories.js

@@ -0,0 +1,76 @@
+import React, { useState } from "react";
+import { Toggle } from "./Toggle.js";
+const meta = {
+    title: "Components/Form/Toggle",
+    component: Toggle,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+    argTypes: {
+        value: {
+            control: {
+                type: "select",
+                options: [true, false, null],
+            },
+        },
+    },
+};
+const Default = {
+    args: {
+        value: false,
+        onChange: () => { },
+    },
+};
+const On = {
+    args: {
+        value: true,
+        onChange: () => { },
+    },
+};
+const Undetermined = {
+    args: {
+        value: null,
+        onChange: () => { },
+    },
+};
+const Disabled = {
+    args: {
+        value: true,
+        disabled: true,
+        onChange: () => { },
+    },
+};
+const Interactive = {
+    render: () => {
+        const [value, setValue] = useState(false);
+        return (React.createElement(Toggle, { value: value, onChange: setValue, onContextMenu: (e) => {
+                e.preventDefault();
+                alert("Right-clicked/long pressed!");
+            } }));
+    },
+};
+const WithUndeterminedClick = {
+    render: () => {
+        const [value, setValue] = useState(null);
+        return (React.createElement(Toggle, { value: value, onChange: setValue, undeterminedClickValue: true }));
+    },
+};
+const AllStates = {
+    render: () => (React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1rem", alignItems: "flex-start" } },
+        React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } },
+            React.createElement(Toggle, { value: false, onChange: () => { } }),
+            React.createElement("span", null, "Off")),
+        React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } },
+            React.createElement(Toggle, { value: true, onChange: () => { } }),
+            React.createElement("span", null, "On")),
+        React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } },
+            React.createElement(Toggle, { value: null, onChange: () => { } }),
+            React.createElement("span", null, "Undetermined")),
+        React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } },
+            React.createElement(Toggle, { value: true, disabled: true, onChange: () => { } }),
+            React.createElement("span", null, "Disabled")))),
+};
+export { Default, On, Undetermined, Disabled, Interactive, WithUndeterminedClick, AllStates, };
+export default meta;
+//# sourceMappingURL=Toggle.stories.js.map

package/esm/components/form/Toggle.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.stories.js","sourceRoot":"","sources":["../../../src/components/form/Toggle.stories.tsx"],"names":[],"mappings":"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"}

package/esm/components/form/Toggle.styled.d.ts

@@ -0,0 +1,170 @@
+declare const StyledToggle: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+declare const StyledContainer: import("@stitches/react/types/styled-component").StyledComponent<"label", {
+    disabled?: boolean | "true";
+}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+export { StyledContainer, StyledToggle, };
+//# sourceMappingURL=Toggle.styled.d.ts.map

package/esm/components/form/Toggle.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.styled.d.ts","sourceRoot":"","sources":["../../../src/components/form/Toggle.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUhB,CAAC;AAEH,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CnB,CAAC;AAEH,OAAO,EACH,eAAe,EACf,YAAY,GACf,CAAC"}