@jala-banyu/theme - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/colors.js

@@ -228,3 +228,3 @@ "use strict";
       foreground: (0, import_color2k.readableColor)("rgba(10, 10, 10, 0.02)"),
-      DEFAULT: "rgba(10, 10, 10, 0.02)"
+      DEFAULT: "rgba(0, 0, 0, 0)"
     },
@@ -314,3 +314,3 @@ neutral: {
       foreground: (0, import_color2k.readableColor)("rgba(10, 10, 10, 0.02)"),
-      DEFAULT: "rgba(10,10,10,0)"
+      DEFAULT: "rgba(0, 0, 0, 0)"
     },
@@ -317,0 +317,0 @@ neutral: {

dist/colors/index.js

@@ -228,3 +228,3 @@ "use strict";
       foreground: (0, import_color2k.readableColor)("rgba(10, 10, 10, 0.02)"),
-      DEFAULT: "rgba(10, 10, 10, 0.02)"
+      DEFAULT: "rgba(0, 0, 0, 0)"
     },
@@ -314,3 +314,3 @@ neutral: {
       foreground: (0, import_color2k.readableColor)("rgba(10, 10, 10, 0.02)"),
-      DEFAULT: "rgba(10,10,10,0)"
+      DEFAULT: "rgba(0, 0, 0, 0)"
     },
@@ -317,0 +317,0 @@ neutral: {

dist/colors/semantic.js

@@ -226,3 +226,3 @@ "use strict";
       foreground: (0, import_color2k.readableColor)("rgba(10, 10, 10, 0.02)"),
-      DEFAULT: "rgba(10, 10, 10, 0.02)"
+      DEFAULT: "rgba(0, 0, 0, 0)"
     },
@@ -312,3 +312,3 @@ neutral: {
       foreground: (0, import_color2k.readableColor)("rgba(10, 10, 10, 0.02)"),
-      DEFAULT: "rgba(10,10,10,0)"
+      DEFAULT: "rgba(0, 0, 0, 0)"
     },
