jett.admin.npmpackage 1.0.35 → 1.0.37

package/dist/index.css

@@ -25,10 +25,13 @@
     --color-red-100: oklch(93.6% 0.032 17.717);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-800: oklch(44.4% 0.177 26.899);
+    --color-red-900: oklch(39.6% 0.141 25.723);
     --color-yellow-100: oklch(97.3% 0.071 103.193);
     --color-yellow-800: oklch(47.6% 0.114 61.907);
+    --color-yellow-900: oklch(42.1% 0.095 57.708);
     --color-green-100: oklch(96.2% 0.044 156.743);
     --color-green-800: oklch(44.8% 0.119 151.328);
+    --color-green-900: oklch(39.3% 0.095 152.535);
     --color-blue-600: oklch(54.6% 0.245 262.881);
     --color-gray-50: oklch(98.5% 0.002 247.839);
     --color-gray-100: oklch(96.7% 0.003 264.542);
@@ -38,6 +41,7 @@
     --color-gray-500: oklch(55.1% 0.027 264.364);
     --color-gray-600: oklch(44.6% 0.03 256.802);
     --color-gray-700: oklch(37.3% 0.034 259.733);
+    --color-gray-800: oklch(27.8% 0.033 256.848);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -980,21 +984,56 @@
       background-color: var(--color-black);
     }
   }
+  .dark\:bg-gray-800 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-gray-800);
+    }
+  }
+  .dark\:bg-green-900 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-green-900);
+    }
+  }
+  .dark\:bg-red-900 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-red-900);
+    }
+  }
   .dark\:bg-transparent {
     &:where(.dark, .dark *) {
       background-color: transparent;
     }
   }
+  .dark\:bg-yellow-900 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-yellow-900);
+    }
+  }
   .dark\:text-\[\#f4f4f5cc\] {
     &:where(.dark, .dark *) {
       color: #f4f4f5cc;
     }
   }
+  .dark\:text-green-100 {
+    &:where(.dark, .dark *) {
+      color: var(--color-green-100);
+    }
+  }
+  .dark\:text-red-100 {
+    &:where(.dark, .dark *) {
+      color: var(--color-red-100);
+    }
+  }
   .dark\:text-white {
     &:where(.dark, .dark *) {
       color: var(--color-white);
     }
   }
+  .dark\:text-yellow-100 {
+    &:where(.dark, .dark *) {
+      color: var(--color-yellow-100);
+    }
+  }
   .dark\:outline-white {
     &:where(.dark, .dark *) {
       outline-color: var(--color-white);
@@ -1009,6 +1048,15 @@
       }
     }
   }
+  .dark\:hover\:bg-gray-800 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-gray-800);
+        }
+      }
+    }
+  }
 }
 @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }

package/dist/index.js

