@vaneui/ui 0.1.4 → 0.1.6

package/dist/ui.css

@@ -565,9 +565,6 @@
   .gap-16 {
     gap: calc(var(--spacing) * 16);
   }
-  .overflow-hidden {
-    overflow: hidden;
-  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -672,6 +669,9 @@
   .border-\(--filled-border-color-warning\) {
     border-color: var(--filled-border-color-warning);
   }
+  .border-transparent {
+    border-color: transparent;
+  }
   .bg-\(--background-color-accent\) {
     background-color: var(--background-color-accent);
   }
@@ -1017,6 +1017,9 @@
   .text-\(--text-color-warning\) {
     color: var(--text-color-warning);
   }
+  .text-transparent {
+    color: transparent;
+  }
   .text-white {
     color: var(--color-white);
   }
@@ -1066,10 +1069,6 @@
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow-none {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .shadow-sm {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1152,6 +1151,9 @@
   .ring-\(--filled-border-color-warning\) {
     --tw-ring-color: var(--filled-border-color-warning);
   }
+  .ring-transparent {
+    --tw-ring-color: transparent;
+  }
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -1340,14 +1342,6 @@
       }
     }
   }
-  .hover\:shadow-none {
-    &:hover {
-      @media (hover: hover) {
-        --tw-shadow: 0 0 #0000;
-        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-      }
-    }
-  }
   .hover\:shadow-sm {
     &:hover {
       @media (hover: hover) {
@@ -1502,42 +1496,6 @@
       background-color: transparent;
     }
   }
-  .active\:shadow-lg {
-    &:active {
-      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
-  .active\:shadow-md {
-    &:active {
-      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
-  .active\:shadow-none {
-    &:active {
-      --tw-shadow: 0 0 #0000;
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
-  .active\:shadow-sm {
-    &:active {
-      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
-  .active\:shadow-xl {
-    &:active {
-      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
-  .active\:shadow-xs {
-    &:active {
-      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
   .active\:ring {
     &:active {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -1620,6 +1578,16 @@
       gap: calc(var(--spacing) * 9);
     }
   }
+  .max-lg\:px-2 {
+    @media (width < 64rem) {
+      padding-inline: calc(var(--spacing) * 2);
+    }
+  }
+  .max-lg\:px-3 {
+    @media (width < 64rem) {
+      padding-inline: calc(var(--spacing) * 3);
+    }
+  }
   .max-lg\:px-4 {
     @media (width < 64rem) {
       padding-inline: calc(var(--spacing) * 4);
@@ -1645,6 +1613,26 @@
       padding-inline: calc(var(--spacing) * 8);
     }
   }
+  .max-lg\:py-2 {
+    @media (width < 64rem) {
+      padding-block: calc(var(--spacing) * 2);
+    }
+  }
+  .max-lg\:py-3 {
+    @media (width < 64rem) {
+      padding-block: calc(var(--spacing) * 3);
+    }
+  }
+  .max-lg\:py-4 {
+    @media (width < 64rem) {
+      padding-block: calc(var(--spacing) * 4);
+    }
+  }
+  .max-lg\:py-5 {
+    @media (width < 64rem) {
+      padding-block: calc(var(--spacing) * 5);
+    }
+  }
   .max-lg\:py-14 {
     @media (width < 64rem) {
       padding-block: calc(var(--spacing) * 14);
@@ -1751,6 +1739,11 @@
       padding-block: calc(var(--spacing) * 3);
     }
   }
+  .max-md\:py-4 {
+    @media (width < 48rem) {
+      padding-block: calc(var(--spacing) * 4);
+    }
+  }
   .max-md\:py-6 {
     @media (width < 48rem) {
       padding-block: calc(var(--spacing) * 6);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vaneui/ui",
-  "version": "0.1.4",
-  "description": "A simple, elegant, and lightweight UI component library for React, built with Tailwind CSS.",
+  "version": "0.1.6",
+  "description": "A simple and lightweight UI component library for React, built with Tailwind CSS.",
   "author": "",
   "license": "ISC",
   "homepage": "https://vaneui.com/",

package/dist/components/ui/theme/appearance/layoutAppearanceTheme.d.ts

@@ -1,10 +0,0 @@
-import { BaseTheme } from "../common/baseTheme";
-import { BgAppearanceKey, ModeKey } from "../../props";
-export interface LayoutAppearanceTheme extends Record<BgAppearanceKey, Record<ModeKey, string>> {
-}
-export declare class LayoutAppearanceTheme extends BaseTheme {
-    static readonly defaultFullConfig: Record<BgAppearanceKey, Record<ModeKey, string>>;
-    constructor(initialOverrides?: Partial<Record<BgAppearanceKey, Partial<Record<ModeKey, string>>>>);
-    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
-    static createDefaultStyle(src?: Partial<Record<ModeKey, Partial<Record<BgAppearanceKey, string>>>>): LayoutAppearanceTheme;
-}

package/dist/components/ui/theme/appearance/variantTheme.d.ts

@@ -1,15 +0,0 @@
-import { BaseTheme } from "../common/baseTheme";
-import { VariantKey } from "../../props";
-import { TextAppearanceTheme } from "./textAppearanceTheme";
-export interface VariantTheme extends Record<VariantKey, TextAppearanceTheme> {
-}
-export declare class VariantTheme extends BaseTheme {
-    static readonly defaultInstances: Record<VariantKey, TextAppearanceTheme>;
-    constructor(variantInstances?: Record<VariantKey, TextAppearanceTheme>);
-    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
-    static createDefault(initialInstances?: Partial<Record<VariantKey, TextAppearanceTheme>>): VariantTheme;
-    static createDefaultBackground(): VariantTheme;
-    static createDefaultText(): VariantTheme;
-    static createDefaultBorder(): VariantTheme;
-    static createDefaultRing(): VariantTheme;
-}

package/dist/components/ui/theme/layout/shadowTheme.d.ts

@@ -1,9 +0,0 @@
-import { SizeKey, ModeKey, ShadowKey } from "../../props/keys";
-import { BaseTheme } from "../common/baseTheme";
-export interface ShadowTheme extends Record<ShadowKey, Record<ModeKey, string | Record<SizeKey, string>>> {
-}
-export declare class ShadowTheme extends BaseTheme {
-    static readonly defaultClasses: Record<ShadowKey, Record<ModeKey, string | Record<SizeKey, string>>>;
-    constructor(initial?: Partial<Record<ShadowKey, Record<ModeKey, string | Record<SizeKey, string>>>>);
-    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
-}