@cleartrip/ct-design-checkbox 4.0.0-TEST.3 → 4.1.0-SNAPSHOT-native-main.1

package/README.md

@@ -0,0 +1,63 @@
+# Checkbox
+
+A form control that allows users to select multiple options.
+
+---
+
+## Installation
+
+```bash
+npm install @cleartrip/ct-design-checkbox
+# or
+pnpm add @cleartrip/ct-design-checkbox
+```
+
+### Peer dependencies
+
+```bash
+# Required for all targets
+npm install react
+
+# Web only
+npm install react-dom
+
+# React Native only
+npm install react-native
+```
+
+---
+
+## Usage
+
+### Basic
+
+```tsx
+import { Checkbox } from '@cleartrip/ct-design-checkbox';
+
+function Example() {
+  return (
+    <Checkbox>
+      {/* Basic usage */}
+    </Checkbox>
+  );
+}
+```
+
+---
+
+## Accessibility
+
+- The component follows accessibility best practices
+- Ensure proper ARIA attributes are provided where needed
+- Test with screen readers to ensure usability
+
+---
+
+## Migration
+
+If migrating from a previous version:
+
+```diff
+- import { Checkbox } from 'yagami/core/components';
++ import { Checkbox } from '@cleartrip/ct-design-checkbox';
+```

package/dist/Checkbox.d.ts

@@ -1,10 +1,4 @@
-import { CSSProperties } from 'styled-components';
-import { CheckboxProps } from './type';
-import { ForwardRefComponentWithStyle } from '@cleartrip/ct-design-types';
-type PolymorphicCheckbox = ForwardRefComponentWithStyle<'input', CheckboxProps>;
-export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
-    css?: CSSProperties | undefined;
-}, never>;
-declare const Checkbox: PolymorphicCheckbox;
+import { ICheckbox } from './type';
+declare const Checkbox: import("react").ForwardRefExoticComponent<ICheckbox & import("react").RefAttributes<HTMLInputElement>>;
 export default Checkbox;
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../packages/components/Checkbox/src/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,4BAA4B,EAAY,MAAM,4BAA4B,CAAC;AAOpF,KAAK,mBAAmB,GAAG,4BAA4B,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;AAQhF,eAAO,MAAM,KAAK;;SAGf,CAAC;AAEJ,QAAA,MAAM,QAAQ,qBA8DU,CAAC;AAEzB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../packages/components/Checkbox/src/Checkbox.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAsCnC,QAAA,MAAM,QAAQ,wGA4Eb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/Checkbox.native.d.ts

@@ -0,0 +1,5 @@
+import { View } from 'react-native';
+import { ICheckbox } from './type';
+declare const Checkbox: import("react").ForwardRefExoticComponent<ICheckbox & import("react").RefAttributes<View>>;
+export default Checkbox;
+//# sourceMappingURL=Checkbox.native.d.ts.map