@@ -315,0 +315,0 @@ neutral: {

dist/components/avatar.js

@@ -150,9 +150,9 @@ "use strict";
 var outline = {
-  primary: "border-brand text-brand",
-  danger: "border-danger text-danger",
+  primary: "border-brand text-brand-800",
+  danger: "border-danger text-danger-800",
   warning: "border-warning text-warning-800",
-  success: "border-success text-success",
+  success: "border-success text-success-800",
   white: "border-white text-white",
   basic: "border-neutral text-neutral-800",
-  transparent: "border-transparent text-brand"
+  transparent: "border-transparent text-brand-800"
 };
@@ -165,4 +165,4 @@ var ghost = {
   white: "text-white",
-  basic: "text-white",
-  transparent: "text-white"
+  basic: "text-black",
+  transparent: "text-neutral"
 };
@@ -169,0 +169,0 @@ var rounded = {

dist/components/button.d.ts

@@ -23,6 +23,6 @@ import * as tailwind_variants from 'tailwind-variants';
     variant: {
-        solid: "border border-transparent";
-        outline: "border bg-transparent";
-        ghost: "bg-transparent border border-transparent";
-        rounded: "border bg-transparent";
+        solid: "border border-transparent font-semibold";
+        outline: "border bg-transparent font-semibold";
+        ghost: "bg-none border border-[#0000] font-semibold";
+        rounded: "border bg-transparent font-semibold";
         iconOnly: "";
@@ -63,3 +63,3 @@ };
     isIconOnly: {
-        true: "px-unit-0 !gap-unit-0";
+        true: "!gap-unit-2";
         false: "[&>svg]:max-w-[theme(spacing.unit-4)]";
@@ -73,6 +73,6 @@ };
     variant: {
-        solid: "border border-transparent";
-        outline: "border bg-transparent";
-        ghost: "bg-transparent border border-transparent";
-        rounded: "border bg-transparent";
+        solid: "border border-transparent font-semibold";
+        outline: "border bg-transparent font-semibold";
+        ghost: "bg-none border border-[#0000] font-semibold";
+        rounded: "border bg-transparent font-semibold";
         iconOnly: "";
@@ -113,3 +113,3 @@ };
     isIconOnly: {
-        true: "px-unit-0 !gap-unit-0";
+        true: "!gap-unit-2";
         false: "[&>svg]:max-w-[theme(spacing.unit-4)]";
@@ -123,6 +123,6 @@ };
     variant: {
-        solid: "border border-transparent";
-        outline: "border bg-transparent";
-        ghost: "bg-transparent border border-transparent";
-        rounded: "border bg-transparent";
+        solid: "border border-transparent font-semibold";
+        outline: "border bg-transparent font-semibold";
+        ghost: "bg-none border border-[#0000] font-semibold";
+        rounded: "border bg-transparent font-semibold";
         iconOnly: "";
@@ -163,3 +163,3 @@ };
     isIconOnly: {
-        true: "px-unit-0 !gap-unit-0";
+        true: "!gap-unit-2";
         false: "[&>svg]:max-w-[theme(spacing.unit-4)]";
@@ -173,6 +173,6 @@ };
     variant: {
-        solid: "border border-transparent";
-        outline: "border bg-transparent";
-        ghost: "bg-transparent border border-transparent";
-        rounded: "border bg-transparent";
+        solid: "border border-transparent font-semibold";
+        outline: "border bg-transparent font-semibold";
+        ghost: "bg-none border border-[#0000] font-semibold";
+        rounded: "border bg-transparent font-semibold";
         iconOnly: "";
@@ -213,3 +213,3 @@ };
     isIconOnly: {
-        true: "px-unit-0 !gap-unit-0";
+        true: "!gap-unit-2";
         false: "[&>svg]:max-w-[theme(spacing.unit-4)]";
@@ -223,6 +223,6 @@ };
     variant: {
-        solid: "border border-transparent";
-        outline: "border bg-transparent";
-        ghost: "bg-transparent border border-transparent";
-        rounded: "border bg-transparent";
+        solid: "border border-transparent font-semibold";
+        outline: "border bg-transparent font-semibold";
+        ghost: "bg-none border border-[#0000] font-semibold";
+        rounded: "border bg-transparent font-semibold";
         iconOnly: "";
@@ -263,3 +263,3 @@ };
     isIconOnly: {
-        true: "px-unit-0 !gap-unit-0";
+        true: "!gap-unit-2";
         false: "[&>svg]:max-w-[theme(spacing.unit-4)]";
@@ -273,6 +273,6 @@ };
     variant: {
-        solid: "border border-transparent";
-        outline: "border bg-transparent";
-        ghost: "bg-transparent border border-transparent";
-        rounded: "border bg-transparent";
+        solid: "border border-transparent font-semibold";
+        outline: "border bg-transparent font-semibold";
+        ghost: "bg-none border border-[#0000] font-semibold";
+        rounded: "border bg-transparent font-semibold";
         iconOnly: "";
@@ -313,3 +313,3 @@ };
     isIconOnly: {
-        true: "px-unit-0 !gap-unit-0";
+        true: "!gap-unit-2";
         false: "[&>svg]:max-w-[theme(spacing.unit-4)]";
@@ -323,6 +323,6 @@ };
     variant: {
-        solid: "border border-transparent";
-        outline: "border bg-transparent";
-        ghost: "bg-transparent border border-transparent";
-        rounded: "border bg-transparent";
+        solid: "border border-transparent font-semibold";
+        outline: "border bg-transparent font-semibold";
+        ghost: "bg-none border border-[#0000] font-semibold";
+        rounded: "border bg-transparent font-semibold";
         iconOnly: "";
@@ -363,3 +363,3 @@ };
     isIconOnly: {
-        true: "px-unit-0 !gap-unit-0";
+        true: "!gap-unit-2";
         false: "[&>svg]:max-w-[theme(spacing.unit-4)]";
@@ -366,0 +366,0 @@ };

dist/components/button.js

@@ -152,9 +152,9 @@ "use strict";
 var outline = {
-  primary: "border-brand text-brand",
-  danger: "border-danger text-danger",
+  primary: "border-brand text-brand-800",
+  danger: "border-danger text-danger-800",
   warning: "border-warning text-warning-800",
-  success: "border-success text-success",
+  success: "border-success text-success-800",
   white: "border-white text-white",
   basic: "border-neutral text-neutral-800",
-  transparent: "border-transparent text-brand"
+  transparent: "border-transparent text-brand-800"
 };
@@ -167,4 +167,4 @@ var ghost = {
   white: "text-white",
-  basic: "text-white",
-  transparent: "text-white"
+  basic: "text-black",
+  transparent: "text-neutral"
 };
@@ -221,6 +221,6 @@ var rounded = {
     variant: {
-      solid: "border border-transparent",
-      outline: "border bg-transparent",
-      ghost: "bg-transparent border border-transparent",
-      rounded: "border bg-transparent",
+      solid: "border border-transparent font-semibold",
+      outline: "border bg-transparent font-semibold",
+      ghost: "bg-none border border-[#0000] font-semibold",
+      rounded: "border bg-transparent font-semibold",
       iconOnly: ""
@@ -261,3 +261,3 @@ },
     isIconOnly: {
-      true: "px-unit-0 !gap-unit-0",
+      true: "!gap-unit-2",
       false: "[&>svg]:max-w-[theme(spacing.unit-4)]"
@@ -524,65 +524,44 @@ },
     },
-    // Icon Button
+    // Is in group
     {
-      isIconOnly: true,
+      isInGroup: true,
       size: "sm",
-      class: "min-w-unit-8 w-unit-8 h-unit-8"
+      class: "!px-2 gap-2"
     },
     {
-      isIconOnly: true,
+      isInGroup: true,
       size: "md",
-      class: "min-w-unit-10 w-unit-10 h-unit-10"
+      class: "!px-3 gap-2"
     },
     {
-      isIconOnly: true,
+      isInGroup: true,
       size: "lg",
-      class: "min-w-unit-12 w-unit-12 h-unit-12"
+      class: "!px-4 gap-2"
     },
     {
-      isIconOnly: true,
+      isInGroup: true,
       size: "xl",
-      class: "min-w-unit-12 w-unit-12 h-unit-12"
+      class: "!px-6 gap-2"
     },
+    // Icon Button
     {
       isIconOnly: true,
-      variant: "iconOnly",
-      color: "primary",
-      class: colorVariants.iconOnly.primary
+      size: "sm",
+      class: "min-w-unit-7 h-unit-7"
     },
     {
       isIconOnly: true,
-      variant: "iconOnly",
-      color: "danger",
-      class: colorVariants.iconOnly.danger
+      size: "md",
+      class: "min-w-unit-8 h-unit-8"
     },
     {
       isIconOnly: true,
-      variant: "iconOnly",
-      color: "warning",
-      class: colorVariants.iconOnly.warning
+      size: "lg",
+      class: "min-w-unit-10 h-unit-10"
     },
     {
       isIconOnly: true,
-      variant: "iconOnly",
-      color: "success",
-      class: colorVariants.iconOnly.success
+      size: "xl",
+      class: "min-w-unit-12 h-unit-12"
     },
-    {
-      isIconOnly: true,
-      variant: "iconOnly",
-      color: "white",
-      class: colorVariants.iconOnly.white
-    },
-    {
-      isIconOnly: true,
-      variant: "iconOnly",
-      color: "basic",
-      class: colorVariants.iconOnly.basic
-    },
-    {
-      isIconOnly: true,
-      variant: "iconOnly",
-      color: "transparent",
-      class: colorVariants.iconOnly.transparent
-    },
     // variant / hover 👆
@@ -617,3 +596,3 @@ //   primary
       color: "white",
-      class: "data-[hover=true]:bg-brand/60 data-[hover=true]:border-brand/60 data-[hover=true]:text-white"
+      class: "data-[hover=true]:bg-brand-500 data-[hover=true]:border-brand-500 data-[hover=true]:text-white"
     },
@@ -636,3 +615,3 @@ //   basic
       color: "primary",
-      class: "data-[hover=true]:bg-brand data-[hover=true]:text-white"
+      class: "data-[hover=true]:bg-brand data-[hover=true]:border-brand data-[hover=true]:text-white"
     },
