@bitrix24/b24ui-nuxt 0.4.0 → 0.4.2
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/button.ts +8 -0
- package/.nuxt/b24ui/index.ts +1 -0
- package/.nuxt/b24ui/modal.ts +21 -3
- package/.nuxt/b24ui/prose/blockquote.ts +5 -0
- package/.nuxt/b24ui/prose/em.ts +5 -0
- package/.nuxt/b24ui/prose/h1.ts +6 -0
- package/.nuxt/b24ui/prose/h2.ts +16 -0
- package/.nuxt/b24ui/prose/h3.ts +16 -0
- package/.nuxt/b24ui/prose/h4.ts +16 -0
- package/.nuxt/b24ui/prose/h5.ts +16 -0
- package/.nuxt/b24ui/prose/h6.ts +16 -0
- package/.nuxt/b24ui/prose/hr.ts +5 -0
- package/.nuxt/b24ui/prose/li.ts +5 -0
- package/.nuxt/b24ui/prose/ol.ts +5 -0
- package/.nuxt/b24ui/prose/p.ts +5 -0
- package/.nuxt/b24ui/prose/strong.ts +5 -0
- package/.nuxt/b24ui/prose/ul.ts +5 -0
- package/.nuxt/b24ui/slideover.ts +26 -7
- package/dist/meta.cjs +32768 -29015
- package/dist/meta.d.cts +32768 -29015
- package/dist/meta.d.mts +32768 -29015
- package/dist/meta.d.ts +32768 -29015
- package/dist/meta.mjs +32768 -29015
- package/dist/module.cjs +6 -1
- package/dist/module.json +1 -1
- package/dist/module.mjs +6 -1
- package/dist/runtime/components/Advice.vue +3 -0
- package/dist/runtime/components/Alert.vue +17 -2
- package/dist/runtime/components/Avatar.vue +7 -0
- package/dist/runtime/components/AvatarGroup.vue +3 -0
- package/dist/runtime/components/Badge.vue +21 -3
- package/dist/runtime/components/Button.vue +120 -52
- package/dist/runtime/components/ButtonGroup.vue +7 -1
- package/dist/runtime/components/Checkbox.vue +6 -0
- package/dist/runtime/components/Chip.vue +18 -2
- package/dist/runtime/components/Countdown.vue +32 -8
- package/dist/runtime/components/{content/DescriptionList.vue → DescriptionList.vue} +19 -8
- package/dist/runtime/components/DropdownMenu.vue +14 -2
- package/dist/runtime/components/DropdownMenuContent.vue +6 -0
- package/dist/runtime/components/FormField.vue +6 -0
- package/dist/runtime/components/Input.vue +50 -6
- package/dist/runtime/components/InputMenu.vue +67 -15
- package/dist/runtime/components/InputNumber.vue +42 -8
- package/dist/runtime/components/Kbd.vue +6 -0
- package/dist/runtime/components/Link.vue +8 -4
- package/dist/runtime/components/Modal.vue +22 -5
- package/dist/runtime/components/Progress.vue +19 -3
- package/dist/runtime/components/RadioGroup.vue +6 -0
- package/dist/runtime/components/Range.vue +9 -1
- package/dist/runtime/components/Select.vue +47 -10
- package/dist/runtime/components/SelectMenu.vue +52 -12
- package/dist/runtime/components/Separator.vue +16 -2
- package/dist/runtime/components/Slideover.vue +22 -4
- package/dist/runtime/components/Switch.vue +19 -3
- package/dist/runtime/components/Tabs.vue +12 -0
- package/dist/runtime/components/Textarea.vue +50 -6
- package/dist/runtime/components/Toast.vue +13 -2
- package/dist/runtime/components/Toaster.vue +8 -0
- package/dist/runtime/components/{prose → content}/TableWrapper.vue +27 -3
- package/dist/runtime/composables/useComponentIcons.d.ts +9 -2
- package/dist/runtime/index.css +1 -1
- package/dist/runtime/prose/Blockquote.vue +36 -0
- package/dist/runtime/prose/Em.vue +36 -0
- package/dist/runtime/prose/H1.vue +36 -0
- package/dist/runtime/prose/H2.vue +36 -0
- package/dist/runtime/prose/H3.vue +36 -0
- package/dist/runtime/prose/H4.vue +36 -0
- package/dist/runtime/prose/H5.vue +36 -0
- package/dist/runtime/prose/H6.vue +36 -0
- package/dist/runtime/prose/Hr.vue +30 -0
- package/dist/runtime/prose/Li.vue +36 -0
- package/dist/runtime/prose/Ol.vue +36 -0
- package/dist/runtime/prose/P.vue +36 -0
- package/dist/runtime/prose/Strong.vue +36 -0
- package/dist/runtime/prose/Ul.vue +36 -0
- package/dist/runtime/types/index.d.ts +16 -2
- package/dist/runtime/types/index.js +16 -2
- package/dist/runtime/utils/index.js +1 -1
- package/dist/runtime/vue/components/Link.vue +10 -6
- package/dist/shared/{b24ui-nuxt.BT9wxrhm.cjs → b24ui-nuxt.Bt28CeAD.cjs} +350 -90
- package/dist/shared/{b24ui-nuxt.CBO0gAWn.mjs → b24ui-nuxt.Bx_-_mhu.mjs} +350 -90
- package/dist/unplugin.cjs +4 -4
- package/dist/unplugin.mjs +4 -4
- package/dist/vite.cjs +1 -1
- package/dist/vite.mjs +1 -1
- package/package.json +7 -6
- /package/.nuxt/b24ui/{prose → content}/table-wrapper.ts +0 -0
- /package/.nuxt/b24ui/{content/description-list.ts → description-list.ts} +0 -0
|
@@ -713,7 +713,7 @@ const badge = {
|
|
|
713
713
|
}
|
|
714
714
|
};
|
|
715
715
|
|
|
716
|
-
const safeList = [
|
|
716
|
+
const safeList$1 = [
|
|
717
717
|
"h-full w-full absolute inset-0 flex flex-row flex-nowrap items-center justify-center",
|
|
718
718
|
"w-[28px] h-[28px]",
|
|
719
719
|
"size-lg animate-spin stroke-2",
|
|
@@ -731,13 +731,14 @@ const button = {
|
|
|
731
731
|
],
|
|
732
732
|
baseLine: [
|
|
733
733
|
"inline-flex items-center"
|
|
734
|
+
// justify-center
|
|
734
735
|
].join(" "),
|
|
735
736
|
label: "truncate",
|
|
736
737
|
leadingIcon: "shrink-0",
|
|
737
738
|
leadingAvatar: "shrink-0",
|
|
738
739
|
leadingAvatarSize: "",
|
|
739
740
|
trailingIcon: "shrink-0",
|
|
740
|
-
safeList
|
|
741
|
+
safeList: safeList$1
|
|
741
742
|
},
|
|
742
743
|
variants: {
|
|
743
744
|
...buttonGroupVariant,
|
|
@@ -888,6 +889,14 @@ const button = {
|
|
|
888
889
|
normalCase: {
|
|
889
890
|
true: "font-semibold normal-case",
|
|
890
891
|
false: "font-bold uppercase"
|
|
892
|
+
},
|
|
893
|
+
active: {
|
|
894
|
+
true: {
|
|
895
|
+
base: ""
|
|
896
|
+
},
|
|
897
|
+
false: {
|
|
898
|
+
base: ""
|
|
899
|
+
}
|
|
891
900
|
}
|
|
892
901
|
},
|
|
893
902
|
compoundVariants: [
|
|
@@ -1606,6 +1615,78 @@ const countdown = {
|
|
|
1606
1615
|
}
|
|
1607
1616
|
};
|
|
1608
1617
|
|
|
1618
|
+
const descriptionList = {
|
|
1619
|
+
slots: {
|
|
1620
|
+
root: "w-full shrink-0",
|
|
1621
|
+
legend: "font-semibold text-black dark:text-base-150",
|
|
1622
|
+
text: "text-base-500 dark:text-base-400",
|
|
1623
|
+
container: "grid grid-cols-1 sm:grid-cols-[min(50%,theme(spacing.80))_auto]",
|
|
1624
|
+
labelWrapper: [
|
|
1625
|
+
"col-start-1 border-t first:border-none sm:border-t",
|
|
1626
|
+
"flex flex-nowrap flex-row items-center justify-start gap-1.5",
|
|
1627
|
+
"border-base-950/5 text-base-500 sm:border-base-950/5",
|
|
1628
|
+
"dark:border-white/5 dark:text-base-400 sm:dark:border-white/5"
|
|
1629
|
+
].join(" "),
|
|
1630
|
+
icon: "shrink-0 size-6 text-base-500 dark:text-base-400",
|
|
1631
|
+
avatar: "shrink-0",
|
|
1632
|
+
avatarSize: "",
|
|
1633
|
+
label: "",
|
|
1634
|
+
descriptionWrapper: [
|
|
1635
|
+
"sm:border-t sm:[&:nth-child(2)]:border-none",
|
|
1636
|
+
"text-base-900 sm:border-base-950/5",
|
|
1637
|
+
"dark:text-base-150 dark:sm:border-white/5"
|
|
1638
|
+
].join(" "),
|
|
1639
|
+
description: "",
|
|
1640
|
+
actions: "flex flex-wrap gap-1.5 shrink-0",
|
|
1641
|
+
footer: "border-t border-base-950/5 dark:border-white/5"
|
|
1642
|
+
},
|
|
1643
|
+
variants: {
|
|
1644
|
+
size: {
|
|
1645
|
+
sm: {
|
|
1646
|
+
legend: "text-md",
|
|
1647
|
+
text: "mt-1 max-w-2/3 text-sm",
|
|
1648
|
+
container: "mt-2.5 text-md",
|
|
1649
|
+
labelWrapper: "pt-3 sm:py-3",
|
|
1650
|
+
avatarSize: "xs",
|
|
1651
|
+
label: "",
|
|
1652
|
+
descriptionWrapper: "pb-3 pt-1 sm:py-3",
|
|
1653
|
+
description: "",
|
|
1654
|
+
footer: "mt-2 p-2"
|
|
1655
|
+
},
|
|
1656
|
+
md: {
|
|
1657
|
+
legend: "text-xl",
|
|
1658
|
+
text: "mt-2 max-w-2/3 text-lg leading-5",
|
|
1659
|
+
container: "mt-3 text-lg",
|
|
1660
|
+
labelWrapper: "pt-3 sm:py-3",
|
|
1661
|
+
avatarSize: "xs",
|
|
1662
|
+
label: "",
|
|
1663
|
+
descriptionWrapper: "pb-3 pt-1 sm:py-3",
|
|
1664
|
+
description: "",
|
|
1665
|
+
footer: "mt-4 p-4"
|
|
1666
|
+
}
|
|
1667
|
+
},
|
|
1668
|
+
orientation: {
|
|
1669
|
+
horizontal: {
|
|
1670
|
+
descriptionWrapper: "w-full flex flex-row items-center justify-between gap-4",
|
|
1671
|
+
actions: "items-center"
|
|
1672
|
+
},
|
|
1673
|
+
vertical: {
|
|
1674
|
+
descriptionWrapper: "",
|
|
1675
|
+
actions: "items-start mt-2.5"
|
|
1676
|
+
}
|
|
1677
|
+
},
|
|
1678
|
+
title: {
|
|
1679
|
+
true: {
|
|
1680
|
+
description: "mt-1"
|
|
1681
|
+
}
|
|
1682
|
+
}
|
|
1683
|
+
},
|
|
1684
|
+
compoundVariants: [],
|
|
1685
|
+
defaultVariants: {
|
|
1686
|
+
size: "md"
|
|
1687
|
+
}
|
|
1688
|
+
};
|
|
1689
|
+
|
|
1609
1690
|
const dropdownMenu = {
|
|
1610
1691
|
slots: {
|
|
1611
1692
|
content: [
|
|
@@ -3268,10 +3349,21 @@ const modal = {
|
|
|
3268
3349
|
close: "absolute top-2 end-1.5 p-0.5"
|
|
3269
3350
|
},
|
|
3270
3351
|
variants: {
|
|
3352
|
+
overlayBlur: {
|
|
3353
|
+
auto: {
|
|
3354
|
+
overlay: "motion-safe:backdrop-blur-sm"
|
|
3355
|
+
},
|
|
3356
|
+
on: {
|
|
3357
|
+
overlay: "backdrop-blur-sm"
|
|
3358
|
+
},
|
|
3359
|
+
off: {
|
|
3360
|
+
overlay: ""
|
|
3361
|
+
}
|
|
3362
|
+
},
|
|
3271
3363
|
transition: {
|
|
3272
3364
|
true: {
|
|
3273
|
-
overlay: "data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]",
|
|
3274
|
-
content: "data-[state=open]:animate-[scale-in_200ms_ease-out] data-[state=closed]:animate-[scale-out_200ms_ease-in]"
|
|
3365
|
+
overlay: "motion-safe:data-[state=open]:animate-[fade-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[fade-out_200ms_ease-in]",
|
|
3366
|
+
content: "motion-safe:data-[state=open]:animate-[scale-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_200ms_ease-in]"
|
|
3275
3367
|
}
|
|
3276
3368
|
},
|
|
3277
3369
|
fullscreen: {
|
|
@@ -3294,7 +3386,8 @@ const modal = {
|
|
|
3294
3386
|
}
|
|
3295
3387
|
},
|
|
3296
3388
|
defaultVariants: {
|
|
3297
|
-
scrollbarThin: true
|
|
3389
|
+
scrollbarThin: true,
|
|
3390
|
+
overlayBlur: "auto"
|
|
3298
3391
|
}
|
|
3299
3392
|
};
|
|
3300
3393
|
|
|
@@ -4094,6 +4187,9 @@ const skeleton = {
|
|
|
4094
4187
|
base: "animate-pulse rounded-md bg-gray-200 dark:bg-gray-800"
|
|
4095
4188
|
};
|
|
4096
4189
|
|
|
4190
|
+
const safeList = [
|
|
4191
|
+
"group-hover:rounded-full group-hover:border-1 group-hover:border-current"
|
|
4192
|
+
].join(" ");
|
|
4097
4193
|
const slideover = {
|
|
4098
4194
|
slots: {
|
|
4099
4195
|
overlay: "fixed inset-0 bg-base-950/20 dark:bg-base-950/30",
|
|
@@ -4116,9 +4212,21 @@ const slideover = {
|
|
|
4116
4212
|
footer: "bg-white dark:bg-base-950 flex items-center justify-center gap-3 py-4 border-t border-t-1 border-t-base-900/10 dark:border-t-white/20 shadow-top-md p-2 pr-(--scrollbar-width)",
|
|
4117
4213
|
title: "font-b24-system font-light text-4.5xl leading-none text-base-900 dark:text-base-150",
|
|
4118
4214
|
description: "mt-2 mb-1 text-base-500 dark:text-base-400 text-sm",
|
|
4119
|
-
close: "absolute"
|
|
4215
|
+
close: "absolute",
|
|
4216
|
+
safeList
|
|
4120
4217
|
},
|
|
4121
4218
|
variants: {
|
|
4219
|
+
overlayBlur: {
|
|
4220
|
+
auto: {
|
|
4221
|
+
overlay: "motion-safe:backdrop-blur-sm"
|
|
4222
|
+
},
|
|
4223
|
+
on: {
|
|
4224
|
+
overlay: "backdrop-blur-sm"
|
|
4225
|
+
},
|
|
4226
|
+
off: {
|
|
4227
|
+
overlay: ""
|
|
4228
|
+
}
|
|
4229
|
+
},
|
|
4122
4230
|
side: {
|
|
4123
4231
|
top: {
|
|
4124
4232
|
content: "inset-x-0 top-0 max-h-full"
|
|
@@ -4135,7 +4243,7 @@ const slideover = {
|
|
|
4135
4243
|
},
|
|
4136
4244
|
transition: {
|
|
4137
4245
|
true: {
|
|
4138
|
-
overlay: "data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]"
|
|
4246
|
+
overlay: "motion-safe:data-[state=open]:animate-[fade-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[fade-out_200ms_ease-in]"
|
|
4139
4247
|
}
|
|
4140
4248
|
},
|
|
4141
4249
|
scrollbarThin: {
|
|
@@ -4181,34 +4289,35 @@ const slideover = {
|
|
|
4181
4289
|
transition: true,
|
|
4182
4290
|
side: "top",
|
|
4183
4291
|
class: {
|
|
4184
|
-
content: "data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-top_200ms_ease-in-out]"
|
|
4292
|
+
content: "motion-safe:data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-top_200ms_ease-in-out]"
|
|
4185
4293
|
}
|
|
4186
4294
|
},
|
|
4187
4295
|
{
|
|
4188
4296
|
transition: true,
|
|
4189
4297
|
side: "right",
|
|
4190
4298
|
class: {
|
|
4191
|
-
content: "data-[state=open]:animate-[slide-in-from-right_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-right_200ms_ease-in-out]"
|
|
4299
|
+
content: "motion-safe:data-[state=open]:animate-[slide-in-from-right_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-right_200ms_ease-in-out]"
|
|
4192
4300
|
}
|
|
4193
4301
|
},
|
|
4194
4302
|
{
|
|
4195
4303
|
transition: true,
|
|
4196
4304
|
side: "bottom",
|
|
4197
4305
|
class: {
|
|
4198
|
-
content: "data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-bottom_200ms_ease-in-out]"
|
|
4306
|
+
content: "motion-safe:data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-bottom_200ms_ease-in-out]"
|
|
4199
4307
|
}
|
|
4200
4308
|
},
|
|
4201
4309
|
{
|
|
4202
4310
|
transition: true,
|
|
4203
4311
|
side: "left",
|
|
4204
4312
|
class: {
|
|
4205
|
-
content: "data-[state=open]:animate-[slide-in-from-left_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-left_200ms_ease-in-out]"
|
|
4313
|
+
content: "motion-safe:data-[state=open]:animate-[slide-in-from-left_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-left_200ms_ease-in-out]"
|
|
4206
4314
|
}
|
|
4207
4315
|
}
|
|
4208
4316
|
],
|
|
4209
4317
|
defaultVariants: {
|
|
4210
4318
|
side: "right",
|
|
4211
|
-
scrollbarThin: true
|
|
4319
|
+
scrollbarThin: true,
|
|
4320
|
+
overlayBlur: "auto"
|
|
4212
4321
|
}
|
|
4213
4322
|
};
|
|
4214
4323
|
|
|
@@ -5175,6 +5284,7 @@ const theme = {
|
|
|
5175
5284
|
chip: chip,
|
|
5176
5285
|
container: container,
|
|
5177
5286
|
countdown: countdown,
|
|
5287
|
+
descriptionList: descriptionList,
|
|
5178
5288
|
dropdownMenu: dropdownMenu,
|
|
5179
5289
|
form: form,
|
|
5180
5290
|
formField: formField,
|
|
@@ -5200,6 +5310,233 @@ const theme = {
|
|
|
5200
5310
|
tooltip: tooltip
|
|
5201
5311
|
};
|
|
5202
5312
|
|
|
5313
|
+
const h1 = {
|
|
5314
|
+
slots: {
|
|
5315
|
+
base: [
|
|
5316
|
+
"mb-2",
|
|
5317
|
+
"text-base-master dark:text-base-150",
|
|
5318
|
+
"scroll-mt-[calc(45px+var(--b24ui-header-height))] lg:scroll-mt-(--b24ui-header-height)",
|
|
5319
|
+
"text-h1"
|
|
5320
|
+
].join(" "),
|
|
5321
|
+
link: "inline-flex items-center gap-2"
|
|
5322
|
+
}
|
|
5323
|
+
};
|
|
5324
|
+
|
|
5325
|
+
const h2 = {
|
|
5326
|
+
slots: {
|
|
5327
|
+
base: [
|
|
5328
|
+
"relative mb-2",
|
|
5329
|
+
"[&>a>code]:text-xl/7 [&>a>code]:font-bold",
|
|
5330
|
+
"text-base-master dark:text-base-150",
|
|
5331
|
+
"scroll-mt-[calc(48px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(48px+var(--b24ui-header-height))]",
|
|
5332
|
+
"[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
|
|
5333
|
+
"hover:[&>a>code]:text-info-text",
|
|
5334
|
+
"[&>a>code]:border-dashed [&>a>code]:transition-colors",
|
|
5335
|
+
"text-h2"
|
|
5336
|
+
].join(" "),
|
|
5337
|
+
leading: [
|
|
5338
|
+
"absolute -ms-8 top-1 p-1",
|
|
5339
|
+
"rounded-md hidden lg:flex",
|
|
5340
|
+
"opacity-0 group-hover:opacity-100 group-focus:opacity-100",
|
|
5341
|
+
"bg-base-100 dark:bg-base-900",
|
|
5342
|
+
"text-base-500 dark:text-base-600",
|
|
5343
|
+
"hover:text-outline-info-text",
|
|
5344
|
+
"transition"
|
|
5345
|
+
],
|
|
5346
|
+
leadingIcon: "size-4 shrink-0",
|
|
5347
|
+
link: "group lg:ps-2 lg:-ms-2"
|
|
5348
|
+
}
|
|
5349
|
+
};
|
|
5350
|
+
|
|
5351
|
+
const h3 = {
|
|
5352
|
+
slots: {
|
|
5353
|
+
base: [
|
|
5354
|
+
"relative mb-2",
|
|
5355
|
+
"[&>a>code]:text-lg/7 [&>a>code]:font-bold",
|
|
5356
|
+
"text-base-master dark:text-base-150",
|
|
5357
|
+
"scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
|
|
5358
|
+
"[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
|
|
5359
|
+
"hover:[&>a>code]:text-info-text",
|
|
5360
|
+
"[&>a>code]:border-dashed [&>a>code]:transition-colors",
|
|
5361
|
+
"text-h3"
|
|
5362
|
+
].join(" "),
|
|
5363
|
+
leading: [
|
|
5364
|
+
"absolute -ms-8 top-0.5 p-1",
|
|
5365
|
+
"rounded-md hidden lg:flex",
|
|
5366
|
+
"opacity-0 group-hover:opacity-100 group-focus:opacity-100",
|
|
5367
|
+
"bg-base-100 dark:bg-base-900",
|
|
5368
|
+
"text-base-500 dark:text-base-600",
|
|
5369
|
+
"hover:text-outline-info-text",
|
|
5370
|
+
"transition"
|
|
5371
|
+
],
|
|
5372
|
+
leadingIcon: "size-4 shrink-0",
|
|
5373
|
+
link: "group lg:ps-2 lg:-ms-2"
|
|
5374
|
+
}
|
|
5375
|
+
};
|
|
5376
|
+
|
|
5377
|
+
const h4 = {
|
|
5378
|
+
slots: {
|
|
5379
|
+
base: [
|
|
5380
|
+
"relative mb-2",
|
|
5381
|
+
"[&>a>code]:text-lg/7 [&>a>code]:font-bold",
|
|
5382
|
+
"text-base-master dark:text-base-150",
|
|
5383
|
+
"scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
|
|
5384
|
+
"[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
|
|
5385
|
+
"hover:[&>a>code]:text-info-text",
|
|
5386
|
+
"[&>a>code]:border-dashed [&>a>code]:transition-colors",
|
|
5387
|
+
"text-h4"
|
|
5388
|
+
].join(" "),
|
|
5389
|
+
leading: [
|
|
5390
|
+
"absolute -ms-8 top-0.5 p-1",
|
|
5391
|
+
"rounded-md hidden lg:flex",
|
|
5392
|
+
"opacity-0 group-hover:opacity-100 group-focus:opacity-100",
|
|
5393
|
+
"bg-base-100 dark:bg-base-900",
|
|
5394
|
+
"text-base-500 dark:text-base-600",
|
|
5395
|
+
"hover:text-outline-info-text",
|
|
5396
|
+
"transition"
|
|
5397
|
+
],
|
|
5398
|
+
leadingIcon: "size-4 shrink-0",
|
|
5399
|
+
link: "group lg:ps-2 lg:-ms-2"
|
|
5400
|
+
}
|
|
5401
|
+
};
|
|
5402
|
+
|
|
5403
|
+
const h5 = {
|
|
5404
|
+
slots: {
|
|
5405
|
+
base: [
|
|
5406
|
+
"relative mb-2",
|
|
5407
|
+
"[&>a>code]:text-lg/7 [&>a>code]:font-bold",
|
|
5408
|
+
"text-base-master dark:text-base-150",
|
|
5409
|
+
"scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
|
|
5410
|
+
"[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
|
|
5411
|
+
"hover:[&>a>code]:text-info-text",
|
|
5412
|
+
"[&>a>code]:border-dashed [&>a>code]:transition-colors",
|
|
5413
|
+
"text-h5"
|
|
5414
|
+
].join(" "),
|
|
5415
|
+
leading: [
|
|
5416
|
+
"absolute -ms-8 top-0.5 p-1",
|
|
5417
|
+
"rounded-md hidden lg:flex",
|
|
5418
|
+
"opacity-0 group-hover:opacity-100 group-focus:opacity-100",
|
|
5419
|
+
"bg-base-100 dark:bg-base-900",
|
|
5420
|
+
"text-base-500 dark:text-base-600",
|
|
5421
|
+
"hover:text-outline-info-text",
|
|
5422
|
+
"transition"
|
|
5423
|
+
],
|
|
5424
|
+
leadingIcon: "size-4 shrink-0",
|
|
5425
|
+
link: "group lg:ps-2 lg:-ms-2"
|
|
5426
|
+
}
|
|
5427
|
+
};
|
|
5428
|
+
|
|
5429
|
+
const h6 = {
|
|
5430
|
+
slots: {
|
|
5431
|
+
base: [
|
|
5432
|
+
"relative mb-2",
|
|
5433
|
+
"[&>a>code]:text-lg/7 [&>a>code]:font-bold",
|
|
5434
|
+
"text-base-master dark:text-base-150",
|
|
5435
|
+
"scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
|
|
5436
|
+
"[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
|
|
5437
|
+
"hover:[&>a>code]:text-info-text",
|
|
5438
|
+
"[&>a>code]:border-dashed [&>a>code]:transition-colors",
|
|
5439
|
+
"text-h6"
|
|
5440
|
+
].join(" "),
|
|
5441
|
+
leading: [
|
|
5442
|
+
"absolute -ms-8 top-0.5 p-1",
|
|
5443
|
+
"rounded-md hidden lg:flex",
|
|
5444
|
+
"opacity-0 group-hover:opacity-100 group-focus:opacity-100",
|
|
5445
|
+
"bg-base-100 dark:bg-base-900",
|
|
5446
|
+
"text-base-500 dark:text-base-600",
|
|
5447
|
+
"hover:text-outline-info-text",
|
|
5448
|
+
"transition"
|
|
5449
|
+
],
|
|
5450
|
+
leadingIcon: "size-4 shrink-0",
|
|
5451
|
+
link: "group lg:ps-2 lg:-ms-2"
|
|
5452
|
+
}
|
|
5453
|
+
};
|
|
5454
|
+
|
|
5455
|
+
const p = {
|
|
5456
|
+
slots: {
|
|
5457
|
+
base: [
|
|
5458
|
+
"mb-2",
|
|
5459
|
+
"leading-relaxed",
|
|
5460
|
+
"text-pretty"
|
|
5461
|
+
].join(" ")
|
|
5462
|
+
}
|
|
5463
|
+
};
|
|
5464
|
+
|
|
5465
|
+
const blockquote = {
|
|
5466
|
+
slots: {
|
|
5467
|
+
base: "mb-2 border-s-4 border-blue-500 dark:border-blue-600 ps-4 italic"
|
|
5468
|
+
}
|
|
5469
|
+
};
|
|
5470
|
+
|
|
5471
|
+
const strong = {
|
|
5472
|
+
slots: {
|
|
5473
|
+
base: ""
|
|
5474
|
+
}
|
|
5475
|
+
};
|
|
5476
|
+
|
|
5477
|
+
const em = {
|
|
5478
|
+
slots: {
|
|
5479
|
+
base: ""
|
|
5480
|
+
}
|
|
5481
|
+
};
|
|
5482
|
+
|
|
5483
|
+
const ol = {
|
|
5484
|
+
slots: {
|
|
5485
|
+
base: [
|
|
5486
|
+
"list-decimal",
|
|
5487
|
+
"ps-2 mb-2 ms-3",
|
|
5488
|
+
"marker:text-base-master dark:marker:text-base-150"
|
|
5489
|
+
].join(" ")
|
|
5490
|
+
}
|
|
5491
|
+
};
|
|
5492
|
+
|
|
5493
|
+
const ul = {
|
|
5494
|
+
slots: {
|
|
5495
|
+
base: [
|
|
5496
|
+
"list-disc",
|
|
5497
|
+
"ps-2 mb-2 ms-3",
|
|
5498
|
+
"marker:text-base-master dark:marker:text-base-150"
|
|
5499
|
+
].join(" ")
|
|
5500
|
+
}
|
|
5501
|
+
};
|
|
5502
|
+
|
|
5503
|
+
const li = {
|
|
5504
|
+
slots: {
|
|
5505
|
+
base: [
|
|
5506
|
+
"my-1.5 ps-1.5",
|
|
5507
|
+
"leading-relaxed",
|
|
5508
|
+
"[&>ul]:my-0 [&>ol]:my-0"
|
|
5509
|
+
].join(" ")
|
|
5510
|
+
}
|
|
5511
|
+
};
|
|
5512
|
+
|
|
5513
|
+
const hr = {
|
|
5514
|
+
slots: {
|
|
5515
|
+
base: [
|
|
5516
|
+
"my-4",
|
|
5517
|
+
"border-t border-base-master/10 dark:border-base-100/20"
|
|
5518
|
+
].join(" ")
|
|
5519
|
+
}
|
|
5520
|
+
};
|
|
5521
|
+
|
|
5522
|
+
const themeProse = {
|
|
5523
|
+
__proto__: null,
|
|
5524
|
+
blockquote: blockquote,
|
|
5525
|
+
em: em,
|
|
5526
|
+
h1: h1,
|
|
5527
|
+
h2: h2,
|
|
5528
|
+
h3: h3,
|
|
5529
|
+
h4: h4,
|
|
5530
|
+
h5: h5,
|
|
5531
|
+
h6: h6,
|
|
5532
|
+
hr: hr,
|
|
5533
|
+
li: li,
|
|
5534
|
+
ol: ol,
|
|
5535
|
+
p: p,
|
|
5536
|
+
strong: strong,
|
|
5537
|
+
ul: ul
|
|
5538
|
+
};
|
|
5539
|
+
|
|
5203
5540
|
const variantTable = "[&>table]";
|
|
5204
5541
|
const variantHeadTr = "[&>table>thead>tr]";
|
|
5205
5542
|
const variantBodyTr = "[&>table>tbody>tr]";
|
|
@@ -5285,86 +5622,9 @@ const tableWrapper = {
|
|
|
5285
5622
|
}
|
|
5286
5623
|
};
|
|
5287
5624
|
|
|
5288
|
-
const themeProse = {
|
|
5289
|
-
__proto__: null,
|
|
5290
|
-
tableWrapper: tableWrapper
|
|
5291
|
-
};
|
|
5292
|
-
|
|
5293
|
-
const descriptionList = {
|
|
5294
|
-
slots: {
|
|
5295
|
-
root: "w-full shrink-0",
|
|
5296
|
-
legend: "font-semibold text-black dark:text-base-150",
|
|
5297
|
-
text: "text-base-500 dark:text-base-400",
|
|
5298
|
-
container: "grid grid-cols-1 sm:grid-cols-[min(50%,theme(spacing.80))_auto]",
|
|
5299
|
-
labelWrapper: [
|
|
5300
|
-
"col-start-1 border-t first:border-none sm:border-t",
|
|
5301
|
-
"flex flex-nowrap flex-row items-center justify-start gap-1.5",
|
|
5302
|
-
"border-base-950/5 text-base-500 sm:border-base-950/5",
|
|
5303
|
-
"dark:border-white/5 dark:text-base-400 sm:dark:border-white/5"
|
|
5304
|
-
].join(" "),
|
|
5305
|
-
icon: "shrink-0 size-6 text-base-500 dark:text-base-400",
|
|
5306
|
-
avatar: "shrink-0",
|
|
5307
|
-
avatarSize: "",
|
|
5308
|
-
label: "",
|
|
5309
|
-
descriptionWrapper: [
|
|
5310
|
-
"sm:border-t sm:[&:nth-child(2)]:border-none",
|
|
5311
|
-
"text-base-900 sm:border-base-950/5",
|
|
5312
|
-
"dark:text-base-150 dark:sm:border-white/5"
|
|
5313
|
-
].join(" "),
|
|
5314
|
-
description: "",
|
|
5315
|
-
actions: "flex flex-wrap gap-1.5 shrink-0",
|
|
5316
|
-
footer: "border-t border-base-950/5 dark:border-white/5"
|
|
5317
|
-
},
|
|
5318
|
-
variants: {
|
|
5319
|
-
size: {
|
|
5320
|
-
sm: {
|
|
5321
|
-
legend: "text-md",
|
|
5322
|
-
text: "mt-1 max-w-2/3 text-sm",
|
|
5323
|
-
container: "mt-2.5 text-md",
|
|
5324
|
-
labelWrapper: "pt-3 sm:py-3",
|
|
5325
|
-
avatarSize: "xs",
|
|
5326
|
-
label: "",
|
|
5327
|
-
descriptionWrapper: "pb-3 pt-1 sm:py-3",
|
|
5328
|
-
description: "",
|
|
5329
|
-
footer: "mt-2 p-2"
|
|
5330
|
-
},
|
|
5331
|
-
md: {
|
|
5332
|
-
legend: "text-xl",
|
|
5333
|
-
text: "mt-2 max-w-2/3 text-lg leading-5",
|
|
5334
|
-
container: "mt-3 text-lg",
|
|
5335
|
-
labelWrapper: "pt-3 sm:py-3",
|
|
5336
|
-
avatarSize: "xs",
|
|
5337
|
-
label: "",
|
|
5338
|
-
descriptionWrapper: "pb-3 pt-1 sm:py-3",
|
|
5339
|
-
description: "",
|
|
5340
|
-
footer: "mt-4 p-4"
|
|
5341
|
-
}
|
|
5342
|
-
},
|
|
5343
|
-
orientation: {
|
|
5344
|
-
horizontal: {
|
|
5345
|
-
descriptionWrapper: "w-full flex flex-row items-center justify-between gap-4",
|
|
5346
|
-
actions: "items-center"
|
|
5347
|
-
},
|
|
5348
|
-
vertical: {
|
|
5349
|
-
descriptionWrapper: "",
|
|
5350
|
-
actions: "items-start mt-2.5"
|
|
5351
|
-
}
|
|
5352
|
-
},
|
|
5353
|
-
title: {
|
|
5354
|
-
true: {
|
|
5355
|
-
description: "mt-1"
|
|
5356
|
-
}
|
|
5357
|
-
}
|
|
5358
|
-
},
|
|
5359
|
-
compoundVariants: [],
|
|
5360
|
-
defaultVariants: {
|
|
5361
|
-
size: "md"
|
|
5362
|
-
}
|
|
5363
|
-
};
|
|
5364
|
-
|
|
5365
5625
|
const themeContent = {
|
|
5366
5626
|
__proto__: null,
|
|
5367
|
-
|
|
5627
|
+
tableWrapper: tableWrapper
|
|
5368
5628
|
};
|
|
5369
5629
|
|
|
5370
5630
|
function replaceBrackets(value) {
|
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.Bt28CeAD.cjs');
|
|
9
9
|
const tinyglobby = require('tinyglobby');
|
|
10
10
|
const knitwork = require('knitwork');
|
|
11
11
|
const MagicString = require('magic-string');
|
|
@@ -117,8 +117,8 @@ function ComponentImportPlugin(options, meta) {
|
|
|
117
117
|
const componentNames = new Set(components.map((c) => `B24${c.replace(/\.vue$/, "")}`));
|
|
118
118
|
const componentsContent = tinyglobby.globSync("**/*.vue", { cwd: pathe.join(runtimeDir, "components/content") });
|
|
119
119
|
const componentContentNames = new Set(componentsContent.map((c) => `B24${c.replace(/\.vue$/, "")}`));
|
|
120
|
-
const componentsProse = tinyglobby.globSync("**/*.vue", { cwd: pathe.join(runtimeDir, "
|
|
121
|
-
const componentProseNames = new Set(componentsProse.map((c) => `
|
|
120
|
+
const componentsProse = tinyglobby.globSync("**/*.vue", { cwd: pathe.join(runtimeDir, "prose") });
|
|
121
|
+
const componentProseNames = new Set(componentsProse.map((c) => `Prose${c.replace(/\.vue$/, "")}`));
|
|
122
122
|
const overrides = tinyglobby.globSync("**/*.vue", { cwd: pathe.join(runtimeDir, "vue/components") });
|
|
123
123
|
const overrideNames = new Set(overrides.map((c) => `B24${c.replace(/\.vue$/, "")}`));
|
|
124
124
|
const pluginOptions = defu.defu(options.components, {
|
|
@@ -129,7 +129,7 @@ function ComponentImportPlugin(options, meta) {
|
|
|
129
129
|
if (overrideNames.has(componentName))
|
|
130
130
|
return { name: "default", from: pathe.join(runtimeDir, "vue/components", `${componentName.slice("B24".length)}.vue`) };
|
|
131
131
|
if (componentProseNames.has(componentName))
|
|
132
|
-
return { name: "default", from: pathe.join(runtimeDir, "
|
|
132
|
+
return { name: "default", from: pathe.join(runtimeDir, "prose", `${componentName.slice("Prose".length)}.vue`) };
|
|
133
133
|
if (componentContentNames.has(componentName))
|
|
134
134
|
return { name: "default", from: pathe.join(runtimeDir, "components/content", `${componentName.slice("B24".length)}.vue`) };
|
|
135
135
|
if (componentNames.has(componentName))
|
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.Bx_-_mhu.mjs';
|
|
7
7
|
import { globSync } from 'tinyglobby';
|
|
8
8
|
import { genSafeVariableName } from 'knitwork';
|
|
9
9
|
import MagicString from 'magic-string';
|
|
@@ -107,8 +107,8 @@ function ComponentImportPlugin(options, meta) {
|
|
|
107
107
|
const componentNames = new Set(components.map((c) => `B24${c.replace(/\.vue$/, "")}`));
|
|
108
108
|
const componentsContent = globSync("**/*.vue", { cwd: join(runtimeDir, "components/content") });
|
|
109
109
|
const componentContentNames = new Set(componentsContent.map((c) => `B24${c.replace(/\.vue$/, "")}`));
|
|
110
|
-
const componentsProse = globSync("**/*.vue", { cwd: join(runtimeDir, "
|
|
111
|
-
const componentProseNames = new Set(componentsProse.map((c) => `
|
|
110
|
+
const componentsProse = globSync("**/*.vue", { cwd: join(runtimeDir, "prose") });
|
|
111
|
+
const componentProseNames = new Set(componentsProse.map((c) => `Prose${c.replace(/\.vue$/, "")}`));
|
|
112
112
|
const overrides = globSync("**/*.vue", { cwd: join(runtimeDir, "vue/components") });
|
|
113
113
|
const overrideNames = new Set(overrides.map((c) => `B24${c.replace(/\.vue$/, "")}`));
|
|
114
114
|
const pluginOptions = defu(options.components, {
|
|
@@ -119,7 +119,7 @@ function ComponentImportPlugin(options, meta) {
|
|
|
119
119
|
if (overrideNames.has(componentName))
|
|
120
120
|
return { name: "default", from: join(runtimeDir, "vue/components", `${componentName.slice("B24".length)}.vue`) };
|
|
121
121
|
if (componentProseNames.has(componentName))
|
|
122
|
-
return { name: "default", from: join(runtimeDir, "
|
|
122
|
+
return { name: "default", from: join(runtimeDir, "prose", `${componentName.slice("Prose".length)}.vue`) };
|
|
123
123
|
if (componentContentNames.has(componentName))
|
|
124
124
|
return { name: "default", from: join(runtimeDir, "components/content", `${componentName.slice("B24".length)}.vue`) };
|
|
125
125
|
if (componentNames.has(componentName))
|
package/dist/vite.cjs
CHANGED
package/dist/vite.mjs
CHANGED
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.4.
|
|
4
|
+
"version": "0.4.2",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "git+https://github.com/bitrix24/b24ui.git"
|
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
"types": "./vue-plugin.d.ts"
|
|
36
36
|
},
|
|
37
37
|
"./runtime/*": "./dist/runtime/*",
|
|
38
|
+
"./prose/*": "./dist/runtime/prose/*",
|
|
38
39
|
"./components/*": "./dist/runtime/components/*",
|
|
39
40
|
"./composables/*": "./dist/runtime/composables/*",
|
|
40
41
|
"./types/*": "./dist/runtime/types/*",
|
|
@@ -74,8 +75,8 @@
|
|
|
74
75
|
"@nuxt/kit": "^3.15.4",
|
|
75
76
|
"@nuxt/schema": "^3.15.4",
|
|
76
77
|
"@nuxtjs/color-mode": "^3.5.2",
|
|
77
|
-
"@tailwindcss/postcss": "^4.0.
|
|
78
|
-
"@tailwindcss/vite": "^4.0.
|
|
78
|
+
"@tailwindcss/postcss": "^4.0.10",
|
|
79
|
+
"@tailwindcss/vite": "^4.0.10",
|
|
79
80
|
"@tanstack/vue-table": "^8.21.2",
|
|
80
81
|
"@unhead/vue": "^1.11.19",
|
|
81
82
|
"@vueuse/core": "^12.7.0",
|
|
@@ -95,12 +96,12 @@
|
|
|
95
96
|
"knitwork": "^1.2.0",
|
|
96
97
|
"magic-string": "^0.30.17",
|
|
97
98
|
"mlly": "^1.7.4",
|
|
98
|
-
"ohash": "^
|
|
99
|
+
"ohash": "^2.0.10",
|
|
99
100
|
"pathe": "^2.0.3",
|
|
100
101
|
"reka-ui": "^2.0.2",
|
|
101
102
|
"scule": "^1.3.0",
|
|
102
103
|
"tailwind-variants": "^0.3.1",
|
|
103
|
-
"tailwindcss": "^4.0.
|
|
104
|
+
"tailwindcss": "^4.0.10",
|
|
104
105
|
"tinyglobby": "^0.2.12",
|
|
105
106
|
"unplugin": "^2.2.0",
|
|
106
107
|
"unplugin-auto-import": "^19.1.1",
|
|
@@ -111,7 +112,7 @@
|
|
|
111
112
|
"@types/canvas-confetti": "^1.9.0",
|
|
112
113
|
"@nuxt/eslint-config": "^1.1.0",
|
|
113
114
|
"@nuxt/module-builder": "^0.8.4",
|
|
114
|
-
"@nuxt/test-utils": "^3.17.
|
|
115
|
+
"@nuxt/test-utils": "^3.17.1",
|
|
115
116
|
"@standard-schema/spec": "^1.0.0",
|
|
116
117
|
"@vue/test-utils": "^2.4.6",
|
|
117
118
|
"embla-carousel": "^8.5.2",
|
|
File without changes
|