@soybeanjs/ui 0.15.0-beta.3 → 0.15.0-beta.4
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/dist/components/backtop/backtop.vue.d.ts +1 -1
- package/dist/components/color-picker/color-picker.vue.d.ts +2 -2
- package/dist/components/dialog/dialog.vue.d.ts +3 -3
- package/dist/components/drawer/drawer.vue.d.ts +3 -3
- package/dist/components/layout/variants.js +1 -1
- package/dist/components/popconfirm/popconfirm.vue.d.ts +4 -4
- package/dist/components/toast/toaster.vue.d.ts +1 -1
- package/dist/styles.css +1 -2
- package/package.json +2 -2
|
@@ -20,8 +20,8 @@ declare const __VLS_base: _$vue.DefineComponent<BacktopProps, {}, {}, {}, {}, _$
|
|
|
20
20
|
variant: ButtonVariant;
|
|
21
21
|
color: ThemeColor;
|
|
22
22
|
shape: ButtonShape;
|
|
23
|
-
fitContent: boolean;
|
|
24
23
|
shadow: ButtonShadow;
|
|
24
|
+
fitContent: boolean;
|
|
25
25
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
26
26
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
27
27
|
declare const _default: typeof __VLS_export;
|
|
@@ -18,15 +18,15 @@ type __VLS_Slots = {} & {
|
|
|
18
18
|
declare const __VLS_base: _$vue.DefineComponent<ColorPickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
|
|
19
19
|
change: (value: string) => any;
|
|
20
20
|
"update:modelValue": (value: string) => any;
|
|
21
|
-
"update:open": (value: boolean) => any;
|
|
22
21
|
"update:color": (value: _$_soybeanjs_headless_shared0.NormalizedColor) => any;
|
|
23
22
|
"update:format": (value: ColorFormat) => any;
|
|
23
|
+
"update:open": (value: boolean) => any;
|
|
24
24
|
}, string, _$vue.PublicProps, Readonly<ColorPickerProps> & Readonly<{
|
|
25
25
|
onChange?: ((value: string) => any) | undefined;
|
|
26
26
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
27
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
28
27
|
"onUpdate:color"?: ((value: _$_soybeanjs_headless_shared0.NormalizedColor) => any) | undefined;
|
|
29
28
|
"onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
|
|
29
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
30
30
|
}>, {
|
|
31
31
|
disabled: boolean;
|
|
32
32
|
modelValue: string | ColorValue;
|
|
@@ -5,10 +5,10 @@ import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
|
|
|
5
5
|
//#region src/components/dialog/dialog.vue.d.ts
|
|
6
6
|
type __VLS_Slots = DialogSlots;
|
|
7
7
|
declare const __VLS_base: _$vue.DefineComponent<DialogProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
|
|
8
|
+
"update:open": (value: boolean) => any;
|
|
8
9
|
close: (event: MouseEvent) => any;
|
|
9
10
|
cancel: (event: MouseEvent) => any;
|
|
10
11
|
confirm: (event: MouseEvent) => any;
|
|
11
|
-
"update:open": (value: boolean) => any;
|
|
12
12
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
13
13
|
pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
|
|
14
14
|
focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
|
|
@@ -16,10 +16,10 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {}, {}, {}, {}, _$v
|
|
|
16
16
|
openAutoFocus: (event: Event) => any;
|
|
17
17
|
closeAutoFocus: (event: Event) => any;
|
|
18
18
|
}, string, _$vue.PublicProps, Readonly<DialogProps> & Readonly<{
|
|
19
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
19
20
|
onClose?: ((event: MouseEvent) => any) | undefined;
|
|
20
21
|
onCancel?: ((event: MouseEvent) => any) | undefined;
|
|
21
22
|
onConfirm?: ((event: MouseEvent) => any) | undefined;
|
|
22
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
23
23
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
24
24
|
onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
25
25
|
onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
@@ -27,9 +27,9 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {}, {}, {}, {}, _$v
|
|
|
27
27
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
28
28
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
29
|
}>, {
|
|
30
|
-
showClose: boolean;
|
|
31
30
|
open: boolean;
|
|
32
31
|
modal: boolean;
|
|
32
|
+
showClose: boolean;
|
|
33
33
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
34
34
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
35
35
|
declare const _default: typeof __VLS_export;
|
|
@@ -5,10 +5,10 @@ import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
|
|
|
5
5
|
//#region src/components/drawer/drawer.vue.d.ts
|
|
6
6
|
type __VLS_Slots = DrawerSlots;
|
|
7
7
|
declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
|
|
8
|
+
"update:open": (value: boolean) => any;
|
|
8
9
|
close: (event: MouseEvent) => any;
|
|
9
10
|
cancel: (event: MouseEvent) => any;
|
|
10
11
|
confirm: (event: MouseEvent) => any;
|
|
11
|
-
"update:open": (value: boolean) => any;
|
|
12
12
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
13
13
|
pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
|
|
14
14
|
focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
|
|
@@ -16,10 +16,10 @@ declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {}, {}, {}, {}, _$v
|
|
|
16
16
|
openAutoFocus: (event: Event) => any;
|
|
17
17
|
closeAutoFocus: (event: Event) => any;
|
|
18
18
|
}, string, _$vue.PublicProps, Readonly<DrawerProps> & Readonly<{
|
|
19
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
19
20
|
onClose?: ((event: MouseEvent) => any) | undefined;
|
|
20
21
|
onCancel?: ((event: MouseEvent) => any) | undefined;
|
|
21
22
|
onConfirm?: ((event: MouseEvent) => any) | undefined;
|
|
22
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
23
23
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
24
24
|
onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
25
25
|
onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
@@ -27,9 +27,9 @@ declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {}, {}, {}, {}, _$v
|
|
|
27
27
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
28
28
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
29
|
}>, {
|
|
30
|
-
showClose: boolean;
|
|
31
30
|
open: boolean;
|
|
32
31
|
modal: boolean;
|
|
32
|
+
showClose: boolean;
|
|
33
33
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
34
34
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
35
35
|
declare const _default: typeof __VLS_export;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group relative flex w-full h-full data-[side=right]:flex-row-reverse`,sidebarRoot:`h-full block lt-md:hidden`,sidebarWrapper:`absolute inset-y-0 z-10
|
|
1
|
+
import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group relative flex w-full h-full data-[side=right]:flex-row-reverse`,sidebarRoot:`h-full block lt-md:hidden`,sidebarWrapper:`absolute inset-y-0 z-10 flex h-full w-[--soybean-sidebar-width] transition-[left,right,width,opacity] duration-200 ease-linear lt-md:hidden`,sidebar:[`flex flex-col w-full h-full bg-sidebar`,`group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-border group-data-[variant=floating]:border-solid group-data-[variant=floating]:shadow`],sidebarGapHandler:[`relative h-full w-[--soybean-sidebar-width] bg-transparent transition-width duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`],mobileDrawer:`w-[--soybean-sidebar-width] bg-sidebar p-0`,mobileOverlay:[`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`],mobile:`flex flex-col w-full h-full`,rail:[`absolute inset-y-0 z-20 flex w-[--soybean-layout-spacing] -translate-x-1/2 transition-all ease-linear lt-sm:hidden`,`after:absolute after:inset-y-0 after:left-1/2 after:content-empty after:w-[calc(var(--soybean-layout-spacing)/8)] hover:after:bg-sidebar-border`],trigger:``,main:`relative flex flex-1 flex-col items-stretch bg-background overflow-hidden`,header:`relative flex items-center shrink-0 h-[--soybean-layout-header-height]`,tab:`shrink-0 h-[--soybean-layout-tab-height] bg-background`,content:`grow overflow-auto bg-background`,footer:`shrink-0 h-[--soybean-layout-footer-height]`},variants:{size:{xs:{root:`text-2xs [--soybean-layout-spacing:0.75rem]`},sm:{root:`text-xs [--soybean-layout-spacing:0.875rem]`},md:{root:`text-sm [--soybean-layout-spacing:1rem]`},lg:{root:`text-base [--soybean-layout-spacing:1.25rem]`},xl:{root:`text-lg [--soybean-layout-spacing:1.5rem]`},"2xl":{root:`text-xl [--soybean-layout-spacing:1.75rem]`}},variant:{sidebar:{sidebarGapHandler:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width]`,sidebarWrapper:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width] group-data-[side=left]:border-r group-data-[side=right]:border-l`},floating:{sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`},inset:{root:`bg-sidebar`,sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,main:`md:m-[calc(var(--soybean-layout-spacing)/2)] md:ml-0 md:rounded-xl md:shadow`}},side:{left:{sidebarWrapper:`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-w-resize group-data-[state=collapsed]:cursor-e-resize -right-[var(--soybean-layout-spacing)]`},right:{sidebarWrapper:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-e-resize group-data-[state=collapsed]:cursor-w-resize left-0`}},collapsible:{offcanvas:{sidebarWrapper:`group-data-[state=collapsed]:opacity-0`,rail:`translate-x-0 after:left-full hover:bg-sidebar`},icon:{}},fullContent:{true:{tab:`fixed left-0 top-0 z-49 w-full`,content:`fixed inset-0 z-49 group-data-[tab-visible=true]:mt-[--soybean-layout-tab-height]`},false:{content:`relative`}}},compoundVariants:[{side:`left`,collapsible:`offcanvas`,class:{rail:`-right-[var(--soybean-layout-spacing)/2]`}},{side:`right`,collapsible:`offcanvas`,class:{rail:`-left-[var(--soybean-layout-spacing)/2]`}},{side:`left`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:right-0`}},{side:`right`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:left-0`}},{side:`left`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:right-[calc(var(--soybean-layout-spacing)/2)]`}},{side:`right`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:left-[calc(var(--soybean-layout-spacing)/2)]`}},{variant:`inset`,collapsible:`offcanvas`,class:{main:`md:group-data-[state=collapsed]:ml-[calc(var(--soybean-layout-spacing)/2)]`}}],defaultVariants:{variant:`sidebar`,side:`left`,collapsible:`icon`}});export{t as layoutVariants};
|
|
@@ -26,8 +26,8 @@ type __VLS_Slots = {} & {
|
|
|
26
26
|
close?: (props: typeof __VLS_70) => any;
|
|
27
27
|
};
|
|
28
28
|
declare const __VLS_base: _$vue.DefineComponent<PopconfirmProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
|
|
29
|
-
close: () => any;
|
|
30
29
|
"update:open": (value: boolean) => any;
|
|
30
|
+
close: () => any;
|
|
31
31
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
32
32
|
pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
|
|
33
33
|
focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
|
|
@@ -35,8 +35,8 @@ declare const __VLS_base: _$vue.DefineComponent<PopconfirmProps, {}, {}, {}, {},
|
|
|
35
35
|
openAutoFocus: (event: Event) => any;
|
|
36
36
|
closeAutoFocus: (event: Event) => any;
|
|
37
37
|
}, string, _$vue.PublicProps, Readonly<PopconfirmProps> & Readonly<{
|
|
38
|
-
onClose?: (() => any) | undefined;
|
|
39
38
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
39
|
+
onClose?: (() => any) | undefined;
|
|
40
40
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
41
41
|
onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
42
42
|
onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
@@ -44,12 +44,12 @@ declare const __VLS_base: _$vue.DefineComponent<PopconfirmProps, {}, {}, {}, {},
|
|
|
44
44
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
45
45
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
46
46
|
}>, {
|
|
47
|
-
showCancel: "onlyWarning" | boolean;
|
|
48
47
|
open: boolean;
|
|
49
48
|
defaultOpen: boolean;
|
|
50
49
|
modal: boolean;
|
|
51
|
-
showIcon: boolean;
|
|
52
50
|
showArrow: boolean;
|
|
51
|
+
showIcon: boolean;
|
|
52
|
+
showCancel: "onlyWarning" | boolean;
|
|
53
53
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
54
54
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
55
55
|
declare const _default: typeof __VLS_export;
|
|
@@ -7,8 +7,8 @@ type __VLS_Slots = {} & {
|
|
|
7
7
|
default?: (props: typeof __VLS_8) => any;
|
|
8
8
|
};
|
|
9
9
|
declare const __VLS_base: _$vue.DefineComponent<ToasterProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
|
|
10
|
-
showClose: boolean;
|
|
11
10
|
showIcon: boolean;
|
|
11
|
+
showClose: boolean;
|
|
12
12
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
13
13
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
14
|
declare const _default: typeof __VLS_export;
|
package/dist/styles.css
CHANGED
|
@@ -1535,12 +1535,12 @@
|
|
|
1535
1535
|
@media (max-width: 639.9px){
|
|
1536
1536
|
.lt-sm\:left-1\/8{left:12.5%;}
|
|
1537
1537
|
.lt-sm\:left-7\/8{left:87.5%;}
|
|
1538
|
+
.lt-sm\:hidden{display:none;}
|
|
1538
1539
|
.lt-sm\:max-w-full{max-width:100%;}
|
|
1539
1540
|
.lt-sm\:min-w-full{min-width:100%;}
|
|
1540
1541
|
}
|
|
1541
1542
|
@media (min-width: 640px){
|
|
1542
1543
|
.sm\:max-w-sm{max-width:24rem;}
|
|
1543
|
-
.sm\:flex{display:flex;}
|
|
1544
1544
|
.sm\:flex-row{flex-direction:row;}
|
|
1545
1545
|
.sm\:justify-end{justify-content:flex-end;}
|
|
1546
1546
|
.sm\:text-left{text-align:left;}
|
|
@@ -1551,7 +1551,6 @@
|
|
|
1551
1551
|
.md\:m-\[calc\(var\(--soybean-layout-spacing\)\/2\)\]{margin:calc(var(--soybean-layout-spacing) / 2);}
|
|
1552
1552
|
.group[data-state=collapsed] .md\:group-data-\[state\=collapsed\]\:ml-\[calc\(var\(--soybean-layout-spacing\)\/2\)\]{margin-left:calc(var(--soybean-layout-spacing) / 2);}
|
|
1553
1553
|
.md\:ml-0{margin-left:0;}
|
|
1554
|
-
.md\:flex{display:flex;}
|
|
1555
1554
|
.md\:rounded-xl{border-radius:calc(var(--radius) + 4px);}
|
|
1556
1555
|
.md\:shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
|
|
1557
1556
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@soybeanjs/ui",
|
|
3
|
-
"version": "0.15.0-beta.
|
|
3
|
+
"version": "0.15.0-beta.4",
|
|
4
4
|
"description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
|
|
5
5
|
"homepage": "https://github.com/soybeanjs/soybean-ui",
|
|
6
6
|
"bugs": {
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"tailwind-variants": "^3.2.2",
|
|
58
58
|
"valibot": "^1.3.1",
|
|
59
59
|
"zod": "^4.3.6",
|
|
60
|
-
"@soybeanjs/headless": "^0.15.0-beta.
|
|
60
|
+
"@soybeanjs/headless": "^0.15.0-beta.4"
|
|
61
61
|
},
|
|
62
62
|
"devDependencies": {
|
|
63
63
|
"@soybeanjs/cli": "^1.7.1",
|