@@ -643,3 +622,3 @@ //   danger
       color: "danger",
-      class: "data-[hover=true]:bg-danger-600 data-[hover=true]:text-white"
+      class: "data-[hover=true]:bg-danger-400 data-[hover=true]:border-danger-400 data-[hover=true]:text-white"
     },
@@ -650,3 +629,3 @@ //   warning
       color: "warning",
-      class: "data-[hover=true]:bg-warning-500 data-[hover=true]:text-white"
+      class: "data-[hover=true]:bg-warning-500 data-[hover=true]:border-warning-500 data-[hover=true]:text-white"
     },
@@ -657,3 +636,3 @@ //   success
       color: "success",
-      class: "data-[hover=true]:bg-success-500 data-[hover=true]:text-white"
+      class: "data-[hover=true]:bg-success-500 data-[hover=true]:border-success-500 data-[hover=true]:text-white"
     },
@@ -664,3 +643,3 @@ //   white
       color: "white",
-      class: "data-[hover=true]:bg-white-5a data-[hover=true]:border-white data-[hover=true]:text-white"
+      class: "data-[hover=true]:bg-white-50a data-[hover=true]:border-white data-[hover=true]:text-white"
     },
@@ -671,3 +650,3 @@ //   basic
       color: "basic",
-      class: "data-[hover=true]:bg-neutral-200 data-[hover=true]:text-black"
+      class: "data-[hover=true]:bg-neutral-200 data-[hover=true]:border-neutral-300 data-[hover=true]:text-black"
     },
