boreal-ui 0.0.13 → 0.0.15
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/core/Checkbox-BLBbE9Ww.js.map +1 -1
- package/dist/core/Checkbox-fVnseKGF.cjs.map +1 -1
- package/dist/core/{CheckBox.cjs.js → Checkbox.cjs.js} +1 -1
- package/dist/core/Checkbox.cjs.js.map +1 -0
- package/dist/core/{CheckBox.js → Checkbox.js} +1 -1
- package/dist/core/Checkbox.js.map +1 -0
- package/dist/next/Checkbox-COcqcXOD.cjs.map +1 -1
- package/dist/next/Checkbox-kWrAB9F7.js.map +1 -1
- package/dist/next/{CheckBox.cjs.js → Checkbox.cjs.js} +1 -1
- package/dist/next/Checkbox.cjs.js.map +1 -0
- package/dist/next/{CheckBox.js → Checkbox.js} +1 -1
- package/dist/next/Checkbox.js.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/{CheckBox → Checkbox}/Checkbox.types.d.ts.map +1 -1
- package/dist/types/components/{CheckBox → Checkbox}/CheckboxBase.d.ts.map +1 -1
- package/dist/types/components/{CheckBox → Checkbox}/core/Checkbox.d.ts.map +1 -1
- package/dist/types/components/{CheckBox → Checkbox}/next/Checkbox.d.ts.map +1 -1
- package/dist/types/index.core.d.ts +1 -1
- package/dist/types/index.next.d.ts +1 -1
- package/dist/types/public.types.d.ts +45 -0
- package/package.json +23 -12
- package/dist/core/CheckBox.cjs.js.map +0 -1
- package/dist/core/CheckBox.js.map +0 -1
- package/dist/next/CheckBox.cjs.js.map +0 -1
- package/dist/next/CheckBox.js.map +0 -1
- /package/dist/types/components/{CheckBox → Checkbox}/Checkbox.types.d.ts +0 -0
- /package/dist/types/components/{CheckBox → Checkbox}/CheckboxBase.d.ts +0 -0
- /package/dist/types/components/{CheckBox → Checkbox}/core/Checkbox.d.ts +0 -0
- /package/dist/types/components/{CheckBox → Checkbox}/next/Checkbox.d.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox-BLBbE9Ww.js","sources":["../../src/components/
|
|
1
|
+
{"version":3,"file":"Checkbox-BLBbE9Ww.js","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/core/Checkbox.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n useId,\r\n useRef,\r\n useEffect,\r\n useImperativeHandle,\r\n useMemo,\r\n} from \"react\";\r\nimport type { CheckBoxProps } from \"./Checkbox.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CheckboxBaseProps extends CheckBoxProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst CheckboxBase = forwardRef<HTMLInputElement, CheckboxBaseProps>(\r\n (\r\n {\r\n checked,\r\n onChange,\r\n indeterminate = false,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n disabled = false,\r\n label = \"\",\r\n labelPosition = \"right\",\r\n className = \"\",\r\n id,\r\n \"data-testid\": testId,\r\n classMap,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const internalId = useId();\r\n const checkboxId = id || internalId;\r\n const labelId = label ? `${checkboxId}-label` : undefined;\r\n\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n useImperativeHandle(ref, () => inputRef.current!);\r\n\r\n useEffect(() => {\r\n if (inputRef.current) {\r\n inputRef.current.indeterminate = indeterminate;\r\n }\r\n }, [indeterminate]);\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.checkbox,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[labelPosition],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [theme, labelPosition, disabled, className]\r\n );\r\n\r\n return (\r\n <label\r\n htmlFor={checkboxId}\r\n className={combinedClassName}\r\n data-testid={testId ? `${testId}-wrapper` : undefined}\r\n >\r\n {label && labelPosition === \"left\" && (\r\n <span\r\n className={classMap.label}\r\n id={labelId}\r\n data-testid={testId ? `${testId}-label` : undefined}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n\r\n <input\r\n id={checkboxId}\r\n ref={inputRef}\r\n type=\"checkbox\"\r\n className={classMap.input}\r\n checked={checked}\r\n onChange={(e) => !disabled && onChange(e.target.checked)}\r\n disabled={disabled}\r\n aria-labelledby={labelId}\r\n aria-checked={indeterminate ? \"mixed\" : undefined}\r\n {...props}\r\n />\r\n\r\n <span\r\n className={combineClassNames(\r\n classMap.box,\r\n indeterminate && classMap.indeterminate\r\n )}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-box` : undefined}\r\n />\r\n\r\n {label && labelPosition === \"right\" && (\r\n <span\r\n className={classMap.label}\r\n id={labelId}\r\n data-testid={testId ? `${testId}-label` : undefined}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n </label>\r\n );\r\n }\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","import React from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport \"./CheckBox.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst classes = {\r\n checkbox: \"checkbox\",\r\n\r\n primary: \"checkbox_primary\",\r\n secondary: \"checkbox_secondary\",\r\n tertiary: \"checkbox_tertiary\",\r\n quaternary: \"checkbox_quaternary\",\r\n\r\n success: \"checkbox_success\",\r\n error: \"checkbox_error\",\r\n warning: \"checkbox_warning\",\r\n\r\n clear: \"checkbox_clear\",\r\n\r\n disabled: \"checkbox_disabled\",\r\n indeterminate: \"checkbox_indeterminate\",\r\n\r\n left: \"checkbox_left\",\r\n right: \"checkbox_right\",\r\n\r\n xs: \"checkbox_xs\",\r\n small: \"checkbox_small\",\r\n medium: \"checkbox_medium\",\r\n large: \"checkbox_large\",\r\n xl: \"checkbox_xl\",\r\n\r\n shadowNone: \"checkbox_shadow-None\",\r\n shadowLight: \"checkbox_shadow-Light\",\r\n shadowMedium: \"checkbox_shadow-Medium\",\r\n shadowStrong: \"checkbox_shadow-Strong\",\r\n shadowIntense: \"checkbox_shadow-Intense\",\r\n\r\n roundNone: \"checkbox_round-None\",\r\n roundSmall: \"checkbox_round-Small\",\r\n roundMedium: \"checkbox_round-Medium\",\r\n roundLarge: \"checkbox_round-Large\",\r\n\r\n label: \"checkbox_label\",\r\n input: \"checkbox_input\",\r\n box: \"checkbox_box\",\r\n};\r\n\r\nconst Checkbox: React.FC<CheckBoxProps> = (props) => {\r\n return <CheckboxBase {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Checkbox;\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox-fVnseKGF.cjs","sources":["../../src/components/
|
|
1
|
+
{"version":3,"file":"Checkbox-fVnseKGF.cjs","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/core/Checkbox.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n useId,\r\n useRef,\r\n useEffect,\r\n useImperativeHandle,\r\n useMemo,\r\n} from \"react\";\r\nimport type { CheckBoxProps } from \"./Checkbox.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CheckboxBaseProps extends CheckBoxProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst CheckboxBase = forwardRef<HTMLInputElement, CheckboxBaseProps>(\r\n (\r\n {\r\n checked,\r\n onChange,\r\n indeterminate = false,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n disabled = false,\r\n label = \"\",\r\n labelPosition = \"right\",\r\n className = \"\",\r\n id,\r\n \"data-testid\": testId,\r\n classMap,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const internalId = useId();\r\n const checkboxId = id || internalId;\r\n const labelId = label ? `${checkboxId}-label` : undefined;\r\n\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n useImperativeHandle(ref, () => inputRef.current!);\r\n\r\n useEffect(() => {\r\n if (inputRef.current) {\r\n inputRef.current.indeterminate = indeterminate;\r\n }\r\n }, [indeterminate]);\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.checkbox,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[labelPosition],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [theme, labelPosition, disabled, className]\r\n );\r\n\r\n return (\r\n <label\r\n htmlFor={checkboxId}\r\n className={combinedClassName}\r\n data-testid={testId ? `${testId}-wrapper` : undefined}\r\n >\r\n {label && labelPosition === \"left\" && (\r\n <span\r\n className={classMap.label}\r\n id={labelId}\r\n data-testid={testId ? `${testId}-label` : undefined}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n\r\n <input\r\n id={checkboxId}\r\n ref={inputRef}\r\n type=\"checkbox\"\r\n className={classMap.input}\r\n checked={checked}\r\n onChange={(e) => !disabled && onChange(e.target.checked)}\r\n disabled={disabled}\r\n aria-labelledby={labelId}\r\n aria-checked={indeterminate ? \"mixed\" : undefined}\r\n {...props}\r\n />\r\n\r\n <span\r\n className={combineClassNames(\r\n classMap.box,\r\n indeterminate && classMap.indeterminate\r\n )}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-box` : undefined}\r\n />\r\n\r\n {label && labelPosition === \"right\" && (\r\n <span\r\n className={classMap.label}\r\n id={labelId}\r\n data-testid={testId ? `${testId}-label` : undefined}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n </label>\r\n );\r\n }\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","import React from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport \"./CheckBox.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst classes = {\r\n checkbox: \"checkbox\",\r\n\r\n primary: \"checkbox_primary\",\r\n secondary: \"checkbox_secondary\",\r\n tertiary: \"checkbox_tertiary\",\r\n quaternary: \"checkbox_quaternary\",\r\n\r\n success: \"checkbox_success\",\r\n error: \"checkbox_error\",\r\n warning: \"checkbox_warning\",\r\n\r\n clear: \"checkbox_clear\",\r\n\r\n disabled: \"checkbox_disabled\",\r\n indeterminate: \"checkbox_indeterminate\",\r\n\r\n left: \"checkbox_left\",\r\n right: \"checkbox_right\",\r\n\r\n xs: \"checkbox_xs\",\r\n small: \"checkbox_small\",\r\n medium: \"checkbox_medium\",\r\n large: \"checkbox_large\",\r\n xl: \"checkbox_xl\",\r\n\r\n shadowNone: \"checkbox_shadow-None\",\r\n shadowLight: \"checkbox_shadow-Light\",\r\n shadowMedium: \"checkbox_shadow-Medium\",\r\n shadowStrong: \"checkbox_shadow-Strong\",\r\n shadowIntense: \"checkbox_shadow-Intense\",\r\n\r\n roundNone: \"checkbox_round-None\",\r\n roundSmall: \"checkbox_round-Small\",\r\n roundMedium: \"checkbox_round-Medium\",\r\n roundLarge: \"checkbox_round-Large\",\r\n\r\n label: \"checkbox_label\",\r\n input: \"checkbox_input\",\r\n box: \"checkbox_box\",\r\n};\r\n\r\nconst Checkbox: React.FC<CheckBoxProps> = (props) => {\r\n return <CheckboxBase {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Checkbox;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultSize","getDefaultShadow","useId","useRef","useImperativeHandle","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox-COcqcXOD.cjs","sources":["../../src/components/
|
|
1
|
+
{"version":3,"file":"Checkbox-COcqcXOD.cjs","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/next/Checkbox.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n useId,\r\n useRef,\r\n useEffect,\r\n useImperativeHandle,\r\n useMemo,\r\n} from \"react\";\r\nimport type { CheckBoxProps } from \"./Checkbox.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CheckboxBaseProps extends CheckBoxProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst CheckboxBase = forwardRef<HTMLInputElement, CheckboxBaseProps>(\r\n (\r\n {\r\n checked,\r\n onChange,\r\n indeterminate = false,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n disabled = false,\r\n label = \"\",\r\n labelPosition = \"right\",\r\n className = \"\",\r\n id,\r\n \"data-testid\": testId,\r\n classMap,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const internalId = useId();\r\n const checkboxId = id || internalId;\r\n const labelId = label ? `${checkboxId}-label` : undefined;\r\n\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n useImperativeHandle(ref, () => inputRef.current!);\r\n\r\n useEffect(() => {\r\n if (inputRef.current) {\r\n inputRef.current.indeterminate = indeterminate;\r\n }\r\n }, [indeterminate]);\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.checkbox,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[labelPosition],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [theme, labelPosition, disabled, className]\r\n );\r\n\r\n return (\r\n <label\r\n htmlFor={checkboxId}\r\n className={combinedClassName}\r\n data-testid={testId ? `${testId}-wrapper` : undefined}\r\n >\r\n {label && labelPosition === \"left\" && (\r\n <span\r\n className={classMap.label}\r\n id={labelId}\r\n data-testid={testId ? `${testId}-label` : undefined}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n\r\n <input\r\n id={checkboxId}\r\n ref={inputRef}\r\n type=\"checkbox\"\r\n className={classMap.input}\r\n checked={checked}\r\n onChange={(e) => !disabled && onChange(e.target.checked)}\r\n disabled={disabled}\r\n aria-labelledby={labelId}\r\n aria-checked={indeterminate ? \"mixed\" : undefined}\r\n {...props}\r\n />\r\n\r\n <span\r\n className={combineClassNames(\r\n classMap.box,\r\n indeterminate && classMap.indeterminate\r\n )}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-box` : undefined}\r\n />\r\n\r\n {label && labelPosition === \"right\" && (\r\n <span\r\n className={classMap.label}\r\n id={labelId}\r\n data-testid={testId ? `${testId}-label` : undefined}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n </label>\r\n );\r\n }\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport styles from \"./CheckBox.module.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst Checkbox: React.FC<CheckBoxProps> = (props) => {\r\n return <CheckboxBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Checkbox;\r\n"],"names":["forwardRef","indeterminate","getDefaultTheme","getDefaultRounding","getDefaultSize","getDefaultShadow","disabled","label","useId","useRef","useImperativeHandle","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox-kWrAB9F7.js","sources":["../../src/components/
|
|
1
|
+
{"version":3,"file":"Checkbox-kWrAB9F7.js","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/next/Checkbox.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n useId,\r\n useRef,\r\n useEffect,\r\n useImperativeHandle,\r\n useMemo,\r\n} from \"react\";\r\nimport type { CheckBoxProps } from \"./Checkbox.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CheckboxBaseProps extends CheckBoxProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst CheckboxBase = forwardRef<HTMLInputElement, CheckboxBaseProps>(\r\n (\r\n {\r\n checked,\r\n onChange,\r\n indeterminate = false,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n disabled = false,\r\n label = \"\",\r\n labelPosition = \"right\",\r\n className = \"\",\r\n id,\r\n \"data-testid\": testId,\r\n classMap,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const internalId = useId();\r\n const checkboxId = id || internalId;\r\n const labelId = label ? `${checkboxId}-label` : undefined;\r\n\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n useImperativeHandle(ref, () => inputRef.current!);\r\n\r\n useEffect(() => {\r\n if (inputRef.current) {\r\n inputRef.current.indeterminate = indeterminate;\r\n }\r\n }, [indeterminate]);\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.checkbox,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[labelPosition],\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [theme, labelPosition, disabled, className]\r\n );\r\n\r\n return (\r\n <label\r\n htmlFor={checkboxId}\r\n className={combinedClassName}\r\n data-testid={testId ? `${testId}-wrapper` : undefined}\r\n >\r\n {label && labelPosition === \"left\" && (\r\n <span\r\n className={classMap.label}\r\n id={labelId}\r\n data-testid={testId ? `${testId}-label` : undefined}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n\r\n <input\r\n id={checkboxId}\r\n ref={inputRef}\r\n type=\"checkbox\"\r\n className={classMap.input}\r\n checked={checked}\r\n onChange={(e) => !disabled && onChange(e.target.checked)}\r\n disabled={disabled}\r\n aria-labelledby={labelId}\r\n aria-checked={indeterminate ? \"mixed\" : undefined}\r\n {...props}\r\n />\r\n\r\n <span\r\n className={combineClassNames(\r\n classMap.box,\r\n indeterminate && classMap.indeterminate\r\n )}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-box` : undefined}\r\n />\r\n\r\n {label && labelPosition === \"right\" && (\r\n <span\r\n className={classMap.label}\r\n id={labelId}\r\n data-testid={testId ? `${testId}-label` : undefined}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n </label>\r\n );\r\n }\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport styles from \"./CheckBox.module.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst Checkbox: React.FC<CheckBoxProps> = (props) => {\r\n return <CheckboxBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Checkbox;\r\n"],"names":["indeterminate","disabled","label"],"mappings":";;;;;AAsBA,MAAM,eAAe;AAAA,EACnB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAAA,iBAAgB;AAAA,IAChB,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,OAAO,eAAA;AAAA,IACP,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,UAAAC,YAAW;AAAA,IACX,OAAAC,SAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,MAAA;AACnB,UAAM,aAAa,MAAM;AACzB,UAAM,UAAUA,SAAQ,GAAG,UAAU,WAAW;AAEhD,UAAM,WAAW,OAAyB,IAAI;AAC9C,wBAAoB,KAAK,MAAM,SAAS,OAAQ;AAEhD,cAAU,MAAM;AACd,UAAI,SAAS,SAAS;AACpB,iBAAS,QAAQ,gBAAgBF;AAAA,MACnC;AAAA,IACF,GAAG,CAACA,cAAa,CAAC;AAElB,UAAM,oBAAoB;AAAA,MACxB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,SAAS,aAAa;AAAA,QACtB,SAAS,IAAI;AAAA,QACb,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnDC,aAAY,SAAS;AAAA,QACrB;AAAA,MAAA;AAAA,MAEJ,CAAC,OAAO,eAAeA,WAAU,SAAS;AAAA,IAAA;AAG5C,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,QACX,eAAa,SAAS,GAAG,MAAM,aAAa;AAAA,QAE3C,UAAA;AAAA,UAAAC,UAAS,kBAAkB,UAC1B;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,IAAI;AAAA,cACJ,eAAa,SAAS,GAAG,MAAM,WAAW;AAAA,cAEzC,UAAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAIL;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,KAAK;AAAA,cACL,MAAK;AAAA,cACL,WAAW,SAAS;AAAA,cACpB;AAAA,cACA,UAAU,CAAC,MAAM,CAACD,aAAY,SAAS,EAAE,OAAO,OAAO;AAAA,cACvD,UAAAA;AAAA,cACA,mBAAiB;AAAA,cACjB,gBAAcD,iBAAgB,UAAU;AAAA,cACvC,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAGN;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT,SAAS;AAAA,gBACTA,kBAAiB,SAAS;AAAA,cAAA;AAAA,cAE5B,eAAY;AAAA,cACZ,eAAa,SAAS,GAAG,MAAM,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,UAGzCE,UAAS,kBAAkB,WAC1B;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,IAAI;AAAA,cACJ,eAAa,SAAS,GAAG,MAAM,WAAW;AAAA,cAEzC,UAAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEA,aAAa,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtH3B,MAAM,WAAoC,CAAC,UAAU;AACnD,SAAO,oBAAC,cAAA,EAAc,GAAG,OAAO,UAAU,QAAQ;AACpD;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|