@clickhouse/click-ui 0.6.1-rc1 → 0.6.1-rc2
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/dist/cjs/components/Assets/Icons/Check.cjs +1 -1
- package/dist/cjs/components/Assets/Icons/Check.cjs.map +1 -1
- package/dist/cjs/components/Checkbox/index.cjs +11 -1
- package/dist/cjs/components/Checkbox/index.cjs.map +1 -1
- package/dist/esm/components/Assets/Icons/Check.js +1 -1
- package/dist/esm/components/Assets/Icons/Check.js.map +1 -1
- package/dist/esm/components/Checkbox/index.js +11 -1
- package/dist/esm/components/Checkbox/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
|
|
|
4
4
|
|
|
5
5
|
const jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
|
|
7
|
-
const Check = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "
|
|
7
|
+
const Check = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 5.125L8.25 18.875L2 12.625", stroke: "#161517", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
8
8
|
|
|
9
9
|
exports.default = Check;
|
|
10
10
|
//# sourceMappingURL=Check.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Check.cjs","sources":["../../../../../src/components/Assets/Icons/Check.tsx"],"sourcesContent":["import type { SVGAssetProps } from '@/types';\n\nconst Check = (props: SVGAssetProps) => (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"
|
|
1
|
+
{"version":3,"file":"Check.cjs","sources":["../../../../../src/components/Assets/Icons/Check.tsx"],"sourcesContent":["import type { SVGAssetProps } from '@/types';\n\nconst Check = (props: SVGAssetProps) => (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M22 5.125L8.25 18.875L2 12.625\"\n stroke=\"#161517\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\nexport default Check;\n"],"names":["Check","props","jsx"],"mappings":";;;;;;AAEA,MAAMA,KAAAA,GAAQA,CAACC,KAAAA,qBACbC,cAAA,CAAC,KAAA,EAAA,EACC,KAAA,EAAM,IAAA,EACN,MAAA,EAAO,IAAA,EACP,OAAA,EAAQ,WAAA,EACR,IAAA,EAAK,MAAA,EACL,KAAA,EAAM,4BAAA,EACN,GAAID,KAAAA,EAEJ,QAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EACC,CAAA,EAAE,gCAAA,EACF,MAAA,EAAO,SAAA,EACP,WAAA,EAAY,GAAA,EACZ,aAAA,EAAc,OAAA,EACd,cAAA,EAAe,SAAO,CAAA,EAE1B;;;;"}
|
|
@@ -64,7 +64,17 @@ const Checkbox = ({
|
|
|
64
64
|
return /* @__PURE__ */ jsxRuntime.jsxs(FormRoot.FormRoot, { $orientation: orientation, $dir: dir, className: Checkbox_module.default.wrapper, children: [
|
|
65
65
|
/* @__PURE__ */ jsxRuntime.jsx(RadixCheckbox__namespace.Root, { id: id ?? defaultId, "data-testid": "checkbox", disabled, "aria-label": `${label}`, checked, ...delegated, className: cva.cn(checkInputVariants({
|
|
66
66
|
variant
|
|
67
|
-
}), className), children: /* @__PURE__ */ jsxRuntime.jsx(RadixCheckbox__namespace.Indicator, { className: Checkbox_module.default.checkicon, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
67
|
+
}), className), children: /* @__PURE__ */ jsxRuntime.jsx(RadixCheckbox__namespace.Indicator, { className: Checkbox_module.default.checkicon, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
68
|
+
Icon.Icon,
|
|
69
|
+
{
|
|
70
|
+
name: checked === "indeterminate" ? "minus" : "check",
|
|
71
|
+
size: "sm",
|
|
72
|
+
...checked === "indeterminate" ? {} : {
|
|
73
|
+
width: "0.8rem",
|
|
74
|
+
height: "0.8rem"
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
) }) }),
|
|
68
78
|
label && /* @__PURE__ */ jsxRuntime.jsx(GenericLabel.GenericLabel, { htmlFor: id ?? defaultId, disabled, children: label })
|
|
69
79
|
] });
|
|
70
80
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { GenericLabel } from '@/components/GenericLabel';\nimport { Icon } from '@/components/Icon';\n\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { useId } from 'react';\nimport { FormRoot } from '@/components/FormContainer';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './Checkbox.module.css';\nimport { CheckboxProps } from './Checkbox.types';\n\nconst checkInputVariants = cva(styles.checkinput, {\n variants: {\n variant: {\n default: styles['checkinput_variant_default'],\n var1: styles['checkinput_variant_var1'],\n var2: styles['checkinput_variant_var2'],\n var3: styles['checkinput_variant_var3'],\n var4: styles['checkinput_variant_var4'],\n var5: styles['checkinput_variant_var5'],\n var6: styles['checkinput_variant_var6'],\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n});\n\nexport const Checkbox = ({\n id,\n label,\n variant = 'default',\n disabled,\n orientation = 'horizontal',\n dir = 'end',\n checked,\n className,\n ...delegated\n}: CheckboxProps) => {\n const defaultId = useId();\n return (\n <FormRoot\n $orientation={orientation}\n $dir={dir}\n className={styles.wrapper}\n >\n <RadixCheckbox.Root\n id={id ?? defaultId}\n data-testid=\"checkbox\"\n disabled={disabled}\n aria-label={`${label}`}\n checked={checked}\n {...delegated}\n className={cn(checkInputVariants({ variant }), className)}\n >\n <RadixCheckbox.Indicator className={styles.checkicon}>\n <Icon\n name={checked === 'indeterminate' ? 'minus' : 'check'}\n size=\"sm\"\n />\n </RadixCheckbox.Indicator>\n </RadixCheckbox.Root>\n {label && (\n <GenericLabel\n htmlFor={id ?? defaultId}\n disabled={disabled}\n >\n {label}\n </GenericLabel>\n )}\n </FormRoot>\n );\n};\n"],"names":["checkInputVariants","cva","styles","checkinput","variants","variant","default","var1","var2","var3","var4","var5","var6","defaultVariants","Checkbox","id","label","disabled","orientation","dir","checked","className","delegated","defaultId","useId","jsxs","FormRoot","wrapper","jsx","RadixCheckbox","cn","checkicon","Icon","GenericLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAMA,kBAAAA,GAAqBC,0BAAAA,CAAIC,uBAAAA,CAAOC,UAAAA,EAAY;AAAA,EAChDC,QAAAA,EAAU;AAAA,IACRC,OAAAA,EAAS;AAAA,MACPC,OAAAA,EAASJ,wBAAO,4BAA4B,CAAA;AAAA,MAC5CK,IAAAA,EAAML,wBAAO,yBAAyB,CAAA;AAAA,MACtCM,IAAAA,EAAMN,wBAAO,yBAAyB,CAAA;AAAA,MACtCO,IAAAA,EAAMP,wBAAO,yBAAyB,CAAA;AAAA,MACtCQ,IAAAA,EAAMR,wBAAO,yBAAyB,CAAA;AAAA,MACtCS,IAAAA,EAAMT,wBAAO,yBAAyB,CAAA;AAAA,MACtCU,IAAAA,EAAMV,wBAAO,yBAAyB;AAAA;AACxC,GACF;AAAA,EACAW,eAAAA,EAAiB;AAAA,IACfR,OAAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAEM,MAAMS,WAAWA,CAAC;AAAA,EACvBC,EAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAX,OAAAA,GAAU,SAAA;AAAA,EACVY,QAAAA;AAAAA,EACAC,WAAAA,GAAc,YAAA;AAAA,EACdC,GAAAA,GAAM,KAAA;AAAA,EACNC,OAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACA,GAAGC;AACU,CAAA,KAAM;AACnB,EAAA,MAAMC,YAAYC,WAAAA,EAAM;AACxB,EAAA,uBACEC,eAAA,CAACC,qBACC,YAAA,EAAcR,WAAAA,EACd,MAAMC,GAAAA,EACN,SAAA,EAAWjB,wBAAOyB,OAAAA,EAElB,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,yBAAc,IAAA,EAAd,EACC,IAAId,EAAAA,IAAMQ,SAAAA,EACV,eAAY,UAAA,EACZ,QAAA,EACA,YAAA,EAAY,CAAA,EAAGP,KAAK,CAAA,CAAA,EACpB,OAAA,EACA,GAAIM,SAAAA,EACJ,SAAA,EAAWQ,OAAG9B,kBAAAA,CAAmB;AAAA,MAAEK;AAAAA,KAAS,
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { GenericLabel } from '@/components/GenericLabel';\nimport { Icon } from '@/components/Icon';\n\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { useId } from 'react';\nimport { FormRoot } from '@/components/FormContainer';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './Checkbox.module.css';\nimport { CheckboxProps } from './Checkbox.types';\n\nconst checkInputVariants = cva(styles.checkinput, {\n variants: {\n variant: {\n default: styles['checkinput_variant_default'],\n var1: styles['checkinput_variant_var1'],\n var2: styles['checkinput_variant_var2'],\n var3: styles['checkinput_variant_var3'],\n var4: styles['checkinput_variant_var4'],\n var5: styles['checkinput_variant_var5'],\n var6: styles['checkinput_variant_var6'],\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n});\n\nexport const Checkbox = ({\n id,\n label,\n variant = 'default',\n disabled,\n orientation = 'horizontal',\n dir = 'end',\n checked,\n className,\n ...delegated\n}: CheckboxProps) => {\n const defaultId = useId();\n return (\n <FormRoot\n $orientation={orientation}\n $dir={dir}\n className={styles.wrapper}\n >\n <RadixCheckbox.Root\n id={id ?? defaultId}\n data-testid=\"checkbox\"\n disabled={disabled}\n aria-label={`${label}`}\n checked={checked}\n {...delegated}\n className={cn(checkInputVariants({ variant }), className)}\n >\n <RadixCheckbox.Indicator className={styles.checkicon}>\n <Icon\n name={checked === 'indeterminate' ? 'minus' : 'check'}\n size=\"sm\"\n // The `check` glyph was scaled up 1.25x at the SVG level; render it\n // here at 1rem / 1.25 = 0.8rem so the checkmark keeps its original\n // size inside the box. `minus` (indeterminate) is unaffected.\n {...(checked === 'indeterminate'\n ? {}\n : { width: '0.8rem', height: '0.8rem' })}\n />\n </RadixCheckbox.Indicator>\n </RadixCheckbox.Root>\n {label && (\n <GenericLabel\n htmlFor={id ?? defaultId}\n disabled={disabled}\n >\n {label}\n </GenericLabel>\n )}\n </FormRoot>\n );\n};\n"],"names":["checkInputVariants","cva","styles","checkinput","variants","variant","default","var1","var2","var3","var4","var5","var6","defaultVariants","Checkbox","id","label","disabled","orientation","dir","checked","className","delegated","defaultId","useId","jsxs","FormRoot","wrapper","jsx","RadixCheckbox","cn","checkicon","Icon","width","height","GenericLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAMA,kBAAAA,GAAqBC,0BAAAA,CAAIC,uBAAAA,CAAOC,UAAAA,EAAY;AAAA,EAChDC,QAAAA,EAAU;AAAA,IACRC,OAAAA,EAAS;AAAA,MACPC,OAAAA,EAASJ,wBAAO,4BAA4B,CAAA;AAAA,MAC5CK,IAAAA,EAAML,wBAAO,yBAAyB,CAAA;AAAA,MACtCM,IAAAA,EAAMN,wBAAO,yBAAyB,CAAA;AAAA,MACtCO,IAAAA,EAAMP,wBAAO,yBAAyB,CAAA;AAAA,MACtCQ,IAAAA,EAAMR,wBAAO,yBAAyB,CAAA;AAAA,MACtCS,IAAAA,EAAMT,wBAAO,yBAAyB,CAAA;AAAA,MACtCU,IAAAA,EAAMV,wBAAO,yBAAyB;AAAA;AACxC,GACF;AAAA,EACAW,eAAAA,EAAiB;AAAA,IACfR,OAAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAEM,MAAMS,WAAWA,CAAC;AAAA,EACvBC,EAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAX,OAAAA,GAAU,SAAA;AAAA,EACVY,QAAAA;AAAAA,EACAC,WAAAA,GAAc,YAAA;AAAA,EACdC,GAAAA,GAAM,KAAA;AAAA,EACNC,OAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACA,GAAGC;AACU,CAAA,KAAM;AACnB,EAAA,MAAMC,YAAYC,WAAAA,EAAM;AACxB,EAAA,uBACEC,eAAA,CAACC,qBACC,YAAA,EAAcR,WAAAA,EACd,MAAMC,GAAAA,EACN,SAAA,EAAWjB,wBAAOyB,OAAAA,EAElB,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,yBAAc,IAAA,EAAd,EACC,IAAId,EAAAA,IAAMQ,SAAAA,EACV,eAAY,UAAA,EACZ,QAAA,EACA,YAAA,EAAY,CAAA,EAAGP,KAAK,CAAA,CAAA,EACpB,OAAA,EACA,GAAIM,SAAAA,EACJ,SAAA,EAAWQ,OAAG9B,kBAAAA,CAAmB;AAAA,MAAEK;AAAAA,KAAS,CAAA,EAAGgB,SAAS,CAAA,EAExD,QAAA,kBAAAO,cAAA,CAACC,yBAAc,SAAA,EAAd,EAAwB,SAAA,EAAW3B,uBAAAA,CAAO6B,SAAAA,EACzC,QAAA,kBAAAH,cAAA;AAAA,MAACI,SAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAMZ,OAAAA,KAAY,eAAA,GAAkB,OAAA,GAAU,OAAA;AAAA,QAC9C,IAAA,EAAK,IAAA;AAAA,QAIL,GAAKA,OAAAA,KAAY,eAAA,GACb,EAAC,GACD;AAAA,UAAEa,KAAAA,EAAO,QAAA;AAAA,UAAUC,MAAAA,EAAQ;AAAA;AAAS;AAAA,OAE5C,CAAA,EACF,CAAA;AAAA,IACClB,yBACCY,cAAA,CAACO,yBAAA,EAAA,EACC,SAASpB,EAAAA,IAAMQ,SAAAA,EACf,UAECP,QAAAA,EAAAA,KAAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
|
|
3
|
-
const Check = (props) => /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("path", { d: "
|
|
3
|
+
const Check = (props) => /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("path", { d: "M22 5.125L8.25 18.875L2 12.625", stroke: "#161517", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
4
4
|
|
|
5
5
|
export { Check as default };
|
|
6
6
|
//# sourceMappingURL=Check.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Check.js","sources":["../../../../../src/components/Assets/Icons/Check.tsx"],"sourcesContent":["import type { SVGAssetProps } from '@/types';\n\nconst Check = (props: SVGAssetProps) => (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"
|
|
1
|
+
{"version":3,"file":"Check.js","sources":["../../../../../src/components/Assets/Icons/Check.tsx"],"sourcesContent":["import type { SVGAssetProps } from '@/types';\n\nconst Check = (props: SVGAssetProps) => (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M22 5.125L8.25 18.875L2 12.625\"\n stroke=\"#161517\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\nexport default Check;\n"],"names":["Check","props"],"mappings":";;AAEA,MAAMA,KAAAA,GAAQA,CAACC,KAAAA,qBACb,GAAA,CAAC,KAAA,EAAA,EACC,KAAA,EAAM,IAAA,EACN,MAAA,EAAO,IAAA,EACP,OAAA,EAAQ,WAAA,EACR,IAAA,EAAK,MAAA,EACL,KAAA,EAAM,4BAAA,EACN,GAAIA,KAAAA,EAEJ,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EACC,CAAA,EAAE,gCAAA,EACF,MAAA,EAAO,SAAA,EACP,WAAA,EAAY,GAAA,EACZ,aAAA,EAAc,OAAA,EACd,cAAA,EAAe,SAAO,CAAA,EAE1B;;;;"}
|
|
@@ -40,7 +40,17 @@ const Checkbox = ({
|
|
|
40
40
|
return /* @__PURE__ */ jsxs(FormRoot, { $orientation: orientation, $dir: dir, className: styles.wrapper, children: [
|
|
41
41
|
/* @__PURE__ */ jsx(RadixCheckbox.Root, { id: id ?? defaultId, "data-testid": "checkbox", disabled, "aria-label": `${label}`, checked, ...delegated, className: cn(checkInputVariants({
|
|
42
42
|
variant
|
|
43
|
-
}), className), children: /* @__PURE__ */ jsx(RadixCheckbox.Indicator, { className: styles.checkicon, children: /* @__PURE__ */ jsx(
|
|
43
|
+
}), className), children: /* @__PURE__ */ jsx(RadixCheckbox.Indicator, { className: styles.checkicon, children: /* @__PURE__ */ jsx(
|
|
44
|
+
SvgImage,
|
|
45
|
+
{
|
|
46
|
+
name: checked === "indeterminate" ? "minus" : "check",
|
|
47
|
+
size: "sm",
|
|
48
|
+
...checked === "indeterminate" ? {} : {
|
|
49
|
+
width: "0.8rem",
|
|
50
|
+
height: "0.8rem"
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
) }) }),
|
|
44
54
|
label && /* @__PURE__ */ jsx(GenericLabel, { htmlFor: id ?? defaultId, disabled, children: label })
|
|
45
55
|
] });
|
|
46
56
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { GenericLabel } from '@/components/GenericLabel';\nimport { Icon } from '@/components/Icon';\n\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { useId } from 'react';\nimport { FormRoot } from '@/components/FormContainer';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './Checkbox.module.css';\nimport { CheckboxProps } from './Checkbox.types';\n\nconst checkInputVariants = cva(styles.checkinput, {\n variants: {\n variant: {\n default: styles['checkinput_variant_default'],\n var1: styles['checkinput_variant_var1'],\n var2: styles['checkinput_variant_var2'],\n var3: styles['checkinput_variant_var3'],\n var4: styles['checkinput_variant_var4'],\n var5: styles['checkinput_variant_var5'],\n var6: styles['checkinput_variant_var6'],\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n});\n\nexport const Checkbox = ({\n id,\n label,\n variant = 'default',\n disabled,\n orientation = 'horizontal',\n dir = 'end',\n checked,\n className,\n ...delegated\n}: CheckboxProps) => {\n const defaultId = useId();\n return (\n <FormRoot\n $orientation={orientation}\n $dir={dir}\n className={styles.wrapper}\n >\n <RadixCheckbox.Root\n id={id ?? defaultId}\n data-testid=\"checkbox\"\n disabled={disabled}\n aria-label={`${label}`}\n checked={checked}\n {...delegated}\n className={cn(checkInputVariants({ variant }), className)}\n >\n <RadixCheckbox.Indicator className={styles.checkicon}>\n <Icon\n name={checked === 'indeterminate' ? 'minus' : 'check'}\n size=\"sm\"\n />\n </RadixCheckbox.Indicator>\n </RadixCheckbox.Root>\n {label && (\n <GenericLabel\n htmlFor={id ?? defaultId}\n disabled={disabled}\n >\n {label}\n </GenericLabel>\n )}\n </FormRoot>\n );\n};\n"],"names":["checkInputVariants","cva","styles","checkinput","variants","variant","default","var1","var2","var3","var4","var5","var6","defaultVariants","Checkbox","id","label","disabled","orientation","dir","checked","className","delegated","defaultId","useId","wrapper","cn","checkicon","Icon"],"mappings":";;;;;;;;;;AAUA,MAAMA,kBAAAA,GAAqBC,GAAAA,CAAIC,MAAAA,CAAOC,UAAAA,EAAY;AAAA,EAChDC,QAAAA,EAAU;AAAA,IACRC,OAAAA,EAAS;AAAA,MACPC,OAAAA,EAASJ,OAAO,4BAA4B,CAAA;AAAA,MAC5CK,IAAAA,EAAML,OAAO,yBAAyB,CAAA;AAAA,MACtCM,IAAAA,EAAMN,OAAO,yBAAyB,CAAA;AAAA,MACtCO,IAAAA,EAAMP,OAAO,yBAAyB,CAAA;AAAA,MACtCQ,IAAAA,EAAMR,OAAO,yBAAyB,CAAA;AAAA,MACtCS,IAAAA,EAAMT,OAAO,yBAAyB,CAAA;AAAA,MACtCU,IAAAA,EAAMV,OAAO,yBAAyB;AAAA;AACxC,GACF;AAAA,EACAW,eAAAA,EAAiB;AAAA,IACfR,OAAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAEM,MAAMS,WAAWA,CAAC;AAAA,EACvBC,EAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAX,OAAAA,GAAU,SAAA;AAAA,EACVY,QAAAA;AAAAA,EACAC,WAAAA,GAAc,YAAA;AAAA,EACdC,GAAAA,GAAM,KAAA;AAAA,EACNC,OAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACA,GAAGC;AACU,CAAA,KAAM;AACnB,EAAA,MAAMC,YAAYC,KAAAA,EAAM;AACxB,EAAA,uBACE,IAAA,CAAC,YACC,YAAA,EAAcN,WAAAA,EACd,MAAMC,GAAAA,EACN,SAAA,EAAWjB,OAAOuB,OAAAA,EAElB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAc,IAAA,EAAd,EACC,IAAIV,EAAAA,IAAMQ,SAAAA,EACV,eAAY,UAAA,EACZ,QAAA,EACA,YAAA,EAAY,CAAA,EAAGP,KAAK,CAAA,CAAA,EACpB,OAAA,EACA,GAAIM,SAAAA,EACJ,SAAA,EAAWI,GAAG1B,kBAAAA,CAAmB;AAAA,MAAEK;AAAAA,KAAS,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { GenericLabel } from '@/components/GenericLabel';\nimport { Icon } from '@/components/Icon';\n\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { useId } from 'react';\nimport { FormRoot } from '@/components/FormContainer';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './Checkbox.module.css';\nimport { CheckboxProps } from './Checkbox.types';\n\nconst checkInputVariants = cva(styles.checkinput, {\n variants: {\n variant: {\n default: styles['checkinput_variant_default'],\n var1: styles['checkinput_variant_var1'],\n var2: styles['checkinput_variant_var2'],\n var3: styles['checkinput_variant_var3'],\n var4: styles['checkinput_variant_var4'],\n var5: styles['checkinput_variant_var5'],\n var6: styles['checkinput_variant_var6'],\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n});\n\nexport const Checkbox = ({\n id,\n label,\n variant = 'default',\n disabled,\n orientation = 'horizontal',\n dir = 'end',\n checked,\n className,\n ...delegated\n}: CheckboxProps) => {\n const defaultId = useId();\n return (\n <FormRoot\n $orientation={orientation}\n $dir={dir}\n className={styles.wrapper}\n >\n <RadixCheckbox.Root\n id={id ?? defaultId}\n data-testid=\"checkbox\"\n disabled={disabled}\n aria-label={`${label}`}\n checked={checked}\n {...delegated}\n className={cn(checkInputVariants({ variant }), className)}\n >\n <RadixCheckbox.Indicator className={styles.checkicon}>\n <Icon\n name={checked === 'indeterminate' ? 'minus' : 'check'}\n size=\"sm\"\n // The `check` glyph was scaled up 1.25x at the SVG level; render it\n // here at 1rem / 1.25 = 0.8rem so the checkmark keeps its original\n // size inside the box. `minus` (indeterminate) is unaffected.\n {...(checked === 'indeterminate'\n ? {}\n : { width: '0.8rem', height: '0.8rem' })}\n />\n </RadixCheckbox.Indicator>\n </RadixCheckbox.Root>\n {label && (\n <GenericLabel\n htmlFor={id ?? defaultId}\n disabled={disabled}\n >\n {label}\n </GenericLabel>\n )}\n </FormRoot>\n );\n};\n"],"names":["checkInputVariants","cva","styles","checkinput","variants","variant","default","var1","var2","var3","var4","var5","var6","defaultVariants","Checkbox","id","label","disabled","orientation","dir","checked","className","delegated","defaultId","useId","wrapper","cn","checkicon","Icon","width","height"],"mappings":";;;;;;;;;;AAUA,MAAMA,kBAAAA,GAAqBC,GAAAA,CAAIC,MAAAA,CAAOC,UAAAA,EAAY;AAAA,EAChDC,QAAAA,EAAU;AAAA,IACRC,OAAAA,EAAS;AAAA,MACPC,OAAAA,EAASJ,OAAO,4BAA4B,CAAA;AAAA,MAC5CK,IAAAA,EAAML,OAAO,yBAAyB,CAAA;AAAA,MACtCM,IAAAA,EAAMN,OAAO,yBAAyB,CAAA;AAAA,MACtCO,IAAAA,EAAMP,OAAO,yBAAyB,CAAA;AAAA,MACtCQ,IAAAA,EAAMR,OAAO,yBAAyB,CAAA;AAAA,MACtCS,IAAAA,EAAMT,OAAO,yBAAyB,CAAA;AAAA,MACtCU,IAAAA,EAAMV,OAAO,yBAAyB;AAAA;AACxC,GACF;AAAA,EACAW,eAAAA,EAAiB;AAAA,IACfR,OAAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAEM,MAAMS,WAAWA,CAAC;AAAA,EACvBC,EAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAX,OAAAA,GAAU,SAAA;AAAA,EACVY,QAAAA;AAAAA,EACAC,WAAAA,GAAc,YAAA;AAAA,EACdC,GAAAA,GAAM,KAAA;AAAA,EACNC,OAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACA,GAAGC;AACU,CAAA,KAAM;AACnB,EAAA,MAAMC,YAAYC,KAAAA,EAAM;AACxB,EAAA,uBACE,IAAA,CAAC,YACC,YAAA,EAAcN,WAAAA,EACd,MAAMC,GAAAA,EACN,SAAA,EAAWjB,OAAOuB,OAAAA,EAElB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAc,IAAA,EAAd,EACC,IAAIV,EAAAA,IAAMQ,SAAAA,EACV,eAAY,UAAA,EACZ,QAAA,EACA,YAAA,EAAY,CAAA,EAAGP,KAAK,CAAA,CAAA,EACpB,OAAA,EACA,GAAIM,SAAAA,EACJ,SAAA,EAAWI,GAAG1B,kBAAAA,CAAmB;AAAA,MAAEK;AAAAA,KAAS,CAAA,EAAGgB,SAAS,CAAA,EAExD,QAAA,kBAAA,GAAA,CAAC,cAAc,SAAA,EAAd,EAAwB,SAAA,EAAWnB,MAAAA,CAAOyB,SAAAA,EACzC,QAAA,kBAAA,GAAA;AAAA,MAACC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAMR,OAAAA,KAAY,eAAA,GAAkB,OAAA,GAAU,OAAA;AAAA,QAC9C,IAAA,EAAK,IAAA;AAAA,QAIL,GAAKA,OAAAA,KAAY,eAAA,GACb,EAAC,GACD;AAAA,UAAES,KAAAA,EAAO,QAAA;AAAA,UAAUC,MAAAA,EAAQ;AAAA;AAAS;AAAA,OAE5C,CAAA,EACF,CAAA;AAAA,IACCd,yBACC,GAAA,CAAC,YAAA,EAAA,EACC,SAASD,EAAAA,IAAMQ,SAAAA,EACf,UAECP,QAAAA,EAAAA,KAAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
|