@jala-banyu/theme - npm Package Compare versions

Comparing version 1.4.0 to 1.4.1

dist/components/alert.d.ts

@@ -9,2 +9,8 @@ import * as tailwind_variants from 'tailwind-variants';
         soft: {};
+        announcementBanner: {
+            base: string;
+            startContentWrapper: string;
+            contentWrapper: string;
+            titleWrapper: string;
+        };
     };
@@ -34,2 +40,8 @@ radius: {
     };
+    hideCloseButton: {
+        true: {
+            endContentWrapper: string;
+        };
+        false: {};
+    };
 }, {
@@ -48,2 +60,8 @@ base: string;
         soft: {};
+        announcementBanner: {
+            base: string;
+            startContentWrapper: string;
+            contentWrapper: string;
+            titleWrapper: string;
+        };
     };
@@ -73,2 +91,8 @@ radius: {
     };
+    hideCloseButton: {
+        true: {
+            endContentWrapper: string;
+        };
+        false: {};
+    };
 }, {
@@ -78,2 +102,8 @@ variant: {
         soft: {};
+        announcementBanner: {
+            base: string;
+            startContentWrapper: string;
+            contentWrapper: string;
+            titleWrapper: string;
+        };
     };
@@ -103,2 +133,8 @@ radius: {
     };
+    hideCloseButton: {
+        true: {
+            endContentWrapper: string;
+        };
+        false: {};
+    };
 }>, {
@@ -108,2 +144,8 @@ variant: {
         soft: {};
+        announcementBanner: {
+            base: string;
+            startContentWrapper: string;
+            contentWrapper: string;
+            titleWrapper: string;
+        };
     };
@@ -133,2 +175,8 @@ radius: {
     };
+    hideCloseButton: {
+        true: {
+            endContentWrapper: string;
+        };
+        false: {};
+    };
 }, {
@@ -147,2 +195,8 @@ base: string;
         soft: {};
+        announcementBanner: {
+            base: string;
+            startContentWrapper: string;
+            contentWrapper: string;
+            titleWrapper: string;
+        };
     };
@@ -172,2 +226,8 @@ radius: {
     };
+    hideCloseButton: {
+        true: {
+            endContentWrapper: string;
+        };
+        false: {};
+    };
 }, {
@@ -186,2 +246,8 @@ base: string;
         soft: {};
+        announcementBanner: {
+            base: string;
+            startContentWrapper: string;
+            contentWrapper: string;
+            titleWrapper: string;
+        };
     };
@@ -211,2 +277,8 @@ radius: {
     };
+    hideCloseButton: {
+        true: {
+            endContentWrapper: string;
+        };
+        false: {};
+    };
 }, {
@@ -216,2 +288,8 @@ variant: {
         soft: {};
+        announcementBanner: {
+            base: string;
+            startContentWrapper: string;
+            contentWrapper: string;
+            titleWrapper: string;
+        };
     };
@@ -241,2 +319,8 @@ radius: {
     };
+    hideCloseButton: {
+        true: {
+            endContentWrapper: string;
+        };
+        false: {};
+    };
 }>, unknown, unknown, undefined>>;
@@ -243,0 +327,0 @@ type AlertVariantProps = VariantProps<typeof alert>;

dist/components/alert.js

@@ -229,3 +229,9 @@ "use strict";
       solid: {},
-      soft: {}
+      soft: {},
+      announcementBanner: {
+        base: "w-full m-0 sticky top-0 p-1 items-center justify-center",
+        startContentWrapper: "flex items-center gap-2 ml-auto",
+        contentWrapper: "flex-0 grow-0 flex-col w-fit mr-auto",
+        titleWrapper: "gap-0"
+      }
     },
@@ -254,2 +260,8 @@ radius: {
       white: {}
+    },
+    hideCloseButton: {
+      true: {
+        endContentWrapper: "hidden"
+      },
+      false: {}
     }
@@ -405,2 +417,63 @@ },
       }
+    },
+    // Announcement Banner
+    {
+      variant: "announcementBanner",
+      color: "primary",
+      class: {
+        base: [colorVariants.soft.primary, "border-2 border-brand-400"],
+        startIcon: "text-brand-800",
+        contentWrapper: "font-semibold text-sm text-brand-800",
+        endContentWrapper: "text-neutral-800"
+      }
+    },
+    {
+      variant: "announcementBanner",
+      color: "success",
+      class: {
+        base: [colorVariants.soft.success, "border-2 border-success-400"],
+        startIcon: "text-success-800",
+        contentWrapper: "font-semibold text-sm text-success-800",
+        endContentWrapper: "text-neutral-800"
+      }
+    },
+    {
+      variant: "announcementBanner",
+      color: "warning",
+      class: {
+        base: [colorVariants.soft.warning, "border-2 border-warning-400"],
+        startIcon: "text-warning-900",
+        contentWrapper: "font-semibold text-sm text-warning-900",
+        endContentWrapper: "text-neutral-800"
+      }
+    },
+    {
+      variant: "announcementBanner",
+      color: "danger",
+      class: {
+        base: [colorVariants.soft.danger, "border-2 border-danger-400"],
+        startIcon: "text-danger-800",
+        contentWrapper: "font-semibold text-sm text-danger-800",
+        endContentWrapper: "text-neutral-800"
+      }
+    },
+    {
+      variant: "announcementBanner",
+      color: "basic",
+      class: {
+        base: [colorVariants.soft.basic, "border-2 border-gray-400"],
+        startIcon: "text-gray-800",
+        contentWrapper: "font-semibold text-sm text-gray-800",
+        endContentWrapper: "text-neutral-800"
+      }
+    },
+    {
+      variant: "announcementBanner",
+      color: "white",
+      class: {
+        base: "bg-black/10",
+        startIcon: "text-neutral-800",
+        contentWrapper: "font-semibold text-sm text-neutral-800",
+        endContentWrapper: "text-neutral-800"
+      }
     }