@@ -678,3 +657,3 @@ //   transparent
       color: "transparent",
-      class: "data-[hover=true]:bg-brand-50 data-[hover=true]:text-brand"
+      class: "data-[hover=true]:bg-transparent data-[hover=true]:text-brand"
     },
@@ -685,3 +664,3 @@ //   primary
       color: "primary",
-      class: "data-[hover=true]:text-brand-900 data-[hover=true]:bg-brand-50"
+      class: "data-[hover=true]:text-brand-900 data-[hover=true]:border-brand"
     },
@@ -692,3 +671,3 @@ //   danger
       color: "danger",
-      class: "data-[hover=true]:text-danger-900 data-[hover=true]:bg-danger-50"
+      class: "data-[hover=true]:text-danger-900"
     },
@@ -699,3 +678,3 @@ //   warning
       color: "warning",
-      class: "data-[hover=true]:text-warning-900 data-[hover=true]:bg-warning-50"
+      class: "data-[hover=true]:text-warning-900"
     },
@@ -706,3 +685,3 @@ //   success
       color: "success",
-      class: "data-[hover=true]:text-success-900 data-[hover=true]:bg-success-50"
+      class: "data-[hover=true]:text-success-900"
     },
@@ -713,3 +692,3 @@ //   white
       color: "white",
-      class: "data-[hover=true]:text-brand-900 data-[hover=true]:bg-brand-50"
+      class: "data-[hover=true]:text-neutral-400"
     },
@@ -720,3 +699,3 @@ //   basic
       color: "basic",
-      class: "data-[hover=true]:text-brand-900 data-[hover=true]:bg-brand-50"
+      class: "data-[hover=true]:text-brand-900"
     },
@@ -727,37 +706,37 @@ //   transparent
       color: "transparent",