package/dist/Checkbox.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.native.d.ts","sourceRoot":"","sources":["../packages/components/Checkbox/src/Checkbox.native.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAQ/C,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAsBnC,QAAA,MAAM,QAAQ,4FAmEb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/ct-design-checkbox.browser.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),s=require("react"),t=require("styled-components"),r=require("@cleartrip/ct-design-container"),n=require("@cleartrip/ct-design-icons"),a=require("@cleartrip/ct-design-theme"),l=require("@cleartrip/ct-design-tokens"),d=require("classnames");function o(e){return e&&e.__esModule?e:{default:e}}var c=o(t),h=o(d),u=c.default.div((function(i){var s=i.css,t=e.__rest(i,["css"]);return function(i){i.width,i.height,i.theme;var s=i.disabled,t=e.__rest(i,["width","height","theme","disabled"]);return e.__assign({display:"flex",width:"fit-content",cursor:s?"not-allowed":"pointer",justifyContent:"center",alignItems:"center",position:"relative"},t)}(e.__assign(e.__assign({},t),s))})),g=c.default.div((function(i){var s=i.theme,t=i.css,r=e.__rest(i,["theme","css"]);return function(i){var s=i.width,t=i.height,r=i.theme,n=i.checked,a=i.disabled,l=e.__rest(i,["width","height","theme","checked","disabled"]);return e.__assign(e.__assign({position:"absolute",left:0,borderRadius:"4px",border:n?"1px solid transparent":"1px solid ".concat(a?r.color.border.disabledDark:r.color.border.defaultDark),width:s,height:t,display:"flex",justifyContent:"center",alignItems:"center",marginRight:r.spacing[3]},function(e,i,s){return{background:s?i?e.color.background.disabledDark:e.color.background.primary:e.color.background.neutral,cursor:i?"not-allowed":"pointer"}}(r,!!a,!!n)),l)}(e.__assign(e.__assign(e.__assign({},r),t),{theme:s}))})),_=c.default.input((function(i){var s=i.theme,t=i.disabled,r=i.css,n=void 0===r?{}:r;return e.__assign(e.__assign({},function(i){i.width,i.height;var s=i.theme,t=i.disabled,r=e.__rest(i,["width","height","theme","disabled"]);return e.__assign({cursor:t?"not-allowed":"pointer",opacity:0,zIndex:1,margin:0,height:"20px",width:"20px",left:s.spacing[4],display:"initial"},r)}({theme:s,disabled:t})),n)})),b=s.forwardRef((function(s,t){s.children;var d=s.checked,o=s.selectAll,c=s.id,b=s.label,m=s.width,p=void 0===m?"18px":m,f=s.height,k=void 0===f?"18px":f,v=s.onChange,x=s.onClick,C=s.disabled,w=s.rootClassNames,y=s.isFullClickEnabled,j=void 0===y||y,q=s.styleConfig,N=void 0===q?{}:q,I=e.__rest(s,["children","checked","selectAll","id","label","width","height","onChange","onClick","disabled","rootClassNames","isFullClickEnabled","styleConfig"]),D=a.useTheme(),R=N.root,T=N.input,A=N.checkboxIconContainer,E={height:k,width:p};return i.jsxs(u,e.__assign({disabled:C,color:C?l.colors.disabledText:l.colors.neutral900,onClick:C||!j?void 0:x,className:h.default(w,null==R?void 0:R.className),css:null==R?void 0:R.css},{children:[i.jsx(_,e.__assign({ref:t,type:"checkbox",onChange:v,onClick:C||j?void 0:x,id:c,theme:D,disabled:C},E,I,{className:null==T?void 0:T.className,css:null==T?void 0:T.css})),i.jsx(g,e.__assign({checked:d,theme:D},E,{disabled:C,className:null==A?void 0:A.className,css:null==A?void 0:A.css},{children:o&&d?i.jsx(n.CheckboxMinus,{}):i.jsx(n.CheckboxTick,{})})),i.jsx(r.Container,{className:"ml-3"}),b]}))}));exports.Checkbox=b;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("@cleartrip/ct-design-container"),n=require("@cleartrip/ct-design-typography"),i=require("@cleartrip/ct-design-icons"),t=require("@cleartrip/ct-design-style-manager"),l=require("@emotion/css");const a=(e,r,o)=>{switch(!0){case o:return r?{borderWidth:e.border.width.none,backgroundColor:e.color.background.disabledSecondary,cursor:"not-allowed"}:{borderWidth:e.border.width.sm,borderColor:e.color.border.disabled,cursor:"not-allowed",backgroundColor:e.color.background.disabled};case r:return{borderWidth:e.border.width.none,backgroundColor:e.color.background.primary,cursor:"pointer"};default:return{borderWidth:e.border.width.sm,borderColor:e.color.border.defaultDark,backgroundColor:e.color.background.neutral,cursor:"pointer"}}},d={disabledRoot:l.css({cursor:"not-allowed"})},c=t.makeStyles(e=>({root:{display:"flex",flexDirection:"row",alignItems:"center",gap:null==e?void 0:e.spacing[2],cursor:"pointer",userSelect:"none"},hiddenInput:{position:"absolute",opacity:0,width:0,height:0,margin:0,padding:0,border:"none",pointerEvents:"none"},checkboxIconContainer:{width:null==e?void 0:e.spacing[5],height:null==e?void 0:e.spacing[5],borderRadius:null==e?void 0:e.border.radius[4],borderStyle:null==e?void 0:e.border.style.solid,display:"flex",alignItems:"center",justifyContent:"center"}})),s=r.forwardRef(({id:r,label:l,disabled:s=!1,onChange:b,checked:u=!1,styleConfig:h,isFullClickEnabled:g=!0,rootProps:p={}},y)=>{const C=t.useStyles(e=>{return{checkboxIconContainer:a(e,u,s),label:{color:(r=s,r?n.TypographyColor.DISABLED:n.TypographyColor.PRIMARY)}};var r},[u,s]),{root:k=[],checkboxIconContainer:x=[],labelContainer:m=[]}=h||{},f=()=>{s||null==b||b({id:r,label:l,disabled:s,checked:!u})},w=t.useWebMergeStyles([c.root,...s?[d.disabledRoot]:[],...k],[s,k]),I=t.useWebMergeStyles([c.hiddenInput],[]),v=t.useWebMergeStyles([c.checkboxIconContainer,C.checkboxIconContainer,...x],[C.checkboxIconContainer,x]);return e.jsxs("div",Object.assign({id:`${r}-root`,className:w,onClick:()=>{!s&&g&&f()}},p,{children:[e.jsx("input",{ref:y,id:r,type:"checkbox",checked:u,disabled:s,onChange:f,className:I,"aria-labelledby":`${r}-label`}),e.jsx("span",{className:v,onClick:e=>{g||(e.stopPropagation(),f())},children:u&&e.jsx(i.CheckboxTick,{})}),e.jsx(o.Container,{styleConfig:{root:m},children:"string"==typeof l?e.jsx(n.Typography,{variant:n.TypographyVariant.P2,styleConfig:{root:[C.label]},children:l}):l})]}))});s.displayName="Checkbox",exports.Checkbox=s;
 //# sourceMappingURL=ct-design-checkbox.browser.cjs.js.map

