@bitrix24/b24ui-nuxt 2.3.0 → 2.4.1

package/README.md

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

package/cli/package.json

@@ -5,7 +5,7 @@
     ".": "./index.mjs"
   },
   "dependencies": {
-    "citty": "^0.2.0",
+    "citty": "^0.2.1",
     "consola": "^3.4.2",
     "pathe": "^2.0.3",
     "scule": "^1.3.0"

package/cli/templates.mjs

@@ -38,6 +38,7 @@ const component = ({ name, primitive, pro, prose, content }) => {
     contents: primitive
       ? replaceBrackets(`
 [[script lang="ts"]]
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/${path}/${prose ? 'prose/' : ''}${content ? 'content/' : ''}${kebabName}'
 import type { ComponentConfig } from '../types/tv'
@@ -55,7 +56,7 @@ export interface ${upperName}Props {
 }
 
 export interface ${upperName}Slots {
-  default(props?: {}): any
+  default?(props?: {}): VNode[]
 }
 [[/script]]
 
@@ -159,23 +160,19 @@ import { describe, it, expect } from 'vitest'
 import { axe } from 'vitest-axe'
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import ${upperName} from '../../${content ? '../' : ''}src/runtime/components/${content ? 'content/' : ''}${upperName}.vue'
-import type { ${upperName}Props, ${upperName}Slots } from '../../${content ? '../' : ''}src/runtime/components/${content ? 'content/' : ''}${upperName}.vue'
-import ComponentRender from '../${content ? '../' : ''}component-render'
+import { renderEach } from '../${content ? '../' : ''}component-render'
 
 describe('${upperName}', () => {
   const props = {}
 
-  it.each([
+  renderEach(${upperName}, [
     // Props
     ['with as', { props: { as: 'section' } }],
     ['with class', { props: { class: '' } }],
     ['with b24ui', { props: { b24ui: {} } }],
     // Slots
     ['with default slot', { props, slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ${upperName}Props, slots?: Partial<${upperName}Slots> }) => {
-    const html = await ComponentRender(nameOrHtml, options, ${upperName})
-    expect(html).toMatchSnapshot()
-  })
+  ])
 
   it('passes accessibility tests', async () => {
     const wrapper = await mountSuspended(${upperName}, {

package/dist/module.d.mts

@@ -1,6 +1,6 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { HookResult } from '@nuxt/schema';
-import { ColorModeTypeLight } from '../dist/runtime/types/index.js';
+import { ColorModeType, ColorModeTypeLight } from '../dist/runtime/types/index.js';
 export * from '../dist/runtime/types/index.js';
 
 interface ModuleOptions {
@@ -11,7 +11,14 @@ interface ModuleOptions {
      * @link https://bitrix24.github.io/b24ui/docs/getting-started/installation/nuxt/#colormode
      */
     colorMode?: boolean;
+    colorModeInitialValue?: ColorModeType;
     colorModeTypeLight?: ColorModeTypeLight;
+    /**
+     * Key to persist the data into localStorage/sessionStorage.
+     * Pass `null` to disable persistence
+     * @defaultValue 'vueuse-color-scheme'
+     */
+    colorModeStorageKey?: string | null;
     version?: string;
     /**
      * Customize how the theme is generated

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
-  "version": "2.3.0",
+  "version": "2.4.1",
   "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, installModule } from '@nuxt/kit';
-import { d as defaultOptions, v as version, n as name, a as getDefaultConfig, b as addTemplates } from './shared/b24ui-nuxt.DEyBXBFe.mjs';
+import { d as defaultOptions, v as version, n as name, a as getDefaultConfig, b as addTemplates } from './shared/b24ui-nuxt.C0de-Y4w.mjs';
 import 'node:url';
 import 'scule';
 import 'knitwork';
@@ -43,9 +43,10 @@ const module$1 = defineNuxtModule({
         nuxt.options[key] = defu(nuxt.options[key], options2);
       }
     }
-    await registerModule("@bitrix24/b24icons-nuxt", "empty", {});
+    await registerModule("@bitrix24/b24icons-nuxt", "b24icons", {});
     addPlugin({ src: resolve("./runtime/plugins/colors") });
     addPlugin({ src: resolve("./runtime/plugins/ui-version") });
+    addPlugin({ src: resolve("./runtime/plugins/platform") });
     if (hasNuxtModule("@nuxtjs/mdc") || options.mdc || (hasNuxtModule("@nuxt/content") || options.content)) {
       nuxt.options.mdc = defu(nuxt.options.mdc, {
         highlight: {

package/dist/runtime/air-design-tokens/013_b24_mobile_light.css

@@ -0,0 +1 @@
+@layer theme{[data-platform=bitrix-mobile].light,[data-platform=bitrix-mobile].light .base-mode{--ui-color-base-0:#000;--ui-color-base-1:#333}}

package/dist/runtime/air-design-tokens/014_b24_mobile_dark.css

@@ -0,0 +1 @@
+@layer theme{[data-platform=bitrix-mobile].dark,[data-platform=bitrix-mobile].dark .base-mode{--ui-color-base-0:#fff;--ui-color-base-1:#f8f8f8}}

package/dist/runtime/air-design-tokens/015_b24_mobile_edge-light.css

@@ -0,0 +1 @@
+@layer theme{[data-platform=bitrix-mobile].edge-light{--ui-color-base-0:#000;--ui-color-base-1:#000}}

package/dist/runtime/air-design-tokens/016_b24_mobile_edge-dark.css

@@ -0,0 +1 @@
+@layer theme{[data-platform=bitrix-mobile].edge-dark{--ui-color-base-0:#fff;--ui-color-base-1:#fff}}

package/dist/runtime/air-design-tokens/023_b24_desktop_light.css

@@ -0,0 +1 @@
+@layer theme{[data-platform=bitrix-desktop].light,[data-platform=bitrix-desktop].light .base-mode{--ui-color-base-0:#000;--ui-color-base-1:#333}}

package/dist/runtime/air-design-tokens/024_b24_desktop_dark.css

@@ -0,0 +1 @@
+@layer theme{[data-platform=bitrix-desktop].dark,[data-platform=bitrix-desktop].dark .base-mode{--ui-color-base-0:#fff;--ui-color-base-1:#f8f8f8}}

package/dist/runtime/air-design-tokens/025_b24_desktop_edge-light.css

@@ -0,0 +1 @@
+@layer theme{[data-platform=bitrix-desktop].edge-light{--ui-color-base-0:#000;--ui-color-base-1:#000}}

package/dist/runtime/air-design-tokens/026_b24_desktop_edge-dark.css

@@ -0,0 +1 @@
+@layer theme{[data-platform=bitrix-desktop].edge-dark{--ui-color-base-0:#fff;--ui-color-base-1:#fff}}

package/dist/runtime/air-design-tokens/components/scrollbar.css

@@ -1 +1 @@
-@layer components{.scrollbar-thin{scrollbar-width:thin}.scrollbar-transparent{scrollbar-color:transparent transparent;scrollbar-gutter:stable}.scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}.edge-dark .scrollbar-transparent:hover{scrollbar-color:hsla(0,0%,100%,.36) transparent}.dark .scrollbar-transparent{scrollbar-color:rgba(0,0,0,.21) transparent}.dark .scrollbar-transparent:hover{scrollbar-color:#515a67 transparent}.light .scrollbar-transparent{scrollbar-color:transparent transparent}.light .scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}}
+@layer components{.scrollbar-thin{scrollbar-width:thin}.scrollbar-both-edges{scrollbar-gutter:stable both-edges!important}.scrollbar-transparent{scrollbar-color:transparent transparent;scrollbar-gutter:stable}.scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}.edge-dark .scrollbar-transparent:hover{scrollbar-color:hsla(0,0%,100%,.36) transparent}.dark .scrollbar-transparent{scrollbar-color:rgba(0,0,0,.21) transparent}.dark .scrollbar-transparent:hover{scrollbar-color:#515a67 transparent}.light .scrollbar-transparent{scrollbar-color:transparent transparent}.light .scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}}