@seed-design/react 0.2.3 → 0.2.4

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.
Files changed (14) hide show
  1. package/lib/components/Checkbox/Checkbox.cjs +8 -2
  2. package/lib/components/Checkbox/Checkbox.d.ts +7 -1
  3. package/lib/components/Checkbox/Checkbox.d.ts.map +1 -1
  4. package/lib/components/Checkbox/Checkbox.js +8 -2
  5. package/lib/components/RadioGroup/RadioGroup.cjs +2 -1
  6. package/lib/components/RadioGroup/RadioGroup.d.ts.map +1 -1
  7. package/lib/components/RadioGroup/RadioGroup.js +2 -1
  8. package/lib/components/Switch/Switch.cjs +2 -1
  9. package/lib/components/Switch/Switch.d.ts.map +1 -1
  10. package/lib/components/Switch/Switch.js +2 -1
  11. package/package.json +4 -4
  12. package/src/components/Checkbox/Checkbox.tsx +25 -4
  13. package/src/components/RadioGroup/RadioGroup.tsx +4 -1
  14. package/src/components/Switch/Switch.tsx +1 -0
package/lib/components/Checkbox/Checkbox.cjs CHANGED
@@ -24,8 +24,14 @@ const {
24
24
  const withStateProps = createWithStateProps.createWithStateProps([reactCheckbox.useCheckboxContext]);
25
25
  const CheckboxRoot = Object.assign(
26
26
  React.forwardRef(({ className, ...props }, ref) => {
27
- const [checkboxVariantProps, otherProps] = checkbox.checkbox.splitVariantProps(props);
28
- const [checkmarkVariantProps] = checkmark.checkmark.splitVariantProps(props);
27
+ const normalizedProps = {
28
+ ...props,
29
+ // TODO: replace this mapping completely
30
+ weight: props.weight === "stronger" ? "bold" : props.weight === "default" ? "regular" : props.weight
31
+ };
32
+ const [checkboxVariantProps, __otherProps] = checkbox.checkbox.splitVariantProps(normalizedProps);
33
+ const [checkmarkVariantProps] = checkmark.checkmark.splitVariantProps(normalizedProps);
34
+ const [, otherProps] = checkmark.checkmark.splitVariantProps(__otherProps);
29
35
  const classNames = checkbox.checkbox(checkboxVariantProps);
30
36
  return /* @__PURE__ */ jsxRuntime.jsx(CheckmarkPropsProvider, { value: checkmarkVariantProps, children: /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(
31
37
  reactCheckbox.Checkbox.Root,
package/lib/components/Checkbox/Checkbox.d.ts CHANGED
@@ -3,7 +3,12 @@ import { CheckmarkVariantProps } from '@seed-design/css/recipes/checkmark';
3
3
  import { Checkbox as CheckboxPrimitive } from '@seed-design/react-checkbox';
4
4
  import { PrimitiveProps } from '@seed-design/react-primitive';
5
5
  import { ForwardRefExoticComponent, RefAttributes } from 'react';
6
- export interface CheckboxRootProps extends CheckboxVariantProps, CheckmarkVariantProps, CheckboxPrimitive.RootProps {
6
+ /**
7
+ * @deprecated Use `regular` or `bold` instead of `default` or `stronger`
8
+ */
9
+ type CheckboxVariantDeprecatedWeightProps = "default" | "stronger";
10
+ export interface CheckboxRootProps extends Omit<CheckboxVariantProps, "weight">, CheckmarkVariantProps, CheckboxPrimitive.RootProps {
11
+ weight?: CheckboxVariantProps["weight"] | CheckboxVariantDeprecatedWeightProps;
7
12
  }
8
13
  export declare const CheckboxRoot: ForwardRefExoticComponent<CheckboxRootProps & RefAttributes<HTMLLabelElement>> & {
9
14
  Primitive: ForwardRefExoticComponent<CheckboxPrimitive.RootProps & RefAttributes<HTMLLabelElement>>;
@@ -36,4 +41,5 @@ export declare const CheckboxLabel: ForwardRefExoticComponent<CheckboxLabelProps
36
41
  export interface CheckboxHiddenInputProps extends CheckboxPrimitive.HiddenInputProps {
37
42
  }
38
43
  export declare const CheckboxHiddenInput: ForwardRefExoticComponent<CheckboxPrimitive.HiddenInputProps & RefAttributes<HTMLInputElement>>;
44
+ export {};
39
45
  //# sourceMappingURL=Checkbox.d.ts.map
package/lib/components/Checkbox/Checkbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE3F,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAiB9E,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,qBAAqB,EACrB,iBAAiB,CAAC,SAAS;CAAG;AAElC,eAAO,MAAM,YAAY;;CAqBxB,CAAC;AAIF;;;GAGG;AAEH,MAAM,WAAW,oBACf,SAAQ,qBAAqB,EAC3B,iBAAiB,CAAC,YAAY;CAAG;AAErC,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAChF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,iBAAiB,kHA8B7B,CAAC;AAKF,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAEpG,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAEvF,eAAO,MAAM,mBAAmB,iIAAgC,CAAC"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE3F,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAiB9E;;GAEG;AACH,KAAK,oCAAoC,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnE,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,QAAQ,CAAC,EAC1C,qBAAqB,EACrB,iBAAiB,CAAC,SAAS;IAC7B,MAAM,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,GAAG,oCAAoC,CAAC;CAChF;AAED,eAAO,MAAM,YAAY;;CAmCxB,CAAC;AAIF;;;GAGG;AAEH,MAAM,WAAW,oBACf,SAAQ,qBAAqB,EAC3B,iBAAiB,CAAC,YAAY;CAAG;AAErC,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAChF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,iBAAiB,kHA8B7B,CAAC;AAKF,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAEpG,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAEvF,eAAO,MAAM,mBAAmB,iIAAgC,CAAC"}
package/lib/components/Checkbox/Checkbox.js CHANGED
@@ -20,8 +20,14 @@ const {
20
20
  const withStateProps = createWithStateProps([useCheckboxContext]);
21
21
  const CheckboxRoot = Object.assign(
22
22
  forwardRef(({ className, ...props }, ref) => {
23
- const [checkboxVariantProps, otherProps] = checkbox.splitVariantProps(props);
24
- const [checkmarkVariantProps] = checkmark.splitVariantProps(props);
23
+ const normalizedProps = {
24
+ ...props,
25
+ // TODO: replace this mapping completely
26
+ weight: props.weight === "stronger" ? "bold" : props.weight === "default" ? "regular" : props.weight
27
+ };
28
+ const [checkboxVariantProps, __otherProps] = checkbox.splitVariantProps(normalizedProps);
29
+ const [checkmarkVariantProps] = checkmark.splitVariantProps(normalizedProps);
30
+ const [, otherProps] = checkmark.splitVariantProps(__otherProps);
25
31
  const classNames = checkbox(checkboxVariantProps);
26
32
  return /* @__PURE__ */ jsx(CheckmarkPropsProvider, { value: checkmarkVariantProps, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
27
33
  Checkbox.Root,
package/lib/components/RadioGroup/RadioGroup.cjs CHANGED
@@ -25,8 +25,9 @@ const withStateProps = createWithStateProps.createWithStateProps([reactRadioGrou
25
25
  const RadioGroupRoot = reactRadioGroup.RadioGroup.Root;
26
26
  const RadioGroupItem = Object.assign(
27
27
  React.forwardRef(({ className, ...props }, ref) => {
28
- const [radioVariantProps, otherProps] = radio.radio.splitVariantProps(props);
28
+ const [radioVariantProps, __otherProps] = radio.radio.splitVariantProps(props);
29
29
  const [radiomarkVariantProps] = radiomark.radiomark.splitVariantProps(props);
30
+ const [, otherProps] = radiomark.radiomark.splitVariantProps(__otherProps);
30
31
  const classNames = radio.radio(radioVariantProps);
31
32
  return /* @__PURE__ */ jsxRuntime.jsx(RadiomarkPropsProvider, { value: radiomarkVariantProps, children: /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(
32
33
  reactRadioGroup.RadioGroup.Item,
package/lib/components/RadioGroup/RadioGroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE3F,OAAO,EACL,UAAU,IAAI,mBAAmB,EAElC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAiB9E,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB,CAAC,SAAS;CAAG;AAE7E,eAAO,MAAM,cAAc,0HAA2B,CAAC;AAIvD,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,qBAAqB,EACrB,mBAAmB,CAAC,SAAS;CAAG;AAEpC,eAAO,MAAM,cAAc;;CAqB1B,CAAC;AAIF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,mBAAmB,sHAG/B,CAAC;AAIF,MAAM,WAAW,0BACf,SAAQ,qBAAqB,EAC3B,mBAAmB,CAAC,gBAAgB;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGQ,CAAC;AAI3C,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IACtF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,wHA4BnC,CAAC;AAKF,MAAM,WAAW,8BAA+B,SAAQ,mBAAmB,CAAC,oBAAoB;CAAG;AAEnG,eAAO,MAAM,yBAAyB,uIAAsC,CAAC"}
1
+ {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE3F,OAAO,EACL,UAAU,IAAI,mBAAmB,EAElC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAiB9E,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB,CAAC,SAAS;CAAG;AAE7E,eAAO,MAAM,cAAc,0HAA2B,CAAC;AAIvD,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,qBAAqB,EACrB,mBAAmB,CAAC,SAAS;CAAG;AAEpC,eAAO,MAAM,cAAc;;CAwB1B,CAAC;AAIF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,mBAAmB,sHAG/B,CAAC;AAIF,MAAM,WAAW,0BACf,SAAQ,qBAAqB,EAC3B,mBAAmB,CAAC,gBAAgB;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGQ,CAAC;AAI3C,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IACtF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,wHA4BnC,CAAC;AAKF,MAAM,WAAW,8BAA+B,SAAQ,mBAAmB,CAAC,oBAAoB;CAAG;AAEnG,eAAO,MAAM,yBAAyB,uIAAsC,CAAC"}
package/lib/components/RadioGroup/RadioGroup.js CHANGED
@@ -21,8 +21,9 @@ const withStateProps = createWithStateProps([useRadioGroupItemContext]);
21
21
  const RadioGroupRoot = RadioGroup.Root;
22
22
  const RadioGroupItem = Object.assign(
23
23
  forwardRef(({ className, ...props }, ref) => {
24
- const [radioVariantProps, otherProps] = radio.splitVariantProps(props);
24
+ const [radioVariantProps, __otherProps] = radio.splitVariantProps(props);
25
25
  const [radiomarkVariantProps] = radiomark.splitVariantProps(props);
26
+ const [, otherProps] = radiomark.splitVariantProps(__otherProps);
26
27
  const classNames = radio(radioVariantProps);
27
28
  return /* @__PURE__ */ jsx(RadiomarkPropsProvider, { value: radiomarkVariantProps, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
28
29
  RadioGroup.Item,
package/lib/components/Switch/Switch.cjs CHANGED
@@ -18,7 +18,8 @@ const SwitchRoot = React.forwardRef(
18
18
  ({ size: propSize, className, ...otherProps }, ref) => {
19
19
  const classNames = _switch.switchStyle({
20
20
  // TODO: remove this mapping completely
21
- size: propSize === "small" ? "16" : propSize === "medium" ? "32" : propSize
21
+ size: propSize === "small" ? "16" : propSize === "medium" ? "32" : propSize,
22
+ ...otherProps
22
23
  });
23
24
  return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(
24
25
  reactSwitch.Switch.Root,
package/lib/components/Switch/Switch.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAEvF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B;;GAEG;AACH,KAAK,gCAAgC,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EACtC,eAAe,CAAC,SAAS;IAC3B,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAAG,gCAAgC,CAAC;CACtE;AAED,eAAO,MAAM,UAAU,0FAiBtB,CAAC;AAaF,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,2FAGzB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAEvE,eAAO,MAAM,WAAW,yFAGvB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAElG,eAAO,MAAM,WAAW,0FAGvB,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEnF,eAAO,MAAM,iBAAiB,2GAA8B,CAAC"}
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAEvF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B;;GAEG;AACH,KAAK,gCAAgC,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EACtC,eAAe,CAAC,SAAS;IAC3B,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAAG,gCAAgC,CAAC;CACtE;AAED,eAAO,MAAM,UAAU,0FAkBtB,CAAC;AAaF,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,2FAGzB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAEvE,eAAO,MAAM,WAAW,yFAGvB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAElG,eAAO,MAAM,WAAW,0FAGvB,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEnF,eAAO,MAAM,iBAAiB,2GAA8B,CAAC"}
package/lib/components/Switch/Switch.js CHANGED
@@ -14,7 +14,8 @@ const SwitchRoot = React__default.forwardRef(
14
14
  ({ size: propSize, className, ...otherProps }, ref) => {
15
15
  const classNames = switchStyle({
16
16
  // TODO: remove this mapping completely
17
- size: propSize === "small" ? "16" : propSize === "medium" ? "32" : propSize
17
+ size: propSize === "small" ? "16" : propSize === "medium" ? "32" : propSize,
18
+ ...otherProps
18
19
  });
19
20
  return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
20
21
  Switch.Root,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/react",
3
- "version": "0.2.3",
3
+ "version": "0.2.4",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",
@@ -52,18 +52,18 @@
52
52
  "@seed-design/react-segmented-control": "0.0.5",
53
53
  "@seed-design/react-snackbar": "0.0.6",
54
54
  "@seed-design/react-switch": "0.0.4",
55
- "@seed-design/react-tabs": "0.0.8",
55
+ "@seed-design/react-tabs": "0.0.9",
56
56
  "@seed-design/react-text-field": "0.0.4",
57
57
  "@seed-design/react-toggle": "0.0.4",
58
58
  "clsx": "^2.1.1"
59
59
  },
60
60
  "peerDependencies": {
61
- "@seed-design/css": "0.2.3",
61
+ "@seed-design/css": "0.2.4",
62
62
  "react": ">=18.0.0",
63
63
  "react-dom": ">=18.0.0"
64
64
  },
65
65
  "devDependencies": {
66
- "@seed-design/css": "0.2.3",
66
+ "@seed-design/css": "0.2.4",
67
67
  "@vitejs/plugin-react": "^5.0.0",
68
68
  "ajv": "^8.17.1",
69
69
  "globby": "^14.1.0",
package/src/components/Checkbox/Checkbox.tsx CHANGED
@@ -19,15 +19,36 @@ const withStateProps = createWithStateProps([useCheckboxContext]);
19
19
 
20
20
  ////////////////////////////////////////////////////////////////////////////////////
21
21
 
22
+ /**
23
+ * @deprecated Use `regular` or `bold` instead of `default` or `stronger`
24
+ */
25
+ type CheckboxVariantDeprecatedWeightProps = "default" | "stronger";
26
+
22
27
  export interface CheckboxRootProps
23
- extends CheckboxVariantProps,
28
+ extends Omit<CheckboxVariantProps, "weight">,
24
29
  CheckmarkVariantProps,
25
- CheckboxPrimitive.RootProps {}
30
+ CheckboxPrimitive.RootProps {
31
+ weight?: CheckboxVariantProps["weight"] | CheckboxVariantDeprecatedWeightProps;
32
+ }
26
33
 
27
34
  export const CheckboxRoot = Object.assign(
28
35
  forwardRef<HTMLLabelElement, CheckboxRootProps>(({ className, ...props }, ref) => {
29
- const [checkboxVariantProps, otherProps] = checkbox.splitVariantProps(props);
30
- const [checkmarkVariantProps] = checkmark.splitVariantProps(props);
36
+ const normalizedProps = {
37
+ ...props,
38
+ // TODO: replace this mapping completely
39
+ weight:
40
+ props.weight === "stronger"
41
+ ? "bold"
42
+ : props.weight === "default"
43
+ ? "regular"
44
+ : props.weight,
45
+ };
46
+
47
+ const [checkboxVariantProps, __otherProps] = checkbox.splitVariantProps(normalizedProps);
48
+ const [checkmarkVariantProps] = checkmark.splitVariantProps(normalizedProps);
49
+
50
+ const [, otherProps] = checkmark.splitVariantProps(__otherProps);
51
+
31
52
  const classNames = checkbox(checkboxVariantProps);
32
53
 
33
54
  return (
package/src/components/RadioGroup/RadioGroup.tsx CHANGED
@@ -35,8 +35,11 @@ export interface RadioGroupItemProps
35
35
 
36
36
  export const RadioGroupItem = Object.assign(
37
37
  forwardRef<HTMLLabelElement, RadioGroupItemProps>(({ className, ...props }, ref) => {
38
- const [radioVariantProps, otherProps] = radio.splitVariantProps(props);
38
+ const [radioVariantProps, __otherProps] = radio.splitVariantProps(props);
39
39
  const [radiomarkVariantProps] = radiomark.splitVariantProps(props);
40
+
41
+ const [, otherProps] = radiomark.splitVariantProps(__otherProps);
42
+
40
43
  const classNames = radio(radioVariantProps);
41
44
 
42
45
  return (
package/src/components/Switch/Switch.tsx CHANGED
@@ -27,6 +27,7 @@ export const SwitchRoot = React.forwardRef<HTMLLabelElement, SwitchRootProps>(
27
27
  const classNames = switchStyle({
28
28
  // TODO: remove this mapping completely
29
29
  size: propSize === "small" ? "16" : propSize === "medium" ? "32" : propSize,
30
+ ...otherProps,
30
31
  });
31
32
 
32
33
  return (