@sikka/hawa 0.1.11 → 0.1.13

package/dist/styles.css

@@ -1171,6 +1171,9 @@ video {
 .w-3 {
   width: 0.75rem;
 }
+.w-3\/4 {
+  width: 75%;
+}
 .w-32 {
   width: 8rem;
 }
@@ -1942,6 +1945,9 @@ video {
 .bg-primary\/20 {
   background-color: hsl(var(--primary) / 0.2);
 }
+.bg-primary\/5 {
+  background-color: hsl(var(--primary) / 0.05);
+}
 .bg-red-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 226 226 / var(--tw-bg-opacity));
@@ -2649,6 +2655,53 @@ video {
     scrollbar-width: none; /* Firefox */
   }
 @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;700&display=swap");
+/* 
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 240 10% 3.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 240 10% 3.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 240 10% 3.9%;
+    --primary: 346.8 77.2% 49.8%;
+    --primary-foreground: 355.7 100% 97.3%;
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: 240 5.9% 10%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 5.9% 90%;
+    --input: 240 5.9% 90%;
+    --ring: 346.8 77.2% 49.8%;
+    --radius: 1rem;
+  }
+
+  .dark {
+    --background: 20 14.3% 4.1%;
+    --foreground: 0 0% 95%;
+    --card: 24 9.8% 10%;
+    --card-foreground: 0 0% 95%;
+    --popover: 0 0% 9%;
+    --popover-foreground: 0 0% 95%;
+    --primary: 346.8 77.2% 49.8%;
+    --primary-foreground: 355.7 100% 97.3%;
+    --secondary: 240 3.7% 15.9%;
+    --secondary-foreground: 0 0% 98%;
+    --muted: 0 0% 15%;
+    --muted-foreground: 240 5% 64.9%;
+    --accent: 12 6.5% 15.1%;
+    --accent-foreground: 0 0% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 85.7% 97.3%;
+    --border: 240 3.7% 15.9%;
+    --input: 240 3.7% 15.9%;
+    --ring: 346.8 77.2% 49.8%;
+  }
+} */
 body {
   font-family: "IBM Plex Sans Arabic", sans-serif;
 }
@@ -2851,6 +2904,9 @@ body {
 .hover\:bg-primary-foreground:hover {
   background-color: hsl(var(--primary-foreground));
 }
+.hover\:bg-primary\/10:hover {
+  background-color: hsl(var(--primary) / 0.1);
+}
 .hover\:bg-primary\/90:hover {
   background-color: hsl(var(--primary) / 0.9);
 }
@@ -3280,6 +3336,9 @@ body {
 :is(.dark .dark\:bg-primary) {
   background-color: hsl(var(--primary));
 }
+:is(.dark .dark\:bg-primary\/5) {
+  background-color: hsl(var(--primary) / 0.05);
+}
 :is(.dark .dark\:bg-red-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(254 202 202 / var(--tw-bg-opacity));
@@ -3388,6 +3447,9 @@ body {
 :is(.dark .dark\:hover\:bg-layoutPrimary-700:hover) {
   background-color: var(--layout-primary-700);
 }
+:is(.dark .dark\:hover\:bg-primary\/10:hover) {
+  background-color: hsl(var(--primary) / 0.1);
+}
 :is(.dark .dark\:hover\:text-blue-500:hover) {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity));

package/es/elements/InterfaceSettings.d.ts

@@ -1,8 +1,8 @@
 import { FC } from "react";
 type TypographyTypes = {
-    handleLanguage: () => void;
+    handleLanguage: (e: any) => void;
     currentLanguage: any;
-    handleColorMode: () => void;
+    handleColorMode: (e: any) => void;
     currentColorMode: any;
 };
 export declare const InterfaceSettings: FC<TypographyTypes>;

package/es/elements/index.d.ts

@@ -55,4 +55,5 @@ export * from "./Label";
 export * from "./Input";
 export * from "./Tooltip";
 export * from "./Card";
+export * from "./Skeleton";
 export * from "./InterfaceSettings";