@sikka/hawa 0.18.9-next → 0.18.10-next

package/dist/index.css

@@ -386,14 +386,14 @@ video {
   display: none;
 }
   :root {
+    --primary: 240 5.9% 10%;
+    --primary-foreground: 0 0% 98%;
     --background: 0 0% 100%;
     --foreground: 240 10% 3.9%;
     --card: 210 50% 98%;
     --card-foreground: 240 10% 3.9%;
     --popover: 0 0% 100%;
     --popover-foreground: 240 10% 3.9%;
-    --primary: 240 5.9% 10%;
-    --primary-foreground: 0 0% 98%;
     --secondary: 240 4.8% 95.9%;
     --secondary-foreground: 240 5.9% 10%;
     --muted: 240 4.8% 95.9%;
@@ -423,12 +423,12 @@ video {
     /* --helper-text: 61 97% 45%; */
     --background: 240 10% 3.9%;
     --foreground: 0 0% 98%;
+    --primary: 0 0% 98%;
+    --primary-foreground: 240 5.9% 10%;
     --card: 0 0% 2%;
     --card-foreground: 0 0% 98%;
     --popover: 240 10% 3.9%;
     --popover-foreground: 0 0% 98%;
-    --primary: 0 0% 98%;
-    --primary-foreground: 240 5.9% 10%;
     --secondary: 240 3.7% 15.9%;
     --secondary-foreground: 0 0% 98%;
     --muted: 240 3.7% 15.9%;

package/dist/index.js

@@ -3565,16 +3565,6 @@ var Radio = ({
 // components/elements/Switch.tsx
 var React20 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
-var rootSize = {
-  default: "hawa-h-[25px] hawa-w-[42px]",
-  sm: "hawa-h-[20px] hawa-w-[37px]",
-  lg: "hawa-h-[30px] hawa-w-[47px]"
-};
-var thumbSize = {
-  default: "hawa-h-[21px] hawa-w-[21px]",
-  sm: "hawa-h-[16px] hawa-w-[16px]",
-  lg: "hawa-h-[26px] hawa-w-[26px]"
-};
 var Switch = React20.forwardRef(
   ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
     const [parentDirection, setParentDirection] = React20.useState(
@@ -3589,6 +3579,16 @@ var Switch = React20.forwardRef(
         setParentDirection(dir);
       }
     });
+    const rootSize = {
+      default: "hawa-h-[25px] hawa-w-[42px]",
+      sm: "hawa-h-[20px] hawa-w-[37px]",
+      lg: "hawa-h-[30px] hawa-w-[47px]"
+    };
+    const thumbSize = {
+      default: "hawa-h-[21px] hawa-w-[21px]",
+      sm: "hawa-h-[16px] hawa-w-[16px]",
+      lg: "hawa-h-[26px] hawa-w-[26px]"
+    };
     const rootRoundednessStyles = {
       none: "hawa-rounded-none",
       full: "hawa-rounded-full",
@@ -3609,12 +3609,11 @@ var Switch = React20.forwardRef(
         SwitchPrimitives.Root,
         {
           className: cn(
-            "hawa-bg-primary/20",
-            // "data-[state=unchecked]:hawa-bg-primary/20",
+            "data-[state=unchecked]:hawa-bg-primary/20",
             "data-[state=checked]:hawa-bg-primary",
             "hawa-relative hawa-cursor-pointer hawa-rounded hawa-outline-none",
             rootRoundednessStyles[roundedness],
-            className,
+            // className,
             rootSize[size]
           ),
           ...props,
@@ -3625,7 +3624,9 @@ var Switch = React20.forwardRef(
           {
             className: cn(
               thumbSize[size],
-              "hawa-block hawa-rounded hawa-bg-white hawa-transition-transform  hawa-duration-100 hawa-will-change-transform data-[state=checked]:hawa-bg-primary-foreground  dark:hawa-bg-background",
+              "hawa-block hawa-rounded  hawa-transition-transform  hawa-duration-100 hawa-will-change-transform",
+              "data-[state=checked]:hawa-bg-primary-foreground",
+              "hawa-bg-white dark:hawa-bg-background",
               thumbRoundednessStyles[roundedness],
               parentDirection === "rtl" ? "hawa--translate-x-0.5 data-[state=checked]:hawa--translate-x-[19px]" : "hawa-translate-x-0.5 data-[state=checked]:hawa-translate-x-[19px]"
             )

package/dist/index.mjs

@@ -3340,16 +3340,6 @@ var Radio = ({
 // components/elements/Switch.tsx
 import * as React20 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-var rootSize = {
-  default: "hawa-h-[25px] hawa-w-[42px]",
-  sm: "hawa-h-[20px] hawa-w-[37px]",
-  lg: "hawa-h-[30px] hawa-w-[47px]"
-};
-var thumbSize = {
-  default: "hawa-h-[21px] hawa-w-[21px]",
-  sm: "hawa-h-[16px] hawa-w-[16px]",
-  lg: "hawa-h-[26px] hawa-w-[26px]"
-};
 var Switch = React20.forwardRef(
   ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
     const [parentDirection, setParentDirection] = React20.useState(
@@ -3364,6 +3354,16 @@ var Switch = React20.forwardRef(
         setParentDirection(dir);
       }
     });
+    const rootSize = {
+      default: "hawa-h-[25px] hawa-w-[42px]",
+      sm: "hawa-h-[20px] hawa-w-[37px]",
+      lg: "hawa-h-[30px] hawa-w-[47px]"
+    };
+    const thumbSize = {
+      default: "hawa-h-[21px] hawa-w-[21px]",
+      sm: "hawa-h-[16px] hawa-w-[16px]",
+      lg: "hawa-h-[26px] hawa-w-[26px]"
+    };
     const rootRoundednessStyles = {
       none: "hawa-rounded-none",
       full: "hawa-rounded-full",
@@ -3384,12 +3384,11 @@ var Switch = React20.forwardRef(
         SwitchPrimitives.Root,
         {
           className: cn(
-            "hawa-bg-primary/20",
-            // "data-[state=unchecked]:hawa-bg-primary/20",
+            "data-[state=unchecked]:hawa-bg-primary/20",
             "data-[state=checked]:hawa-bg-primary",
             "hawa-relative hawa-cursor-pointer hawa-rounded hawa-outline-none",
             rootRoundednessStyles[roundedness],
-            className,
+            // className,
             rootSize[size]
           ),
           ...props,
@@ -3400,7 +3399,9 @@ var Switch = React20.forwardRef(
           {
             className: cn(
               thumbSize[size],
-              "hawa-block hawa-rounded hawa-bg-white hawa-transition-transform  hawa-duration-100 hawa-will-change-transform data-[state=checked]:hawa-bg-primary-foreground  dark:hawa-bg-background",
+              "hawa-block hawa-rounded  hawa-transition-transform  hawa-duration-100 hawa-will-change-transform",
+              "data-[state=checked]:hawa-bg-primary-foreground",
+              "hawa-bg-white dark:hawa-bg-background",
               thumbRoundednessStyles[roundedness],
               parentDirection === "rtl" ? "hawa--translate-x-0.5 data-[state=checked]:hawa--translate-x-[19px]" : "hawa-translate-x-0.5 data-[state=checked]:hawa-translate-x-[19px]"
             )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.18.9-next",
+  "version": "0.18.10-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",