@bitrix24/b24ui-nuxt 0.5.2 → 0.5.3

package/.nuxt/b24ui/navigation-menu.ts

@@ -122,8 +122,8 @@ export default {
     "orientation": {
       "horizontal": {
         "root": "items-center justify-between",
-        "list": "flex items-center",
-        "item": "py-2",
+        "list": "flex items-center gap-x-1",
+        "item": "py-2 empty:hidden",
         "link": "px-2.5 py-1.5 before:inset-x-px before:inset-y-0",
         "childList": "grid p-2"
       },
@@ -140,7 +140,7 @@ export default {
         "childLinkLabelExternalIcon": "h-4"
       },
       "vertical": {
-        "viewport": "sm:w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)",
+        "viewport": "w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left) [&:has(>[data-viewport=rtl])]:left-auto [&:has(>[data-viewport=rtl])]:-right-[calc(100%-var(--reka-navigation-menu-viewport-width))]",
         "content": "",
         "childLinkLabel": "text-md text-base-950 dark:text-base-50",
         "childLinkLabelExternalIcon": "h-4"
@@ -210,6 +210,14 @@ export default {
         ]
       }
     },
+    {
+      "disabled": true,
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "class": {
+        "link": "hover:before:rounded-md"
+      }
+    },
     {
       "disabled": false,
       "active": false,
@@ -258,6 +266,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-base-800 dark:bg-white/35 rounded-2xl"
       }
     },
+    {
+      "color": "default" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "class": {
+        "link": "min-h-9 before:rounded-md before:bg-base-800 dark:before:bg-white/35 hover:before:bg-base-800 hover:dark:before:bg-white/35 data-[state=open]:before:bg-base-800 dark:data-[state=open]:before:bg-white/35",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "color": "danger" as typeof color[number],
       "variant": "pill" as typeof variant[number],
@@ -268,6 +286,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-red-800 dark:bg-red-800 rounded-2xl"
       }
     },
+    {
+      "color": "danger" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "class": {
+        "link": "min-h-9 before:rounded-md before:bg-red-800 dark:before:bg-red-800 hover:before:bg-red-800 hover:dark:before:bg-red-800 data-[state=open]:before:bg-red-800 dark:data-[state=open]:before:bg-red-800",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "color": "success" as typeof color[number],
       "variant": "pill" as typeof variant[number],
@@ -278,6 +306,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-green-800 dark:bg-green-800 rounded-2xl"
       }
     },
+    {
+      "color": "success" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "class": {
+        "link": "min-h-9 before:rounded-md before:bg-green-800 dark:before:bg-green-800 hover:before:bg-green-800 hover:dark:before:bg-green-800 data-[state=open]:before:bg-green-800 dark:data-[state=open]:before:bg-green-800",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "color": "warning" as typeof color[number],
       "variant": "pill" as typeof variant[number],
@@ -288,6 +326,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-orange-800 dark:bg-orange-800 rounded-2xl"
       }
     },
+    {
+      "color": "warning" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "class": {
+        "link": "min-h-9 before:rounded-md before:bg-orange-800 dark:before:bg-orange-800 hover:before:bg-orange-800 hover:dark:before:bg-orange-800 data-[state=open]:before:bg-orange-800 dark:data-[state=open]:before:bg-orange-800",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "color": "primary" as typeof color[number],
       "variant": "pill" as typeof variant[number],
@@ -298,6 +346,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-blue-800 dark:bg-blue-800 rounded-2xl"
       }
     },
+    {
+      "color": "primary" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "class": {
+        "link": "min-h-9 before:rounded-md before:bg-blue-800 dark:before:bg-blue-800 hover:before:bg-blue-800 hover:dark:before:bg-blue-800 data-[state=open]:before:bg-blue-800 dark:data-[state=open]:before:bg-blue-800",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "color": "secondary" as typeof color[number],
       "variant": "pill" as typeof variant[number],
@@ -308,6 +366,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-cyan-800 dark:bg-cyan-800 rounded-2xl"
       }
     },
