@bitrix24/b24ui-nuxt 0.5.1 → 0.5.2

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

@@ -62,7 +62,7 @@ export default {
     "childLinkDescription": "text-sm text-base-500 dark:text-base-700",
     "separator": "px-2 h-px bg-base-950/10 dark:bg-base-100/20",
     "viewportWrapper": "absolute top-full left-0 flex w-full",
-    "viewport": "relative overflow-hidden w-full bg-white dark:bg-base-dark shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800 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]",
+    "viewport": "relative overflow-hidden w-full bg-white dark:bg-base-dark shadow-[0_15px_21px_rgba(83,92,105,.15)] h-(--reka-navigation-menu-viewport-height) transition-[width,height] duration-200 origin-[top_center]",
     "content": "absolute top-0 left-0 w-full",
     "indicator": "absolute motion-safe:data-[state=visible]:animate-[fade-in_100ms_ease-out] motion-safe:data-[state=hidden]:animate-[fade-out_100ms_ease-in] data-[state=hidden]:opacity-0 bottom-0 z-[1] w-(--reka-navigation-menu-indicator-size) h-2.5 translate-x-(--reka-navigation-menu-indicator-position) flex items-end justify-center overflow-hidden transition-[translate,width] duration-200",
     "arrow": "relative top-[50%] size-2.5 rotate-45 border border-base-300 dark:border-base-800 bg-white dark:bg-base-dark z-[1] rounded-3xs"
@@ -114,7 +114,8 @@ export default {
     },
     "variant": {
       "pill": {
-        "link": "hover:before:bg-base-250/80 dark:hover:before:bg-white/10"
+        "link": "hover:before:bg-base-250/80 dark:hover:before:bg-white/10",
+        "viewport": "rounded-md ring ring-base-300 dark:ring-base-800"
       },
       "link": ""
     },
@@ -135,22 +136,25 @@ export default {
       "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"
       },
       "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",
+        "childLinkLabelExternalIcon": "h-4"
       }
     },
     "active": {
       "true": {
-        "childLink": "bg-base-250/80 dark:bg-white/10 text-base-950 dark:text-base-50 font-semibold",
-        "childLinkIcon": "text-base-950 dark:text-base-50"
+        "childLink": "bg-base-20 dark:bg-base-900 text-base-950 dark:text-base-50 font-semibold",
+        "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 text-base-500 dark:text-base-700 hover:text-base-950 dark:hover:dark:text-base-50 transition-colors",
+        "childLink": "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-200 transition-colors",
         "childLinkIcon": "text-base-500 dark:text-base-700 group-hover:text-base-950 dark:group-hover:text-base-50 transition-colors"
       }
     },
@@ -345,6 +349,15 @@ export default {
         ]
       }
     },
+    {
+      "orientation": "horizontal" as typeof orientation[number],
+      "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"
+      }
+    },
     {
       "disabled": false,
       "active": false,
@@ -354,6 +367,14 @@ export default {
         "linkLeadingIcon": "group-hover:text-base-950 dark:group-hover:text-base-50 transition-colors"
       }
     },
