@bitrix24/b24ui-nuxt 0.5.1 → 0.5.2

package/dist/shared/{b24ui-nuxt.ClMXHpMM.cjs → b24ui-nuxt.CKEqlXJP.cjs}

@@ -3567,12 +3567,12 @@ const navigationMenu = {
       "relative overflow-hidden",
       "w-full",
       "bg-white dark:bg-base-dark",
-      "shadow-lg",
-      "rounded-2xs",
-      "ring ring-base-300 dark:ring-base-800",
+      "shadow-[0_15px_21px_rgba(83,92,105,.15)]",
+      //
       "h-(--reka-navigation-menu-viewport-height)",
-      "transition-[width,height,left] duration-200 origin-[top_center]",
-      "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]"
+      "transition-[width,height] duration-200 origin-[top_center]"
+      // left
+      // 'motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]'
     ].join(" "),
     content: "absolute top-0 left-0 w-full",
     indicator: [
@@ -3644,6 +3644,10 @@ const navigationMenu = {
       pill: {
         link: [
           "hover:before:bg-base-250/80 dark:hover:before:bg-white/10"
+        ].join(" "),
+        viewport: [
+          "rounded-md",
+          "ring ring-base-300 dark:ring-base-800"
         ].join(" ")
       },
       link: ""
@@ -3669,29 +3673,39 @@ const navigationMenu = {
       horizontal: {
         viewport: "",
         viewportWrapper: "justify-center",
-        content: "motion-safe:data-[motion=from-start]:animate-[enter-from-left_200ms_ease] motion-safe:data-[motion=from-end]:animate-[enter-from-right_200ms_ease] motion-safe:data-[motion=to-start]:animate-[exit-to-left_200ms_ease] motion-safe:data-[motion=to-end]:animate-[exit-to-right_200ms_ease]"
+        content: "motion-safe:data-[motion=from-start]:animate-[enter-from-left_200ms_ease] motion-safe:data-[motion=from-end]:animate-[enter-from-right_200ms_ease] motion-safe:data-[motion=to-start]:animate-[exit-to-left_200ms_ease] motion-safe:data-[motion=to-end]:animate-[exit-to-right_200ms_ease]",
+        childLinkLabelExternalIcon: [
+          "h-4"
+        ].join(" ")
       },
       vertical: {
         viewport: "sm:w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)",
-        content: ""
+        content: "",
+        childLinkLabel: [
+          "text-md",
+          "text-base-950 dark:text-base-50"
+        ].join(" "),
+        childLinkLabelExternalIcon: [
+          "h-4"
+        ].join(" ")
       }
     },
     active: {
       true: {
         childLink: [
-          "bg-base-250/80 dark:bg-white/10",
+          "bg-base-20 dark:bg-base-900",
           "text-base-950 dark:text-base-50",
           "font-semibold"
         ].join(" "),
-        childLinkIcon: "text-base-950 dark:text-base-50"
+        childLinkIcon: "text-base-950 dark:text-base-200"
       },
       false: {
         link: "text-base-900 dark:text-base-200",
         linkLeadingIcon: "text-base-500 dark:text-base-700",
         childLink: [
-          "hover:bg-base-250/80 dark:hover:bg-white/10",
+          "hover:bg-base-20 dark:hover:bg-base-900",
           "text-base-500 dark:text-base-700",
-          "hover:text-base-950 dark:hover:dark:text-base-50",
+          "hover:text-base-950 dark:hover:dark:text-base-200",
           "transition-colors"
         ].join(" "),
         childLinkIcon: [
@@ -3981,6 +3995,23 @@ const navigationMenu = {
     },
     // endregion ////
     // region link ////
+    {
+      orientation: "horizontal",
+      variant: "link",
+      class: {
+        viewportWrapper: [
+          "top-[calc(100%+0.4rem)]"
+        ].join(" "),
+        viewport: [
+          "rounded-b-md rounded-tr-md",
+          "clip-path-viewport-wrapper"
+        ].join(" "),
+        link: [
+          "before:-inset-x-px before:-inset-y-[6px] before:h-[70px]",
+          "before:rounded-t-md"
+        ].join(" ")
+      }
+    },
     {
       disabled: false,
       active: false,
@@ -3996,13 +4027,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      disabled: false,
+      variant: "link",
+      orientation: "horizontal",
+      class: {
+        link: [
+          "data-[state=open]:before:shadow-[0_6px_21px_rgba(83,92,105,.15)]",
+          "data-[state=open]:before:bg-white dark:data-[state=open]:before:bg-base-dark"
+        ].join(" ")
+      }
+    },
     {
       disabled: false,
       active: false,
       variant: "link",
       orientation: "horizontal",
       class: {
-        link: "data-[state=open]:text-base-950 dark:data-[state=open]:text-base-50",
+        link: [
+          "data-[state=open]:text-base-950 dark:data-[state=open]:text-base-50"
+        ].join(" "),
         linkLeadingIcon: "group-data-[state=open]:text-base-950 dark:group-data-[state=open]:text-base-50"
       }
     },
@@ -4047,8 +4091,8 @@ const navigationMenu = {
       variant: "link",
       active: true,
       class: {
-        link: "font-semibold text-blue-800 dark:text-blue-600",
-        linkLeadingIcon: "text-blue-800 group-data-[state=open]:text-blue-600 dark:text-blue-600 dark:group-data-[state=open]:text-blue-600"
+        link: "font-semibold text-blue-850 dark:text-blue-600",
+        linkLeadingIcon: "text-blue-850 group-data-[state=open]:text-blue-600 dark:text-blue-600 dark:group-data-[state=open]:text-blue-600"
       }
     },
     {
@@ -4081,6 +4125,7 @@ const navigationMenu = {
     // endregion ////
     // region highlight.Color ////
     {
+      orientation: "vertical",
       highlightColor: "default",
       highlight: true,
       level: true,
@@ -4090,6 +4135,18 @@ const navigationMenu = {
       }
     },
     {
+      orientation: "horizontal",
+      variant: "link",
+      highlightColor: "default",
+      highlight: true,
+      level: true,
+      active: true,
+      class: {
+        link: "after:bg-base-500"
+      }
+    },
+    {
+      orientation: "vertical",
       highlightColor: "danger",
       highlight: true,
       level: true,
@@ -4099,15 +4156,46 @@ const navigationMenu = {
       }
     },
     {
+      orientation: "horizontal",
+      variant: "link",
+      highlightColor: "danger",
+      highlight: true,
+      level: true,
+      active: true,
+      class: {
+        link: "after:bg-red-500 dark:after:bg-red-600"
+      }
+    },
+    {
+      orientation: "vertical",
       highlightColor: "success",
       highlight: true,
       level: true,
       active: true,
+      class: { link: "after:bg-green-500 dark:after:bg-green-600" }
+    },
+    {
+      orientation: "horizontal",
+      variant: "link",
+      highlightColor: "success",
+      highlight: true,
+      level: true,
+      active: true,
+      class: { link: "after:bg-green-500 dark:after:bg-green-600" }
+    },
+    {
+      orientation: "vertical",
+      highlightColor: "warning",
+      highlight: true,
+      level: true,
+      active: true,
       class: {
-        link: "after:bg-green-500 dark:after:bg-green-600"
+        link: "after:bg-orange-500 dark:after:bg-orange-600"
       }
     },
     {
+      orientation: "horizontal",
+      variant: "link",
       highlightColor: "warning",
       highlight: true,
       level: true,
@@ -4117,6 +4205,7 @@ const navigationMenu = {
       }
     },
     {
+      orientation: "vertical",
       highlightColor: "primary",
       highlight: true,
       level: true,
@@ -4126,6 +4215,29 @@ const navigationMenu = {
       }
     },
     {
+      orientation: "horizontal",
+      variant: "link",
+      highlightColor: "primary",
+      highlight: true,
+      level: true,
+      active: true,
+      class: {
+        link: "after:bg-blue-850 dark:after:bg-blue-600"
+      }
+    },
+    {
+      orientation: "vertical",
+      highlightColor: "secondary",
+      highlight: true,
+      level: true,
+      active: true,
+      class: {
+        link: "after:bg-cyan-500 dark:after:bg-cyan-600"
+      }
+    },
+    {
+      orientation: "horizontal",
+      variant: "link",
       highlightColor: "secondary",
       highlight: true,
       level: true,
@@ -4135,6 +4247,7 @@ const navigationMenu = {
       }
     },
     {
+      orientation: "vertical",
       highlightColor: "collab",
       highlight: true,
       level: true,
@@ -4144,6 +4257,29 @@ const navigationMenu = {
       }
     },
     {
+      orientation: "horizontal",
+      variant: "link",
+      highlightColor: "collab",
+      highlight: true,
+      level: true,
+      active: true,
+      class: {
+        link: "after:bg-collab-500 dark:after:bg-collab-600"
+      }
+    },
+    {
+      orientation: "vertical",
+      highlightColor: "ai",
+      highlight: true,
+      level: true,
+      active: true,
+      class: {
+        link: "after:bg-ai-500 dark:after:bg-ai-600"
+      }
+    },
+    {
+      orientation: "horizontal",
+      variant: "link",
       highlightColor: "ai",
       highlight: true,
       level: true,
@@ -4174,7 +4310,8 @@ const navigationMenu = {
   defaultVariants: {
     color: "default",
     highlightColor: "default",
-    variant: "pill"
+    contentOrientation: "vertical",
+    variant: "link"
   }
 };
 

package/dist/shared/{b24ui-nuxt.CBnBA3PE.mjs → b24ui-nuxt.DQ3Ix7rC.mjs}

@@ -3565,12 +3565,12 @@ const navigationMenu = {
       "relative overflow-hidden",
       "w-full",
       "bg-white dark:bg-base-dark",
-      "shadow-lg",
-      "rounded-2xs",
-      "ring ring-base-300 dark:ring-base-800",
+      "shadow-[0_15px_21px_rgba(83,92,105,.15)]",
+      //
       "h-(--reka-navigation-menu-viewport-height)",
-      "transition-[width,height,left] duration-200 origin-[top_center]",
-      "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]"
+      "transition-[width,height] duration-200 origin-[top_center]"
+      // left
+      // 'motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]'
     ].join(" "),
     content: "absolute top-0 left-0 w-full",
     indicator: [
@@ -3642,6 +3642,10 @@ const navigationMenu = {
       pill: {
         link: [
           "hover:before:bg-base-250/80 dark:hover:before:bg-white/10"
+        ].join(" "),
+        viewport: [
+          "rounded-md",
+          "ring ring-base-300 dark:ring-base-800"
         ].join(" ")
       },
       link: ""
@@ -3667,29 +3671,39 @@ const navigationMenu = {
       horizontal: {
         viewport: "",
         viewportWrapper: "justify-center",
-        content: "motion-safe:data-[motion=from-start]:animate-[enter-from-left_200ms_ease] motion-safe:data-[motion=from-end]:animate-[enter-from-right_200ms_ease] motion-safe:data-[motion=to-start]:animate-[exit-to-left_200ms_ease] motion-safe:data-[motion=to-end]:animate-[exit-to-right_200ms_ease]"
+        content: "motion-safe:data-[motion=from-start]:animate-[enter-from-left_200ms_ease] motion-safe:data-[motion=from-end]:animate-[enter-from-right_200ms_ease] motion-safe:data-[motion=to-start]:animate-[exit-to-left_200ms_ease] motion-safe:data-[motion=to-end]:animate-[exit-to-right_200ms_ease]",
+        childLinkLabelExternalIcon: [
+          "h-4"
+        ].join(" ")
       },
       vertical: {
         viewport: "sm:w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)",
-        content: ""
+        content: "",
+        childLinkLabel: [
+          "text-md",
+          "text-base-950 dark:text-base-50"
+        ].join(" "),
+        childLinkLabelExternalIcon: [
+          "h-4"
+        ].join(" ")
       }
     },
     active: {
       true: {
         childLink: [
-          "bg-base-250/80 dark:bg-white/10",
+          "bg-base-20 dark:bg-base-900",
           "text-base-950 dark:text-base-50",
           "font-semibold"
         ].join(" "),
-        childLinkIcon: "text-base-950 dark:text-base-50"
+        childLinkIcon: "text-base-950 dark:text-base-200"
       },
       false: {
         link: "text-base-900 dark:text-base-200",
         linkLeadingIcon: "text-base-500 dark:text-base-700",
         childLink: [
-          "hover:bg-base-250/80 dark:hover:bg-white/10",
+          "hover:bg-base-20 dark:hover:bg-base-900",
           "text-base-500 dark:text-base-700",
-          "hover:text-base-950 dark:hover:dark:text-base-50",
+          "hover:text-base-950 dark:hover:dark:text-base-200",
           "transition-colors"
         ].join(" "),
         childLinkIcon: [
@@ -3979,6 +3993,23 @@ const navigationMenu = {
     },
     // endregion ////
     // region link ////
+    {
+      orientation: "horizontal",
+      variant: "link",
+      class: {
+        viewportWrapper: [
+          "top-[calc(100%+0.4rem)]"
+        ].join(" "),
+        viewport: [
+          "rounded-b-md rounded-tr-md",
+          "clip-path-viewport-wrapper"
+        ].join(" "),
+        link: [
+          "before:-inset-x-px before:-inset-y-[6px] before:h-[70px]",
+          "before:rounded-t-md"
+        ].join(" ")
+      }
+    },
     {
       disabled: false,
       active: false,
@@ -3994,13 +4025,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      disabled: false,
+      variant: "link",
+      orientation: "horizontal",
+      class: {
+        link: [
+          "data-[state=open]:before:shadow-[0_6px_21px_rgba(83,92,105,.15)]",
+          "data-[state=open]:before:bg-white dark:data-[state=open]:before:bg-base-dark"
+        ].join(" ")
+      }
+    },
     {
       disabled: false,
       active: false,
       variant: "link",
       orientation: "horizontal",
       class: {
-        link: "data-[state=open]:text-base-950 dark:data-[state=open]:text-base-50",
+        link: [
+          "data-[state=open]:text-base-950 dark:data-[state=open]:text-base-50"
+        ].join(" "),
         linkLeadingIcon: "group-data-[state=open]:text-base-950 dark:group-data-[state=open]:text-base-50"
       }
     },
@@ -4045,8 +4089,8 @@ const navigationMenu = {
       variant: "link",
       active: true,
       class: {
-        link: "font-semibold text-blue-800 dark:text-blue-600",
-        linkLeadingIcon: "text-blue-800 group-data-[state=open]:text-blue-600 dark:text-blue-600 dark:group-data-[state=open]:text-blue-600"
+        link: "font-semibold text-blue-850 dark:text-blue-600",
+        linkLeadingIcon: "text-blue-850 group-data-[state=open]:text-blue-600 dark:text-blue-600 dark:group-data-[state=open]:text-blue-600"
       }
     },
     {
@@ -4079,6 +4123,7 @@ const navigationMenu = {
     // endregion ////
     // region highlight.Color ////
     {
+      orientation: "vertical",
       highlightColor: "default",
       highlight: true,
       level: true,
@@ -4088,6 +4133,18 @@ const navigationMenu = {
       }
     },
     {
+      orientation: "horizontal",
+      variant: "link",
+      highlightColor: "default",
+      highlight: true,
+      level: true,
+      active: true,
+      class: {
+        link: "after:bg-base-500"
+      }
+    },
+    {
+      orientation: "vertical",
       highlightColor: "danger",
       highlight: true,
       level: true,
@@ -4097,15 +4154,46 @@ const navigationMenu = {
       }
     },
     {
+      orientation: "horizontal",
+      variant: "link",
+      highlightColor: "danger",
+      highlight: true,
+      level: true,
+      active: true,
+      class: {
+        link: "after:bg-red-500 dark:after:bg-red-600"
+      }
+    },
+    {
+      orientation: "vertical",
       highlightColor: "success",
       highlight: true,
       level: true,
       active: true,
+      class: { link: "after:bg-green-500 dark:after:bg-green-600" }
+    },
+    {
+      orientation: "horizontal",
+      variant: "link",
+      highlightColor: "success",
+      highlight: true,
+      level: true,
+      active: true,
+      class: { link: "after:bg-green-500 dark:after:bg-green-600" }
+    },
+    {
+      orientation: "vertical",
+      highlightColor: "warning",
+      highlight: true,
+      level: true,
+      active: true,
       class: {
-        link: "after:bg-green-500 dark:after:bg-green-600"
+        link: "after:bg-orange-500 dark:after:bg-orange-600"
       }
     },
     {
+      orientation: "horizontal",
+      variant: "link",
       highlightColor: "warning",
       highlight: true,
       level: true,
@@ -4115,6 +4203,7 @@ const navigationMenu = {
       }
     },
     {
+      orientation: "vertical",
       highlightColor: "primary",
       highlight: true,
       level: true,
@@ -4124,6 +4213,29 @@ const navigationMenu = {
       }
     },
     {
+      orientation: "horizontal",
+      variant: "link",
+      highlightColor: "primary",
+      highlight: true,
+      level: true,
+      active: true,
+      class: {
+        link: "after:bg-blue-850 dark:after:bg-blue-600"
+      }
+    },
+    {
+      orientation: "vertical",
+      highlightColor: "secondary",
+      highlight: true,
+      level: true,
+      active: true,
+      class: {
+        link: "after:bg-cyan-500 dark:after:bg-cyan-600"
+      }
+    },
+    {
+      orientation: "horizontal",
+      variant: "link",
       highlightColor: "secondary",
       highlight: true,
       level: true,
@@ -4133,6 +4245,7 @@ const navigationMenu = {
       }
     },
     {
+      orientation: "vertical",
       highlightColor: "collab",
       highlight: true,
       level: true,
@@ -4142,6 +4255,29 @@ const navigationMenu = {
       }
     },
     {
+      orientation: "horizontal",
+      variant: "link",
+      highlightColor: "collab",
+      highlight: true,
+      level: true,
+      active: true,
+      class: {
+        link: "after:bg-collab-500 dark:after:bg-collab-600"
+      }
+    },
+    {
+      orientation: "vertical",
+      highlightColor: "ai",
+      highlight: true,
+      level: true,
+      active: true,
+      class: {
+        link: "after:bg-ai-500 dark:after:bg-ai-600"
+      }
+    },
+    {
+      orientation: "horizontal",
+      variant: "link",
       highlightColor: "ai",
       highlight: true,
       level: true,
@@ -4172,7 +4308,8 @@ const navigationMenu = {
   defaultVariants: {
     color: "default",
     highlightColor: "default",
-    variant: "pill"
+    contentOrientation: "vertical",
+    variant: "link"
   }
 };
 

package/dist/unplugin.cjs

@@ -5,7 +5,7 @@ const pathe = require('pathe');
 const unplugin = require('unplugin');
 const defu = require('defu');
 const tailwind = require('@tailwindcss/vite');
-const templates = require('./shared/b24ui-nuxt.ClMXHpMM.cjs');
+const templates = require('./shared/b24ui-nuxt.CKEqlXJP.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');

package/dist/unplugin.mjs

@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CBnBA3PE.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.DQ3Ix7rC.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';

package/dist/vite.cjs

@@ -6,7 +6,7 @@ require('pathe');
 require('unplugin');
 require('defu');
 require('@tailwindcss/vite');
-require('./shared/b24ui-nuxt.ClMXHpMM.cjs');
+require('./shared/b24ui-nuxt.CKEqlXJP.cjs');
 require('scule');
 require('@nuxt/kit');
 require('tinyglobby');

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.CBnBA3PE.mjs';
+import './shared/b24ui-nuxt.DQ3Ix7rC.mjs';
 import 'scule';
 import '@nuxt/kit';
 import 'tinyglobby';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
   "description": "Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"