@bitrix24/b24ui-nuxt 2.1.1 → 2.1.2

package/README.md

@@ -12,22 +12,18 @@ Visit https://bitrix24.github.io/b24ui/ to explore the documentation.
 
 ```bash [pnpm]
 pnpm add @bitrix24/b24ui-nuxt
-pnpm add @bitrix24/b24icons-vue
 ```
 
 ```bash [yarn]
 yarn add @bitrix24/b24ui-nuxt
-yarn add @bitrix24/b24icons-vue
 ```
 
 ```bash [npm]
 npm install @bitrix24/b24ui-nuxt
-npm install @bitrix24/b24icons-vue
 ```
 
 ```bash [bun]
 yarn add @bitrix24/b24ui-nuxt
-yarn add @bitrix24/b24icons-vue
 ```
 
 ### Nuxt

package/dist/meta.d.mts

@@ -699,7 +699,7 @@ var B24UIMeta = {
       ],
       "events": [],
       "exposed": [],
-      "hash": "izrfkbvSosLUz1S2srq5SR3llz4V8RYMM1Vt6nGsIfo"
+      "hash": "AduWQ3nb1hxoZJohRUybusVQLdPsmYxhyS91n-Mvro0"
     }
   },
   "ProseCard": {
@@ -70234,6 +70234,29 @@ var B24UIMeta = {
             }
           }
         },
+        {
+          "name": "preview",
+          "global": false,
+          "description": "Show the file preview/list after upload.",
+          "tags": [
+            {
+              "name": "defaultValue",
+              "text": "true"
+            }
+          ],
+          "required": false,
+          "type": "boolean | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "boolean | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "false",
+              "2": "true"
+            }
+          },
+          "default": "true"
+        },
         {
           "name": "b24ui",
           "global": false,
@@ -70447,7 +70470,7 @@ var B24UIMeta = {
       ],
       "events": [],
       "exposed": [],
-      "hash": "2ZP94ufhreubb7xfnc5cMYhbLv0FbbKuG1GsPh_4DXU"
+      "hash": "xl1RZNbo4ABnsUi-OdSezkLwIo3ji56M_zOkyGVjJ5k"
     }
   },
   "B24Form": {

package/dist/meta.mjs

@@ -699,7 +699,7 @@ const B24UIMeta = {
       ],
       "events": [],
       "exposed": [],
-      "hash": "izrfkbvSosLUz1S2srq5SR3llz4V8RYMM1Vt6nGsIfo"
+      "hash": "AduWQ3nb1hxoZJohRUybusVQLdPsmYxhyS91n-Mvro0"
     }
   },
   "ProseCard": {
@@ -70234,6 +70234,29 @@ const B24UIMeta = {
             }
           }
         },