package/dist/ct-design-checkbox.browser.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-checkbox.browser.cjs.js","sources":["../packages/components/Checkbox/src/Checkbox.tsx","../packages/components/Checkbox/src/style.ts"],"sourcesContent":[null,null],"names":["StyledRoot","styled","default","div","_a","css","rest","__rest","width","theme","disabled","__assign","display","cursor","justifyContent","alignItems","position","getCheckboxRootStyles","StyledCheckbox","height","checked","left","borderRadius","border","color","disabledDark","defaultDark","marginRight","spacing","background","primary","neutral","getCheckboxColor","getCheckboxStyles","Input","input","_b","opacity","zIndex","margin","getCheckboxInputStyles","Checkbox","forwardRef","forwardedRef","children","selectAll","id","label","_c","onChange","onClick","rootClassNames","_d","isFullClickEnabled","_e","styleConfig","useTheme","root","checkboxIconContainer","checkBoxSize","_jsxs","colors","disabledText","neutral900","undefined","className","classNames","_jsx","ref","type","jsx","CheckboxMinus","CheckboxTick","Container"],"mappings":"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"}
+{"version":3,"file":"ct-design-checkbox.browser.cjs.js","sources":["../packages/components/Checkbox/src/style.ts","../packages/components/Checkbox/src/Checkbox.tsx"],"sourcesContent":[null,null],"names":["getBorderStyles","theme","isSelected","isDisabled","borderWidth","border","width","none","backgroundColor","color","background","disabledSecondary","cursor","sm","borderColor","disabled","primary","defaultDark","neutral","webStaticStyles","disabledRoot","css","staticCheckboxStyles","makeStyles","root","display","flexDirection","alignItems","gap","spacing","userSelect","hiddenInput","position","opacity","height","margin","padding","pointerEvents","checkboxIconContainer","borderRadius","radius","borderStyle","style","solid","justifyContent","Checkbox","forwardRef","id","label","onChange","checked","styleConfig","isFullClickEnabled","rootProps","ref","dynamicStyles","useStyles","TypographyColor","DISABLED","PRIMARY","customRootStyles","customCheckboxIconStyles","labelContainer","customLabelContainerStyles","handleCheckboxChange","mergedRootClassName","useWebMergeStyles","mergedInputClassName","mergedCheckboxIconClassName","_jsxs","jsxs","Object","assign","className","onClick","children","_jsx","jsx","type","event","stopPropagation","CheckboxTick","Container","Typography","variant","TypographyVariant","P2","displayName"],"mappings":"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"}

