@bitrix24/b24ui-nuxt 2.1.8 → 2.1.9

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

@@ -82,7 +82,7 @@ export interface TextareaSlots {
     }): any;
 }
 declare const __VLS_export: <T extends TextareaValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<TextareaProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "change", event: Event) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "update:modelValue", value: T) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+    props: __VLS_PrettifyLocal<TextareaProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
@@ -90,7 +90,7 @@ declare const __VLS_export: <T extends TextareaValue>(__VLS_props: NonNullable<A
     }>) => void;
     attrs: any;
     slots: TextareaSlots;
-    emit: ((evt: "change", event: Event) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "update:modelValue", value: T) => void);
+    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,7 +1,7 @@
 import type { ToastRootProps, ToastRootEmits } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/toast';
-import type { AvatarProps, ButtonProps, ProgressProps, IconComponent } from '../types';
+import type { AvatarProps, ButtonProps, ProgressProps, IconComponent, LinkPropsKeys } from '../types';
 import type { StringOrVNode } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Toast = ComponentConfig<typeof theme, AppConfig, 'toast'>;
@@ -32,7 +32,7 @@ export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open'
      * `{ size: 'sm', color: 'air-tertiary' }`{lang="ts"}
      * @defaultValue true
      */
-    close?: boolean | Partial<ButtonProps>;
+    close?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the close button.
      * @defaultValue icons.close

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

@@ -1,7 +1,7 @@
 import type { ToastRootProps, ToastRootEmits } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/toast';
-import type { AvatarProps, ButtonProps, ProgressProps, IconComponent } from '../types';
+import type { AvatarProps, ButtonProps, ProgressProps, IconComponent, LinkPropsKeys } from '../types';
 import type { StringOrVNode } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Toast = ComponentConfig<typeof theme, AppConfig, 'toast'>;
@@ -32,7 +32,7 @@ export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open'
      * `{ size: 'sm', color: 'air-tertiary' }`{lang="ts"}
      * @defaultValue true
      */
-    close?: boolean | Partial<ButtonProps>;
+    close?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the close button.
      * @defaultValue icons.close

package/dist/runtime/components/color-mode/ColorModeButton.d.vue.ts