+        {
+          "name": "preview",
+          "global": false,
+          "description": "Show the file preview/list after upload.",
+          "tags": [
+            {
+              "name": "defaultValue",
+              "text": "true"
+            }
+          ],
+          "required": false,
+          "type": "boolean | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "boolean | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "false",
+              "2": "true"
+            }
+          },
+          "default": "true"
+        },
         {
           "name": "b24ui",
           "global": false,
@@ -70447,7 +70470,7 @@ const B24UIMeta = {
       ],
       "events": [],
       "exposed": [],
-      "hash": "2ZP94ufhreubb7xfnc5cMYhbLv0FbbKuG1GsPh_4DXU"
+      "hash": "xl1RZNbo4ABnsUi-OdSezkLwIo3ji56M_zOkyGVjJ5k"
     }
   },
   "B24Form": {

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
   "configKey": "b24ui",
   "compatibility": {

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
-import { defineNuxtModule, createResolver, addPlugin, hasNuxtModule, addComponentsDir, addImportsDir } from '@nuxt/kit';
-import { d as defaultOptions, v as version, n as name, a as getDefaultConfig, b as addTemplates } from './shared/b24ui-nuxt.B13KxxqP.mjs';
+import { defineNuxtModule, createResolver, addPlugin, hasNuxtModule, addComponentsDir, addImportsDir, installModule } from '@nuxt/kit';
+import { d as defaultOptions, v as version, n as name, a as getDefaultConfig, b as addTemplates } from './shared/b24ui-nuxt.B9uYyQGR.mjs';
 import 'node:url';
 import 'scule';
 import 'knitwork';
@@ -36,6 +36,14 @@ const module$1 = defineNuxtModule({
     if (nuxt.options.builder !== "@nuxt/vite-builder") {
       nuxt.options.postcss.plugins["@tailwindcss/postcss"] = {};
     }
+    async function registerModule(name2, key, options2) {
+      if (!hasNuxtModule(name2)) {
+        await installModule(name2, defu(nuxt.options[key], options2));
+      } else {
+        nuxt.options[key] = defu(nuxt.options[key], options2);
+      }
+    }
+    await registerModule("@bitrix24/b24icons-nuxt", "empty", {});
     addPlugin({ src: resolve("./runtime/plugins/colors") });
     addPlugin({ src: resolve("./runtime/plugins/ui-version") });
     if (hasNuxtModule("@nuxtjs/mdc") || options.mdc || (hasNuxtModule("@nuxt/content") || options.content)) {

package/dist/runtime/components/FileUpload.d.vue.ts

@@ -90,6 +90,11 @@ export interface FileUploadProps<M extends boolean = false> extends /** @vue-ign
      * @IconComponent
      */
     fileDeleteIcon?: IconComponent;
+    /**
+     * Show the file preview/list after upload.
+     * @defaultValue true
+     */
+    preview?: boolean;
     class?: any;
     b24ui?: FileUpload['slots'];
 }

package/dist/runtime/components/FileUpload.vue

@@ -37,6 +37,7 @@ const props = defineProps({
   fileIcon: { type: [Function, Object], required: false },
   fileDelete: { type: [Boolean, Object], required: false, default: true },
   fileDeleteIcon: { type: [Function, Object], required: false },
+  preview: { type: Boolean, required: false, default: true },
   class: { type: null, required: false },
   b24ui: { type: null, required: false }
 });
@@ -135,7 +136,7 @@ defineExpose({
 
 <template>
   <DefineFilesTemplate>
-    <template v-if="modelValue && (Array.isArray(modelValue) ? modelValue.length : true)">
+    <template v-if="props.preview && modelValue && (Array.isArray(modelValue) ? modelValue.length : true)">
       <slot name="files-top" :files="modelValue" :open="open" :remove-file="removeFile" />
 
       <div :class="b24ui.files({ class: props.b24ui?.files })">

package/dist/runtime/components/FileUpload.vue.d.ts

@@ -90,6 +90,11 @@ export interface FileUploadProps<M extends boolean = false> extends /** @vue-ign
      * @IconComponent
      */
     fileDeleteIcon?: IconComponent;
+    /**
+     * Show the file preview/list after upload.
+     * @defaultValue true
+     */
+    preview?: boolean;
     class?: any;
     b24ui?: FileUpload['slots'];
 }

package/dist/runtime/components/prose/Callout.vue

@@ -10,6 +10,7 @@ import icons from "../../dictionary/icons";
 import B24Link from "../Link.vue";
 import GitHubIcon from "@bitrix24/b24icons-vue/social/GitHubIcon";
 import InfoCircleIcon from "@bitrix24/b24icons-vue/outline/InfoCircleIcon";
+import MdnwebdocsIcon from "@bitrix24/b24icons-vue/social/MdnwebdocsIcon";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   to: { type: null, required: false },
@@ -32,11 +33,12 @@ const iconFromIconName = computed(() => {
     return void 0;
   }
   switch (props.iconName) {
+    case "InfoCircleIcon":
+      return InfoCircleIcon;
     case "GitHubIcon":
       return GitHubIcon;
-    /** @todo change icon */
     case "MdnWebDocIcon":
-      return InfoCircleIcon;
+      return MdnwebdocsIcon;
   }
   return void 0;
 });

package/dist/runtime/dictionary/icons.d.ts

@@ -2,6 +2,8 @@
  * Default icons
  * ---
  * @link https://bitrix24.github.io/b24icons/
+ * @memo sync with docs/content/docs/1.getting-started/6.integrations/1.icons/1.nuxt.md
+ * @memo sync with docs/content/docs/1.getting-started/6.integrations/1.icons/2.vue.md
  */
 declare const _default: {
     arrowLeft: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;

package/dist/runtime/inertia/components/Link.d.vue.ts

@@ -1,6 +1,6 @@
 import type { InertiaLinkProps } from '@inertiajs/vue3';
 import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../types/html';
-export interface LinkProps extends Omit<InertiaLinkProps, 'href' | 'onClick'>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
+export interface LinkProps extends Partial<Omit<InertiaLinkProps, 'href' | 'onClick'>>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
     /**
      * The element or component this component should render as when not a link.
      * @defaultValue 'button'

package/dist/runtime/inertia/components/Link.vue.d.ts

@@ -1,6 +1,6 @@
 import type { InertiaLinkProps } from '@inertiajs/vue3';
 import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../types/html';
-export interface LinkProps extends Omit<InertiaLinkProps, 'href' | 'onClick'>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
+export interface LinkProps extends Partial<Omit<InertiaLinkProps, 'href' | 'onClick'>>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
     /**
      * The element or component this component should render as when not a link.
      * @defaultValue 'button'

package/dist/runtime/vue/components/Link.d.vue.ts

@@ -1,6 +1,6 @@
 import type { RouterLinkProps } from 'vue-router';
 import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../types/html';
-export interface LinkProps extends Omit<RouterLinkProps, 'custom'>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
+export interface LinkProps extends Partial<Omit<RouterLinkProps, 'custom'>>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
     /**
      * The element or component this component should render as when not a link.
      * @defaultValue 'button'

package/dist/runtime/vue/components/Link.vue

@@ -36,7 +36,7 @@ const props = defineProps({
   exactActiveClass: { type: String, required: false },
   ariaCurrentValue: { type: String, required: false, default: "page" },
   viewTransition: { type: Boolean, required: false },
-  to: { type: null, required: true },
+  to: { type: null, required: false },
   replace: { type: Boolean, required: false }
 });
 defineSlots();

package/dist/runtime/vue/components/Link.vue.d.ts

@@ -1,6 +1,6 @@
 import type { RouterLinkProps } from 'vue-router';
 import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../types/html';
-export interface LinkProps extends Omit<RouterLinkProps, 'custom'>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
+export interface LinkProps extends Partial<Omit<RouterLinkProps, 'custom'>>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
     /**
      * The element or component this component should render as when not a link.
      * @defaultValue 'button'

package/dist/shared/{b24ui-nuxt.B13KxxqP.mjs → b24ui-nuxt.B9uYyQGR.mjs}

@@ -8,7 +8,7 @@ import { globSync } from 'tinyglobby';
 import { defuFn } from 'defu';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "2.1.1";
+const version = "2.1.2";
 
 function getDefaultConfig(theme) {
   return {
@@ -3144,7 +3144,6 @@ const error = {
 const fileUpload = {
   slots: {
     root: [
-      "light",
       "relative",
       "flex flex-col"
     ].join(" "),
@@ -3153,6 +3152,7 @@ const fileUpload = {
       "flex-1",
       "bg-(--b24ui-background)/90",
       "border-(--b24ui-border-color) border-(length:--b24ui-border-width)",
+      "text-(--b24ui-color)",
       "flex flex-col gap-2 items-stretch justify-center",
       "rounded-(--ui-border-radius-md)",
       "focus-visible:outline-2",
@@ -3174,14 +3174,14 @@ const fileUpload = {
   },
   variants: {
     color: {
-      "air-primary": { root: "style-filled-inverted" },
-      "air-primary-success": { root: "style-filled-success-inverted" },
-      "air-primary-alert": { root: "style-filled-alert-inverted" },
-      "air-primary-copilot": { root: "style-filled-copilot-inverted" },
-      "air-primary-warning": { root: "style-filled-warning-inverted" },
-      "air-secondary": { root: "style-tinted" },
-      "air-secondary-alert": { root: "style-tinted-alert" },
-      "air-secondary-accent": { root: "style-outline" },
+      "air-primary": { root: "light style-filled-inverted" },
+      "air-primary-success": { root: "light style-filled-success-inverted" },
+      "air-primary-alert": { root: "light style-filled-alert-inverted" },
+      "air-primary-copilot": { root: "light style-filled-copilot-inverted" },
+      "air-primary-warning": { root: "light style-filled-warning-inverted" },
+      "air-secondary": { root: "style-outline" },
+      "air-secondary-alert": { root: "light style-tinted-alert" },
+      "air-secondary-accent": { root: "light style-tinted" },
       "air-secondary-accent-1": { root: "style-outline-accent-1" },
       "air-secondary-accent-2": { root: "style-outline-accent-2" },
       "air-tertiary": { root: "style-outline-no-accent" }
@@ -3239,7 +3239,15 @@ const fileUpload = {
           "-top-1.5",
           "-end-1.5",
           "rounded-(--ui-border-radius-pill)",
-          "border"
+          "border",
+          // @memo change color|bg for btn
+          "edge-light:[--ui-btn-background:var(--ui-color-base-white-fixed)]",
+          "edge-dark:[--ui-btn-background:var(--ui-color-base-white-fixed)]",
+          "edge-dark:hover:bg-(--ui-color-base-white-fixed)/90",
+          "edge-dark:[--ui-btn-color:var(--ui-color-g-content-grey-1)]",
+          "dark:[--ui-btn-background:var(--ui-color-g-content-grey-1)]",
+          "dark:hover:bg-(--ui-color-g-content-grey-1)/90",
+          "dark:[--ui-btn-color:var(--ui-color-g-content-grey-4)]"
         ].join(" ")
       }
     },

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 getDefaultConfig } from './shared/b24ui-nuxt.B13KxxqP.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.B9uYyQGR.mjs';
 import fs from 'node:fs';
 import path from 'node:path';
 import MagicString from 'magic-string';

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.B13KxxqP.mjs';
+import './shared/b24ui-nuxt.B9uYyQGR.mjs';
 import 'scule';
 import 'knitwork';
 import '@nuxt/kit';

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": "2.1.1",
+  "version": "2.1.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -104,7 +104,7 @@
     "vue-plugin.d.ts"
   ],
   "dependencies": {
-    "@bitrix24/b24icons-vue": "^2.0.5",
+    "@bitrix24/b24icons-nuxt": "^2.0.7",
     "@internationalized/date": "^3.10.0",
     "@internationalized/number": "^3.6.5",
     "@nuxt/kit": "^4.2.1",
@@ -207,7 +207,9 @@
     "@bitrix24/b24ui-nuxt": "workspace:*",
     "debug": "4.3.7",
     "typescript": "5.8.3",
-    "unplugin": "^2.3.10"
+    "unplugin": "^2.3.10",
+    "ai": "5.0.90",
+    "@ai-sdk/vue": "2.0.90"
   },
   "keywords": [
     "bitrix24-ui",