package/dist/ct-design-checkbox.browser.esm.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as i}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import l from"styled-components";import{Container as n}from"@cleartrip/ct-design-container";import{CheckboxMinus as d,CheckboxTick as s}from"@cleartrip/ct-design-icons";import{useTheme as a}from"@cleartrip/ct-design-theme";import{colors as c}from"@cleartrip/ct-design-tokens";import h from"classnames";var m=l.div((function(t){var o=t.css,r=e(t,["css"]);return function(t){t.width,t.height,t.theme;var o=t.disabled,r=e(t,["width","height","theme","disabled"]);return i({display:"flex",width:"fit-content",cursor:o?"not-allowed":"pointer",justifyContent:"center",alignItems:"center",position:"relative"},r)}(i(i({},r),o))})),u=l.div((function(t){var o=t.theme,r=t.css,l=e(t,["theme","css"]);return function(t){var o=t.width,r=t.height,l=t.theme,n=t.checked,d=t.disabled,s=e(t,["width","height","theme","checked","disabled"]);return i(i({position:"absolute",left:0,borderRadius:"4px",border:n?"1px solid transparent":"1px solid ".concat(d?l.color.border.disabledDark:l.color.border.defaultDark),width:o,height:r,display:"flex",justifyContent:"center",alignItems:"center",marginRight:l.spacing[3]},function(e,i,t){return{background:t?i?e.color.background.disabledDark:e.color.background.primary:e.color.background.neutral,cursor:i?"not-allowed":"pointer"}}(l,!!d,!!n)),s)}(i(i(i({},l),r),{theme:o}))})),p=l.input((function(t){var o=t.theme,r=t.disabled,l=t.css,n=void 0===l?{}:l;return i(i({},function(t){t.width,t.height;var o=t.theme,r=t.disabled,l=e(t,["width","height","theme","disabled"]);return i({cursor:r?"not-allowed":"pointer",opacity:0,zIndex:1,margin:0,height:"20px",width:"20px",left:o.spacing[4],display:"initial"},l)}({theme:o,disabled:r})),n)})),b=r((function(r,l){r.children;var b=r.checked,g=r.selectAll,f=r.id,v=r.label,k=r.width,C=void 0===k?"18px":k,w=r.height,x=void 0===w?"18px":w,y=r.onChange,N=r.onClick,I=r.disabled,j=r.rootClassNames,D=r.isFullClickEnabled,A=void 0===D||D,E=r.styleConfig,F=void 0===E?{}:E,R=e(r,["children","checked","selectAll","id","label","width","height","onChange","onClick","disabled","rootClassNames","isFullClickEnabled","styleConfig"]),z=a(),T=F.root,q=F.input,B=F.checkboxIconContainer,G={height:x,width:C};return t(m,i({disabled:I,color:I?c.disabledText:c.neutral900,onClick:I||!A?void 0:N,className:h(j,null==T?void 0:T.className),css:null==T?void 0:T.css},{children:[o(p,i({ref:l,type:"checkbox",onChange:y,onClick:I||A?void 0:N,id:f,theme:z,disabled:I},G,R,{className:null==q?void 0:q.className,css:null==q?void 0:q.css})),o(u,i({checked:b,theme:z},G,{disabled:I,className:null==B?void 0:B.className,css:null==B?void 0:B.css},{children:o(g&&b?d:s,{})})),o(n,{className:"ml-3"}),v]}))}));export{b as Checkbox};
+import{jsxs as o,jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Container as n}from"@cleartrip/ct-design-container";import{TypographyColor as i,Typography as t,TypographyVariant as d}from"@cleartrip/ct-design-typography";import{CheckboxTick as l}from"@cleartrip/ct-design-icons";import{makeStyles as c,useStyles as a,useWebMergeStyles as s}from"@cleartrip/ct-design-style-manager";import{css as b}from"@emotion/css";const p=(o,r,e)=>{switch(!0){case e:return r?{borderWidth:o.border.width.none,backgroundColor:o.color.background.disabledSecondary,cursor:"not-allowed"}:{borderWidth:o.border.width.sm,borderColor:o.color.border.disabled,cursor:"not-allowed",backgroundColor:o.color.background.disabled};case r:return{borderWidth:o.border.width.none,backgroundColor:o.color.background.primary,cursor:"pointer"};default:return{borderWidth:o.border.width.sm,borderColor:o.color.border.defaultDark,backgroundColor:o.color.background.neutral,cursor:"pointer"}}},u={disabledRoot:b({cursor:"not-allowed"})},h=c(o=>({root:{display:"flex",flexDirection:"row",alignItems:"center",gap:null==o?void 0:o.spacing[2],cursor:"pointer",userSelect:"none"},hiddenInput:{position:"absolute",opacity:0,width:0,height:0,margin:0,padding:0,border:"none",pointerEvents:"none"},checkboxIconContainer:{width:null==o?void 0:o.spacing[5],height:null==o?void 0:o.spacing[5],borderRadius:null==o?void 0:o.border.radius[4],borderStyle:null==o?void 0:o.border.style.solid,display:"flex",alignItems:"center",justifyContent:"center"}})),g=e(({id:e,label:c,disabled:b=!1,onChange:g,checked:m=!1,styleConfig:k,isFullClickEnabled:C=!0,rootProps:f={}},y)=>{const x=a(o=>{return{checkboxIconContainer:p(o,m,b),label:{color:(r=b,r?i.DISABLED:i.PRIMARY)}};var r},[m,b]),{root:I=[],checkboxIconContainer:w=[],labelContainer:v=[]}=k||{},R=()=>{b||null==g||g({id:e,label:c,disabled:b,checked:!m})},D=s([h.root,...b?[u.disabledRoot]:[],...I],[b,I]),N=s([h.hiddenInput],[]),P=s([h.checkboxIconContainer,x.checkboxIconContainer,...w],[x.checkboxIconContainer,w]);return o("div",Object.assign({id:`${e}-root`,className:D,onClick:()=>{!b&&C&&R()}},f,{children:[r("input",{ref:y,id:e,type:"checkbox",checked:m,disabled:b,onChange:R,className:N,"aria-labelledby":`${e}-label`}),r("span",{className:P,onClick:o=>{C||(o.stopPropagation(),R())},children:m&&r(l,{})}),r(n,{styleConfig:{root:v},children:"string"==typeof c?r(t,{variant:d.P2,styleConfig:{root:[x.label]},children:c}):c})]}))});g.displayName="Checkbox";export{g as Checkbox};
 //# sourceMappingURL=ct-design-checkbox.browser.esm.js.map