+    {
+      "color": "secondary" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "class": {
+        "link": "min-h-9 before:rounded-md before:bg-cyan-800 dark:before:bg-cyan-800 hover:before:bg-cyan-800 hover:dark:before:bg-cyan-800 data-[state=open]:before:bg-cyan-800 dark:data-[state=open]:before:bg-cyan-800",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "color": "collab" as typeof color[number],
       "variant": "pill" as typeof variant[number],
@@ -318,6 +386,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-collab-800 dark:bg-collab-800 rounded-2xl"
       }
     },
+    {
+      "color": "collab" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "class": {
+        "link": "min-h-9 before:rounded-md before:bg-collab-800 dark:before:bg-collab-800 hover:before:bg-collab-800 hover:dark:before:bg-collab-800 data-[state=open]:before:bg-collab-800 dark:data-[state=open]:before:bg-collab-800",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "color": "ai" as typeof color[number],
       "variant": "pill" as typeof variant[number],
@@ -328,6 +406,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-ai-800 dark:bg-ai-800 rounded-2xl"
       }
     },
+    {
+      "color": "ai" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "class": {
+        "link": "min-h-9 before:rounded-md before:bg-ai-800 dark:before:bg-ai-800 hover:before:bg-ai-800 hover:dark:before:bg-ai-800 data-[state=open]:before:bg-ai-800 dark:data-[state=open]:before:bg-ai-800",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "variant": "pill" as typeof variant[number],
       "active": true,
@@ -338,15 +426,101 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-base-800 dark:bg-white/35 rounded-2xl"
       }
     },
+    {
+      "variant": "pill" as typeof variant[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "active": true,
+      "highlight": false,
+      "class": {
+        "linkLabelWrapper": "bg-inherit dark:bg-inherit"
+      }
+    },
     {
       "variant": "pill" as typeof variant[number],
       "active": true,
       "highlight": true,
       "class": {
-        "link": [
-          "hover:before:bg-base-250/80 dark:hover:before:bg-white/10",
-          "before:transition-colors"
-        ]
+        "link": "hover:before:bg-base-250/80 dark:hover:before:bg-white/10 before:transition-colors"
+      }
+    },
+    {
+      "color": "default" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-base-800 hover:dark:before:bg-white/35 before:transition-colors"
+      }
+    },
+    {
+      "color": "danger" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-red-800 hover:dark:before:bg-red-800 before:transition-colors"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-green-800 hover:dark:before:bg-green-800 before:transition-colors"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-orange-800 hover:dark:before:bg-orange-800 before:transition-colors"
+      }
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-blue-800 hover:dark:before:bg-blue-800 before:transition-colors"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-cyan-800 hover:dark:before:bg-cyan-800 before:transition-colors"
+      }
+    },
+    {
+      "color": "collab" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-collab-800 hover:dark:before:bg-collab-800 before:transition-colors"
+      }
+    },
+    {
+      "color": "ai" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-ai-800 hover:dark:before:bg-ai-800 before:transition-colors"
       }
     },
     {
@@ -354,8 +528,8 @@ export default {
       "variant": "link" as typeof variant[number],
       "class": {
         "viewportWrapper": "top-[calc(100%+0.4rem)]",
-        "viewport": "rounded-b-md rounded-tr-md clip-path-viewport-wrapper",
-        "link": "before:-inset-x-px before:-inset-y-[6px] before:h-[70px] before:rounded-t-md"
+        "viewport": "rounded-b-md [&:has(>[data-viewport=ltr])]:rounded-tr-md [&:has(>[data-viewport=rtl])]:rounded-tl-md clip-path-viewport-wrapper",
+        "link": "before:inset-x-[0px] before:-inset-y-[6px] before:h-[70px] before:rounded-t-md"
       }
     },
     {