@bitrix24/b24ui-nuxt 0.1.7 → 0.2.2

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

@@ -39,7 +39,7 @@ const type = [
 export default {
   "slots": {
     "root": "relative inline-flex items-center w-full",
-    "base": "relative inline-flex items-center group py-0 border-0 focus:outline-none cursor-pointer disabled:cursor-not-allowed disabled:bg-base-30/37 disabled:text-base-500 dark:disabled:bg-base-900/37 dark:disabled:text-base-800 appearance-none transition duration-300 ease-linear ring ring-inset ring-base-300 dark:ring-base-800 text-base-master bg-white hover:text-base-900 focus:text-base-900 active:text-base-900 dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350 font-b24-primary font-regular text-sm leading-tight align-middle text-ellipsis whitespace-nowrap",
+    "base": "px-3 relative inline-flex items-center group py-0 border-0 focus:outline-none cursor-pointer disabled:cursor-not-allowed disabled:bg-base-30/37 disabled:text-base-500 dark:disabled:bg-base-900/37 dark:disabled:text-base-800 appearance-none transition duration-300 ease-linear ring ring-inset ring-base-300 dark:ring-base-800 text-base-master bg-white hover:text-base-900 focus:text-base-900 active:text-base-900 dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350 font-b24-primary font-regular text-sm leading-tight align-middle text-ellipsis whitespace-nowrap",
     "leading": "absolute inset-y-0 start-0 flex items-center",
     "leadingIcon": "shrink-0 text-base-400",
     "leadingAvatar": "shrink-0",
@@ -50,7 +50,7 @@ export default {
     "value": "truncate pointer-events-none",
     "placeholder": "truncate text-base-400 dark:text-base-300",
     "arrow": "fill-base-master/10 dark:fill-base-100/20",
-    "content": "w-[var(--reka-popper-anchor-width)] max-h-60 bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
+    "content": "w-[var(--reka-popper-anchor-width)] bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
     "scrollUpDownButton": "flex items-center justify-center h-[25px] cursor-default backdrop-blur text-base-800 bg-white dark:text-base-100 dark:bg-base-dark",
     "scrollUpDownButtonIcon": "",
     "viewport": "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
@@ -85,7 +85,7 @@ export default {
     },
     "size": {
       "xs": {
-        "base": "px-3 h-xl2 gap-1",
+        "base": "h-xl2 gap-1",
         "leading": "px-1",
         "trailing": "px-1",
         "leadingIcon": "size-lg2",
@@ -101,7 +101,7 @@ export default {
         "scrollUpDownButtonIcon": "size-4"
       },
       "sm": {
-        "base": "px-3 h-8 gap-1.5",
+        "base": "h-8 gap-1.5",
         "leading": "px-1.5",
         "trailing": "px-1.5",
         "leadingIcon": "size-lg2",
@@ -117,7 +117,7 @@ export default {
         "scrollUpDownButtonIcon": "size-4"
       },
       "md": {
-        "base": "px-3 h-10 gap-1.5",
+        "base": "h-10 gap-1.5",
         "leading": "px-2",
         "trailing": "px-2",
         "leadingIcon": "size-[24px]",
@@ -133,7 +133,7 @@ export default {
         "scrollUpDownButtonIcon": "size-4"
       },
       "lg": {
-        "base": "px-3 h-12 gap-2",
+        "base": "h-12 gap-2",
         "leading": "px-2",
         "trailing": "px-2",
         "leadingIcon": "size-[24px]",

package/.nuxt/b24ui/select.ts

@@ -39,7 +39,7 @@ const type = [
 export default {
   "slots": {
     "root": "relative inline-flex items-center w-full",
-    "base": "relative inline-flex items-center group py-0 border-0 focus:outline-none cursor-pointer disabled:cursor-not-allowed disabled:bg-base-30/37 disabled:text-base-500 dark:disabled:bg-base-900/37 dark:disabled:text-base-800 appearance-none transition duration-300 ease-linear ring ring-inset ring-base-300 dark:ring-base-800 text-base-master bg-white hover:text-base-900 focus:text-base-900 active:text-base-900 dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350 font-b24-primary font-regular text-sm leading-tight align-middle text-ellipsis whitespace-nowrap",
+    "base": "px-3 relative inline-flex items-center group py-0 border-0 focus:outline-none cursor-pointer disabled:cursor-not-allowed disabled:bg-base-30/37 disabled:text-base-500 dark:disabled:bg-base-900/37 dark:disabled:text-base-800 appearance-none transition duration-300 ease-linear ring ring-inset ring-base-300 dark:ring-base-800 text-base-master bg-white hover:text-base-900 focus:text-base-900 active:text-base-900 dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350 font-b24-primary font-regular text-sm leading-tight align-middle text-ellipsis whitespace-nowrap",
     "leading": "absolute inset-y-0 start-0 flex items-center",
     "leadingIcon": "shrink-0 text-base-400",
     "leadingAvatar": "shrink-0",
@@ -50,7 +50,7 @@ export default {
     "value": "truncate pointer-events-none",
     "placeholder": "truncate text-base-400 dark:text-base-300",
     "arrow": "fill-base-master/10 dark:fill-base-100/20",
-    "content": "w-[var(--reka-popper-anchor-width)] max-h-60 bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
+    "content": "w-[var(--reka-popper-anchor-width)] bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
     "scrollUpDownButton": "flex items-center justify-center h-[25px] cursor-default backdrop-blur text-base-800 bg-white dark:text-base-100 dark:bg-base-dark",
     "scrollUpDownButtonIcon": "",
     "viewport": "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
@@ -84,7 +84,7 @@ export default {
     },
     "size": {
       "xs": {
-        "base": "px-3 h-xl2 gap-1",
+        "base": "h-xl2 gap-1",
         "leading": "px-1",
         "trailing": "px-1",
         "leadingIcon": "size-lg2",
@@ -100,7 +100,7 @@ export default {
         "scrollUpDownButtonIcon": "size-4"
       },
       "sm": {
-        "base": "px-3 h-8 gap-1.5",
+        "base": "h-8 gap-1.5",
         "leading": "px-1.5",
         "trailing": "px-1.5",
         "leadingIcon": "size-lg2",
@@ -116,7 +116,7 @@ export default {
         "scrollUpDownButtonIcon": "size-4"
       },
       "md": {
-        "base": "px-3 h-10 gap-1.5",
+        "base": "h-10 gap-1.5",
         "leading": "px-2",
         "trailing": "px-2",
         "leadingIcon": "size-[24px]",
@@ -132,7 +132,7 @@ export default {
         "scrollUpDownButtonIcon": "size-4"
       },
       "lg": {
-        "base": "px-3 h-12 gap-2",
+        "base": "h-12 gap-2",
         "leading": "px-2",
         "trailing": "px-2",
         "leadingIcon": "size-[24px]",

package/.nuxt/b24ui/toast.ts

@@ -9,10 +9,15 @@ const color = [
   "ai"
 ] as const
 
+const orientation = [
+  "horizontal",
+  "vertical"
+] as const
+
 export default {
   "slots": {
     "root": "relative group overflow-hidden rounded-[26px] py-3.5 ps-6 pe-4 flex gap-2.5 focus:outline-none font-b24-primary dark:ring-2 dark:ring-base-900 bg-base-ebony/80 dark:bg-base-dark text-sm font-normal text-white dark:text-base-150",
-    "wrapper": "w-0 flex-1 flex flex-col gap-1",
+    "wrapper": "w-0 flex-1 flex flex-col",
     "title": "font-medium",
     "description": "",
     "icon": "shrink-0 size-6",
@@ -20,7 +25,7 @@ export default {
     "avatarSize": "xl",
     "actions": "flex gap-1.5 shrink-0",
     "progress": "absolute inset-x-0 bottom-0 h-1 z-[-1]",
-    "close": "p-0.5 text-base-350 dark:text-base-350 hover:text-base-400 dark:hover:text-base-400"
+    "close": "p-0 text-base-350 dark:text-base-350 hover:text-base-400 dark:hover:text-base-400"
   },
   "variants": {
     "color": {
@@ -65,14 +70,19 @@ export default {
         "progress": "bg-ai-500 dark:bg-ai-500"
       }
     },
-    "multiline": {
-      "true": {
-        "root": "items-start",
-        "actions": "items-start mt-1"
-      },
-      "false": {
+    "orientation": {
+      "horizontal": {
         "root": "items-center",
         "actions": "items-center"
+      },
+      "vertical": {
+        "root": "items-start",
+        "actions": "items-start mt-1"
+      }
+    },
+    "title": {
+      "true": {
+        "description": "mt-1"
       }
     }
   },

package/.nuxt/b24ui.css

@@ -0,0 +1,2 @@
+@theme default {
+}

package/README.md

@@ -7,23 +7,23 @@ Find more details in the [documentation](https://bitrix24.github.io/b24ui/)
 ## Installation
 
 ```bash [pnpm]
-pnpm add @bitrix24/b24ui-nuxt@next
-pnpm add @bitrix24/b24icons-vue@next
+pnpm add @bitrix24/b24ui-nuxt
+pnpm add @bitrix24/b24icons-vue
 ```
 
 ```bash [yarn]
-yarn add @bitrix24/b24ui-nuxt@next
-yarn add @bitrix24/b24icons-vue@next
+yarn add @bitrix24/b24ui-nuxt
+yarn add @bitrix24/b24icons-vue
 ```
 
 ```bash [npm]
-npm install @bitrix24/b24ui-nuxt@next
-npm install @bitrix24/b24icons-vue@next
+npm install @bitrix24/b24ui-nuxt
+npm install @bitrix24/b24icons-vue
 ```
 
 ```bash [bun]
-yarn add @bitrix24/b24ui-nuxt@next
-yarn add @bitrix24/b24icons-vue@next
+yarn add @bitrix24/b24ui-nuxt
+yarn add @bitrix24/b24icons-vue
 ```
 
 ### Nuxt