@nextui-org/theme - npm Package Compare versions

Comparing version 0.0.0-dev-v2-20230604204500 to 0.0.0-dev-v2-20230605023127

dist/components/dropdown.js

@@ -96,3 +96,3 @@ "use strict";
       faded: {
-        base: "border border-transparent hover:border-default data-[hover=true]:bg-default-100"
+        base: "border-2 border-transparent hover:border-default data-[hover=true]:bg-default-100"
       },
@@ -99,0 +99,0 @@ flat: {

dist/components/input.js

@@ -69,3 +69,3 @@ "use strict";
           "bg-default-100",
-          "border",
+          "border-2",
           "border-default-200",
@@ -72,0 +72,0 @@ "data-[hover=true]:border-default-400"

dist/components/modal.d.ts

@@ -82,3 +82,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-    backdropVariant: {
+    backdrop: {
         transparent: {};
@@ -170,3 +170,3 @@ opaque: {
     };
-    backdropVariant: {
+    backdrop: {
         transparent: {};
@@ -173,0 +173,0 @@ opaque: {

dist/components/modal.js

@@ -122,6 +122,6 @@ "use strict";
     },
-    backdropVariant: {
+    backdrop: {
       transparent: {},
       opaque: {
-        backdrop: "bg-black/30 backdrop-opacity-50"
+        backdrop: "bg-black/50 backdrop-opacity-50"
       },
@@ -146,3 +146,3 @@ blur: {
     radius: "lg",
-    backdropVariant: "blur",
+    backdrop: "blur",
     scrollBehavior: "inside"
@@ -152,3 +152,3 @@ },
     {
-      backdropVariant: ["opaque", "blur"],
+      backdrop: ["opaque", "blur"],
       class: {
@@ -155,0 +155,0 @@ backdrop: "block w-full h-full fixed inset-0"

dist/components/popover.d.ts

@@ -20,25 +20,2 @@ import * as tailwind_variants from 'tailwind-variants';
 declare const popover: tailwind_variants.TVReturnType<{
-    variant: {
-        solid: {
-            base: string;
-        };
-        bordered: {
-            base: string;
-            arrow: string;
-        };
-        light: {
-            base: string;
-            arrow: string;
-        };
-        faded: {
-            base: string;
-            arrow: string;
-        };
-        flat: {
-            base: string;
-        };
-        shadow: {
-            base: string;
-        };
-    };
     size: {
@@ -107,3 +84,26 @@ xs: {
     };
-    backdropVariant: {
+    shadow: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        inner: {
+            base: string;
+        };
+    };
+    backdrop: {
         transparent: {};
@@ -134,25 +134,2 @@ opaque: {
 }, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
-    variant: {
-        solid: {
-            base: string;
-        };
-        bordered: {
-            base: string;
-            arrow: string;
-        };
-        light: {
-            base: string;
-            arrow: string;
-        };
-        faded: {
-            base: string;
-            arrow: string;
-        };
-        flat: {
-            base: string;
-        };
-        shadow: {
-            base: string;
-        };
-    };
     size: {
@@ -221,3 +198,26 @@ xs: {
     };
-    backdropVariant: {
+    shadow: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        inner: {
+            base: string;
+        };
+    };
+    backdrop: {
         transparent: {};
@@ -224,0 +224,0 @@ opaque: {

dist/components/popover.js

@@ -116,3 +116,4 @@ "use strict";
       "text-base",
-      "!outline-none",
+      "outline-none",
+      "box-border",
       "data-[focus-visible=true]:outline-none",
@@ -162,13 +163,2 @@ "data-[focus-visible=true]:ring-2",
   variants: {
-    variant: {
-      solid: { base: "" },
-      bordered: {
-        base: "border-2 !bg-background",
-        arrow: "border-2 border-inherit !bg-background"
-      },
-      light: { base: "!bg-transparent", arrow: "hidden" },
-      faded: { base: "border", arrow: "border border-inherit" },
-      flat: { base: "" },
-      shadow: { base: "" }
-    },
     size: {
@@ -182,9 +172,23 @@ xs: { base: "text-xs" },
     color: {
-      default: { base: colorVariants.solid.default },
-      foreground: { base: colorVariants.solid.foreground },
-      primary: { base: colorVariants.solid.primary },
-      secondary: { base: colorVariants.solid.secondary },
-      success: { base: colorVariants.solid.success },
-      warning: { base: colorVariants.solid.warning },
-      danger: { base: colorVariants.solid.danger }
+      default: {
+        base: "bg-background dark:bg-content1"
+      },
+      foreground: {
+        base: colorVariants.solid.foreground
+      },
+      primary: {
+        base: colorVariants.solid.primary
+      },
+      secondary: {
+        base: colorVariants.solid.secondary
+      },
+      success: {
+        base: colorVariants.solid.success
+      },
+      warning: {
+        base: colorVariants.solid.warning
+      },
+      danger: {
+        base: colorVariants.solid.danger
+      }
     },
@@ -200,6 +204,29 @@ radius: {
     },
-    backdropVariant: {
+    shadow: {
+      none: {
+        base: "shadow-none"
+      },
+      sm: {
+        base: "shadow-sm"
+      },
+      md: {
+        base: "shadow-md"
+      },
+      lg: {
+        base: "shadow-lg"
+      },
+      xl: {
+        base: "shadow-xl"
+      },
+      "2xl": {
+        base: "shadow-2xl"
+      },
+      inner: {
+        base: "shadow-inner"
+      }
+    },
+    backdrop: {
       transparent: {},
       opaque: {
-        backdrop: "bg-black/30 backdrop-opacity-50"
+        backdrop: "bg-black/50 backdrop-opacity-50"
       },
@@ -223,7 +250,7 @@ blur: {
   defaultVariants: {
-    variant: "solid",
     color: "default",
     radius: "xl",
     size: "md",
-    backdropVariant: "transparent",
+    shadow: "lg",
+    backdrop: "transparent",
     disableAnimation: false,
@@ -234,181 +261,4 @@ triggerScaleOnOpen: true
     {
-      variant: "shadow",
-      color: "default",
+      backdrop: ["opaque", "blur"],
       class: {
-        base: colorVariants.shadow.default
-      }
-    },
-    {
-      variant: "shadow",
-      color: "foreground",
-      class: { base: colorVariants.shadow.foreground }
-    },
-    {
-      variant: "shadow",
-      color: "primary",
-      class: { base: colorVariants.shadow.primary }
-    },
-    {
-      variant: "shadow",
-      color: "secondary",
-      class: { base: colorVariants.shadow.secondary }
-    },
-    {
-      variant: "shadow",
-      color: "success",
-      class: { base: colorVariants.shadow.success }
-    },
-    {
-      variant: "shadow",
-      color: "warning",
-      class: { base: colorVariants.shadow.warning }
-    },
-    {
-      variant: "shadow",
-      color: "danger",
-      class: { base: colorVariants.shadow.danger }
-    },
-    {
-      variant: "bordered",
-      color: "default",
-      class: { base: colorVariants.bordered.default }
-    },
-    {
-      variant: "bordered",
-      color: "foreground",
-      class: { base: colorVariants.bordered.foreground }
-    },
-    {
-      variant: "bordered",
-      color: "primary",
-      class: { base: colorVariants.bordered.primary }
-    },
-    {
-      variant: "bordered",
-      color: "secondary",
-      class: { base: colorVariants.bordered.secondary }
-    },
-    {
-      variant: "bordered",
-      color: "success",
-      class: { base: colorVariants.bordered.success }
-    },
-    {
-      variant: "bordered",
-      color: "warning",
-      class: { base: colorVariants.bordered.warning }
-    },
-    {
-      variant: "bordered",
-      color: "danger",
-      class: { base: colorVariants.bordered.danger }
-    },
-    {
-      variant: "flat",
-      color: "default",
-      class: { base: colorVariants.flat.default }
-    },
-    {
-      variant: "flat",
-      color: "foreground",
-      class: { base: colorVariants.flat.foreground }
-    },
-    {
-      variant: "flat",
-      color: "primary",
-      class: { base: colorVariants.flat.primary }
-    },
-    {
-      variant: "flat",
-      color: "secondary",
-      class: { base: colorVariants.flat.secondary }
-    },
-    {
-      variant: "flat",
-      color: "success",
-      class: { base: colorVariants.flat.success }
-    },
-    {
-      variant: "flat",
-      color: "warning",
-      class: { base: colorVariants.flat.warning }
-    },
-    {
-      variant: "flat",
-      color: "danger",
-      class: { base: colorVariants.flat.danger }
-    },
-    {
-      variant: "faded",
-      color: "default",
-      class: { base: colorVariants.faded.default }
-    },
-    {
-      variant: "faded",
-      color: "foreground",
-      class: { base: colorVariants.faded.foreground }
-    },
-    {
-      variant: "faded",
-      color: "primary",
-      class: { base: colorVariants.faded.primary }
-    },
-    {
-      variant: "faded",
-      color: "secondary",
-      class: { base: colorVariants.faded.secondary }
-    },
-    {
-      variant: "faded",
-      color: "success",
-      class: { base: colorVariants.faded.success }
-    },
-    {
-      variant: "faded",
-      color: "warning",
-      class: { base: colorVariants.faded.warning }
-    },
-    {
-      variant: "faded",
-      color: "danger",
-      class: { base: colorVariants.faded.danger }
-    },
-    {
-      variant: "light",
-      color: "default",
-      class: { base: colorVariants.light.default }
-    },
-    {
-      variant: "light",
-      color: "foreground",
-      class: { base: colorVariants.light.foreground }
-    },
-    {
-      variant: "light",
-      color: "primary",
-      class: { base: colorVariants.light.primary }
-    },
-    {
-      variant: "light",
-      color: "secondary",
-      class: { base: colorVariants.light.secondary }
-    },
-    {
-      variant: "light",
-      color: "success",
-      class: { base: colorVariants.light.success }
-    },
-    {
-      variant: "light",
-      color: "warning",
-      class: { base: colorVariants.light.warning }
-    },
-    {
-      variant: "light",
-      color: "danger",
-      class: { base: colorVariants.light.danger }
-    },
-    {
-      backdropVariant: ["opaque", "blur"],
-      class: {
         backdrop: "block w-full h-full fixed inset-0 -z-30"
@@ -415,0 +265,0 @@ }

package.json

 {
   "name": "@nextui-org/theme",
-  "version": "0.0.0-dev-v2-20230604204500",
+  "version": "0.0.0-dev-v2-20230605023127",
   "description": "The default theme for NextUI components",
@@ -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

Worsened metrics

Total package byte prevSize

867087

decreased by-1.79%

Lines of code

35950

decreased by-1.64%

No dependency changes