@@ -1,5 +1,5 @@
-import type { ButtonProps } from '../../types';
-export interface ColorModeButtonProps extends Omit<ButtonProps, 'color'> {
+import type { ButtonProps, LinkPropsKeys } from '../../types';
+export interface ColorModeButtonProps extends Omit<ButtonProps, LinkPropsKeys | 'color'> {
     /**
      * @defaultValue 'air-tertiary-no-accent'
      */

package/dist/runtime/components/color-mode/ColorModeButton.vue

@@ -27,8 +27,6 @@ const props = defineProps({
   useDropdown: { type: Boolean, required: false },
   onClick: { type: [Function, Array], required: false },
   class: { type: null, required: false },
-  activeClass: { type: String, required: false },
-  inactiveClass: { type: String, required: false },
   b24ui: { type: null, required: false },
   icon: { type: [Function, Object], required: false },
   avatar: { type: Object, required: false },
@@ -36,26 +34,9 @@ const props = defineProps({
   as: { type: null, required: false },
   type: { type: null, required: false },
   disabled: { type: Boolean, required: false },
-  active: { type: Boolean, required: false },
-  exact: { type: Boolean, required: false },
-  exactQuery: { type: [Boolean, String], required: false },
-  exactHash: { type: Boolean, required: false },
   isAction: { type: Boolean, required: false },
-  to: { type: null, required: false },
-  href: { type: null, required: false },
-  external: { type: Boolean, required: false },
-  target: { type: [String, Object, null], required: false },
-  rel: { type: [String, Object, null], required: false },
-  noRel: { type: Boolean, required: false },
-  prefetchedClass: { type: String, required: false },
-  prefetch: { type: Boolean, required: false },
-  prefetchOn: { type: [String, Object], required: false },
-  noPrefetch: { type: Boolean, required: false },
-  trailingSlash: { type: String, required: false },
   exactActiveClass: { type: String, required: false },
-  ariaCurrentValue: { type: String, required: false },
-  viewTransition: { type: Boolean, required: false },
-  replace: { type: Boolean, required: false }
+  viewTransition: { type: Boolean, required: false }
 });
 const { t } = useLocale();
 const colorMode = useColorMode();
@@ -80,8 +61,8 @@ const isDark = computed({
     @click="isDark = !isDark"
   >
     <template #leading="{ b24ui }">
-      <Component :is="icons.dark" data-slot="leadingIcon" :class="b24ui.leadingIcon({ class: props.b24ui?.leadingIcon })" class="hidden dark:inline" />
-      <Component :is="icons.light" data-slot="leadingIcon" :class="b24ui.leadingIcon({ class: props.b24ui?.leadingIcon })" class="inline dark:hidden" />
+      <Component :is="icons.dark" data-slot="leadingIcon" :class="b24ui.leadingIcon({ class: [props.b24ui?.leadingIcon, 'hidden dark:inline-block'] })" />
+      <Component :is="icons.light" data-slot="leadingIcon" :class="b24ui.leadingIcon({ class: [props.b24ui?.leadingIcon, 'dark:hidden'] })" />
     </template>
   </B24Button>
 </template>

package/dist/runtime/components/color-mode/ColorModeButton.vue.d.ts

@@ -1,5 +1,5 @@
-import type { ButtonProps } from '../../types';
-export interface ColorModeButtonProps extends Omit<ButtonProps, 'color'> {
+import type { ButtonProps, LinkPropsKeys } from '../../types';
+export interface ColorModeButtonProps extends Omit<ButtonProps, LinkPropsKeys | 'color'> {
     /**
      * @defaultValue 'air-tertiary-no-accent'
      */

package/dist/runtime/components/content/ContentSearch.d.vue.ts

@@ -2,7 +2,7 @@ import type { ContentNavigationItem } from '@nuxt/content';
 import type { AppConfig } from '@nuxt/schema';
 import type { UseFuseOptions } from '@vueuse/integrations/useFuse';
 import theme from '#build/b24ui/content/content-search';
-import type { ButtonProps, InputProps, LinkProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, IconComponent } from '../../types';
+import type { ButtonProps, InputProps, LinkProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, IconComponent, LinkPropsKeys } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
 type ContentSearch = ComponentConfig<typeof theme, AppConfig, 'contentSearch'>;
 export interface ContentSearchLink extends Omit<LinkProps, 'custom'> {
@@ -56,7 +56,7 @@ export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchL
      * @emits 'update:open'
      * @defaultValue true
      */
-    close?: boolean | Partial<ButtonProps>;
+    close?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the close button.
      * @defaultValue icons.close

package/dist/runtime/components/content/ContentSearch.vue.d.ts

@@ -2,7 +2,7 @@ import type { ContentNavigationItem } from '@nuxt/content';
 import type { AppConfig } from '@nuxt/schema';
 import type { UseFuseOptions } from '@vueuse/integrations/useFuse';
 import theme from '#build/b24ui/content/content-search';
-import type { ButtonProps, InputProps, LinkProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, IconComponent } from '../../types';
+import type { ButtonProps, InputProps, LinkProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, IconComponent, LinkPropsKeys } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
 type ContentSearch = ComponentConfig<typeof theme, AppConfig, 'contentSearch'>;
 export interface ContentSearchLink extends Omit<LinkProps, 'custom'> {
@@ -56,7 +56,7 @@ export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchL
      * @emits 'update:open'
      * @defaultValue true
      */
-    close?: boolean | Partial<ButtonProps>;
+    close?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the close button.
      * @defaultValue icons.close

package/dist/runtime/components/content/ContentSearchButton.d.vue.ts

@@ -1,9 +1,9 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/content/content-search-button';
-import type { ButtonProps, ButtonSlots, IconComponent, KbdProps, TooltipProps } from '../../types';
+import type { ButtonProps, ButtonSlots, IconComponent, KbdProps, TooltipProps, LinkPropsKeys } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
 type ContentSearchButton = ComponentConfig<typeof theme, AppConfig, 'contentSearchButton'>;
-export interface ContentSearchButtonProps extends Omit<ButtonProps, 'icon' | 'label' | 'color'> {
+export interface ContentSearchButtonProps extends Omit<ButtonProps, LinkPropsKeys | 'icon' | 'label' | 'color'> {
     /**
      * The icon displayed in the button.
      * @defaultValue icons.search

package/dist/runtime/components/content/ContentSearchButton.vue

@@ -38,33 +38,14 @@ const props = defineProps({
   useClock: { type: Boolean, required: false },
   useDropdown: { type: Boolean, required: false },
   onClick: { type: [Function, Array], required: false },
-  activeClass: { type: String, required: false },
-  inactiveClass: { type: String, required: false },
   avatar: { type: Object, required: false },
   loading: { type: Boolean, required: false },
   as: { type: null, required: false },
   type: { type: null, required: false },
   disabled: { type: Boolean, required: false },
-  active: { type: Boolean, required: false },
-  exact: { type: Boolean, required: false },
-  exactQuery: { type: [Boolean, String], required: false },
-  exactHash: { type: Boolean, required: false },
   isAction: { type: Boolean, required: false },
-  to: { type: null, required: false },
-  href: { type: null, required: false },
-  external: { type: Boolean, required: false },
-  target: { type: [String, Object, null], required: false },
-  rel: { type: [String, Object, null], required: false },
-  noRel: { type: Boolean, required: false },
-  prefetchedClass: { type: String, required: false },
-  prefetch: { type: Boolean, required: false },
-  prefetchOn: { type: [String, Object], required: false },
-  noPrefetch: { type: Boolean, required: false },
-  trailingSlash: { type: String, required: false },
   exactActiveClass: { type: String, required: false },
-  ariaCurrentValue: { type: String, required: false },
-  viewTransition: { type: Boolean, required: false },
-  replace: { type: Boolean, required: false }
+  viewTransition: { type: Boolean, required: false }
 });
 const slots = defineSlots();
 const [DefineButtonTemplate, ReuseButtonTemplate] = createReusableTemplate();

package/dist/runtime/components/content/ContentSearchButton.vue.d.ts

@@ -1,9 +1,9 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/content/content-search-button';
-import type { ButtonProps, ButtonSlots, IconComponent, KbdProps, TooltipProps } from '../../types';
+import type { ButtonProps, ButtonSlots, IconComponent, KbdProps, TooltipProps, LinkPropsKeys } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
 type ContentSearchButton = ComponentConfig<typeof theme, AppConfig, 'contentSearchButton'>;
-export interface ContentSearchButtonProps extends Omit<ButtonProps, 'icon' | 'label' | 'color'> {
+export interface ContentSearchButtonProps extends Omit<ButtonProps, LinkPropsKeys | 'icon' | 'label' | 'color'> {
     /**
      * The icon displayed in the button.
      * @defaultValue icons.search

package/dist/runtime/utils/content.d.ts

@@ -4,13 +4,13 @@ type MapContentNavigationItemOptions = {
     labelAttribute?: string;
     deep?: number;
 };
-export declare function mapContentNavigationItem(item: ContentNavigationItem, options?: MapContentNavigationItemOptions, currentDepth?: number): Omit<ContentNavigationItem, "path" | "title"> & {
+export declare function mapContentNavigationItem(item: ContentNavigationItem, options?: MapContentNavigationItemOptions, currentDepth?: number): Omit<ContentNavigationItem, "title" | "path"> & {
     label?: string;
     to?: string;
     type?: string;
     icon?: IconComponent;
 };
-export declare function mapContentNavigation(navigation: ContentNavigationItem[], options?: MapContentNavigationItemOptions): (Omit<ContentNavigationItem, "path" | "title"> & {
+export declare function mapContentNavigation(navigation: ContentNavigationItem[], options?: MapContentNavigationItemOptions): (Omit<ContentNavigationItem, "title" | "path"> & {
     label?: string;
     to?: string;
     type?: string;

package/dist/shared/{b24ui-nuxt.CyWhhgYE.mjs → b24ui-nuxt.auTgHcA7.mjs}

@@ -8,7 +8,7 @@ import { globSync } from 'tinyglobby';
 import { defuFn } from 'defu';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "2.1.8";
+const version = "2.1.9";
 
 function getDefaultConfig(theme) {
   return {
@@ -1760,7 +1760,7 @@ const chatMessages = {
   slots: {
     root: "w-full flex flex-col gap-1 flex-1 px-2.5 [&>article]:last-of-type:min-h-(--last-message-height)",
     indicator: "h-6 flex items-center gap-1 py-3 *:size-2 *:rounded-full *:bg-(--ui-color-base-7) [&>*:nth-child(1)]:animate-[bounce_1s_infinite] [&>*:nth-child(2)]:animate-[bounce_1s_0.15s_infinite] [&>*:nth-child(3)]:animate-[bounce_1s_0.3s_infinite]",
-    viewport: "absolute inset-x-0 top-[86%] data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]",
+    viewport: "absolute inset-x-0 top-[78%] data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]",
     autoScroll: "rounded-full absolute right-1/2 translate-x-1/2 bottom-0"
   },
   variants: {
@@ -2745,7 +2745,7 @@ const dashboardSearch = {
   variants: {
     fullscreen: {
       false: {
-        modal: "sm:max-w-[768px] sm:h-[436px]"
+        modal: "sm:max-w-[768px] h-full sm:h-[436px]"
       }
     }
   }
@@ -7707,6 +7707,7 @@ const table$1 = {
     caption: "sr-only",
     thead: "relative",
     tbody: [
+      "isolate",
       "[&>tr]:data-[selectable=true]:hover:bg-(--ui-color-bg-content-secondary)",
       "light:[&>tr]:data-[selectable=true]:hover:bg-[#f6f8f9]",
       "[&>tr]:data-[selectable=true]:focus-visible:outline-(--ui-color-accent-soft-element-blue)",
@@ -7739,7 +7740,7 @@ const table$1 = {
       "align-middle"
     ].join(" "),
     separator: [
-      "absolute z-[1] left-0",
+      "absolute z-1 left-0",
       "w-full h-px",
       "bg-(--ui-color-design-tinted-na-stroke)"
     ].join(" "),
@@ -7766,12 +7767,12 @@ const table$1 = {
         th: [
           "sticky",
           "bg-(--ui-color-bg-content-primary)",
-          "z-[1]"
+          "z-1"
         ].join(" "),
         td: [
           "sticky",
           "bg-(--ui-color-bg-content-primary)",
-          "z-[1]"
+          "z-1"
         ].join(" ")
       }
     },
@@ -7781,14 +7782,14 @@ const table$1 = {
           "sticky",
           "top-0 inset-x-0",
           "bg-(--ui-color-bg-content-primary)",
-          "z-[2] backdrop-blur"
+          "z-2 backdrop-blur"
         ].join(" "),
         // bg-default/75
         tfoot: [
           "sticky",
           "bottom-0 inset-x-0",
           "bg-(--ui-color-bg-content-primary)",
-          "z-[2] backdrop-blur"
+          "z-2 backdrop-blur"
         ].join(" ")
         // bg-default/75
       },
@@ -7797,7 +7798,7 @@ const table$1 = {
           "sticky",
           "top-0 inset-x-0",
           "bg-(--ui-color-bg-content-primary)",
-          "z-[2] backdrop-blur"
+          "z-2 backdrop-blur"
         ].join(" ")
         // bg-default/75
       },
@@ -7806,7 +7807,7 @@ const table$1 = {
           "sticky",
           "bottom-0 inset-x-0",
           "bg-(--ui-color-bg-content-primary)",
-          "z-[2] backdrop-blur"
+          "z-2 backdrop-blur"
         ].join(" ")
         // bg-default/75
       }
@@ -7815,7 +7816,7 @@ const table$1 = {
       true: {
         thead: [
           "after:absolute",
-          "after:z-[1]",
+          "after:z-1",
           "after:h-px",
           "after:bg-(--b24ui-background)"
         ].join(" ")
@@ -10154,7 +10155,7 @@ const contentSearch = {
   variants: {
     fullscreen: {
       false: {
-        modal: "sm:max-w-[768px] sm:h-[436px]"
+        modal: "sm:max-w-[768px] h-full sm:h-[436px]"
       }
     }
   }

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.CyWhhgYE.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.auTgHcA7.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.CyWhhgYE.mjs';
+import './shared/b24ui-nuxt.auTgHcA7.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.8",
+  "version": "2.1.9",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -255,6 +255,7 @@
     "lint:fix": "eslint . --fix",
     "typecheck": "vue-tsc --noEmit && nuxt typecheck playgrounds/nuxt && nuxt typecheck playgrounds/demo && nuxt typecheck docs && cd playgrounds/vue && vue-tsc --noEmit",
     "test": "vitest",
-    "test:vue": "vitest -c vitest.vue.config.ts"
+    "test:vue": "vitest --project vue",
+    "test:nuxt": "vitest --project nuxt"
   }
 }