package/dist/ct-design-checkbox.browser.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-checkbox.browser.esm.js","sources":["../packages/components/Checkbox/src/style.ts","../packages/components/Checkbox/src/Checkbox.tsx"],"sourcesContent":[null,null],"names":["StyledRoot","styled","div","_a","css","rest","__rest","width","theme","disabled","__assign","display","cursor","justifyContent","alignItems","position","getCheckboxRootStyles","StyledCheckbox","height","checked","left","borderRadius","border","color","disabledDark","defaultDark","marginRight","spacing","background","primary","neutral","getCheckboxColor","getCheckboxStyles","Input","input","_b","opacity","zIndex","margin","getCheckboxInputStyles","Checkbox","forwardRef","forwardedRef","children","selectAll","id","label","_c","onChange","onClick","rootClassNames","_d","isFullClickEnabled","_e","styleConfig","useTheme","root","checkboxIconContainer","checkBoxSize","_jsxs","colors","disabledText","neutral900","undefined","className","classNames","_jsx","ref","type","CheckboxMinus","CheckboxTick","Container"],"mappings":"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"}
+{"version":3,"file":"ct-design-checkbox.browser.esm.js","sources":["../packages/components/Checkbox/src/style.ts","../packages/components/Checkbox/src/Checkbox.tsx"],"sourcesContent":[null,null],"names":["getBorderStyles","theme","isSelected","isDisabled","borderWidth","border","width","none","backgroundColor","color","background","disabledSecondary","cursor","sm","borderColor","disabled","primary","defaultDark","neutral","webStaticStyles","disabledRoot","css","staticCheckboxStyles","makeStyles","root","display","flexDirection","alignItems","gap","spacing","userSelect","hiddenInput","position","opacity","height","margin","padding","pointerEvents","checkboxIconContainer","borderRadius","radius","borderStyle","style","solid","justifyContent","Checkbox","forwardRef","id","label","onChange","checked","styleConfig","isFullClickEnabled","rootProps","ref","dynamicStyles","useStyles","TypographyColor","DISABLED","PRIMARY","customRootStyles","customCheckboxIconStyles","labelContainer","customLabelContainerStyles","handleCheckboxChange","mergedRootClassName","useWebMergeStyles","mergedInputClassName","mergedCheckboxIconClassName","_jsxs","Object","assign","className","onClick","children","_jsx","type","event","stopPropagation","CheckboxTick","Container","Typography","variant","TypographyVariant","P2","displayName"],"mappings":"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"}