@@ -407,0 +480,0 @@ ]

dist/components/dropdown.d.ts

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

dist/components/index.d.ts

@@ -29,3 +29,4 @@ export { AvatarGroupVariantProps, AvatarSlots, AvatarVariantProps, avatar, avatarGroup } from './avatar.js';
 export { PaginationSlots, PaginationVariantProps, pagination } from './pagination.js';
+export { TableReturnType, TableSlots, TableVariantProps, table } from './table.js';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config';

dist/components/input.d.ts

@@ -168,2 +168,4 @@ import * as tailwind_variants from 'tailwind-variants';
     endContentWrapper: string;
+    startIconWrapper: string;
+    endIconWrapper: string;
     mainWrapper: string;
@@ -600,2 +602,4 @@ inputWrapper: string;
     endContentWrapper: string;
+    startIconWrapper: string;
+    endIconWrapper: string;
     mainWrapper: string;
@@ -756,2 +760,4 @@ inputWrapper: string;
     endContentWrapper: string;
+    startIconWrapper: string;
+    endIconWrapper: string;
     mainWrapper: string;
@@ -758,0 +764,0 @@ inputWrapper: string;

dist/components/input.js

@@ -157,4 +157,6 @@ "use strict";
     validIcon: "mr-3",
-    startContentWrapper: "flex p-2 bg-neutral-50 border-e border-neutral-300 items-center h-full",
-    endContentWrapper: "flex p-2 bg-neutral-50 border-s border-neutral-300 items-center h-full",
+    startContentWrapper: "flex p-2 bg-neutral-50 border-e border-neutral-300 items-center h-full min-w-max",
+    endContentWrapper: "flex p-2 bg-neutral-50 border-s border-neutral-300 items-center h-full min-w-max",
+    startIconWrapper: "flex p-2 bg-transparent items-center h-full",
+    endIconWrapper: "flex p-2 bg-transparent items-center h-full",
     mainWrapper: "h-full",
@@ -161,0 +163,0 @@ inputWrapper: "relative w-full inline-flex overflow-hidden tap-highlight-transparent flex-row items-center",

dist/components/listbox.js

@@ -128,3 +128,3 @@ "use strict";
     base: "w-full relative flex flex-col gap-1 py-1",
-    list: "w-full flex flex-col gap-0.5 outline-none",
+    list: "w-full flex flex-col outline-none",
     emptyContent: [
@@ -249,6 +249,6 @@ "h-10",
   slots: {
-    base: "relative mb-2",
-    heading: "pl-1 text-xs text-foreground-500",
-    group: "data-[has-title=true]:pt-1",
-    divider: "mt-2"
+    base: "relative",
+    heading: "pl-4 py-2 text-sm font-semibold text-neutral-800 w-full bg-neutral-100",
+    group: "data-[has-title=true]:pt-1 [&>li]:px-6",
+    divider: ""
   }
@@ -255,0 +255,0 @@ });

dist/components/menu.d.ts

@@ -307,5 +307,5 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
         [key: string]: tailwind_variants.ClassValue | {
+            heading?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
             base?: tailwind_variants.ClassValue;
-            divider?: tailwind_variants.ClassValue;
-            heading?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
@@ -317,5 +317,5 @@ };
         [x: string]: tailwind_variants.ClassValue | {
+            heading?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
             base?: tailwind_variants.ClassValue;
-            divider?: tailwind_variants.ClassValue;
-            heading?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
@@ -332,5 +332,5 @@ };
         [key: string]: tailwind_variants.ClassValue | {
+            heading?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
             base?: tailwind_variants.ClassValue;
-            divider?: tailwind_variants.ClassValue;
-            heading?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
@@ -342,5 +342,5 @@ };
         [key: string]: tailwind_variants.ClassValue | {
+            heading?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
             base?: tailwind_variants.ClassValue;
-            divider?: tailwind_variants.ClassValue;
-            heading?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
@@ -362,5 +362,5 @@ };
         [key: string]: tailwind_variants.ClassValue | {
+            heading?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
             base?: tailwind_variants.ClassValue;
-            divider?: tailwind_variants.ClassValue;
-            heading?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
@@ -367,0 +367,0 @@ };