-      class: "data-[hover=true]:text-brand-900 data-[hover=true]:bg-brand-50"
+      class: "data-[hover=true]:text-brand-900 data-[hover=true]:bg-brand-50 data-[hover=true]:border-brand-50"
     },
     //   primary
     {
-      variant: "iconOnly",
+      isIconOnly: true,
       color: "primary",
-      class: "data-[hover=true]:bg-brand data-[hover=true]:text-white"
+      class: "data-[hover=true]:bg-brand-500 data-[hover=true]:text-white"
     },
     //   danger
     {
-      variant: "iconOnly",
+      isIconOnly: true,
       color: "danger",
-      class: "data-[hover=true]:bg-danger-600 data-[hover=true]:text-white"
+      class: "data-[hover=true]:bg-danger-200 data-[hover=true]:text-white"
     },
     //   warning
     {
-      variant: "iconOnly",
+      isIconOnly: true,
       color: "warning",
-      class: "data-[hover=true]:bg-warning-500 data-[hover=true]:text-white"
+      class: "data-[hover=true]:bg-warning-200 data-[hover=true]:text-white"
     },
     //   success
     {
-      variant: "iconOnly",
+      isIconOnly: true,
       color: "success",
-      class: "data-[hover=true]:bg-success-500 data-[hover=true]:text-white"
+      class: "data-[hover=true]:bg-success-400 data-[hover=true]:text-white"
     },
     //   white
     {
-      variant: "iconOnly",
+      isIconOnly: true,
       color: "white",
-      class: "data-[hover=true]:bg-white-5a data-[hover=true]:border-white data-[hover=true]:text-white"
+      class: "data-[hover=true]:bg-white-5a data-[hover=true]:border-white data-[hover=true]:text-black"
     },
     //   basic
     {
-      variant: "iconOnly",
+      isIconOnly: true,
       color: "basic",
@@ -768,5 +747,5 @@ class: "data-[hover=true]:bg-neutral-200 data-[hover=true]:text-black"
     {
-      variant: "iconOnly",
+      isIconOnly: true,
       color: "transparent",
-      class: "data-[hover=true]:bg-brand-50 data-[hover=true]:text-brand"
+      class: "data-[hover=true]:bg-neutral-800 data-[hover=true]:text-white"
     },
@@ -808,3 +787,3 @@ // variant / focus 🎯
       color: "basic",
-      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:ring-neutral-200 data-[focus=true]:bg-neutral-300 data-[focus=true]:border-brand-300 data-[focus=true]:border-brand-700"
+      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:ring-neutral-200 data-[focus=true]:bg-neutral-300 data-[focus=true]:border-neutral-300"
     },
@@ -815,3 +794,3 @@ //   transparent
       color: "transparent",
-      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:ring-brand-200 data-[focus=true]:bg-brand-200 data-[focus=true]:border-brand-200"
+      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:ring-brand-50 data-[focus=true]:bg-brand-200 data-[focus=true]:border-brand-200"
     },
@@ -822,3 +801,3 @@ //   primary
       color: "primary",
-      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-brand-800 data-[focus=true]:ring-brand/60 data-[focus=true]:text-white"
+      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-brand-800 data-[focus=true]:border-brand-800 data-[focus=true]:ring-brand/60 data-[focus=true]:text-white"
     },
@@ -829,3 +808,3 @@ //   danger
       color: "danger",
-      class: "data-[focus=true]:focus:outline-none data-[focus=true]:focus:ring-1 data-[focus=true]:focus:bg-danger-800 data-[focus=true]:focus:border-danger-800 data-[focus=true]:focus:text-white data-[focus=true]:focus:ring-danger/60"
+      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-danger-800 data-[focus=true]:border-danger-800 data-[focus=true]:text-white data-[focus=true]:ring-danger/60"
     },
@@ -836,3 +815,3 @@ //   warning
       color: "warning",
-      class: "data-[focus=true]:focus:outline-none data-[focus=true]:focus:ring-1 data-[focus=true]:focus:bg-warning-800 data-[focus=true]:focus:border-warning-800 data-[focus=true]:focus:text-white data-[focus=true]:focus:ring-warning/60"
+      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-warning-800 data-[focus=true]:border-warning-800 data-[focus=true]:text-white data-[focus=true]:ring-warning/60"
     },
@@ -843,3 +822,3 @@ //   success
       color: "success",
-      class: "data-[focus=true]:focus:outline-none data-[focus=true]:focus:ring-1 data-[focus=true]:focus:bg-success-800 data-[focus=true]:focus:border-success-800 data-[focus=true]:focus:text-white data-[focus=true]:focus:ring-success/60"
+      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-success-800 data-[focus=true]:border-success-800 data-[focus=true]:text-white data-[focus=true]:ring-success/60"
     },
@@ -850,3 +829,3 @@ //   white
       color: "white",
-      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-warning-800 data-[focus=true]:border-warning-800 data-[focus=true]:text-white dark:focus:ring-warning/60"
+      class: "data-[focus=true]:outline-none"
     },
@@ -857,3 +836,3 @@ //   basic
       color: "basic",