+    {
+      "disabled": false,
+      "variant": "link" as typeof variant[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "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"
+      }
+    },
     {
       "disabled": false,
       "active": false,
@@ -405,8 +426,8 @@ export default {
       "variant": "link" as typeof variant[number],
       "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"
       }
     },
     {
@@ -437,6 +458,7 @@ export default {
       }
     },
     {
+      "orientation": "vertical" as typeof orientation[number],
       "highlightColor": "default" as typeof highlightColor[number],
       "highlight": true,
       "level": true,
@@ -446,6 +468,29 @@ export default {
       }
     },
     {
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "link" as typeof variant[number],
+      "highlightColor": "default" as typeof highlightColor[number],
+      "highlight": true,
+      "level": true,
+      "active": true,
+      "class": {
+        "link": "after:bg-base-500"
+      }
+    },
+    {
+      "orientation": "vertical" as typeof orientation[number],
+      "highlightColor": "danger" as typeof highlightColor[number],
+      "highlight": true,
+      "level": true,
+      "active": true,
+      "class": {
+        "link": "after:bg-red-500 dark:after:bg-red-600"
+      }
+    },
+    {
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "link" as typeof variant[number],
       "highlightColor": "danger" as typeof highlightColor[number],
       "highlight": true,
       "level": true,
@@ -455,6 +500,7 @@ export default {
       }
     },
     {
+      "orientation": "vertical" as typeof orientation[number],
       "highlightColor": "success" as typeof highlightColor[number],
       "highlight": true,
       "level": true,
@@ -464,6 +510,29 @@ export default {
       }
     },
     {
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "link" as typeof variant[number],
+      "highlightColor": "success" as typeof highlightColor[number],
+      "highlight": true,
+      "level": true,
+      "active": true,
+      "class": {
+        "link": "after:bg-green-500 dark:after:bg-green-600"
+      }
+    },
+    {
+      "orientation": "vertical" as typeof orientation[number],
+      "highlightColor": "warning" as typeof highlightColor[number],
+      "highlight": true,
+      "level": true,
+      "active": true,
+      "class": {
+        "link": "after:bg-orange-500 dark:after:bg-orange-600"
+      }
+    },
+    {
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "link" as typeof variant[number],
       "highlightColor": "warning" as typeof highlightColor[number],
       "highlight": true,
       "level": true,
@@ -473,6 +542,7 @@ export default {
       }
     },
     {
+      "orientation": "vertical" as typeof orientation[number],
       "highlightColor": "primary" as typeof highlightColor[number],
       "highlight": true,
       "level": true,
@@ -482,6 +552,29 @@ export default {
       }
     },
     {
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "link" as typeof variant[number],
+      "highlightColor": "primary" as typeof highlightColor[number],
+      "highlight": true,
+      "level": true,
+      "active": true,
+      "class": {
+        "link": "after:bg-blue-850 dark:after:bg-blue-600"
+      }
+    },
+    {
+      "orientation": "vertical" as typeof orientation[number],
+      "highlightColor": "secondary" as typeof highlightColor[number],
+      "highlight": true,
+      "level": true,
+      "active": true,
+      "class": {
+        "link": "after:bg-cyan-500 dark:after:bg-cyan-600"
+      }
+    },
+    {
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "link" as typeof variant[number],
       "highlightColor": "secondary" as typeof highlightColor[number],
       "highlight": true,
       "level": true,
@@ -491,6 +584,7 @@ export default {
       }
     },
     {
+      "orientation": "vertical" as typeof orientation[number],
       "highlightColor": "collab" as typeof highlightColor[number],
       "highlight": true,
       "level": true,
@@ -500,6 +594,29 @@ export default {
       }
     },
     {
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "link" as typeof variant[number],
+      "highlightColor": "collab" as typeof highlightColor[number],
+      "highlight": true,
+      "level": true,
+      "active": true,
+      "class": {
+        "link": "after:bg-collab-500 dark:after:bg-collab-600"
+      }
+    },
+    {
+      "orientation": "vertical" as typeof orientation[number],
+      "highlightColor": "ai" as typeof highlightColor[number],
+      "highlight": true,
+      "level": true,
+      "active": true,
+      "class": {
+        "link": "after:bg-ai-500 dark:after:bg-ai-600"
+      }
+    },
+    {
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "link" as typeof variant[number],
       "highlightColor": "ai" as typeof highlightColor[number],
       "highlight": true,
       "level": true,
@@ -527,6 +644,7 @@ export default {
   "defaultVariants": {
     "color": "default" as typeof color[number],
     "highlightColor": "default" as typeof highlightColor[number],
-    "variant": "pill" as typeof variant[number]
+    "contentOrientation": "vertical" as typeof contentOrientation[number],
+    "variant": "link" as typeof variant[number]
   }
 }

package/dist/meta.cjs

@@ -10706,53 +10706,53 @@ const B24UIMeta = {
           }
         },
         {
-          "name": "required",
+          "name": "defaultValue",
           "global": false,
-          "description": "When `true`, indicates that the user must set the value before the owning form can be submitted.",
+          "description": "The value of the checkbox when it is initially rendered. Use when you do not need to control its value.",
           "tags": [],
           "required": false,
-          "type": "boolean | undefined",
+          "type": "boolean | \"indeterminate\" | undefined",
           "schema": {
             "kind": "enum",
-            "type": "boolean | undefined",
+            "type": "boolean | \"indeterminate\" | undefined",
             "schema": {
               "0": "undefined",
               "1": "false",
-              "2": "true"
+              "2": "true",
+              "3": "\"indeterminate\""
             }
           }
         },
         {
-          "name": "id",
+          "name": "required",
           "global": false,
-          "description": "Id of the element",
+          "description": "When `true`, indicates that the user must set the value before the owning form can be submitted.",
           "tags": [],
           "required": false,
-          "type": "string | undefined",
+          "type": "boolean | undefined",
           "schema": {
             "kind": "enum",
-            "type": "string | undefined",
+            "type": "boolean | undefined",
             "schema": {
               "0": "undefined",
-              "1": "string"
+              "1": "false",
+              "2": "true"
             }
           }
         },
         {
-          "name": "defaultValue",
+          "name": "id",
           "global": false,
-          "description": "The value of the checkbox when it is initially rendered. Use when you do not need to control its value.",
+          "description": "Id of the element",
           "tags": [],
           "required": false,
-          "type": "boolean | \"indeterminate\" | undefined",
+          "type": "string | undefined",
           "schema": {
             "kind": "enum",
-            "type": "boolean | \"indeterminate\" | undefined",
+            "type": "string | undefined",
             "schema": {
               "0": "undefined",
-              "1": "false",
-              "2": "true",
-              "3": "\"indeterminate\""
+              "1": "string"
             }
           }
         }
