ctc-component-library 0.1.64 → 0.1.65

package/dist/index.es.js

@@ -41138,38 +41138,41 @@ const rz = ({
   disabled: t,
   customStyles: n,
   customClassName: r,
-  labelPosition: o = "right",
-  inputSize: a = "medium",
-  dataTestId: i = "checkbox-input",
-  borderRadius: l = "1px",
-  backgroundColor: c = Zt.neutrals.Gray80,
-  onChange: u,
-  children: d,
-  ...f
+  labelClassName: o,
+  checkboxClassName: a,
+  inputClassName: i,
+  labelPosition: l = "right",
+  inputSize: c = "medium",
+  dataTestId: u = "checkbox-input",
+  borderRadius: d = "1px",
+  backgroundColor: f = Zt.neutrals.Gray80,
+  onChange: m,
+  children: v,
+  ...p
 }) => {
-  const m = () => /* @__PURE__ */ de.jsx(
+  const h = () => /* @__PURE__ */ de.jsx(
     "label",
     {
       htmlFor: e,
-      className: `checkbox-label checkbox-label__${t ? "disabled" : "enabled"}`,
-      "data-testid": `${i}-label`,
-      children: d
+      className: `checkbox-label checkbox-label__${t ? "disabled" : "enabled"}  ${o}`,
+      "data-testid": `${u}-label`,
+      children: v
     }
-  ), v = {
+  ), g = {
     medium: "22px",
     small: "16px"
   };
   return /* @__PURE__ */ de.jsxs("div", { className: `checkbox-container ${r}`, children: [
-    d && o === "left" && /* @__PURE__ */ de.jsx(m, {}),
+    v && l === "left" && /* @__PURE__ */ de.jsx(h, {}),
     /* @__PURE__ */ de.jsx(
       "div",
       {
-        className: `checkbox-content checkbox-content__${a}`,
+        className: `checkbox-content checkbox-content__${c} ${a}`,
         style: {
-          width: v[a],
-          minWidth: v[a],
-          height: v[a],
-          minHeight: v[a]
+          width: g[c],
+          minWidth: g[c],
+          height: g[c],
+          minHeight: g[c]
         },
         children: /* @__PURE__ */ de.jsx(
           "input",
@@ -41177,20 +41180,20 @@ const rz = ({
             disabled: t,
             type: "checkbox",
             id: e,
-            onChange: u,
-            className: `checkbox-input checkbox-input__${t ? "disabled" : "enabled"}`,
-            "data-testid": i,
+            onChange: m,
+            className: `checkbox-input checkbox-input__${t ? "disabled" : "enabled"} ${i}`,
+            "data-testid": u,
             style: {
-              accentColor: c,
-              borderRadius: l,
+              accentColor: f,
+              borderRadius: d,
               ...n
             },
-            ...f
+            ...p
           }
         )
       }
     ),
-    d && o === "right" && /* @__PURE__ */ de.jsx(m, {})
+    v && l === "right" && /* @__PURE__ */ de.jsx(h, {})
   ] });
 }, Qo = {
   small: "small",

package/dist/src/components/atoms/Checkbox/types.d.ts

@@ -6,6 +6,9 @@ export interface CheckboxProps extends React.HTMLAttributes<HTMLInputElement> {
     id: string;
     dataTestId?: string;
     customClassName?: string;
+    labelClassName?: string;
+    checkboxClassName?: string;
+    inputClassName?: string;
     customStyles?: React.CSSProperties;
     children?: React.ReactNode;
     backgroundColor?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ctc-component-library",
   "private": false,
-  "version": "0.1.64",
+  "version": "0.1.65",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",