-      class: "data-[focus=true]:focus:outline-none data-[focus=true]:focus:ring-1 data-[focus=true]:focus:bg-neutral-300 data-[focus=true]:focus:border-neutral-300 data-[focus=true]:focus:text-neutral-800 data-[focus=true]:focus:ring-neutral/60"
+      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-neutral-300 data-[focus=true]:border-neutral-300 data-[focus=true]:text-neutral-800 data-[focus=true]:ring-transparent"
     },
@@ -864,3 +843,3 @@ //   transparent
       color: "transparent",
-      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-brand-200 data-[focus=true]:border-brand data-[focus=true]:text-brand dark:focus:ring-brand/60"
+      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-brand-200 data-[focus=true]:border-brand data-[focus=true]:text-brand dark:ring-brand/60"
     },
@@ -883,3 +862,3 @@ //   primary
       color: "warning",
-      class: "data-[focus=true]:ring-1 data-[focus=true]:bg-warning-50 data-[focus=true]:border-warning-50 data-[focus=true]:text-warning-900 data-[focus=true]:ring-warning-50"
+      class: "data-[focus=true]:ring-1 data-[focus=true]:bg-warning-50 data-[focus=true]:border-danger-50 data-[focus=true]:text-warning-900 data-[focus=true]:ring-warning-50"
     },
@@ -896,3 +875,3 @@ //   success
       color: "white",
-      class: "data-[focus=true]:ring-1 data-[focus=true]:bg-brand-50 data-[focus=true]:border-brand-50 data-[focus=true]:text-brand-900 data-[focus=true]:ring-brand-50"
+      class: "data-[focus=true]:text-neutral-400"
     },
@@ -903,3 +882,3 @@ //   basic
       color: "basic",
-      class: "data-[focus=true]:ring-1 data-[focus=true]:bg-brand-50 data-[focus=true]:border-brand-50 data-[focus=true]:text-brand-900 data-[focus=true]:ring-brand-50"
+      class: "data-[focus=true]:ring-1 data-[focus=true]:bg-none data-[focus=true]:border-[#0000] data-[focus=true]:text-brand-900 data-[focus=true]:ring-transparent"
     },
@@ -910,45 +889,87 @@ //   transparent
       color: "transparent",
