@bitrix24/b24ui-nuxt 0.1.5 → 0.1.7
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.
- package/.nuxt/b24ui/badge.ts +20 -1
- package/.nuxt/b24ui/button-group.ts +1 -1
- package/.nuxt/b24ui/button.ts +2 -2
- package/.nuxt/b24ui/index.ts +1 -0
- package/.nuxt/b24ui/input.ts +3 -3
- package/.nuxt/b24ui/select-menu.ts +517 -0
- package/.nuxt/b24ui/select.ts +8 -8
- package/.nuxt/b24ui/textarea.ts +3 -3
- package/dist/meta.cjs +5136 -217
- package/dist/meta.d.cts +5136 -217
- package/dist/meta.d.mts +5136 -217
- package/dist/meta.d.ts +5136 -217
- package/dist/meta.mjs +5136 -217
- package/dist/module.cjs +1 -1
- package/dist/module.json +1 -1
- package/dist/module.mjs +1 -1
- package/dist/runtime/components/App.vue +2 -3
- package/dist/runtime/components/Badge.vue +4 -1
- package/dist/runtime/components/Button.vue +1 -3
- package/dist/runtime/components/ButtonGroup.vue +1 -1
- package/dist/runtime/components/SelectMenu.vue +465 -0
- package/dist/runtime/composables/useComponentIcons.d.ts +2 -2
- package/dist/runtime/types/index.d.ts +2 -0
- package/dist/runtime/types/index.js +2 -0
- package/dist/runtime/vue/components/Link.vue +1 -0
- package/dist/shared/{b24ui-nuxt.D8eTlsIC.cjs → b24ui-nuxt.ZUYaG6CJ.cjs} +118 -75
- package/dist/shared/{b24ui-nuxt.CGBDJv97.mjs → b24ui-nuxt.vQRZieQw.mjs} +119 -76
- package/dist/unplugin.cjs +1 -1
- package/dist/unplugin.mjs +1 -1
- package/dist/vite.cjs +1 -1
- package/dist/vite.mjs +1 -1
- package/package.json +13 -10
|
@@ -262,6 +262,73 @@ const avatarGroup = {
|
|
|
262
262
|
}
|
|
263
263
|
};
|
|
264
264
|
|
|
265
|
+
const buttonGroupVariant = {
|
|
266
|
+
buttonGroup: {
|
|
267
|
+
horizontal: [
|
|
268
|
+
"focus-visible:outline-none",
|
|
269
|
+
"ring ring-inset ring-0 focus-visible:ring-2",
|
|
270
|
+
"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",
|
|
271
|
+
"group-[.is-button-group]/items:not-only:first:border-e-0 group-[.is-button-group]/items:not-only:not-first:border-s-0"
|
|
272
|
+
].join(" "),
|
|
273
|
+
vertical: [
|
|
274
|
+
"focus-visible:outline-none",
|
|
275
|
+
"ring ring-inset ring-0 focus-visible:ring-2",
|
|
276
|
+
"not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
|
|
277
|
+
].join(" ")
|
|
278
|
+
},
|
|
279
|
+
noSplit: {
|
|
280
|
+
false: [
|
|
281
|
+
"group-[.is-button-group]/items:not-only:not-first:after:content-[''] group-[.is-button-group]/items:not-only:not-first:after:absolute",
|
|
282
|
+
"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",
|
|
283
|
+
"group-[.is-button-group]/items:not-only:not-first:after:bg-current/30"
|
|
284
|
+
].join(" ")
|
|
285
|
+
}
|
|
286
|
+
};
|
|
287
|
+
const buttonGroupVariantWithRoot = {
|
|
288
|
+
buttonGroup: {
|
|
289
|
+
horizontal: {
|
|
290
|
+
root: "group leading-none",
|
|
291
|
+
base: [
|
|
292
|
+
"focus-visible:outline-none",
|
|
293
|
+
"ring ring-inset ring-1 focus-visible:ring-2",
|
|
294
|
+
"group-not-only:group-first:rounded-e-3xl group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
|
|
295
|
+
"group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
|
|
296
|
+
"group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
|
|
297
|
+
].join(" ")
|
|
298
|
+
},
|
|
299
|
+
vertical: {
|
|
300
|
+
root: "group",
|
|
301
|
+
base: [
|
|
302
|
+
"focus-visible:outline-none",
|
|
303
|
+
"ring ring-inset ring-1 focus-visible:ring-2",
|
|
304
|
+
"group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
|
|
305
|
+
].join(" ")
|
|
306
|
+
}
|
|
307
|
+
},
|
|
308
|
+
noSplit: {
|
|
309
|
+
false: [
|
|
310
|
+
"group-not-only:not-first:after:content-[''] group-not-only:not-first:after:absolute",
|
|
311
|
+
"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",
|
|
312
|
+
"group-not-only:not-first:after:bg-current/30"
|
|
313
|
+
].join(" ")
|
|
314
|
+
}
|
|
315
|
+
};
|
|
316
|
+
const buttonGroup = {
|
|
317
|
+
base: "relative",
|
|
318
|
+
variants: {
|
|
319
|
+
size: {
|
|
320
|
+
xs: "",
|
|
321
|
+
sm: "",
|
|
322
|
+
md: "",
|
|
323
|
+
lg: ""
|
|
324
|
+
},
|
|
325
|
+
orientation: {
|
|
326
|
+
horizontal: "flex flex-row -space-x-px",
|
|
327
|
+
vertical: "flex flex-col -space-y-px"
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
};
|
|
331
|
+
|
|
265
332
|
const badge = {
|
|
266
333
|
slots: {
|
|
267
334
|
base: [
|
|
@@ -279,6 +346,7 @@ const badge = {
|
|
|
279
346
|
trailingIcon: "shrink-0 cursor-pointer hover:rounded-full hover:bg-current/20 dark:hover:bg-current/35"
|
|
280
347
|
},
|
|
281
348
|
variants: {
|
|
349
|
+
...buttonGroupVariant,
|
|
282
350
|
useLink: {
|
|
283
351
|
true: {
|
|
284
352
|
base: "cursor-pointer",
|
|
@@ -370,8 +438,8 @@ const badge = {
|
|
|
370
438
|
depth: "normal",
|
|
371
439
|
class: [
|
|
372
440
|
"ring ring-inset",
|
|
373
|
-
"text-base-800 bg-base-150 ring-base-
|
|
374
|
-
"dark:text-base-950 dark:bg-base-200 dark:ring-base-
|
|
441
|
+
"text-base-800 bg-base-150 ring-base-300",
|
|
442
|
+
"dark:text-base-950 dark:bg-base-200 dark:ring-base-800"
|
|
375
443
|
].join(" ")
|
|
376
444
|
},
|
|
377
445
|
// LIGHT ////
|
|
@@ -626,6 +694,12 @@ const badge = {
|
|
|
626
694
|
{
|
|
627
695
|
useClose: true,
|
|
628
696
|
class: ""
|
|
697
|
+
},
|
|
698
|
+
// endregion ////
|
|
699
|
+
// region buttonGroup ////
|
|
700
|
+
{
|
|
701
|
+
buttonGroup: ["horizontal", "vertical"],
|
|
702
|
+
class: "rounded-2xs"
|
|
629
703
|
}
|
|
630
704
|
// endregion ////
|
|
631
705
|
],
|
|
@@ -637,72 +711,6 @@ const badge = {
|
|
|
637
711
|
}
|
|
638
712
|
};
|
|
639
713
|
|
|
640
|
-
const buttonGroupVariant = {
|
|
641
|
-
buttonGroup: {
|
|
642
|
-
horizontal: [
|
|
643
|
-
"focus-visible:outline-none",
|
|
644
|
-
"ring ring-inset ring-0 focus-visible:ring-2",
|
|
645
|
-
"not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none",
|
|
646
|
-
"not-only:first:border-e-0 not-only:not-first:border-s-0"
|
|
647
|
-
].join(" "),
|
|
648
|
-
vertical: [
|
|
649
|
-
"focus-visible:outline-none",
|
|
650
|
-
"ring ring-inset ring-0 focus-visible:ring-2",
|
|
651
|
-
"not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
|
|
652
|
-
].join(" ")
|
|
653
|
-
},
|
|
654
|
-
noSplit: {
|
|
655
|
-
false: [
|
|
656
|
-
"not-only:not-first:after:content-[''] not-only:not-first:after:absolute",
|
|
657
|
-
"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",
|
|
658
|
-
"not-only:not-first:after:bg-current/30"
|
|
659
|
-
].join(" ")
|
|
660
|
-
}
|
|
661
|
-
};
|
|
662
|
-
const buttonGroupVariantWithRoot = {
|
|
663
|
-
buttonGroup: {
|
|
664
|
-
horizontal: {
|
|
665
|
-
root: "group",
|
|
666
|
-
base: [
|
|
667
|
-
"focus-visible:outline-none",
|
|
668
|
-
"ring ring-inset ring-1 focus-visible:ring-2",
|
|
669
|
-
"group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
|
|
670
|
-
"group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
|
|
671
|
-
].join(" ")
|
|
672
|
-
},
|
|
673
|
-
vertical: {
|
|
674
|
-
root: "group",
|
|
675
|
-
base: [
|
|
676
|
-
"focus-visible:outline-none",
|
|
677
|
-
"ring ring-inset ring-1 focus-visible:ring-2",
|
|
678
|
-
"group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
|
|
679
|
-
].join(" ")
|
|
680
|
-
}
|
|
681
|
-
},
|
|
682
|
-
noSplit: {
|
|
683
|
-
false: [
|
|
684
|
-
"not-only:not-first:after:content-[''] not-only:not-first:after:absolute",
|
|
685
|
-
"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",
|
|
686
|
-
"not-only:not-first:after:bg-current/30"
|
|
687
|
-
].join(" ")
|
|
688
|
-
}
|
|
689
|
-
};
|
|
690
|
-
const buttonGroup = {
|
|
691
|
-
base: "relative",
|
|
692
|
-
variants: {
|
|
693
|
-
size: {
|
|
694
|
-
xs: "",
|
|
695
|
-
sm: "",
|
|
696
|
-
md: "",
|
|
697
|
-
lg: ""
|
|
698
|
-
},
|
|
699
|
-
orientation: {
|
|
700
|
-
horizontal: "inline-flex -space-x-px",
|
|
701
|
-
vertical: "flex flex-col -space-y-px"
|
|
702
|
-
}
|
|
703
|
-
}
|
|
704
|
-
};
|
|
705
|
-
|
|
706
714
|
const button = {
|
|
707
715
|
slots: {
|
|
708
716
|
base: [
|
|
@@ -2699,10 +2707,10 @@ const select = () => {
|
|
|
2699
2707
|
return defu.defuFn(
|
|
2700
2708
|
{
|
|
2701
2709
|
slots: {
|
|
2702
|
-
root: () => "relative inline-flex items-center
|
|
2710
|
+
root: () => "relative inline-flex items-center w-full",
|
|
2703
2711
|
base: () => [
|
|
2704
2712
|
"relative inline-flex items-center group",
|
|
2705
|
-
"
|
|
2713
|
+
"py-0 border-0 focus:outline-none",
|
|
2706
2714
|
"cursor-pointer disabled:cursor-not-allowed",
|
|
2707
2715
|
"disabled:bg-base-30/37 disabled:text-base-500",
|
|
2708
2716
|
"dark:disabled:bg-base-900/37 dark:disabled:text-base-800",
|
|
@@ -2712,7 +2720,7 @@ const select = () => {
|
|
|
2712
2720
|
"dark:ring-base-800",
|
|
2713
2721
|
"text-base-master bg-white hover:text-base-900 focus:text-base-900 active:text-base-900",
|
|
2714
2722
|
"dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350",
|
|
2715
|
-
"font-b24-primary font-regular text-sm",
|
|
2723
|
+
"font-b24-primary font-regular text-sm leading-tight",
|
|
2716
2724
|
"align-middle",
|
|
2717
2725
|
"text-ellipsis whitespace-nowrap"
|
|
2718
2726
|
].join(" "),
|
|
@@ -2720,7 +2728,9 @@ const select = () => {
|
|
|
2720
2728
|
placeholder: "truncate text-base-400 dark:text-base-300",
|
|
2721
2729
|
arrow: "fill-base-master/10 dark:fill-base-100/20",
|
|
2722
2730
|
content: [
|
|
2723
|
-
"
|
|
2731
|
+
"w-[var(--reka-popper-anchor-width)]",
|
|
2732
|
+
"max-h-60",
|
|
2733
|
+
// 'h-[var(--reka-popper-available-height)]',
|
|
2724
2734
|
"bg-white dark:bg-base-dark",
|
|
2725
2735
|
"shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800",
|
|
2726
2736
|
"overflow-hidden",
|
|
@@ -2746,11 +2756,15 @@ const select = () => {
|
|
|
2746
2756
|
"before:absolute before:z-[-1] before:inset-px before:rounded-2xs",
|
|
2747
2757
|
"cursor-pointer",
|
|
2748
2758
|
"data-disabled:cursor-not-allowed data-disabled:opacity-75",
|
|
2749
|
-
"text-base-master dark:text-base-150
|
|
2759
|
+
"text-base-master dark:text-base-150",
|
|
2760
|
+
"data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-base-100/50 dark:data-highlighted:before:bg-base-900",
|
|
2761
|
+
"data-[state=checked]:text-base-900 dark:data-[state=checked]:text-base-200 data-[state=checked]:before:bg-base-100/50 dark:data-[state=checked]:before:bg-base-900",
|
|
2750
2762
|
"transition-colors before:transition-colors"
|
|
2751
2763
|
].join(" "),
|
|
2752
2764
|
itemLeadingIcon: [
|
|
2753
|
-
"shrink-0 text-base-500 dark:text-base-700
|
|
2765
|
+
"shrink-0 text-base-500 dark:text-base-700",
|
|
2766
|
+
"group-data-highlighted:text-base-master dark:group-data-highlighted:text-base-150",
|
|
2767
|
+
"group-data-[state=checked]:text-base-master dark:group-data-[state=checked]:text-base-150",
|
|
2754
2768
|
"transition-colors"
|
|
2755
2769
|
].join(" "),
|
|
2756
2770
|
itemLeadingAvatar: "shrink-0",
|
|
@@ -2775,6 +2789,34 @@ const select = () => {
|
|
|
2775
2789
|
);
|
|
2776
2790
|
};
|
|
2777
2791
|
|
|
2792
|
+
const selectMenu = () => {
|
|
2793
|
+
return defu.defu({
|
|
2794
|
+
slots: {
|
|
2795
|
+
input: "border-b border-base-300 dark:dark:border-base-800"
|
|
2796
|
+
},
|
|
2797
|
+
variants: {
|
|
2798
|
+
addNew: {
|
|
2799
|
+
true: {
|
|
2800
|
+
group: "p-0 isolate -m-px",
|
|
2801
|
+
item: [
|
|
2802
|
+
"before:rounded-none",
|
|
2803
|
+
"text-base-master dark:text-base-150 before:bg-blue-200 dark:before:bg-blue-800",
|
|
2804
|
+
"data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-blue-200 dark:data-highlighted:before:bg-blue-800",
|
|
2805
|
+
"data-[state=checked]:text-base-900 dark:data-[state=checked]:text-base-200 data-[state=checked]:before:bg-blue-200 dark:data-[state=checked]:before:bg-blue-800"
|
|
2806
|
+
].join(" "),
|
|
2807
|
+
itemLabel: "flex flex-row flex-nowrap items-center justify-start gap-2",
|
|
2808
|
+
itemLeadingIcon: [
|
|
2809
|
+
"size-5 rounded-full",
|
|
2810
|
+
"text-white dark:text-base-150 bg-blue-500 dark:bg-blue-600",
|
|
2811
|
+
"group-data-highlighted:text-white dark:group-data-highlighted:text-base-150 group-data-highlighted:bg-blue-500 dark:group-data-highlighted:bg-blue-600",
|
|
2812
|
+
"group-data-[state=checked]:text-white dark:group-data-[state=checked]:text-base-150 group-data-[state=checked]:bg-blue-500 dark:group-data-[state=checked]:bg-blue-600"
|
|
2813
|
+
].join(" ")
|
|
2814
|
+
}
|
|
2815
|
+
}
|
|
2816
|
+
}
|
|
2817
|
+
}, select());
|
|
2818
|
+
};
|
|
2819
|
+
|
|
2778
2820
|
const separator = {
|
|
2779
2821
|
slots: {
|
|
2780
2822
|
root: "flex items-center align-center text-center",
|
|
@@ -3860,6 +3902,7 @@ const theme = {
|
|
|
3860
3902
|
radioGroup: radioGroup,
|
|
3861
3903
|
range: range,
|
|
3862
3904
|
select: select,
|
|
3905
|
+
selectMenu: selectMenu,
|
|
3863
3906
|
separator: separator,
|
|
3864
3907
|
skeleton: skeleton,
|
|
3865
3908
|
switch: _switch,
|
|
@@ -4038,7 +4081,7 @@ function getTemplates(options) {
|
|
|
4038
4081
|
templates.push({
|
|
4039
4082
|
filename: "types/b24ui.d.ts",
|
|
4040
4083
|
getContents: () => replaceBrackets(`import * as b24ui from '#build/b24ui'
|
|
4041
|
-
import type { DeepPartial } from '
|
|
4084
|
+
import type { DeepPartial } from '@bitrix24/b24ui-nuxt'
|
|
4042
4085
|
import type { defaultConfig } from 'tailwind-variants'
|
|
4043
4086
|
|
|
4044
4087
|
type AppConfigUI = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import 'node:url';
|
|
2
2
|
import { kebabCase } from 'scule';
|
|
3
3
|
import { addTypeTemplate, addTemplate } from '@nuxt/kit';
|
|
4
|
-
import { defuFn } from 'defu';
|
|
4
|
+
import { defuFn, defu } from 'defu';
|
|
5
5
|
|
|
6
6
|
const getDefaultUiConfig = () => ({});
|
|
7
7
|
const defaultOptions = {
|
|
@@ -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-
|
|
372
|
-
"dark:text-base-950 dark:bg-base-200 dark:ring-base-
|
|
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
|
|
2708
|
+
root: () => "relative inline-flex items-center w-full",
|
|
2701
2709
|
base: () => [
|
|
2702
2710
|
"relative inline-flex items-center group",
|
|
2703
|
-
"
|
|
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-tight",
|
|
2714
2722
|
"align-middle",
|
|
2715
2723
|
"text-ellipsis whitespace-nowrap"
|
|
2716
2724
|
].join(" "),
|
|
@@ -2718,7 +2726,9 @@ const select = () => {
|
|
|
2718
2726
|
placeholder: "truncate text-base-400 dark:text-base-300",
|
|
2719
2727
|
arrow: "fill-base-master/10 dark:fill-base-100/20",
|
|
2720
2728
|
content: [
|
|
2721
|
-
"
|
|
2729
|
+
"w-[var(--reka-popper-anchor-width)]",
|
|
2730
|
+
"max-h-60",
|
|
2731
|
+
// 'h-[var(--reka-popper-available-height)]',
|
|
2722
2732
|
"bg-white dark:bg-base-dark",
|
|
2723
2733
|
"shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800",
|
|
2724
2734
|
"overflow-hidden",
|
|
@@ -2744,11 +2754,15 @@ const select = () => {
|
|
|
2744
2754
|
"before:absolute before:z-[-1] before:inset-px before:rounded-2xs",
|
|
2745
2755
|
"cursor-pointer",
|
|
2746
2756
|
"data-disabled:cursor-not-allowed data-disabled:opacity-75",
|
|
2747
|
-
"text-base-master dark:text-base-150
|
|
2757
|
+
"text-base-master dark:text-base-150",
|
|
2758
|
+
"data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-base-100/50 dark:data-highlighted:before:bg-base-900",
|
|
2759
|
+
"data-[state=checked]:text-base-900 dark:data-[state=checked]:text-base-200 data-[state=checked]:before:bg-base-100/50 dark:data-[state=checked]:before:bg-base-900",
|
|
2748
2760
|
"transition-colors before:transition-colors"
|
|
2749
2761
|
].join(" "),
|
|
2750
2762
|
itemLeadingIcon: [
|
|
2751
|
-
"shrink-0 text-base-500 dark:text-base-700
|
|
2763
|
+
"shrink-0 text-base-500 dark:text-base-700",
|
|
2764
|
+
"group-data-highlighted:text-base-master dark:group-data-highlighted:text-base-150",
|
|
2765
|
+
"group-data-[state=checked]:text-base-master dark:group-data-[state=checked]:text-base-150",
|
|
2752
2766
|
"transition-colors"
|
|
2753
2767
|
].join(" "),
|
|
2754
2768
|
itemLeadingAvatar: "shrink-0",
|
|
@@ -2773,6 +2787,34 @@ const select = () => {
|
|
|
2773
2787
|
);
|
|
2774
2788
|
};
|
|
2775
2789
|
|
|
2790
|
+
const selectMenu = () => {
|
|
2791
|
+
return defu({
|
|
2792
|
+
slots: {
|
|
2793
|
+
input: "border-b border-base-300 dark:dark:border-base-800"
|
|
2794
|
+
},
|
|
2795
|
+
variants: {
|
|
2796
|
+
addNew: {
|
|
2797
|
+
true: {
|
|
2798
|
+
group: "p-0 isolate -m-px",
|
|
2799
|
+
item: [
|
|
2800
|
+
"before:rounded-none",
|
|
2801
|
+
"text-base-master dark:text-base-150 before:bg-blue-200 dark:before:bg-blue-800",
|
|
2802
|
+
"data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-blue-200 dark:data-highlighted:before:bg-blue-800",
|
|
2803
|
+
"data-[state=checked]:text-base-900 dark:data-[state=checked]:text-base-200 data-[state=checked]:before:bg-blue-200 dark:data-[state=checked]:before:bg-blue-800"
|
|
2804
|
+
].join(" "),
|
|
2805
|
+
itemLabel: "flex flex-row flex-nowrap items-center justify-start gap-2",
|
|
2806
|
+
itemLeadingIcon: [
|
|
2807
|
+
"size-5 rounded-full",
|
|
2808
|
+
"text-white dark:text-base-150 bg-blue-500 dark:bg-blue-600",
|
|
2809
|
+
"group-data-highlighted:text-white dark:group-data-highlighted:text-base-150 group-data-highlighted:bg-blue-500 dark:group-data-highlighted:bg-blue-600",
|
|
2810
|
+
"group-data-[state=checked]:text-white dark:group-data-[state=checked]:text-base-150 group-data-[state=checked]:bg-blue-500 dark:group-data-[state=checked]:bg-blue-600"
|
|
2811
|
+
].join(" ")
|
|
2812
|
+
}
|
|
2813
|
+
}
|
|
2814
|
+
}
|
|
2815
|
+
}, select());
|
|
2816
|
+
};
|
|
2817
|
+
|
|
2776
2818
|
const separator = {
|
|
2777
2819
|
slots: {
|
|
2778
2820
|
root: "flex items-center align-center text-center",
|
|
@@ -3858,6 +3900,7 @@ const theme = {
|
|
|
3858
3900
|
radioGroup: radioGroup,
|
|
3859
3901
|
range: range,
|
|
3860
3902
|
select: select,
|
|
3903
|
+
selectMenu: selectMenu,
|
|
3861
3904
|
separator: separator,
|
|
3862
3905
|
skeleton: skeleton,
|
|
3863
3906
|
switch: _switch,
|
|
@@ -4036,7 +4079,7 @@ function getTemplates(options) {
|
|
|
4036
4079
|
templates.push({
|
|
4037
4080
|
filename: "types/b24ui.d.ts",
|
|
4038
4081
|
getContents: () => replaceBrackets(`import * as b24ui from '#build/b24ui'
|
|
4039
|
-
import type { DeepPartial } from '
|
|
4082
|
+
import type { DeepPartial } from '@bitrix24/b24ui-nuxt'
|
|
4040
4083
|
import type { defaultConfig } from 'tailwind-variants'
|
|
4041
4084
|
|
|
4042
4085
|
type AppConfigUI = {
|
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.
|
|
8
|
+
const templates = require('./shared/b24ui-nuxt.ZUYaG6CJ.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.
|
|
6
|
+
import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.vQRZieQw.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
package/dist/vite.mjs
CHANGED