@bitrix24/b24ui-nuxt 0.1.5 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -260,6 +260,73 @@ const avatarGroup = {
260
260
  }
261
261
  };
262
262
 
263
+ const buttonGroupVariant = {
264
+ buttonGroup: {
265
+ horizontal: [
266
+ "focus-visible:outline-none",
267
+ "ring ring-inset ring-0 focus-visible:ring-2",
268
+ "group-[.is-button-group]/items:not-only:first:rounded-e-none group-[.is-button-group]/items:not-only:last:rounded-s-none group-[.is-button-group]/items:not-last:not-first:rounded-none",
269
+ "group-[.is-button-group]/items:not-only:first:border-e-0 group-[.is-button-group]/items:not-only:not-first:border-s-0"
270
+ ].join(" "),
271
+ vertical: [
272
+ "focus-visible:outline-none",
273
+ "ring ring-inset ring-0 focus-visible:ring-2",
274
+ "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
275
+ ].join(" ")
276
+ },
277
+ noSplit: {
278
+ false: [
279
+ "group-[.is-button-group]/items:not-only:not-first:after:content-[''] group-[.is-button-group]/items:not-only:not-first:after:absolute",
280
+ "group-[.is-button-group]/items:not-only:not-first:after:top-[7px] group-[.is-button-group]/items:not-only:not-first:after:bottom-[6px] group-[.is-button-group]/items:not-only:not-first:after:left-0 group-[.is-button-group]/items:not-only:not-first:after:w-px",
281
+ "group-[.is-button-group]/items:not-only:not-first:after:bg-current/30"
282
+ ].join(" ")
283
+ }
284
+ };
285
+ const buttonGroupVariantWithRoot = {
286
+ buttonGroup: {
287
+ horizontal: {
288
+ root: "group leading-none",
289
+ base: [
290
+ "focus-visible:outline-none",
291
+ "ring ring-inset ring-1 focus-visible:ring-2",
292
+ "group-not-only:group-first:rounded-e-3xl group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
293
+ "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
294
+ "group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
295
+ ].join(" ")
296
+ },
297
+ vertical: {
298
+ root: "group",
299
+ base: [
300
+ "focus-visible:outline-none",
301
+ "ring ring-inset ring-1 focus-visible:ring-2",
302
+ "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
303
+ ].join(" ")
304
+ }
305
+ },
306
+ noSplit: {
307
+ false: [
308
+ "group-not-only:not-first:after:content-[''] group-not-only:not-first:after:absolute",
309
+ "group-not-only:not-first:after:top-[7px] group-not-only:not-first:after:bottom-[6px] group-not-only:not-first:after:left-0 group-not-only:not-first:after:w-px",
310
+ "group-not-only:not-first:after:bg-current/30"
311
+ ].join(" ")
312
+ }
313
+ };
314
+ const buttonGroup = {
315
+ base: "relative",
316
+ variants: {
317
+ size: {
318
+ xs: "",
319
+ sm: "",
320
+ md: "",
321
+ lg: ""
322
+ },
323
+ orientation: {
324
+ horizontal: "flex flex-row -space-x-px",
325
+ vertical: "flex flex-col -space-y-px"
326
+ }
327
+ }
328
+ };
329
+
263
330
  const badge = {
264
331
  slots: {
265
332
  base: [
@@ -277,6 +344,7 @@ const badge = {
277
344
  trailingIcon: "shrink-0 cursor-pointer hover:rounded-full hover:bg-current/20 dark:hover:bg-current/35"
278
345
  },
279
346
  variants: {
347
+ ...buttonGroupVariant,
280
348
  useLink: {
281
349
  true: {
282
350
  base: "cursor-pointer",
@@ -368,8 +436,8 @@ const badge = {
368
436
  depth: "normal",
369
437
  class: [
370
438
  "ring ring-inset",
371
- "text-base-800 bg-base-150 ring-base-150",
372
- "dark:text-base-950 dark:bg-base-200 dark:ring-base-200"
439
+ "text-base-800 bg-base-150 ring-base-300",
440
+ "dark:text-base-950 dark:bg-base-200 dark:ring-base-800"
373
441
  ].join(" ")
374
442
  },
375
443
  // LIGHT ////
@@ -624,6 +692,12 @@ const badge = {
624
692
  {
625
693
  useClose: true,
626
694
  class: ""
695
+ },
696
+ // endregion ////
697
+ // region buttonGroup ////
698
+ {
699
+ buttonGroup: ["horizontal", "vertical"],
700
+ class: "rounded-2xs"
627
701
  }
628
702
  // endregion ////
629
703
  ],
@@ -635,72 +709,6 @@ const badge = {
635
709
  }
636
710
  };
637
711
 
638
- const buttonGroupVariant = {
639
- buttonGroup: {
640
- horizontal: [
641
- "focus-visible:outline-none",
642
- "ring ring-inset ring-0 focus-visible:ring-2",
643
- "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none",
644
- "not-only:first:border-e-0 not-only:not-first:border-s-0"
645
- ].join(" "),
646
- vertical: [
647
- "focus-visible:outline-none",
648
- "ring ring-inset ring-0 focus-visible:ring-2",
649
- "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
650
- ].join(" ")
651
- },
652
- noSplit: {
653
- false: [
654
- "not-only:not-first:after:content-[''] not-only:not-first:after:absolute",
655
- "not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px",
656
- "not-only:not-first:after:bg-current/30"
657
- ].join(" ")
658
- }
659
- };
660
- const buttonGroupVariantWithRoot = {
661
- buttonGroup: {
662
- horizontal: {
663
- root: "group",
664
- base: [
665
- "focus-visible:outline-none",
666
- "ring ring-inset ring-1 focus-visible:ring-2",
667
- "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
668
- "group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
669
- ].join(" ")
670
- },
671
- vertical: {
672
- root: "group",
673
- base: [
674
- "focus-visible:outline-none",
675
- "ring ring-inset ring-1 focus-visible:ring-2",
676
- "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
677
- ].join(" ")
678
- }
679
- },
680
- noSplit: {
681
- false: [
682
- "not-only:not-first:after:content-[''] not-only:not-first:after:absolute",
683
- "not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px",
684
- "not-only:not-first:after:bg-current/30"
685
- ].join(" ")
686
- }
687
- };
688
- const buttonGroup = {
689
- base: "relative",
690
- variants: {
691
- size: {
692
- xs: "",
693
- sm: "",
694
- md: "",
695
- lg: ""
696
- },
697
- orientation: {
698
- horizontal: "inline-flex -space-x-px",
699
- vertical: "flex flex-col -space-y-px"
700
- }
701
- }
702
- };
703
-
704
712
  const button = {
705
713
  slots: {
706
714
  base: [
@@ -2697,10 +2705,10 @@ const select = () => {
2697
2705
  return defuFn(
2698
2706
  {
2699
2707
  slots: {
2700
- root: () => "relative inline-flex items-center min-w-full w-full",
2708
+ root: () => "relative inline-flex items-center w-full",
2701
2709
  base: () => [
2702
2710
  "relative inline-flex items-center group",
2703
- "min-w-full w-full py-0 border-0 focus:outline-none",
2711
+ "py-0 border-0 focus:outline-none",
2704
2712
  "cursor-pointer disabled:cursor-not-allowed",
2705
2713
  "disabled:bg-base-30/37 disabled:text-base-500",
2706
2714
  "dark:disabled:bg-base-900/37 dark:disabled:text-base-800",
@@ -2710,7 +2718,7 @@ const select = () => {
2710
2718
  "dark:ring-base-800",
2711
2719
  "text-base-master bg-white hover:text-base-900 focus:text-base-900 active:text-base-900",
2712
2720
  "dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350",
2713
- "font-b24-primary font-regular text-sm",
2721
+ "font-b24-primary font-regular text-sm leading-none",
2714
2722
  "align-middle",
2715
2723
  "text-ellipsis whitespace-nowrap"
2716
2724
  ].join(" "),
package/dist/unplugin.cjs CHANGED
@@ -5,7 +5,7 @@ const pathe = require('pathe');
5
5
  const unplugin = require('unplugin');
6
6
  const defu = require('defu');
7
7
  const tailwind = require('@tailwindcss/vite');
8
- const templates = require('./shared/b24ui-nuxt.D8eTlsIC.cjs');
8
+ const templates = require('./shared/b24ui-nuxt.BAQG__ma.cjs');
9
9
  const tinyglobby = require('tinyglobby');
10
10
  const knitwork = require('knitwork');
11
11
  const MagicString = require('magic-string');
package/dist/unplugin.mjs CHANGED
@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
3
3
  import { createUnplugin } from 'unplugin';
4
4
  import { defu } from 'defu';
5
5
  import tailwind from '@tailwindcss/vite';
6
- import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CGBDJv97.mjs';
6
+ import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.n3bAiAAD.mjs';
7
7
  import { globSync } from 'tinyglobby';
8
8
  import { genSafeVariableName } from 'knitwork';
9
9
  import MagicString from 'magic-string';
package/dist/vite.cjs CHANGED
@@ -6,7 +6,7 @@ require('pathe');
6
6
  require('unplugin');
7
7
  require('defu');
8
8
  require('@tailwindcss/vite');
9
- require('./shared/b24ui-nuxt.D8eTlsIC.cjs');
9
+ require('./shared/b24ui-nuxt.BAQG__ma.cjs');
10
10
  require('scule');
11
11
  require('@nuxt/kit');
12
12
  require('tinyglobby');
package/dist/vite.mjs CHANGED
@@ -4,7 +4,7 @@ import 'pathe';
4
4
  import 'unplugin';
5
5
  import 'defu';
6
6
  import '@tailwindcss/vite';
7
- import './shared/b24ui-nuxt.CGBDJv97.mjs';
7
+ import './shared/b24ui-nuxt.n3bAiAAD.mjs';
8
8
  import 'scule';
9
9
  import '@nuxt/kit';
10
10
  import 'tinyglobby';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrix24/b24ui-nuxt",
3
3
  "description": "Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE",
4
- "version": "0.1.5",
4
+ "version": "0.1.6",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -65,8 +65,8 @@
65
65
  "@nuxt/kit": "^3.15.4",
66
66
  "@nuxt/schema": "^3.15.4",
67
67
  "@nuxtjs/color-mode": "^3.5.2",
68
- "@tailwindcss/postcss": "^4.0.1",
69
- "@tailwindcss/vite": "^4.0.1",
68
+ "@tailwindcss/postcss": "^4.0.3",
69
+ "@tailwindcss/vite": "^4.0.3",
70
70
  "@tanstack/vue-table": "^8.20.5",
71
71
  "@unhead/vue": "^1.11.18",
72
72
  "@vueuse/core": "^12.5.0",
@@ -81,7 +81,7 @@
81
81
  "embla-carousel-fade": "^8.5.2",
82
82
  "embla-carousel-vue": "^8.5.2",
83
83
  "embla-carousel-wheel-gestures": "^8.0.1",
84
- "fuse.js": "^7.0.0",
84
+ "fuse.js": "^7.1.0",
85
85
  "knitwork": "^1.2.0",
86
86
  "magic-string": "^0.30.17",
87
87
  "mlly": "^1.7.4",
@@ -90,18 +90,18 @@
90
90
  "reka-ui": "1.0.0-alpha.9",
91
91
  "scule": "^1.3.0",
92
92
  "tailwind-variants": "^0.3.1",
93
- "tailwindcss": "^4.0.1",
93
+ "tailwindcss": "^4.0.3",
94
94
  "tinyglobby": "^0.2.10",
95
95
  "unplugin": "^2.1.2",
96
96
  "unplugin-auto-import": "^19.0.0",
97
97
  "unplugin-vue-components": "^28.0.0",
98
- "vaul-vue": "^0.2.0"
98
+ "vaul-vue": "^0.2.1"
99
99
  },
100
100
  "devDependencies": {
101
- "@nuxt/eslint-config": "^0.7.5",
101
+ "@nuxt/eslint-config": "^1.0.0",
102
102
  "@nuxt/module-builder": "^0.8.4",
103
103
  "@nuxt/test-utils": "^3.15.4",
104
- "@standard-schema/spec": "1.0.0",
104
+ "@standard-schema/spec": "^1.0.0",
105
105
  "@vue/test-utils": "^2.4.6",
106
106
  "embla-carousel": "^8.5.2",
107
107
  "eslint": "^9.19.0",
@@ -138,7 +138,6 @@
138
138
  "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && vite build playground-vue && nuxt-component-meta playground --outputDir ../src/.component-meta/",
139
139
  "dev:prepare_short": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && vite build playground-vue",
140
140
  "build": "nuxt-module-build build",
141
- "build_short": "nuxt-module-build build",
142
141
  "dev": "set DEV=true && nuxi dev playground",
143
142
  "dev:build": "nuxi build playground",
144
143
  "dev:generate": "nuxt generate playground",