@@ -152,7 +152,7 @@ var CustomAutocomplete = ({
         "span",
         {
           key: opt.value,
-          className: "bg-gray-100 border border-gray-300 px-2 py-0.5 rounded text-xs flex items-center gap-1"
+          className: "bg-gray-100 border border-gray-300 px-2 dark:bg-gray-800 dark:text-white py-0.5 rounded text-xs flex items-center gap-1"
         },
         opt.label,
         /* @__PURE__ */ import_react2.default.createElement(
@@ -162,7 +162,7 @@ var CustomAutocomplete = ({
               e.stopPropagation();
               toggleValue(opt.value);
             },
-            className: "text-gray-500 hover:text-gray-700"
+            className: "text-gray-500 hover:text-gray-700 dark:text-white"
           },
           "\u2715"
         )
@@ -190,7 +190,7 @@ var CustomAutocomplete = ({
         {
           key: opt.value,
           onClick: () => toggleValue(opt.value),
-          className: `flex items-center gap-2 px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 ${selected ? "bg-gray-50 font-medium" : ""}`
+          className: `flex items-center gap-2 px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 ${selected ? "bg-gray-50 font-medium" : ""}`
         },
         /* @__PURE__ */ import_react2.default.createElement(
           "span",
@@ -241,10 +241,10 @@ var CustomCheckbox = ({ onChange, checked }) => {
 // src/inputs/Chip.jsx
 var import_react4 = __toESM(require("react"));
 var VARIANTS = {
-  PRIMARY: "bg-gray-100 text-black",
-  GREEN: "bg-green-100 text-green-800",
-  RED: "bg-red-100 text-red-800",
-  YELLOW: "bg-yellow-100 text-yellow-800"
+  PRIMARY: "bg-gray-100 text-black dark:bg-gray-800 dark:text-white",
+  GREEN: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-100",
+  RED: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-100",
+  YELLOW: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-100"
 };
 var Chip = ({ label, variant }) => {
   return /* @__PURE__ */ import_react4.default.createElement(
@@ -732,11 +732,11 @@ var RightSheet = ({
       "div",
       {
         className: `absolute flex flex-col right-0 top-0 min-h-full min-w-[100%] md:min-w-[576px] bg-white
-                ${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between `,
+                ${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between dark:bg-black dark:text-white`,
         onClick: (e) => e.stopPropagation()
       },
       /* @__PURE__ */ import_react12.default.createElement("div", { className: "bg-white min-h-full " }, children),
-      /* @__PURE__ */ import_react12.default.createElement("div", { className: "h-[90px] flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 p-6 border-t  sticky bottom-0 bg-white border-[#e6e6e6]" }, /* @__PURE__ */ import_react12.default.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose() }, "Cancel"), /* @__PURE__ */ import_react12.default.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction }, actionLabel))
+      /* @__PURE__ */ import_react12.default.createElement("div", { className: "h-[90px] flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 p-6 border-t  sticky bottom-0 bg-white border-[#e6e6e6] dark:border-[#303036] dark:bg-black dark:text-white" }, /* @__PURE__ */ import_react12.default.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose() }, "Cancel"), /* @__PURE__ */ import_react12.default.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction }, actionLabel))
     )
   );
 };

package/dist/index.mjs

@@ -104,7 +104,7 @@ var CustomAutocomplete = ({
         "span",
         {
           key: opt.value,
-          className: "bg-gray-100 border border-gray-300 px-2 py-0.5 rounded text-xs flex items-center gap-1"
+          className: "bg-gray-100 border border-gray-300 px-2 dark:bg-gray-800 dark:text-white py-0.5 rounded text-xs flex items-center gap-1"
         },
         opt.label,
         /* @__PURE__ */ React2.createElement(
@@ -114,7 +114,7 @@ var CustomAutocomplete = ({
               e.stopPropagation();
               toggleValue(opt.value);
             },
-            className: "text-gray-500 hover:text-gray-700"
+            className: "text-gray-500 hover:text-gray-700 dark:text-white"
           },
           "\u2715"
         )
@@ -142,7 +142,7 @@ var CustomAutocomplete = ({
         {
           key: opt.value,
           onClick: () => toggleValue(opt.value),
-          className: `flex items-center gap-2 px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 ${selected ? "bg-gray-50 font-medium" : ""}`
+          className: `flex items-center gap-2 px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 ${selected ? "bg-gray-50 font-medium" : ""}`
         },
         /* @__PURE__ */ React2.createElement(
           "span",
@@ -193,10 +193,10 @@ var CustomCheckbox = ({ onChange, checked }) => {
 // src/inputs/Chip.jsx
 import React4 from "react";
 var VARIANTS = {
-  PRIMARY: "bg-gray-100 text-black",
-  GREEN: "bg-green-100 text-green-800",
-  RED: "bg-red-100 text-red-800",
-  YELLOW: "bg-yellow-100 text-yellow-800"
+  PRIMARY: "bg-gray-100 text-black dark:bg-gray-800 dark:text-white",
+  GREEN: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-100",
+  RED: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-100",
+  YELLOW: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-100"
 };
 var Chip = ({ label, variant }) => {
   return /* @__PURE__ */ React4.createElement(
@@ -684,11 +684,11 @@ var RightSheet = ({
       "div",
       {
         className: `absolute flex flex-col right-0 top-0 min-h-full min-w-[100%] md:min-w-[576px] bg-white
-                ${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between `,
+                ${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between dark:bg-black dark:text-white`,
         onClick: (e) => e.stopPropagation()
       },
       /* @__PURE__ */ React12.createElement("div", { className: "bg-white min-h-full " }, children),
-      /* @__PURE__ */ React12.createElement("div", { className: "h-[90px] flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 p-6 border-t  sticky bottom-0 bg-white border-[#e6e6e6]" }, /* @__PURE__ */ React12.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose() }, "Cancel"), /* @__PURE__ */ React12.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction }, actionLabel))
+      /* @__PURE__ */ React12.createElement("div", { className: "h-[90px] flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 p-6 border-t  sticky bottom-0 bg-white border-[#e6e6e6] dark:border-[#303036] dark:bg-black dark:text-white" }, /* @__PURE__ */ React12.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose() }, "Cancel"), /* @__PURE__ */ React12.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction }, actionLabel))
     )
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jett.admin.npmpackage",
-  "version": "1.0.35",
+  "version": "1.0.37",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "exports": {