@bitrix24/b24ui-nuxt 0.2.3 → 0.2.5

package/dist/shared/{b24ui-nuxt.Ce3hzs_q.cjs → b24ui-nuxt.BfbMerCZ.cjs}

@@ -2692,6 +2692,404 @@ const inputMenu = () => {
   }, input);
 };
 
+const inputNumber = () => {
+  const input$1 = input;
+  return {
+    slots: {
+      root: "relative inline-flex items-center",
+      base: [
+        "w-full py-0 border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
+        "placeholder:text-base-400",
+        "dark:placeholder:text-base-300",
+        "appearance-none transition duration-300 ease-linear",
+        // transition-colors
+        "ring ring-inset ring-base-300",
+        "dark:ring-base-800",
+        "text-base-master bg-white placeholder:text-base-400 hover:text-base-900 focus:text-base-900 active:text-base-900",
+        "dark:text-base-150 dark:bg-transparent dark:placeholder:text-base-300 dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350",
+        "font-b24-primary font-regular text-md leading-none",
+        "align-middle",
+        "text-ellipsis whitespace-nowrap"
+      ].join(" "),
+      increment: "absolute flex items-center",
+      decrement: "absolute flex items-center",
+      tag: input$1.slots.tag
+    },
+    variants: {
+      size: {
+        xs: "px-2 h-xl2 gap-1",
+        sm: "px-2.5 h-8 gap-1.5",
+        md: "px-2.5 h-10 gap-1.5",
+        lg: "px-3 h-12 gap-2"
+      },
+      color: {
+        default: "",
+        danger: "",
+        success: "",
+        warning: "",
+        primary: "",
+        secondary: "",
+        collab: "",
+        ai: ""
+      },
+      tagColor: {
+        ...input$1.variants.tagColor
+      },
+      rounded: {
+        ...input$1.variants.rounded
+      },
+      noPadding: {
+        ...input$1.variants.noPadding
+      },
+      noBorder: {
+        ...input$1.variants.noBorder
+      },
+      underline: {
+        ...input$1.variants.underline
+      },
+      disabled: {
+        true: {
+          increment: "opacity-75 cursor-not-allowed",
+          decrement: "opacity-75 cursor-not-allowed"
+        }
+      },
+      orientation: {
+        horizontal: {
+          base: "text-center",
+          increment: "inset-y-0 end-0 py-0 pe-0 [&>button]:p-1",
+          decrement: "inset-y-0 start-0 py-0 ps-0 [&>button]:p-1"
+        },
+        vertical: {
+          increment: "top-1 end-0 pe-1 [&>button]:p-0",
+          decrement: "bottom-1 end-0 pe-1 [&>button]:p-0"
+        }
+      },
+      highlight: {
+        true: ""
+      }
+    },
+    compoundVariants: [
+      // region ring for focus and highlight ////
+      // region default ////
+      {
+        color: "default",
+        noBorder: false,
+        underline: false,
+        class: "focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-base-900 dark:focus-visible:ring-base-350"
+      },
+      {
+        color: "default",
+        highlight: true,
+        noBorder: false,
+        underline: false,
+        class: "ring ring-inset ring-base-900 dark:ring-base-350"
+      },
+      {
+        color: "default",
+        noBorder: false,
+        underline: true,
+        class: "focus-visible:border-base-900 dark:focus-visible:border-b-base-350"
+      },
+      {
+        color: "default",
+        highlight: true,
+        noBorder: false,
+        underline: true,
+        class: "border-b-base-900 dark:border-b-base-350"
+      },
+      // endregion ////
+      // region danger ////
+      {
+        color: "danger",
+        noBorder: false,
+        underline: false,
+        class: "focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-red-500 dark:focus-visible:ring-red-600"
+      },
+      {
+        color: "danger",
+        highlight: true,
+        noBorder: false,
+        underline: false,
+        class: "ring ring-inset  ring-red-500 dark:ring-red-600"
+      },
+      {
+        color: "danger",
+        noBorder: false,
+        underline: true,
+        class: "focus-visible:border-b-red-500 dark:focus-visible:border-b-red-600"
+      },
+      {
+        color: "danger",
+        highlight: true,
+        noBorder: false,
+        underline: true,
+        class: "border-b-red-500 dark:border-b-red-600"
+      },
+      // endregion ////
+      // region success ////
+      {
+        color: "success",
+        noBorder: false,
+        underline: false,
+        class: "focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-green-500 dark:focus-visible:ring-green-600"
+      },
+      {
+        color: "success",
+        highlight: true,
+        noBorder: false,
+        underline: false,
+        class: "ring ring-inset  ring-green-500 dark:ring-green-600"
+      },
+      {
+        color: "success",
+        noBorder: false,
+        underline: true,
+        class: "focus-visible:border-b-green-500 dark:focus-visible:border-b-green-600"
+      },
+      {
+        color: "success",
+        highlight: true,
+        noBorder: false,
+        underline: true,
+        class: "border-b-green-500 dark:border-b-green-600"
+      },
+      // endregion ////
+      // region warning ////
+      {
+        color: "warning",
+        noBorder: false,
+        underline: false,
+        class: "focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-orange-500 dark:focus-visible:ring-orange-600"
+      },
+      {
+        color: "warning",
+        highlight: true,
+        noBorder: false,
+        underline: false,
+        class: "ring ring-inset  ring-orange-500 dark:ring-orange-600"
+      },
+      {
+        color: "warning",
+        noBorder: false,
+        underline: true,
+        class: "focus-visible:border-b-orange-500 dark:focus-visible:border-b-orange-600"
+      },
+      {
+        color: "warning",
+        highlight: true,
+        noBorder: false,
+        underline: true,
+        class: "border-b-orange-500 dark:border-b-orange-600"
+      },
+      // endregion ////
+      // region primary ////
+      {
+        color: "primary",
+        noBorder: false,
+        underline: false,
+        class: "focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-blue-500 dark:focus-visible:ring-blue-600"
+      },
+      {
+        color: "primary",
+        highlight: true,
+        noBorder: false,
+        underline: false,
+        class: "ring ring-inset  ring-blue-500 dark:ring-blue-600"
+      },
+      {
+        color: "primary",
+        noBorder: false,
+        underline: true,
+        class: "focus-visible:border-b-blue-500 dark:focus-visible:border-b-blue-600"
+      },
+      {
+        color: "primary",
+        highlight: true,
+        noBorder: false,
+        underline: true,
+        class: "border-b-blue-500 dark:border-b-blue-600"
+      },
+      // endregion ////
+      // region secondary ////
+      {
+        color: "secondary",
+        noBorder: false,
+        underline: false,
+        class: "focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-cyan-500 dark:focus-visible:ring-cyan-600"
+      },
+      {
+        color: "secondary",
+        highlight: true,
+        noBorder: false,
+        underline: false,
+        class: "ring ring-inset  ring-cyan-500 dark:ring-cyan-600"
+      },
+      {
+        color: "secondary",
+        noBorder: false,
+        underline: true,
+        class: "focus-visible:border-b-cyan-500 dark:focus-visible:border-b-cyan-600"
+      },
+      {
+        color: "secondary",
+        highlight: true,
+        noBorder: false,
+        underline: true,
+        class: "border-b-cyan-500 dark:border-b-cyan-600"
+      },
+      // endregion ////
+      // region collab ////
+      {
+        color: "collab",
+        noBorder: false,
+        underline: false,
+        class: "focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-collab-500 dark:focus-visible:ring-collab-600"
+      },
+      {
+        color: "collab",
+        highlight: true,
+        noBorder: false,
+        underline: false,
+        class: "ring ring-inset  ring-collab-500 dark:ring-collab-600"
+      },
+      {
+        color: "collab",
+        noBorder: false,
+        underline: true,
+        class: "focus-visible:border-b-collab-500 dark:focus-visible:border-b-collab-600"
+      },
+      {
+        color: "collab",
+        highlight: true,
+        noBorder: false,
+        underline: true,
+        class: "border-b-collab-500 dark:border-b-collab-600"
+      },
+      // endregion ////
+      // region ai ////
+      {
+        color: "ai",
+        noBorder: false,
+        underline: false,
+        class: "focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ai-500 dark:focus-visible:ring-ai-600"
+      },
+      {
+        color: "ai",
+        highlight: true,
+        noBorder: false,
+        underline: false,
+        class: "ring ring-inset  ring-ai-500 dark:ring-ai-600"
+      },
+      {
+        color: "ai",
+        noBorder: false,
+        underline: true,
+        class: "focus-visible:border-b-ai-500 dark:focus-visible:border-b-ai-600"
+      },
+      {
+        color: "ai",
+        highlight: true,
+        noBorder: false,
+        underline: true,
+        class: "border-b-ai-500 dark:border-b-ai-600"
+      },
+      // endregion ////
+      // endregion ////
+      // region orientation && size ////
+      // region horizontal ////
+      {
+        orientation: "horizontal",
+        rounded: true,
+        class: {
+          increment: "[&>button]:rounded-3xl",
+          decrement: "[&>button]:rounded-3xl"
+        }
+      },
+      {
+        orientation: "horizontal",
+        size: "xs",
+        class: {
+          base: "px-[1.3rem]",
+          increment: "[&>button]:h-[24px] scale-80",
+          decrement: "[&>button]:h-[24px] scale-80"
+        }
+      },
+      {
+        orientation: "horizontal",
+        size: "sm",
+        class: {
+          base: "px-[2.1rem]",
+          increment: "scale-80",
+          decrement: "scale-80"
+        }
+      },
+      {
+        orientation: "horizontal",
+        size: "md",
+        class: {
+          base: "px-[2.45rem]",
+          increment: "[&>button]:p-1.5 scale-80",
+          decrement: "[&>button]:p-1.5 scale-80"
+        }
+      },
+      {
+        orientation: "horizontal",
+        size: "lg",
+        class: {
+          base: "px-[2.95rem]",
+          increment: "pe-1 [&>button]:p-1.5 [&>button]:h-[42px] scale-95",
+          decrement: "ps-1 [&>button]:p-1.5 [&>button]:h-[42px] scale-95"
+        }
+      },
+      // endregion ////
+      // region vertical ////
+      {
+        orientation: "vertical",
+        size: "xs",
+        class: {
+          base: "pe-7",
+          increment: "top-0 pe-0 [&>button]:h-[13px]",
+          decrement: "bottom-0 pe-0 [&>button]:h-[13px]"
+        }
+      },
+      {
+        orientation: "vertical",
+        size: "sm",
+        class: {
+          base: "pe-8",
+          increment: "[&>button]:h-[13px] scale-80",
+          decrement: "[&>button]:h-[13px] scale-80"
+        }
+      },
+      {
+        orientation: "vertical",
+        size: "md",
+        class: {
+          base: "pe-9",
+          increment: "[&>button]:h-[19px] scale-80",
+          decrement: "[&>button]:h-[19px] scale-80"
+        }
+      },
+      {
+        orientation: "vertical",
+        size: "lg",
+        class: {
+          base: "pe-9",
+          increment: "[&>button]:h-[22px] scale-80",
+          decrement: "[&>button]:h-[22px] scale-80"
+        }
+      }
+      // endregion ////
+      // endregion ////
+    ],
+    defaultVariants: {
+      size: "md",
+      color: "primary",
+      tagColor: "primary"
+    }
+  };
+};
+
 const kbd = {
   base: "inline-flex items-center justify-center px-1 rounded-2xs font-normal font-b24-system-mono",
   variants: {
@@ -3073,7 +3471,7 @@ const radioGroup = {
   slots: {
     root: "relative",
     fieldset: "flex",
-    legend: "mb-1.5 block font-medium text-base-master dark:text-base-400",
+    legend: "mb-1.5 block text-base-900 dark:text-base-400",
     item: "flex items-start",
     base: [
       "cursor-pointer rounded-full",
@@ -3445,7 +3843,8 @@ const select = () => {
 const selectMenu = () => {
   return defu.defu({
     slots: {
-      input: "border-b border-base-300 dark:dark:border-base-800"
+      input: "border-b border-base-300 dark:dark:border-base-800",
+      focusScope: "flex flex-col min-h-0"
     },
     variants: {
       addNew: {
@@ -4557,6 +4956,7 @@ const theme = {
   formField: formField,
   input: input,
   inputMenu: inputMenu,
+  inputNumber: inputNumber,
   kbd: kbd,
   link: link,
   modal: modal,
@@ -4595,8 +4995,12 @@ const descriptionList = {
     avatar: "shrink-0",
     avatarSize: "",
     label: "",
-    descriptionWrapper: "text-base-950 sm:border-t sm:border-base-950/5 dark:text-white dark:sm:border-white/5 sm:[&:nth-child(2)]:border-none",
-    description: "text-base-900 dark:text-base-150",
+    descriptionWrapper: [
+      "sm:border-t sm:[&:nth-child(2)]:border-none",
+      "text-base-900 sm:border-base-950/5",
+      "dark:text-base-150 dark:sm:border-white/5"
+    ].join(" "),
+    description: "",
     actions: "flex flex-wrap gap-1.5 shrink-0",
     footer: "border-t border-base-950/5 dark:border-white/5"
   },

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.Ce3hzs_q.cjs');
+const templates = require('./shared/b24ui-nuxt.BfbMerCZ.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.DY8ePXC7.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.BYTVBEky.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.Ce3hzs_q.cjs');
+require('./shared/b24ui-nuxt.BfbMerCZ.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.DY8ePXC7.mjs';
+import './shared/b24ui-nuxt.BYTVBEky.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.2.3",
+  "version": "0.2.5",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -71,8 +71,8 @@
     "@nuxt/kit": "^3.15.4",
     "@nuxt/schema": "^3.15.4",
     "@nuxtjs/color-mode": "^3.5.2",
-    "@tailwindcss/postcss": "^4.0.4",
-    "@tailwindcss/vite": "^4.0.4",
+    "@tailwindcss/postcss": "^4.0.6",
+    "@tailwindcss/vite": "^4.0.6",
     "@tanstack/vue-table": "^8.20.5",
     "@unhead/vue": "^1.11.18",
     "@vueuse/core": "^12.5.0",
@@ -96,21 +96,21 @@
     "reka-ui": "1.0.0-alpha.9",
     "scule": "^1.3.0",
     "tailwind-variants": "^0.3.1",
-    "tailwindcss": "^4.0.4",
+    "tailwindcss": "^4.0.6",
     "tinyglobby": "^0.2.10",
-    "unplugin": "^2.1.2",
+    "unplugin": "^2.2.0",
     "unplugin-auto-import": "^19.0.0",
     "unplugin-vue-components": "^28.0.0",
     "vaul-vue": "^0.2.1"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.0.0",
+    "@nuxt/eslint-config": "^1.0.1",
     "@nuxt/module-builder": "^0.8.4",
     "@nuxt/test-utils": "^3.15.4",
     "@standard-schema/spec": "^1.0.0",
     "@vue/test-utils": "^2.4.6",
     "embla-carousel": "^8.5.2",
-    "eslint": "^9.19.0",
+    "eslint": "^9.20.1",
     "happy-dom": "15.7.4",
     "joi": "^17.13.3",
     "knitwork": "^1.2.0",
@@ -137,7 +137,7 @@
     "typescript": "5.6.3",
     "unimport": "3.14.5",
     "vue-tsc": "^2.2.0",
-    "unplugin": "^2.1.2",
+    "unplugin": "^2.2.0",
     "vite": "^6.0.7"
   },
   "keywords": [
@@ -165,6 +165,7 @@
     "dev-window": "set DEV=true && nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:generate": "nuxt generate playground",
+    "dev:preview": "nuxt preview playground",
     "dev:vue": "DEV=true vite playground-vue",
     "dev:vue-window": "set DEV=true && vite playground-vue",
     "docs:full:dev": "pnpm build && vitepress dev docs",