@@ -37571,68 +37571,68 @@ const B24UIMeta = {
           }
         },
         {
-          "name": "required",
+          "name": "modelValue",
           "global": false,
-          "description": "When `true`, indicates that the user must set the value before the owning form can be submitted.",
+          "description": "",
           "tags": [],
           "required": false,
-          "type": "boolean | undefined",
+          "type": "number | null | undefined",
           "schema": {
             "kind": "enum",
-            "type": "boolean | undefined",
+            "type": "number | null | undefined",
             "schema": {
               "0": "undefined",
-              "1": "false",
-              "2": "true"
+              "1": "null",
+              "2": "number"
             }
           }
         },
         {
-          "name": "id",
+          "name": "defaultValue",
           "global": false,
-          "description": "Id of the element",
+          "description": "",
           "tags": [],
           "required": false,
-          "type": "string | undefined",
+          "type": "number | undefined",
           "schema": {
             "kind": "enum",
-            "type": "string | undefined",
+            "type": "number | undefined",
             "schema": {
               "0": "undefined",
-              "1": "string"
+              "1": "number"
             }
           }
         },
         {
-          "name": "defaultValue",
+          "name": "required",
           "global": false,
-          "description": "",
+          "description": "When `true`, indicates that the user must set the value before the owning form can be submitted.",
           "tags": [],
           "required": false,
-          "type": "number | undefined",
+          "type": "boolean | undefined",
           "schema": {
             "kind": "enum",
-            "type": "number | undefined",
+            "type": "boolean | undefined",
             "schema": {
               "0": "undefined",
-              "1": "number"
+              "1": "false",
+              "2": "true"
             }
           }
         },
         {
-          "name": "modelValue",
+          "name": "id",
           "global": false,
-          "description": "",
+          "description": "Id of the element",
           "tags": [],
           "required": false,
-          "type": "number | null | undefined",
+          "type": "string | undefined",
           "schema": {
             "kind": "enum",
-            "type": "number | null | undefined",
+            "type": "string | undefined",
             "schema": {
               "0": "undefined",
-              "1": "null",
-              "2": "number"
+              "1": "string"
             }
           }
         },
@@ -41658,7 +41658,7 @@ const B24UIMeta = {
           "tags": [
             {
               "name": "defaultValue",
-              "text": "'horizontal'"
+              "text": "'vertical'"
             }
           ],
           "required": false,
@@ -41672,7 +41672,7 @@ const B24UIMeta = {
               "2": "\"horizontal\""
             }
           },
-          "default": "\"horizontal\""
+          "default": "\"vertical\""
         },
         {
           "name": "arrow",
@@ -41778,9 +41778,9 @@ const B24UIMeta = {
           }
         },
         {
-          "name": "defaultValue",
+          "name": "modelValue",
           "global": false,
-          "description": "The value of the menu item that should be active when initially rendered.\r\n\r\nUse when you do not need to control the value state.",
+          "description": "The controlled value of the menu item to activate. Can be used as `v-model`.",
           "tags": [],
           "required": false,
           "type": "string | undefined",
@@ -41794,9 +41794,9 @@ const B24UIMeta = {
           }
         },
         {
-          "name": "modelValue",
+          "name": "defaultValue",
           "global": false,
-          "description": "The controlled value of the menu item to activate. Can be used as `v-model`.",
+          "description": "The value of the menu item that should be active when initially rendered.\r\n\r\nUse when you do not need to control the value state.",
           "tags": [],
           "required": false,
           "type": "string | undefined",
@@ -50415,19 +50415,21 @@ const B24UIMeta = {
           }
         },
         {
-          "name": "required",
+          "name": "modelValue",
           "global": false,
-          "description": "When `true`, indicates that the user must set the value before the owning form can be submitted.",
+          "description": "The controlled value of the radio item to check. Can be binded as `v-model`.",
           "tags": [],
           "required": false,
-          "type": "boolean | undefined",
+          "type": "AcceptableValue | undefined",
           "schema": {
             "kind": "enum",
-            "type": "boolean | undefined",
+            "type": "AcceptableValue | undefined",
             "schema": {
               "0": "undefined",
-              "1": "false",
-              "2": "true"
+              "1": "null",
+              "2": "string",
+              "3": "number",
+              "4": "Record<string, any>"
             }
           }
         },
