@sikka/hawa 0.18.9-next → 0.18.11-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.d.mts

@@ -8,6 +8,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as embla_carousel_react from 'embla-carousel-react';
@@ -489,6 +490,7 @@ type TooltipTypes = {
     onOpenChange?: any;
     /** Duration of the delay before the tooltip appears. */
     delayDuration?: any;
+    triggerProps?: TooltipPrimitive.TooltipTriggerProps;
 };
 declare const Tooltip: React__default.FunctionComponent<TooltipTypes>;
 

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as embla_carousel_react from 'embla-carousel-react';
@@ -489,6 +490,7 @@ type TooltipTypes = {
     onOpenChange?: any;
     /** Duration of the delay before the tooltip appears. */
     delayDuration?: any;
+    triggerProps?: TooltipPrimitive.TooltipTriggerProps;
 };
 declare const Tooltip: React__default.FunctionComponent<TooltipTypes>;
 

package/dist/index.js

@@ -3011,6 +3011,7 @@ var Tooltip = ({
   children,
   defaultOpen,
   onOpenChange,
+  triggerProps,
   delayDuration = 300,
   ...props
 }) => {
@@ -3021,7 +3022,7 @@ var Tooltip = ({
       defaultOpen,
       onOpenChange
     },
-    /* @__PURE__ */ import_react9.default.createElement(TooltipPrimitive.Trigger, { asChild: true }, children),
+    /* @__PURE__ */ import_react9.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
     /* @__PURE__ */ import_react9.default.createElement(TooltipContent, { side, align: "center", ...props }, content)
   ));
 };
@@ -3565,16 +3566,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 +3580,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,8 +3610,7 @@ 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],
@@ -3625,7 +3625,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

@@ -2786,6 +2786,7 @@ var Tooltip = ({
   children,
   defaultOpen,
   onOpenChange,
+  triggerProps,
   delayDuration = 300,
   ...props
 }) => {
@@ -2796,7 +2797,7 @@ var Tooltip = ({
       defaultOpen,
       onOpenChange
     },
-    /* @__PURE__ */ React13.createElement(TooltipPrimitive.Trigger, { asChild: true }, children),
+    /* @__PURE__ */ React13.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
     /* @__PURE__ */ React13.createElement(TooltipContent, { side, align: "center", ...props }, content)
   ));
 };
@@ -3340,16 +3341,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 +3355,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,8 +3385,7 @@ 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],
@@ -3400,7 +3400,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.11-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",