@veevarts/design-system 1.6.0 → 1.7.2

package/dist/index.js

@@ -31,30 +31,34 @@ function la({
   onLanguageChange: n,
   label: r
 }) {
+  const i = t.find((s) => s.code === e);
   return /* @__PURE__ */ d("div", { className: "flex items-center", children: /* @__PURE__ */ T("div", { className: "relative flex items-center", children: [
-    /* @__PURE__ */ d(gi, { className: "absolute left-3 w-5 h-5 pointer-events-none text-black" }),
     /* @__PURE__ */ d(
       hi,
       {
         "data-testid": "language-select-desktop",
+        variant: "bordered",
         "aria-label": r,
         selectedKeys: e ? [e] : [],
-        onSelectionChange: (i) => {
-          const s = Array.from(i)[0] || e;
-          n?.(s);
+        onSelectionChange: (s) => {
+          const o = Array.from(s)[0] || e;
+          n?.(o);
         },
-        className: "min-w-40 hidden md:inline-flex",
+        className: "min-w-36  hidden md:inline-flex",
         isDisabled: t.length === 0,
         placeholder: r,
         startContent: /* @__PURE__ */ d(gi, { className: "w-5 h-5 text-black" }),
-        children: t.map((i) => /* @__PURE__ */ d(
+        renderValue: () => /* @__PURE__ */ d("span", { children: i?.label || r }),
+        size: "md",
+        radius: "full",
+        children: t.map((s) => /* @__PURE__ */ d(
           pi,
           {
-            textValue: i.label,
-            "data-testid": `language-select-option-${i.code}`,
-            children: i.label
+            textValue: s.label,
+            "data-testid": `language-select-option-${s.code}`,
+            children: s.label
           },
-          i.code
+          s.code
         ))
       }
     ),
@@ -63,23 +67,27 @@ function la({
       {
         "aria-label": r,
         "data-testid": "language-select-mobile",
+        variant: "bordered",
         selectedKeys: e ? [e] : [],
-        onSelectionChange: (i) => {
-          const s = Array.from(i)[0] || e;
-          n?.(s);
+        onSelectionChange: (s) => {
+          const o = Array.from(s)[0] || e;
+          n?.(o);
         },
-        className: "min-w-20 inline-flex md:hidden",
+        className: "w-24 inline-flex md:hidden",
         isDisabled: t.length === 0,
-        placeholder: e || "Language",
-        children: t.map((i) => /* @__PURE__ */ d(
+        placeholder: "",
+        startContent: /* @__PURE__ */ d(gi, { className: "w-6 h-6 text-black" }),
+        renderValue: () => /* @__PURE__ */ d("span", { children: i?.code.toUpperCase() || "" }),
+        size: "md",
+        radius: "full",
+        children: t.map((s) => /* @__PURE__ */ d(
           pi,
           {
-            className: "min-w-4",
-            textValue: i.code.toUpperCase(),
-            "data-testid": `language-select-option-mobile-${i.code}`,
-            children: i.code.toUpperCase()
+            textValue: s.code.toUpperCase(),
+            "data-testid": `language-select-option-mobile-${s.code}`,
+            children: s.code.toUpperCase()
           },
-          i.code
+          s.code
         ))
       }
     )
@@ -97,6 +105,7 @@ function aa({
       "data-testid": "navbar-auth-button",
       className: "px-2 py-1 w-1 min-w-12 md:min-w-24 rounded-full bg-black text-white text-sm flex items-center",
       onPress: n,
+      size: "md",
       children: [
         /* @__PURE__ */ d(yi, { className: "inline w-5 h-5" }),
         /* @__PURE__ */ d("span", { className: "hidden md:inline", children: r.logout })
@@ -108,6 +117,7 @@ function aa({
       "data-testid": "navbar-auth-button",
       className: "px-2 py-1 min-w-12 md:min-w-24 rounded-full bg-black text-white text-sm flex items-center",
       onPress: e,
+      size: "md",
       children: [
         /* @__PURE__ */ d(yi, { className: "inline w-5 h-5" }),
         /* @__PURE__ */ d("span", { className: "hidden md:inline", children: r.login })
@@ -134,7 +144,7 @@ function eh({
     {
       "data-testid": "navbar",
       className: F(
-        "w-full px-4 md:px-8 py-4 bg-white border-b border-zinc-100 flex items-center justify-between",
+        "w-full px-4 md:px-8 py-3 bg-white border-b border-zinc-100 flex items-center justify-between",
         u
       ),
       children: [
@@ -272,7 +282,7 @@ const da = z.forwardRef(
           r && /* @__PURE__ */ d(
             "label",
             {
-              className: "text-small text-default-foreground lg:text-medium font-light w-full me-3",
+              className: "text-small text-default-foreground lg:text-medium font-light whitespace-nowrap me-3",
               "data-testid": "stepper-label",
               children: r
             }
@@ -282,7 +292,7 @@ const da = z.forwardRef(
             return /* @__PURE__ */ d(
               "li",
               {
-                className: "relative flex w-full items-center pr-12",
+                className: "relative flex shrink-0 items-center pr-12",
                 "data-testid": `stepper-step-${x}`,
                 children: /* @__PURE__ */ T(
                   "button",
@@ -9022,7 +9032,7 @@ const lr = ({
       /* @__PURE__ */ T("div", { className: "flex flex-wrap gap-4", "data-testid": "event-details-info", children: [
         r && /* @__PURE__ */ d(lr, { icon: "solar:calendar-minimalistic-linear", testId: "event-details-date", children: r }),
         i && /* @__PURE__ */ d(lr, { icon: "solar:clock-circle-linear", testId: "event-details-time", children: i }),
-        s && /* @__PURE__ */ d(lr, { icon: "solar:point-on-map-outline", testId: "event-details-location", children: s })
+        s && /* @__PURE__ */ d(lr, { icon: "solar:map-point-linear", testId: "event-details-location", children: s })
       ] }),
       o && /* @__PURE__ */ T("div", { className: "relative", "data-testid": "event-details-description-wrapper", children: [
         /* @__PURE__ */ d(
@@ -9031,7 +9041,7 @@ const lr = ({
             ref: k,
             className: F(
               "text-sm text-gray-700 leading-relaxed transition-all",
-              !u && "line-clamp-2"
+              !u && "line-clamp-3"
             ),
             "data-testid": "event-details-description",
             dangerouslySetInnerHTML: { __html: o }
@@ -9221,7 +9231,7 @@ const Xd = {
         }
       )
     ] }),
-    /* @__PURE__ */ d("div", { className: "space-x-2 p-2 h-full flex items-center justify-start md:justify-start lg:justify-end ", children: M ? _() : $() })
+    /* @__PURE__ */ d("div", { className: "space-x-2 pt-0 pb-2 md:p-2 h-full flex items-center justify-start md:justify-start lg:justify-end", children: M ? _() : $() })
   ] }), xe = B && !M && /* @__PURE__ */ d(
     fr.div,
     {

package/dist/tailwind/index.d.ts

@@ -230,19 +230,16 @@ export declare const defaultHeroUITheme: {
  * });
  */
 export declare function createHeroUIConfig(overrides?: HeroUIConfigOverrides): HeroUIConfig;
+/**
+ * Content paths for Tailwind to scan for classes
+ * Includes HeroUI theme and Design System components
+ */
+export declare const veevartContent: string[];
 /**
  * Veevart Design System Tailwind preset
  *
  * Use this preset in your tailwind.config.js to get all Veevart tokens
- * and styling defaults.
- *
- * @example
- * const { veevartPreset } = require('@veevarts/design-system/tailwind');
- *
- * module.exports = {
- *     presets: [veevartPreset],
- *     content: [...],
- * };
+ * and styling defaults. Use veevartContent in your content array.
  */
 export declare const veevartPreset: {
     theme: {

package/dist/tailwind/index.js

@@ -29,6 +29,7 @@ __export(index_exports, {
   tailwindTheme: () => tailwindTheme,
   tokens: () => tokens,
   typography: () => typography,
+  veevartContent: () => veevartContent,
   veevartPreset: () => veevartPreset
 });
 module.exports = __toCommonJS(index_exports);
@@ -266,6 +267,10 @@ function createHeroUIConfig(overrides = {}) {
   }
   return baseConfig;
 }
+var veevartContent = [
+  "./node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}",
+  "./node_modules/@veevarts/design-system/dist/**/*.{js,mjs,jsx,tsx}"
+];
 var veevartPreset = {
   theme: {
     extend: tailwindTheme
@@ -289,5 +294,6 @@ var tokens = {
   tailwindTheme,
   tokens,
   typography,
+  veevartContent,
   veevartPreset
 });

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@veevarts/design-system",
     "private": false,
-    "version": "1.6.0",
+    "version": "1.7.2",
     "type": "module",
     "main": "dist/index.js",
     "module": "dist/index.js",