-      class: "data-[focus=true]:ring-1 data-[focus=true]:bg-brand-50 data-[focus=true]:border-brand-50 data-[focus=true]:text-brand-900 data-[focus=true]:ring-brand-50"
+      class: "data-[focus=true]:ring-1 data-[focus=true]:bg-brand-200 data-[focus=true]:border-brand-200 data-[focus=true]:text-brand-900 data-[focus=true]:ring-brand-50"
     },
     //   primary
     {
-      variant: "iconOnly",
+      isIconOnly: true,
       color: "primary",
-      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-brand-800 data-[focus=true]:ring-brand/60 data-[focus=true]:text-white"
+      class: "data-[hover=true]:bg-brand data-[hover=true]:border-brand data-[hover=true]:text-white"
     },
     //   danger
     {
-      variant: "iconOnly",
+      isIconOnly: true,
       color: "danger",
-      class: "data-[focus=true]:focus:outline-none data-[focus=true]:focus:ring-1 data-[focus=true]:focus:bg-danger-800 data-[focus=true]:focus:border-danger-800 data-[focus=true]:focus:text-white data-[focus=true]:focus:ring-danger/60"
+      class: "data-[hover=true]:bg-danger-400 data-[hover=true]:border-danger-400 data-[hover=true]:text-white"
     },
     //   warning
     {
-      variant: "iconOnly",
+      isIconOnly: true,
       color: "warning",
-      class: "data-[focus=true]:focus:outline-none data-[focus=true]:focus:ring-1 data-[focus=true]:focus:bg-warning-800 data-[focus=true]:focus:border-warning-800 data-[focus=true]:focus:text-white data-[focus=true]:focus:ring-warning/60"
+      class: "data-[hover=true]:bg-warning-500 data-[hover=true]:border-warning-500 data-[hover=true]:text-white"
     },
     //   success
     {
-      variant: "iconOnly",
+      isIconOnly: true,
       color: "success",
-      class: "data-[focus=true]:focus:outline-none data-[focus=true]:focus:ring-1 data-[focus=true]:focus:bg-success-800 data-[focus=true]:focus:border-success-800 data-[focus=true]:focus:text-white data-[focus=true]:focus:ring-success/60"
+      class: "data-[hover=true]:bg-success-500 data-[hover=true]:border-success-500 data-[hover=true]:text-white"
     },
     //   white
     {
-      variant: "iconOnly",
+      isIconOnly: true,
       color: "white",
-      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-warning-800 data-[focus=true]:border-warning-800 data-[focus=true]:text-white dark:focus:ring-warning/60"
+      class: "data-[hover=true]:bg-white-50a data-[hover=true]:border-white data-[hover=true]:text-white"
     },
     //   basic
     {
-      variant: "iconOnly",
+      isIconOnly: true,
       color: "basic",
-      class: "data-[focus=true]:focus:outline-none data-[focus=true]:focus:ring-1 data-[focus=true]:focus:bg-gray-800 data-[focus=true]:focus:border-gray-800 data-[focus=true]:focus:text-white data-[focus=true]:focus:ring-gray/60"
+      class: "data-[hover=true]:bg-neutral-200 data-[hover=true]:border-neutral-300 data-[hover=true]:text-black"
     },
     //   transparent
     {
-      variant: "iconOnly",
+      isIconOnly: true,
       color: "transparent",
-      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-brand-200 data-[focus=true]:border-brand data-[focus=true]:text-brand dark:focus:ring-brand/60"
+      class: "data-[hover=true]:bg-transparent data-[hover=true]:text-brand"
+    },
+    //   primary
+    {
+      isIconOnly: true,
+      color: "primary",
+      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-brand-800 data-[focus=true]:border-brand-800 data-[focus=true]:ring-brand/60 data-[focus=true]:text-white"
+    },
+    //   danger
+    {
+      isIconOnly: true,
+      color: "danger",
+      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-danger-800 data-[focus=true]:border-danger-800 data-[focus=true]:text-white data-[focus=true]:ring-danger/60"
+    },
+    //   warning
+    {
+      isIconOnly: true,
+      color: "warning",
+      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-warning-800 data-[focus=true]:border-warning-800 data-[focus=true]:text-white data-[focus=true]:ring-warning/60"
+    },
+    //   success
+    {
+      isIconOnly: true,
+      color: "success",
+      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-success-800 data-[focus=true]:border-success-800 data-[focus=true]:text-white data-[focus=true]:ring-success/60"
+    },
+    //   white
+    {
+      isIconOnly: true,
+      color: "white",
+      class: "data-[focus=true]:outline-none"
+    },
+    //   basic
+    {
+      isIconOnly: true,
+      color: "basic",
+      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-neutral-300 data-[focus=true]:border-neutral-300 data-[focus=true]:text-neutral-800 data-[focus=true]:ring-transparent"
+    },
+    //   transparent
+    {
+      isIconOnly: true,
+      color: "transparent",
+      class: "data-[focus=true]:outline-none data-[focus=true]:ring-1 data-[focus=true]:bg-brand-200 data-[focus=true]:border-brand data-[focus=true]:text-brand dark:ring-brand/60"
     }
@@ -955,0 +976,0 @@ ]

dist/components/code.js

@@ -133,9 +133,9 @@ "use strict";
 var outline = {
-  primary: "border-brand text-brand",
-  danger: "border-danger text-danger",
+  primary: "border-brand text-brand-800",
+  danger: "border-danger text-danger-800",
   warning: "border-warning text-warning-800",
-  success: "border-success text-success",
+  success: "border-success text-success-800",
   white: "border-white text-white",
   basic: "border-neutral text-neutral-800",
-  transparent: "border-transparent text-brand"
+  transparent: "border-transparent text-brand-800"
 };
@@ -148,4 +148,4 @@ var ghost = {
   white: "text-white",
-  basic: "text-white",
-  transparent: "text-white"
+  basic: "text-black",
+  transparent: "text-neutral"
 };