dist/components/menu.js

@@ -128,3 +128,3 @@ "use strict";
     base: "w-full relative flex flex-col gap-1 py-1",
-    list: "w-full flex flex-col gap-0.5 outline-none",
+    list: "w-full flex flex-col outline-none",
     emptyContent: [
@@ -249,6 +249,6 @@ "h-10",
   slots: {
-    base: "relative mb-2",
-    heading: "pl-1 text-xs text-foreground-500",
-    group: "data-[has-title=true]:pt-1",
-    divider: "mt-2"
+    base: "relative",
+    heading: "pl-4 py-2 text-sm font-semibold text-neutral-800 w-full bg-neutral-100",
+    group: "data-[has-title=true]:pt-1 [&>li]:px-6",
+    divider: ""
   }
@@ -255,0 +255,0 @@ });

dist/components/select.d.ts

@@ -69,2 +69,3 @@ import * as tailwind_variants from 'tailwind-variants';
         false: {
+            value: string;
             label: string;
@@ -148,2 +149,4 @@ };
     errorMessage: string;
+    topContent: string;
+    bottomContent: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
@@ -213,2 +216,3 @@ variant: {
         false: {
+            value: string;
             label: string;
@@ -341,2 +345,3 @@ };
         false: {
+            value: string;
             label: string;
@@ -469,2 +474,3 @@ };
         false: {
+            value: string;
             label: string;
@@ -548,2 +554,4 @@ };
     errorMessage: string;
+    topContent: string;
+    bottomContent: string;
 }, tailwind_variants.TVReturnType<{
@@ -613,2 +621,3 @@ variant: {
         false: {
+            value: string;
             label: string;
@@ -692,2 +701,4 @@ };
     errorMessage: string;
+    topContent: string;
+    bottomContent: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
@@ -757,2 +768,3 @@ variant: {
         false: {
+            value: string;
             label: string;
@@ -885,2 +897,3 @@ };
         false: {
+            value: string;
             label: string;
@@ -887,0 +900,0 @@ };

dist/components/select.js

@@ -172,6 +172,8 @@ "use strict";
     listbox: "rounded-none",
-    popoverContent: "w-full p-0 overflow-hidden min-w-12",
+    popoverContent: "w-full p-0 overflow-hidden min-w-dvw md:min-w-[320px]",
     helperWrapper: "p-1 flex relative flex-col gap-1.5",
     description: "z-0 text-xs text-neutral-400",
-    errorMessage: "text-xs text-danger"
+    errorMessage: "text-xs text-danger",
+    topContent: "w-full border-b-1 border-neutral-200",
+    bottomContent: "w-full border-t-1 border-neutral-200"
   },
@@ -183,3 +185,4 @@ variants: {
           "bg-neutral-200",
-          "data-[hover=true]:border-[1px]",
+          "border-[1px]",
+          "border-transparent",
           "data-[hover=true]:border-brand",
@@ -258,2 +261,3 @@ "group-data-[focus=true]:bg-neutral-100"
       false: {
+        value: "min-w-12",
         label: "text-neutral-500 font-normal group-data-[filled=true]:text-neutral-800 group-data-[filled=true]:font-semibold"
@@ -345,3 +349,5 @@ }
       class: {
+        base: "w-fit",
         trigger: [
+          "w-fit",
           "shadow-none",
@@ -361,3 +367,3 @@ // "data-[hover=false]:border-none",
       class: {
-        trigger: ["data-[focus=true]:ring-4", "data-[focus=true]:ring-brand/60"]
+        trigger: ["data-[focus=true]:ring-4", "data-[focus=true]:ring-brand/60", "bg-content1"]
       }
@@ -369,4 +375,4 @@ },
       class: {
-        base: "max-w-fit",
-        innerWrapper: "w-fit min-w-12",
+        // base: "max-w-fit",
+        innerWrapper: "w-fit min-w-12 mr-6",
         trigger: [
@@ -382,5 +388,5 @@ "w-fit",
         selectorIcon: "right-1",
-        value: "min-w-fit font-semibold",
-        label: "min-w-fit font-semibold",
-        popoverContent: "w-fit min-w-0"
+        value: "font-semibold",
+        label: "w-max font-semibold",
+        popoverContent: "min-w-36"
       }
@@ -387,0 +393,0 @@ },

dist/index.d.ts

@@ -29,2 +29,3 @@ export { AvatarGroupVariantProps, AvatarSlots, AvatarVariantProps, avatar, avatarGroup } from './components/avatar.js';
 export { PaginationSlots, PaginationVariantProps, pagination } from './components/pagination.js';
+export { TableReturnType, TableSlots, TableVariantProps, table } from './components/table.js';
 export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, ringClasses, translateCenterClasses } from './utils/classes.js';
@@ -31,0 +32,0 @@ export { SlotsToClasses } from './utils/types.js';

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

1784976

increased by4.2%

Number of package files

322

increased by1.58%

Lines of code

58419

increased by4.11%

No dependency changes