@@ -50451,21 +50453,19 @@ const B24UIMeta = {
           }
         },
         {
-          "name": "modelValue",
+          "name": "required",
           "global": false,
-          "description": "The controlled value of the radio item to check. Can be binded as `v-model`.",
+          "description": "When `true`, indicates that the user must set the value before the owning form can be submitted.",
           "tags": [],
           "required": false,
-          "type": "AcceptableValue | undefined",
+          "type": "boolean | undefined",
           "schema": {
             "kind": "enum",
-            "type": "AcceptableValue | undefined",
+            "type": "boolean | undefined",
             "schema": {
               "0": "undefined",
-              "1": "null",
-              "2": "string",
-              "3": "number",
-              "4": "Record<string, any>"
+              "1": "false",
+              "2": "true"
             }
           }
         },
@@ -62905,9 +62905,9 @@ const B24UIMeta = {
           }
         },
         {
-          "name": "required",
+          "name": "defaultValue",
           "global": false,
-          "description": "When `true`, indicates that the user must set the value before the owning form can be submitted.",
+          "description": "The state of the switch when it is initially rendered. Use when you do not need to control its state.",
           "tags": [],
           "required": false,
           "type": "boolean | undefined",
@@ -62922,35 +62922,35 @@ const B24UIMeta = {
           }
         },
         {
-          "name": "id",
+          "name": "required",
           "global": false,
-          "description": "",
+          "description": "When `true`, indicates that the user must set the value before the owning form can be submitted.",
           "tags": [],
           "required": false,
-          "type": "string | undefined",
+          "type": "boolean | undefined",
           "schema": {
             "kind": "enum",
-            "type": "string | undefined",
+            "type": "boolean | undefined",
             "schema": {
               "0": "undefined",
-              "1": "string"
+              "1": "false",
+              "2": "true"
             }
           }
         },
         {
-          "name": "defaultValue",
+          "name": "id",
           "global": false,
-          "description": "The state of the switch when it is initially rendered. Use when you do not need to control its state.",
+          "description": "",
           "tags": [],
           "required": false,
-          "type": "boolean | undefined",
+          "type": "string | undefined",
           "schema": {
             "kind": "enum",
-            "type": "boolean | undefined",
+            "type": "string | undefined",
             "schema": {
               "0": "undefined",
-              "1": "false",
-              "2": "true"
+              "1": "string"
             }
           }
         }
@@ -63458,9 +63458,9 @@ const B24UIMeta = {
           }
         },
         {
-          "name": "defaultValue",
+          "name": "modelValue",
           "global": false,
-          "description": "The value of the tab that should be active when initially rendered. Use when you do not need to control the state of the tabs",
+          "description": "The controlled value of the tab to activate. Can be bind as `v-model`.",
           "tags": [],
           "required": false,
           "type": "string | number | undefined",
@@ -63472,13 +63472,12 @@ const B24UIMeta = {
               "1": "string",
               "2": "number"
             }
-          },
-          "default": "\"0\""
+          }
         },
         {
-          "name": "modelValue",
+          "name": "defaultValue",
           "global": false,
-          "description": "The controlled value of the tab to activate. Can be bind as `v-model`.",
+          "description": "The value of the tab that should be active when initially rendered. Use when you do not need to control the state of the tabs",
           "tags": [],
           "required": false,
           "type": "string | number | undefined",
@@ -63490,7 +63489,8 @@ const B24UIMeta = {
               "1": "string",
               "2": "number"
             }
-          }
+          },
+          "default": "\"0\""
         },
         {
           "name": "unmountOnHide",