@@ -152,0 +152,0 @@ var rounded = {

dist/components/dropdown.d.ts

@@ -347,5 +347,5 @@ import * as tailwind_variants from 'tailwind-variants';
         [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
-            divider?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
@@ -357,5 +357,5 @@ };
         [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
-            divider?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
@@ -372,5 +372,5 @@ };
         [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
-            divider?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
@@ -382,5 +382,5 @@ };
         [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
-            divider?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
@@ -402,5 +402,5 @@ };
         [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
-            divider?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
@@ -407,0 +407,0 @@ };

dist/components/menu.d.ts

@@ -447,5 +447,5 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
         [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
-            divider?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
@@ -457,5 +457,5 @@ };
         [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
-            divider?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
@@ -472,5 +472,5 @@ };
         [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
-            divider?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
@@ -482,5 +482,5 @@ };
         [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
-            divider?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
@@ -502,5 +502,5 @@ };
         [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
-            divider?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
@@ -507,0 +507,0 @@ };

dist/components/popover.js

@@ -142,9 +142,9 @@ "use strict";
 var outline = {
-  primary: "border-brand text-brand",
-  danger: "border-danger text-danger",
+  primary: "border-brand text-brand-800",
+  danger: "border-danger text-danger-800",
   warning: "border-warning text-warning-800",
-  success: "border-success text-success",
+  success: "border-success text-success-800",
   white: "border-white text-white",
   basic: "border-neutral text-neutral-800",
-  transparent: "border-transparent text-brand"
+  transparent: "border-transparent text-brand-800"
 };
@@ -157,4 +157,4 @@ var ghost = {
   white: "text-white",
-  basic: "text-white",
-  transparent: "text-white"
+  basic: "text-black",
+  transparent: "text-neutral"
 };
@@ -161,0 +161,0 @@ var rounded = {

dist/plugin.js

@@ -251,3 +251,3 @@ "use strict";
       foreground: (0, import_color2k.readableColor)("rgba(10, 10, 10, 0.02)"),
-      DEFAULT: "rgba(10, 10, 10, 0.02)"
+      DEFAULT: "rgba(0, 0, 0, 0)"
     },
@@ -337,3 +337,3 @@ neutral: {
       foreground: (0, import_color2k.readableColor)("rgba(10, 10, 10, 0.02)"),
-      DEFAULT: "rgba(10,10,10,0)"
+      DEFAULT: "rgba(0, 0, 0, 0)"
     },
@@ -340,0 +340,0 @@ neutral: {

dist/utils/index.js

@@ -97,9 +97,9 @@ "use strict";
 var outline = {
-  primary: "border-brand text-brand",
-  danger: "border-danger text-danger",
+  primary: "border-brand text-brand-800",
+  danger: "border-danger text-danger-800",
   warning: "border-warning text-warning-800",
-  success: "border-success text-success",
+  success: "border-success text-success-800",
   white: "border-white text-white",
   basic: "border-neutral text-neutral-800",
-  transparent: "border-transparent text-brand"
+  transparent: "border-transparent text-brand-800"
 };
@@ -112,4 +112,4 @@ var ghost = {
   white: "text-white",
-  basic: "text-white",
-  transparent: "text-white"
+  basic: "text-black",
+  transparent: "text-neutral"
 };
@@ -116,0 +116,0 @@ var rounded = {

dist/utils/variants.js

@@ -36,9 +36,9 @@ "use strict";
 var outline = {
-  primary: "border-brand text-brand",
-  danger: "border-danger text-danger",
+  primary: "border-brand text-brand-800",
+  danger: "border-danger text-danger-800",
   warning: "border-warning text-warning-800",
-  success: "border-success text-success",
+  success: "border-success text-success-800",
   white: "border-white text-white",
   basic: "border-neutral text-neutral-800",
-  transparent: "border-transparent text-brand"
+  transparent: "border-transparent text-brand-800"
 };
@@ -51,4 +51,4 @@ var ghost = {
   white: "text-white",
-  basic: "text-white",
-  transparent: "text-white"
+  basic: "text-black",
+  transparent: "text-neutral"
 };
@@ -55,0 +55,0 @@ var rounded = {

package.json

 {
   "name": "@jala-banyu/theme",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Banyu theme",
@@ -5,0 +5,0 @@ "keywords": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1311210

increased by0.07%

Lines of code

42794

increased by0.2%

No dependency changes