package/dist/ct-design-checkbox.cjs.js

@@ -1,65 +1,118 @@
 'use strict';
 
-var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
-var styled = require('styled-components');
 var ctDesignContainer = require('@cleartrip/ct-design-container');
+var ctDesignTypography = require('@cleartrip/ct-design-typography');
 var ctDesignIcons = require('@cleartrip/ct-design-icons');
-var ctDesignTheme = require('@cleartrip/ct-design-theme');
-var ctDesignTokens = require('@cleartrip/ct-design-tokens');
-var classNames = require('classnames');
+var ctDesignStyleManager = require('@cleartrip/ct-design-style-manager');
+var css = require('@emotion/css');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-
-var getCheckboxRootStyles = function (_a) {
-    _a.width; _a.height; _a.theme; var disabled = _a.disabled, rest = tslib.__rest(_a, ["width", "height", "theme", "disabled"]);
-    return (tslib.__assign({ display: 'flex', width: 'fit-content', cursor: disabled ? 'not-allowed' : 'pointer', justifyContent: 'center', alignItems: 'center', position: 'relative' }, rest));
-};
-var getCheckboxInputStyles = function (_a) {
-    _a.width; _a.height; var theme = _a.theme, disabled = _a.disabled, rest = tslib.__rest(_a, ["width", "height", "theme", "disabled"]);
-    return (tslib.__assign({ cursor: disabled ? 'not-allowed' : 'pointer', opacity: 0, zIndex: 1, margin: 0, height: '20px', width: '20px', left: theme.spacing[4], display: 'initial' }, rest));
+const getBorderStyles = (theme, isSelected, isDisabled) => {
+    switch (true) {
+        case isDisabled: {
+            if (isSelected) {
+                return {
+                    borderWidth: theme.border.width.none,
+                    backgroundColor: theme.color.background.disabledSecondary,
+                    cursor: 'not-allowed',
+                };
+            }
+            return {
+                borderWidth: theme.border.width.sm,
+                borderColor: theme.color.border.disabled,
+                cursor: 'not-allowed',
+                backgroundColor: theme.color.background.disabled,
+            };
+        }
+        case isSelected: {
+            return {
+                borderWidth: theme.border.width.none,
+                backgroundColor: theme.color.background.primary,
+                cursor: 'pointer',
+            };
+        }
+        default: {
+            return {
+                borderWidth: theme.border.width.sm,
+                borderColor: theme.color.border.defaultDark,
+                backgroundColor: theme.color.background.neutral,
+                cursor: 'pointer',
+            };
+        }
+    }
 };
-var getCheckboxColor = function (theme, disabled, checked) { return ({
-    background: checked
-        ? disabled
-            ? theme.color.background.disabledDark
-            : theme.color.background.primary
-        : theme.color.background.neutral,
-    cursor: disabled ? 'not-allowed' : 'pointer',
-}); };
-var getCheckboxStyles = function (_a) {
-    var width = _a.width, height = _a.height, theme = _a.theme, checked = _a.checked, disabled = _a.disabled, rest = tslib.__rest(_a, ["width", "height", "theme", "checked", "disabled"]);
-    return (tslib.__assign(tslib.__assign({ position: 'absolute', left: 0, borderRadius: '4px', border: !checked
-            ? "1px solid ".concat(disabled ? theme.color.border.disabledDark : theme.color.border.defaultDark)
-            : "1px solid transparent", width: width, height: height, display: 'flex', justifyContent: 'center', alignItems: 'center', marginRight: theme.spacing[3] }, getCheckboxColor(theme, !!disabled, !!checked)), rest));
+const getLabelColor = (isDisabled) => {
+    if (isDisabled) {
+        return ctDesignTypography.TypographyColor.DISABLED;
+    }
+    return ctDesignTypography.TypographyColor.PRIMARY;
 };
 
-var StyledRoot = styled__default.default.div(function (_a) {
-    var css = _a.css, rest = tslib.__rest(_a, ["css"]);
-    return getCheckboxRootStyles(tslib.__assign(tslib.__assign({}, rest), css));
-});
-var StyledCheckbox = styled__default.default.div(function (_a) {
-    var theme = _a.theme, css = _a.css, rest = tslib.__rest(_a, ["theme", "css"]);
-    return getCheckboxStyles(tslib.__assign(tslib.__assign(tslib.__assign({}, rest), css), { theme: theme }));
-});
-var Input = styled__default.default.input(function (_a) {
-    var theme = _a.theme, disabled = _a.disabled, _b = _a.css, css = _b === void 0 ? {} : _b;
-    return (tslib.__assign(tslib.__assign({}, getCheckboxInputStyles({ theme: theme, disabled: disabled })), css));
-});
-var Checkbox = react.forwardRef(function (_a, forwardedRef) {
-    _a.children; var checked = _a.checked, selectAll = _a.selectAll, id = _a.id, label = _a.label, _b = _a.width, width = _b === void 0 ? '18px' : _b, _c = _a.height, height = _c === void 0 ? '18px' : _c, onChange = _a.onChange, onClick = _a.onClick, disabled = _a.disabled, rootClassNames = _a.rootClassNames, _d = _a.isFullClickEnabled, isFullClickEnabled = _d === void 0 ? true : _d, _e = _a.styleConfig, styleConfig = _e === void 0 ? {} : _e, rest = tslib.__rest(_a, ["children", "checked", "selectAll", "id", "label", "width", "height", "onChange", "onClick", "disabled", "rootClassNames", "isFullClickEnabled", "styleConfig"]);
-    var theme = ctDesignTheme.useTheme();
-    var root = styleConfig.root, input = styleConfig.input, checkboxIconContainer = styleConfig.checkboxIconContainer;
-    var checkBoxSize = {
-        height: height,
-        width: width,
+const webStaticStyles = {
+    disabledRoot: css.css({
+        cursor: 'not-allowed',
+    }),
+};
+const staticCheckboxStyles = ctDesignStyleManager.makeStyles((theme) => ({
+    root: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: theme === null || theme === void 0 ? void 0 : theme.spacing[2],
+        cursor: 'pointer',
+        userSelect: 'none',
+    },
+    hiddenInput: {
+        position: 'absolute',
+        opacity: 0,
+        width: 0,
+        height: 0,
+        margin: 0,
+        padding: 0,
+        border: 'none',
+        pointerEvents: 'none',
+    },
+    checkboxIconContainer: {
+        width: theme === null || theme === void 0 ? void 0 : theme.spacing[5],
+        height: theme === null || theme === void 0 ? void 0 : theme.spacing[5],
+        borderRadius: theme === null || theme === void 0 ? void 0 : theme.border.radius[4],
+        borderStyle: theme === null || theme === void 0 ? void 0 : theme.border.style.solid,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+}));
+const Checkbox = react.forwardRef(({ id, label, disabled = false, onChange, checked = false, styleConfig, isFullClickEnabled = true, rootProps = {} }, ref) => {
+    const dynamicStyles = ctDesignStyleManager.useStyles((theme) => ({
+        checkboxIconContainer: getBorderStyles(theme, checked, disabled),
+        label: {
+            color: getLabelColor(disabled),
+        },
+    }), [checked, disabled]);
+    const { root: customRootStyles = [], checkboxIconContainer: customCheckboxIconStyles = [], labelContainer: customLabelContainerStyles = [], } = styleConfig || {};
+    const handleCheckboxChange = () => {
+        if (disabled)
+            return;
+        onChange === null || onChange === void 0 ? void 0 : onChange({ id, label, disabled, checked: !checked });
+    };
+    const handleRootClick = () => {
+        if (disabled || !isFullClickEnabled)
+            return;
+        handleCheckboxChange();
+    };
+    const handleIconClick = (event) => {
+        if (isFullClickEnabled)
+            return;
+        event.stopPropagation();
+        handleCheckboxChange();
     };
-    return (jsxRuntime.jsxs(StyledRoot, tslib.__assign({ disabled: disabled, color: disabled ? ctDesignTokens.colors.disabledText : ctDesignTokens.colors.neutral900, onClick: disabled || !isFullClickEnabled ? undefined : onClick, className: classNames__default.default(rootClassNames, root === null || root === void 0 ? void 0 : root.className), css: root === null || root === void 0 ? void 0 : root.css }, { children: [jsxRuntime.jsx(Input, tslib.__assign({ ref: forwardedRef, type: 'checkbox', onChange: onChange, onClick: disabled || isFullClickEnabled ? undefined : onClick, id: id, theme: theme, disabled: disabled }, checkBoxSize, rest, { className: input === null || input === void 0 ? void 0 : input.className, css: input === null || input === void 0 ? void 0 : input.css })), jsxRuntime.jsx(StyledCheckbox, tslib.__assign({ checked: checked, theme: theme }, checkBoxSize, { disabled: disabled, className: checkboxIconContainer === null || checkboxIconContainer === void 0 ? void 0 : checkboxIconContainer.className, css: checkboxIconContainer === null || checkboxIconContainer === void 0 ? void 0 : checkboxIconContainer.css }, { children: selectAll && checked ? jsxRuntime.jsx(ctDesignIcons.CheckboxMinus, {}) : jsxRuntime.jsx(ctDesignIcons.CheckboxTick, {}) })), jsxRuntime.jsx(ctDesignContainer.Container, { className: 'ml-3' }), label] })));
+    const mergedRootClassName = ctDesignStyleManager.useWebMergeStyles([staticCheckboxStyles.root, ...(disabled ? [webStaticStyles.disabledRoot] : []), ...customRootStyles], [disabled, customRootStyles]);
+    const mergedInputClassName = ctDesignStyleManager.useWebMergeStyles([staticCheckboxStyles.hiddenInput], []);
+    const mergedCheckboxIconClassName = ctDesignStyleManager.useWebMergeStyles([staticCheckboxStyles.checkboxIconContainer, dynamicStyles.checkboxIconContainer, ...customCheckboxIconStyles], [dynamicStyles.checkboxIconContainer, customCheckboxIconStyles]);
+    return (jsxRuntime.jsxs("div", Object.assign({ id: `${id}-root`, className: mergedRootClassName, onClick: handleRootClick }, rootProps, { children: [jsxRuntime.jsx("input", { ref: ref, id: id, type: 'checkbox', checked: checked, disabled: disabled, onChange: handleCheckboxChange, className: mergedInputClassName, "aria-labelledby": `${id}-label` }), jsxRuntime.jsx("span", { className: mergedCheckboxIconClassName, onClick: handleIconClick, children: checked && jsxRuntime.jsx(ctDesignIcons.CheckboxTick, {}) }), jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: customLabelContainerStyles }, children: typeof label === 'string' ? (jsxRuntime.jsx(ctDesignTypography.Typography, { variant: ctDesignTypography.TypographyVariant.P2, styleConfig: { root: [dynamicStyles.label] }, children: label })) : (label) })] })));
 });
+Checkbox.displayName = 'Checkbox';
 
 exports.Checkbox = Checkbox;
 //# sourceMappingURL=ct-design-checkbox.cjs.js.map

package/dist/ct-design-checkbox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-checkbox.cjs.js","sources":["../packages/components/Checkbox/src/style.ts","../packages/components/Checkbox/src/Checkbox.tsx"],"sourcesContent":[null,null],"names":["__rest","__assign","styled","forwardRef","useTheme","_jsxs","colors","classNames","_jsx","CheckboxMinus","CheckboxTick","Container"],"mappings":"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"}
+{"version":3,"file":"ct-design-checkbox.cjs.js","sources":["../packages/components/Checkbox/src/style.ts","../packages/components/Checkbox/src/Checkbox.tsx"],"sourcesContent":[null,null],"names":["TypographyColor","css","makeStyles","forwardRef","useStyles","useWebMergeStyles","_jsxs","_jsx","CheckboxTick","Container","Typography","TypographyVariant"],"mappings":"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"}