@crystallize/design-system 1.24.17 → 1.24.18

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @crystallize/design-system
 
+## 1.24.18
+
+### Patch Changes
+
+- 1e62463: Adjust switch component types
+
 ## 1.24.17
 
 ### Patch Changes

package/dist/index.d.ts

@@ -477,7 +477,7 @@ type SwitchStylesProps = VariantProps<typeof switchStyles>;
 declare const switchStyles: (props?: ({
     size?: "xs" | "sm" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-type CustomSwitchProps = SwitchStylesProps & Exclude<SwitchProps, 'checked'> & {
+type CustomSwitchProps = SwitchStylesProps & Omit<SwitchProps, 'checked'> & {
     checked?: boolean | null;
 };
 declare function Switch({ size, checked, ...props }: CustomSwitchProps): JSX.Element;

package/dist/index.js

@@ -40570,7 +40570,7 @@ var switchStyles = (0, import_class_variance_authority24.cva)(["c-switch-root"],
 function Switch2({ size, checked, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(RadixSwitch.Root, {
     ...props,
-    checked,
+    checked: checked === null ? false : checked,
     className: switchStyles({ size }),
     children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(RadixSwitch.Thumb, {
       className: (0, import_class_variance_authority24.cx)("c-switch-thumb", checked === null ? "middle-position" : "")

package/dist/index.mjs

@@ -584,7 +584,7 @@ var switchStyles = cva7(["c-switch-root"], {
 function Switch({ size, checked, ...props }) {
   return /* @__PURE__ */ jsx17(RadixSwitch.Root, {
     ...props,
-    checked,
+    checked: checked === null ? false : checked,
     className: switchStyles({ size }),
     children: /* @__PURE__ */ jsx17(RadixSwitch.Thumb, {
       className: cx9("c-switch-thumb", checked === null ? "middle-position" : "")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystallize/design-system",
-  "version": "1.24.17",
+  "version": "1.24.18",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/switch/switch.tsx

@@ -16,13 +16,13 @@ const switchStyles = cva(['c-switch-root'], {
 });
 
 export type CustomSwitchProps = SwitchStylesProps &
-  Exclude<SwitchProps, 'checked'> & {
+  Omit<SwitchProps, 'checked'> & {
     checked?: boolean | null;
   };
 
 export function Switch({ size, checked, ...props }: CustomSwitchProps) {
   return (
-    <RadixSwitch.Root {...props} checked={checked} className={switchStyles({ size })}>
+    <RadixSwitch.Root {...props} checked={checked === null ? false : checked} className={switchStyles({ size })}>
       <RadixSwitch.Thumb className={cx('c-switch-thumb', checked === null ? 'middle-position' : '')} />
     </RadixSwitch.Root>
   );