@bitrix24/b24ui-nuxt 2.5.2 → 2.5.3

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
-  "version": "2.5.2",
+  "version": "2.5.3",
   "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.D2-pCbE6.mjs';
+import { d as defaultOptions, v as version, n as name, a as getDefaultConfig, b as addTemplates } from './shared/b24ui-nuxt.LkR3tG7f.mjs';
 import 'node:url';
 import 'scule';
 import 'knitwork';

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

@@ -1,8 +1,8 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
-import theme from '#build/b24ui/prose/callout';
 import type { IconComponent, LinkProps } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
+import theme from '#build/b24ui/prose/callout';
 type ProseCallout = ComponentConfig<typeof theme, AppConfig, 'callout', 'b24ui.prose'>;
 export interface ProseCalloutProps {
     to?: LinkProps['to'];

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

@@ -1,8 +1,8 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
-import theme from '#build/b24ui/prose/callout';
 import type { IconComponent, LinkProps } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
+import theme from '#build/b24ui/prose/callout';
 type ProseCallout = ComponentConfig<typeof theme, AppConfig, 'callout', 'b24ui.prose'>;
 export interface ProseCalloutProps {
     to?: LinkProps['to'];

package/dist/runtime/components/prose/Card.d.vue.ts

@@ -1,13 +1,14 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
-import theme from '#build/b24ui/prose/card';
 import type { IconComponent, LinkProps } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
+import theme from '#build/b24ui/prose/card';
 type ProseCard = ComponentConfig<typeof theme, AppConfig, 'card', 'b24ui.prose'>;
 export interface ProseCardProps {
     to?: LinkProps['to'];
     target?: LinkProps['target'];
     icon?: IconComponent;
+    iconName?: string;
     title?: string;
     description?: string;
     /**

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

@@ -9,11 +9,17 @@ import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 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";
+import Bitrix24Icon from "@bitrix24/b24icons-vue/common-service/Bitrix24Icon";
+import DemonstrationOnIcon from "@bitrix24/b24icons-vue/outline/DemonstrationOnIcon";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   to: { type: null, required: false },
   target: { type: [String, Object, null], required: false },
   icon: { type: [Function, Object], required: false },
+  iconName: { type: String, required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },
   color: { type: null, required: false },
@@ -30,6 +36,24 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 }));
 const target = computed(() => props.target || (!!props.to && typeof props.to === "string" && props.to.startsWith("http") ? "_blank" : void 0));
 const ariaLabel = computed(() => (props.title || "Card link").trim());
+const iconFromIconName = computed(() => {
+  if (!props.iconName) {
+    return void 0;
+  }
+  switch (props.iconName) {
+    case "InfoCircleIcon":
+      return InfoCircleIcon;
+    case "GitHubIcon":
+      return GitHubIcon;
+    case "MdnWebDocIcon":
+      return MdnwebdocsIcon;
+    case "Bitrix24Icon":
+      return Bitrix24Icon;
+    case "DemonstrationOnIcon":
+      return DemonstrationOnIcon;
+  }
+  return void 0;
+});
 </script>
 
 <template>
@@ -50,6 +74,12 @@ const ariaLabel = computed(() => (props.title || "Card link").trim());
       data-slot="icon"
       :class="b24ui.icon({ class: uiProp?.icon })"
     />
+    <Component
+      :is="iconFromIconName"
+      v-else-if="props.iconName"
+      data-slot="icon"
+      :class="b24ui.icon({ class: uiProp?.icon })"
+    />
     <Component
       :is="icons.external"
       v-if="!!to && target === '_blank'"

package/dist/runtime/components/prose/Card.vue.d.ts

@@ -1,13 +1,14 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
-import theme from '#build/b24ui/prose/card';
 import type { IconComponent, LinkProps } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
+import theme from '#build/b24ui/prose/card';
 type ProseCard = ComponentConfig<typeof theme, AppConfig, 'card', 'b24ui.prose'>;
 export interface ProseCardProps {
     to?: LinkProps['to'];
     target?: LinkProps['target'];
     icon?: IconComponent;
+    iconName?: string;
     title?: string;
     description?: string;
     /**

package/dist/runtime/index.css

@@ -1 +1 @@
-@import "#build/b24ui.css";@import "./keyframes.css";@import "./air-design-tokens/tw-style/index.css";@import "./air-design-tokens/index.css";@variant light (&:where(.light, .light *));@variant edge-dark (&:where(.edge-dark, .edge-dark *));@variant edge-light (&:where(.edge-light, .edge-light *));@variant dark (&:where(.dark, .dark *));@variant bitrix-mobile (&:where(html[data-platform="bitrix-mobile"] *));@variant bitrix-desktop (&:where(html[data-platform="bitrix-desktop"] *));@variant web (&:where(html[data-platform="web"] *));@layer base{.air-custom-bg,.sidebar-layout.--inner,body{--air-theme-background:var(--air-theme-bg-image,none) var(--air-theme-bg-position,0 0) /var(--air-theme-bg-size,auto) var(--air-theme-bg-repeat,repeat) var(--air-theme-bg-attachment,scroll) var(--air-theme-bg-color,transparent);--air-theme-background-blurred:var(--air-theme-bg-image-blurred,none) var(--air-theme-bg-position,0 0) /var(--air-theme-bg-size,auto) var(--air-theme-bg-repeat,repeat) var(--air-theme-bg-attachment,scroll)}}@layer theme{:host,:root{--b24ui-header-height:--spacing(14.5)}}@theme default inline{--text-color-dimmed:var(--ui-color-base-6);--text-color-muted:var(--ui-color-design-plain-na-content-secondary);--text-color-description:var(--b24ui-typography-description-color);--text-color-legend:var(--b24ui-typography-legend-color);--text-color-label:var(--b24ui-typography-label-color)}
+@import "#build/b24ui.css";@import "./keyframes.css";@import "./air-design-tokens/tw-style/index.css";@import "./air-design-tokens/index.css";@source "./components";@variant light (&:where(.light, .light *));@variant edge-dark (&:where(.edge-dark, .edge-dark *));@variant edge-light (&:where(.edge-light, .edge-light *));@variant dark (&:where(.dark, .dark *));@variant bitrix-mobile (&:where(html[data-platform="bitrix-mobile"] *));@variant bitrix-desktop (&:where(html[data-platform="bitrix-desktop"] *));@variant web (&:where(html[data-platform="web"] *));@layer base{.air-custom-bg,.sidebar-layout.--inner,body{--air-theme-background:var(--air-theme-bg-image,none) var(--air-theme-bg-position,0 0) /var(--air-theme-bg-size,auto) var(--air-theme-bg-repeat,repeat) var(--air-theme-bg-attachment,scroll) var(--air-theme-bg-color,transparent);--air-theme-background-blurred:var(--air-theme-bg-image-blurred,none) var(--air-theme-bg-position,0 0) /var(--air-theme-bg-size,auto) var(--air-theme-bg-repeat,repeat) var(--air-theme-bg-attachment,scroll)}}@layer theme{:host,:root{--b24ui-header-height:--spacing(14.5);--b24ui-container-width:90rem}}@theme default inline{--text-color-dimmed:var(--ui-color-base-6);--text-color-muted:var(--ui-color-design-plain-na-content-secondary);--text-color-description:var(--b24ui-typography-description-color);--text-color-legend:var(--b24ui-typography-legend-color);--text-color-label:var(--b24ui-typography-label-color);--background-color-default:var(--ui-color-bg-content-primary);--background-color-muted:var(--ui-color-design-tinted-na-bg);--background-color-elevated:var(--ui-color-bg-content-secondary);--background-color-accented:var(--ui-color-accent-soft-element-blue);--background-color-border:var(--ui-color-divider-default);--border-color-default:var(--ui-color-divider-default);--border-color-muted:var(--ui-color-design-tinted-na-stroke);--border-color-accented:var(--ui-color-accent-soft-element-blue);--border-color-bg:var(--ui-color-bg-content-primary)}

package/dist/shared/{b24ui-nuxt.D2-pCbE6.mjs → b24ui-nuxt.LkR3tG7f.mjs}

@@ -8,7 +8,7 @@ import { globSync } from 'tinyglobby';
 import { defuFn } from 'defu';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "2.5.2";
+const version = "2.5.3";
 
 function getDefaultConfig(theme) {
   return {
@@ -2620,8 +2620,7 @@ const commandPalette = {
 };
 
 const container = {
-  base: "w-full max-w-[1280px] mx-auto px-[22px]"
-  // max-w-7xl w-full
+  base: "w-full max-w-(--b24ui-container-width) mx-auto px-4 sm:px-6 lg:px-8"
 };
 
 const contextMenu = {

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.D2-pCbE6.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.LkR3tG7f.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.D2-pCbE6.mjs';
+import './shared/b24ui-nuxt.LkR3tG7f.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.5.2",
+  "version": "2.5.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"