@wisemen/vue-core-design-system 0.2.1 → 0.3.0
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/index.js +25 -25
- package/dist/index.umd +8 -8
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -3635,22 +3635,22 @@ function useInjectButtonContext() {
|
|
|
3635
3635
|
const createButtonStyle = tv$1({
|
|
3636
3636
|
compoundVariants: [
|
|
3637
3637
|
{
|
|
3638
|
-
class: { container: "dark:rounded-[0.
|
|
3638
|
+
class: { container: "dark:rounded-[0.31rem] dark:px-md" },
|
|
3639
3639
|
size: "md",
|
|
3640
3640
|
variant: "primary"
|
|
3641
3641
|
},
|
|
3642
3642
|
{
|
|
3643
|
-
class: { container: "dark:rounded-[0.
|
|
3643
|
+
class: { container: "dark:rounded-[0.44rem] dark:px-lg" },
|
|
3644
3644
|
size: "lg",
|
|
3645
3645
|
variant: "primary"
|
|
3646
3646
|
},
|
|
3647
3647
|
{
|
|
3648
|
-
class: { container: "dark:rounded-[0.
|
|
3648
|
+
class: { container: "dark:rounded-[0.19rem] dark:px-sm" },
|
|
3649
3649
|
size: "sm",
|
|
3650
3650
|
variant: "primary"
|
|
3651
3651
|
},
|
|
3652
3652
|
{
|
|
3653
|
-
class: { container: "dark:rounded-[0.
|
|
3653
|
+
class: { container: "dark:rounded-[0.06rem] dark:px-xs" },
|
|
3654
3654
|
size: "xs",
|
|
3655
3655
|
variant: "primary"
|
|
3656
3656
|
}
|
|
@@ -3658,7 +3658,7 @@ const createButtonStyle = tv$1({
|
|
|
3658
3658
|
slots: {
|
|
3659
3659
|
container: "grid size-full items-center [grid-template-areas:'stack']",
|
|
3660
3660
|
icon: "shrink-0",
|
|
3661
|
-
label: "",
|
|
3661
|
+
label: "font-medium",
|
|
3662
3662
|
loader: "mx-auto items-center duration-100 [grid-area:stack]",
|
|
3663
3663
|
root: "\n group/button shrink-0 cursor-pointer items-center justify-center border\n outline-2 outline-offset-1 outline-transparent duration-100\n not-data-interactive:cursor-not-allowed\n ",
|
|
3664
3664
|
rowLayout: "\n duration-100 [grid-area:stack]\n group-not-disabled/button:group-active/button:scale-98\n "
|
|
@@ -3691,13 +3691,13 @@ const createButtonStyle = tv$1({
|
|
|
3691
3691
|
icon: "\n text-error-primary\n group-disabled/button:text-disabled\n ",
|
|
3692
3692
|
label: "\n text-error-primary\n group-disabled/button:text-disabled\n dark:text-error-700\n ",
|
|
3693
3693
|
loader: "\n text-error-primary\n group-disabled/button:text-disabled\n ",
|
|
3694
|
-
root: "\n border-transparent\n focus-visible:outline-fg-error-primary\n data-interactive:hover:bg-error-
|
|
3694
|
+
root: "\n border-transparent\n focus-visible:outline-fg-error-primary\n data-interactive:hover:bg-error-500/12\n dark:data-interactive:hover:bg-error-700/20\n "
|
|
3695
3695
|
},
|
|
3696
3696
|
"minimal-color": {
|
|
3697
3697
|
icon: "\n text-brand-primary\n group-disabled/button:text-disabled\n ",
|
|
3698
3698
|
label: "\n text-brand-primary\n group-disabled/button:text-disabled\n ",
|
|
3699
3699
|
loader: "\n text-brand-primary\n group-disabled/button:text-disabled\n ",
|
|
3700
|
-
root: "\n border-transparent\n focus-visible:outline-fg-brand-primary\n data-interactive:hover:bg-brand-
|
|
3700
|
+
root: "\n border-transparent\n focus-visible:outline-fg-brand-primary\n data-interactive:hover:bg-brand-500/10\n dark:data-interactive:hover:bg-brand-700/20\n "
|
|
3701
3701
|
},
|
|
3702
3702
|
primary: {
|
|
3703
3703
|
container: "dark:glassy-inner-content",
|
|
@@ -3716,7 +3716,7 @@ const createButtonStyle = tv$1({
|
|
|
3716
3716
|
icon: "\n text-secondary\n group-disabled/button:text-disabled\n ",
|
|
3717
3717
|
label: "\n text-secondary\n group-disabled/button:text-disabled\n ",
|
|
3718
3718
|
loader: "\n text-secondary\n group-disabled/button:text-disabled\n ",
|
|
3719
|
-
root: "\n border-transparent\n focus-visible:outline-fg-brand-primary\n data-interactive:hover:bg-primary
|
|
3719
|
+
root: "\n border-transparent\n focus-visible:outline-fg-brand-primary\n data-interactive:hover:bg-fg-primary/8\n "
|
|
3720
3720
|
}
|
|
3721
3721
|
},
|
|
3722
3722
|
size: {
|
|
@@ -3724,19 +3724,19 @@ const createButtonStyle = tv$1({
|
|
|
3724
3724
|
icon: "size-4",
|
|
3725
3725
|
label: "text-sm",
|
|
3726
3726
|
loader: "size-4",
|
|
3727
|
-
root: "h-8 min-w-8 rounded-
|
|
3727
|
+
root: "h-8 min-w-8 rounded-lg px-lg"
|
|
3728
3728
|
},
|
|
3729
3729
|
md: {
|
|
3730
3730
|
icon: "size-3.5",
|
|
3731
3731
|
label: "text-xs",
|
|
3732
3732
|
loader: "size-3.5",
|
|
3733
|
-
root: "h-7 min-w-7 rounded-
|
|
3733
|
+
root: "h-7 min-w-7 rounded-md px-md"
|
|
3734
3734
|
},
|
|
3735
3735
|
sm: {
|
|
3736
3736
|
icon: "size-3.5",
|
|
3737
3737
|
label: "text-xs",
|
|
3738
3738
|
loader: "size-3.5",
|
|
3739
|
-
root: "h-6 min-w-6 rounded-
|
|
3739
|
+
root: "h-6 min-w-6 rounded-sm px-sm"
|
|
3740
3740
|
},
|
|
3741
3741
|
xs: {
|
|
3742
3742
|
icon: "size-3.5",
|
|
@@ -3870,22 +3870,22 @@ function useProvideLinkContext(r) {
|
|
|
3870
3870
|
const createLinkStyle = tv$1({
|
|
3871
3871
|
compoundVariants: [
|
|
3872
3872
|
{
|
|
3873
|
-
class: { container: "dark:rounded-[0.
|
|
3873
|
+
class: { container: "dark:rounded-[0.31rem] dark:px-md" },
|
|
3874
3874
|
size: "md",
|
|
3875
3875
|
variant: "primary"
|
|
3876
3876
|
},
|
|
3877
3877
|
{
|
|
3878
|
-
class: { container: "dark:rounded-[0.
|
|
3878
|
+
class: { container: "dark:rounded-[0.44rem] dark:px-lg" },
|
|
3879
3879
|
size: "lg",
|
|
3880
3880
|
variant: "primary"
|
|
3881
3881
|
},
|
|
3882
3882
|
{
|
|
3883
|
-
class: { container: "dark:rounded-[0.
|
|
3883
|
+
class: { container: "dark:rounded-[0.19rem] dark:px-sm" },
|
|
3884
3884
|
size: "sm",
|
|
3885
3885
|
variant: "primary"
|
|
3886
3886
|
},
|
|
3887
3887
|
{
|
|
3888
|
-
class: { container: "dark:rounded-[0.
|
|
3888
|
+
class: { container: "dark:rounded-[0.06rem] dark:px-xs" },
|
|
3889
3889
|
size: "xs",
|
|
3890
3890
|
variant: "primary"
|
|
3891
3891
|
}
|
|
@@ -3893,7 +3893,7 @@ const createLinkStyle = tv$1({
|
|
|
3893
3893
|
slots: {
|
|
3894
3894
|
container: "grid size-full [grid-template-areas:'stack']",
|
|
3895
3895
|
icon: "shrink-0",
|
|
3896
|
-
label: "",
|
|
3896
|
+
label: "font-medium",
|
|
3897
3897
|
root: "\n group/link inline-flex shrink-0 cursor-pointer items-center justify-center\n border outline-2 outline-offset-1 outline-transparent duration-100\n ",
|
|
3898
3898
|
rowLayout: "\n duration-100 [grid-area:stack]\n group-active/link:scale-98\n "
|
|
3899
3899
|
},
|
|
@@ -3902,17 +3902,17 @@ const createLinkStyle = tv$1({
|
|
|
3902
3902
|
lg: {
|
|
3903
3903
|
icon: "size-4",
|
|
3904
3904
|
label: "text-sm",
|
|
3905
|
-
root: "h-8 min-w-8 rounded-
|
|
3905
|
+
root: "h-8 min-w-8 rounded-lg px-lg"
|
|
3906
3906
|
},
|
|
3907
3907
|
md: {
|
|
3908
3908
|
icon: "size-3.5",
|
|
3909
3909
|
label: "text-xs",
|
|
3910
|
-
root: "h-7 min-w-7 rounded-
|
|
3910
|
+
root: "h-7 min-w-7 rounded-md px-md"
|
|
3911
3911
|
},
|
|
3912
3912
|
sm: {
|
|
3913
3913
|
icon: "size-3.5",
|
|
3914
3914
|
label: "text-xs",
|
|
3915
|
-
root: "h-6 min-w-6 rounded-
|
|
3915
|
+
root: "h-6 min-w-6 rounded-sm px-sm"
|
|
3916
3916
|
},
|
|
3917
3917
|
xs: {
|
|
3918
3918
|
icon: "size-3.5",
|
|
@@ -4056,22 +4056,22 @@ function useProvideIconButtonContext(r) {
|
|
|
4056
4056
|
const createIconButtonStyle = tv$1({
|
|
4057
4057
|
compoundVariants: [
|
|
4058
4058
|
{
|
|
4059
|
-
class: { container: "dark:rounded-[0.
|
|
4059
|
+
class: { container: "dark:rounded-[0.31rem]" },
|
|
4060
4060
|
size: "md",
|
|
4061
4061
|
variant: "primary"
|
|
4062
4062
|
},
|
|
4063
4063
|
{
|
|
4064
|
-
class: { container: "dark:rounded-[0.
|
|
4064
|
+
class: { container: "dark:rounded-[0.44rem]" },
|
|
4065
4065
|
size: "lg",
|
|
4066
4066
|
variant: "primary"
|
|
4067
4067
|
},
|
|
4068
4068
|
{
|
|
4069
|
-
class: { container: "dark:rounded-[0.
|
|
4069
|
+
class: { container: "dark:rounded-[0.19rem]" },
|
|
4070
4070
|
size: "sm",
|
|
4071
4071
|
variant: "primary"
|
|
4072
4072
|
},
|
|
4073
4073
|
{
|
|
4074
|
-
class: { container: "dark:rounded-[0.
|
|
4074
|
+
class: { container: "dark:rounded-[0.06rem]" },
|
|
4075
4075
|
size: "xs",
|
|
4076
4076
|
variant: "primary"
|
|
4077
4077
|
}
|
|
@@ -4098,12 +4098,12 @@ const createIconButtonStyle = tv$1({
|
|
|
4098
4098
|
lg: {
|
|
4099
4099
|
icon: "size-4",
|
|
4100
4100
|
loader: "size-4",
|
|
4101
|
-
root: "size-8 rounded-
|
|
4101
|
+
root: "size-8 rounded-lg"
|
|
4102
4102
|
},
|
|
4103
4103
|
md: {
|
|
4104
4104
|
icon: "size-3.5",
|
|
4105
4105
|
loader: "size-3.5",
|
|
4106
|
-
root: "size-7 rounded-
|
|
4106
|
+
root: "size-7 rounded-md"
|
|
4107
4107
|
},
|
|
4108
4108
|
sm: {
|
|
4109
4109
|
icon: "size-3.5",
|
package/dist/index.umd
CHANGED
|
@@ -229,7 +229,7 @@
|
|
|
229
229
|
rounded-sm outline-2 outline-transparent
|
|
230
230
|
focus-visible:outline-fg-brand-primary
|
|
231
231
|
disabled:cursor-not-allowed
|
|
232
|
-
`,!n.isDefaultCursor&&`cursor-pointer`,n.class))},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`]))}});let mr=kt({extend:{theme:{spacing:[`none`,`xxs`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`4xl`,`5xl`,`6xl`,`7xl`,`8xl`,`9xl`,`10xl`,`11xl`]}}});var hr=(0,t.defineComponent)({__name:`BreadcrumbItem`,props:{isLabelHidden:{type:Boolean},icon:{},label:{},to:{}},setup(e){let n=e,r=(0,t.computed)(()=>n.isLabelHidden?`sr-only`:``),i=(0,t.computed)(()=>n.to===void 0?``:`group-hover:text-primary group-hover:underline`);return(e,o)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.to===void 0?`span`:V),{class:`min-w-0 overflow-hidden`},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.to===void 0?`span`:(0,t.unref)(a.RouterLink)),{to:n.to,class:`group min-w-0`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(m,{class:`min-w-0`,gap:`sm`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(B,{"is-disabled":!n.isLabelHidden,label:n.label},{default:(0,t.withCtx)(()=>[n.icon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.icon),{key:0,class:(0,t.normalizeClass)([{"group-hover:text-primary":n.to!==void 0},`size-4 shrink-0 text-quaternary`])},null,8,[`class`])):(0,t.createCommentVNode)(``,!0)]),_:1},8,[`is-disabled`,`label`]),n.label?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(z),{key:0,text:n.label,class:(0,t.normalizeClass)((0,t.unref)(mr)(`text-xs text-quaternary`,r.value,i.value))},null,8,[`text`,`class`])):(0,t.createCommentVNode)(``,!0)]),_:1})]),_:1},8,[`to`]))]),_:1}))}}),gr={class:`min-w-0`},_r=(0,t.defineComponent)({__name:`BreadcrumbItems`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`nav`,gr,[(0,t.createVNode)(m,{align:`center`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`)]),_:3})]))}}),vr={};function yr(e,n){return(0,t.renderSlot)(e.$slots,`default`)}var br=R(vr,[[`render`,yr]]),xr={};function Sr(e,n){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`)}var Cr=R(xr,[[`render`,Sr]]),wr=(0,t.defineComponent)({__name:`BreadcrumbSeparator`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(xn),{class:`size-4 shrink-0 text-fg-quaternary`}))}});let Tr=Symbol(`ButtonContextKey`);function Er(e){(0,t.provide)(Tr,e)}function Dr(){let e=(0,t.inject)(Tr,null);if(e===null)throw Error(`ButtonContext not provided`);return e}let Or=L({compoundVariants:[{class:{container:`dark:rounded-[0.
|
|
232
|
+
`,!n.isDefaultCursor&&`cursor-pointer`,n.class))},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`]))}});let mr=kt({extend:{theme:{spacing:[`none`,`xxs`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`4xl`,`5xl`,`6xl`,`7xl`,`8xl`,`9xl`,`10xl`,`11xl`]}}});var hr=(0,t.defineComponent)({__name:`BreadcrumbItem`,props:{isLabelHidden:{type:Boolean},icon:{},label:{},to:{}},setup(e){let n=e,r=(0,t.computed)(()=>n.isLabelHidden?`sr-only`:``),i=(0,t.computed)(()=>n.to===void 0?``:`group-hover:text-primary group-hover:underline`);return(e,o)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.to===void 0?`span`:V),{class:`min-w-0 overflow-hidden`},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.to===void 0?`span`:(0,t.unref)(a.RouterLink)),{to:n.to,class:`group min-w-0`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(m,{class:`min-w-0`,gap:`sm`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(B,{"is-disabled":!n.isLabelHidden,label:n.label},{default:(0,t.withCtx)(()=>[n.icon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.icon),{key:0,class:(0,t.normalizeClass)([{"group-hover:text-primary":n.to!==void 0},`size-4 shrink-0 text-quaternary`])},null,8,[`class`])):(0,t.createCommentVNode)(``,!0)]),_:1},8,[`is-disabled`,`label`]),n.label?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(z),{key:0,text:n.label,class:(0,t.normalizeClass)((0,t.unref)(mr)(`text-xs text-quaternary`,r.value,i.value))},null,8,[`text`,`class`])):(0,t.createCommentVNode)(``,!0)]),_:1})]),_:1},8,[`to`]))]),_:1}))}}),gr={class:`min-w-0`},_r=(0,t.defineComponent)({__name:`BreadcrumbItems`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`nav`,gr,[(0,t.createVNode)(m,{align:`center`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`)]),_:3})]))}}),vr={};function yr(e,n){return(0,t.renderSlot)(e.$slots,`default`)}var br=R(vr,[[`render`,yr]]),xr={};function Sr(e,n){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`)}var Cr=R(xr,[[`render`,Sr]]),wr=(0,t.defineComponent)({__name:`BreadcrumbSeparator`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(xn),{class:`size-4 shrink-0 text-fg-quaternary`}))}});let Tr=Symbol(`ButtonContextKey`);function Er(e){(0,t.provide)(Tr,e)}function Dr(){let e=(0,t.inject)(Tr,null);if(e===null)throw Error(`ButtonContext not provided`);return e}let Or=L({compoundVariants:[{class:{container:`dark:rounded-[0.31rem] dark:px-md`},size:`md`,variant:`primary`},{class:{container:`dark:rounded-[0.44rem] dark:px-lg`},size:`lg`,variant:`primary`},{class:{container:`dark:rounded-[0.19rem] dark:px-sm`},size:`sm`,variant:`primary`},{class:{container:`dark:rounded-[0.06rem] dark:px-xs`},size:`xs`,variant:`primary`}],slots:{container:`grid size-full items-center [grid-template-areas:'stack']`,icon:`shrink-0`,label:`font-medium`,loader:`mx-auto items-center duration-100 [grid-area:stack]`,root:`
|
|
233
233
|
group/button shrink-0 cursor-pointer items-center justify-center border
|
|
234
234
|
outline-2 outline-offset-1 outline-transparent duration-100
|
|
235
235
|
not-data-interactive:cursor-not-allowed
|
|
@@ -279,7 +279,7 @@
|
|
|
279
279
|
`,root:`
|
|
280
280
|
border-transparent
|
|
281
281
|
focus-visible:outline-fg-error-primary
|
|
282
|
-
data-interactive:hover:bg-error-
|
|
282
|
+
data-interactive:hover:bg-error-500/12
|
|
283
283
|
dark:data-interactive:hover:bg-error-700/20
|
|
284
284
|
`},"minimal-color":{icon:`
|
|
285
285
|
text-brand-primary
|
|
@@ -293,7 +293,7 @@
|
|
|
293
293
|
`,root:`
|
|
294
294
|
border-transparent
|
|
295
295
|
focus-visible:outline-fg-brand-primary
|
|
296
|
-
data-interactive:hover:bg-brand-
|
|
296
|
+
data-interactive:hover:bg-brand-500/10
|
|
297
297
|
dark:data-interactive:hover:bg-brand-700/20
|
|
298
298
|
`},primary:{container:`dark:glassy-inner-content`,icon:`
|
|
299
299
|
text-primary-on-brand
|
|
@@ -338,14 +338,14 @@
|
|
|
338
338
|
`,root:`
|
|
339
339
|
border-transparent
|
|
340
340
|
focus-visible:outline-fg-brand-primary
|
|
341
|
-
data-interactive:hover:bg-primary
|
|
342
|
-
`}},size:{lg:{icon:`size-4`,label:`text-sm`,loader:`size-4`,root:`h-8 min-w-8 rounded-
|
|
341
|
+
data-interactive:hover:bg-fg-primary/8
|
|
342
|
+
`}},size:{lg:{icon:`size-4`,label:`text-sm`,loader:`size-4`,root:`h-8 min-w-8 rounded-lg px-lg`},md:{icon:`size-3.5`,label:`text-xs`,loader:`size-3.5`,root:`h-7 min-w-7 rounded-md px-md`},sm:{icon:`size-3.5`,label:`text-xs`,loader:`size-3.5`,root:`h-6 min-w-6 rounded-sm px-sm`},xs:{icon:`size-3.5`,label:`text-xs`,loader:`size-3.5`,root:`h-5.5 min-w-5.5 rounded-xs px-xs`}}}});var kr=(0,t.defineComponent)({__name:`ButtonIcon`,props:{icon:{},size:{},variant:{}},setup(e){let n=e,{buttonStyle:r}=Dr();return(e,i)=>n.icon===null?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.icon),{key:0,class:(0,t.normalizeClass)((0,t.unref)(r).icon())},null,8,[`class`]))}}),Ar=[`type`,`form`,`aria-disabled`,`disabled`,`aria-busy`,`data-interactive`],jr=(0,t.defineComponent)({inheritAttrs:!1,__name:`Button`,props:{isLoading:{type:Boolean,default:!1},form:{default:null},iconLeft:{default:null},iconRight:{default:null},keyboardShortcut:{default:null},label:{},size:{default:`md`},tooltipLabel:{default:null},tooltipSide:{default:`top`},type:{default:`button`},variant:{default:`primary`},isDisabled:{type:Boolean,default:!1},disabledReason:{default:null}},emits:[`click`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.useAttrs)(),o=(0,t.computed)(()=>Or({isLoading:r.isLoading,class:a.class,size:r.size,variant:r.variant}));function s(e){if(r.isLoading){e.preventDefault();return}i(`click`,e)}let c=(0,t.computed)(()=>!(r.tooltipLabel!==null||r.keyboardShortcut!==null||r.isDisabled&&r.disabledReason!==null)),l=(0,t.computed)(()=>r.isDisabled&&r.disabledReason!==null?r.disabledReason:r.tooltipLabel??r.label);return Er({buttonStyle:o}),(e,n)=>((0,t.openBlock)(),(0,t.createBlock)(B,{"popover-side":r.tooltipSide,"is-disabled":c.value,label:l.value,"keyboard-shortcut":r.keyboardShortcut},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`button`,(0,t.mergeProps)((0,t.unref)(a),{type:r.type,form:r.form??void 0,"aria-disabled":r.isLoading,disabled:r.isDisabled,"aria-busy":r.isLoading,"data-interactive":!r.isDisabled&&!r.isLoading||void 0,class:o.value.root(),onClick:s}),[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)(o.value.container())},[(0,t.createVNode)(Kn,{class:(0,t.normalizeClass)(o.value.loader())},null,8,[`class`]),(0,t.createVNode)((0,t.unref)(m),{class:(0,t.normalizeClass)(o.value.rowLayout()),gap:`sm`,justify:`center`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`left`),r.iconLeft===null?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)(kr,{key:0,icon:r.iconLeft,size:r.size,variant:r.variant},null,8,[`icon`,`size`,`variant`])),(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)([o.value.label(),``])},(0,t.toDisplayString)(r.label),3),r.iconRight===null?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)(kr,{key:1,icon:r.iconRight,size:r.size,variant:r.variant},null,8,[`icon`,`size`,`variant`]))]),_:3},8,[`class`])],2)],16,Ar)]),_:3},8,[`popover-side`,`is-disabled`,`label`,`keyboard-shortcut`]))}});let Mr=Symbol(`LinkContextKey`);function Nr(e){(0,t.provide)(Mr,e)}let Pr=L({compoundVariants:[{class:{container:`dark:rounded-[0.31rem] dark:px-md`},size:`md`,variant:`primary`},{class:{container:`dark:rounded-[0.44rem] dark:px-lg`},size:`lg`,variant:`primary`},{class:{container:`dark:rounded-[0.19rem] dark:px-sm`},size:`sm`,variant:`primary`},{class:{container:`dark:rounded-[0.06rem] dark:px-xs`},size:`xs`,variant:`primary`}],slots:{container:`grid size-full [grid-template-areas:'stack']`,icon:`shrink-0`,label:`font-medium`,root:`
|
|
343
343
|
group/link inline-flex shrink-0 cursor-pointer items-center justify-center
|
|
344
344
|
border outline-2 outline-offset-1 outline-transparent duration-100
|
|
345
345
|
`,rowLayout:`
|
|
346
346
|
duration-100 [grid-area:stack]
|
|
347
347
|
group-active/link:scale-98
|
|
348
|
-
`},variants:{size:{lg:{icon:`size-4`,label:`text-sm`,root:`h-8 min-w-8 rounded-
|
|
348
|
+
`},variants:{size:{lg:{icon:`size-4`,label:`text-sm`,root:`h-8 min-w-8 rounded-lg px-lg`},md:{icon:`size-3.5`,label:`text-xs`,root:`h-7 min-w-7 rounded-md px-md`},sm:{icon:`size-3.5`,label:`text-xs`,root:`h-6 min-w-6 rounded-sm px-sm`},xs:{icon:`size-3.5`,label:`text-xs`,root:`h-5.5 min-w-5.5 rounded-xs px-xs`}},variant:{"destructive-primary":{icon:`text-white`,label:`text-white`,root:`
|
|
349
349
|
border-error-600 bg-error-solid
|
|
350
350
|
hover:brightness-95
|
|
351
351
|
focus-visible:outline-fg-error-primary
|
|
@@ -371,7 +371,7 @@
|
|
|
371
371
|
border-transparent
|
|
372
372
|
hover:bg-primary-hover
|
|
373
373
|
focus-visible:outline-fg-brand-primary
|
|
374
|
-
`}}}});var Fr=(0,t.defineComponent)({__name:`LinkIcon`,props:{icon:{},size:{},variant:{}},setup(e){let n=e;return(e,r)=>n.icon===null?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.icon),{key:0,class:(0,t.normalizeClass)([{"size-3.5":n.size===`md`||n.size===`sm`||n.size===`xs`,"size-4":n.size===`lg`,"text-primary-on-brand group-disabled/button:text-disabled":n.variant===`primary`,"text-secondary group-disabled/button:text-disabled":n.variant===`secondary`||n.variant===`tertiary`,"text-white group-disabled/button:text-disabled":n.variant===`destructive-primary`,"text-error-primary group-disabled/button:text-disabled":n.variant===`destructive-tertiary`},`shrink-0`])},null,8,[`class`]))}}),Ir=(0,t.defineComponent)({inheritAttrs:!1,__name:`Link`,props:{iconLeft:{default:null},iconRight:{default:null},keyboardShortcut:{default:null},label:{},link:{default:null},size:{default:`md`},to:{default:null},tooltipLabel:{default:null},tooltipSide:{default:`top`},variant:{default:`primary`}},setup(e){let n=e,r=(0,t.useAttrs)();if(n.link===null&&n.to===null)throw Error("Either `link` or `to` must be provided.");let i=(0,t.computed)(()=>n.to===null?`a`:a.RouterLink),o=(0,t.computed)(()=>n.to===null?n.link===null?{}:{href:n.link.href,rel:n.link.rel,target:n.link.target}:{to:n.to}),s=(0,t.computed)(()=>Pr({class:r.class,size:n.size,variant:n.variant}));return Nr({linkStyle:s}),(e,a)=>((0,t.openBlock)(),(0,t.createBlock)(B,{"popover-side":n.tooltipSide,"is-disabled":n.tooltipLabel===null&&n.keyboardShortcut===null,label:n.tooltipLabel??n.label,"keyboard-shortcut":n.keyboardShortcut},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(i.value),(0,t.mergeProps)({...o.value,...(0,t.unref)(r)},{class:s.value.root()}),{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)(s.value.container())},[(0,t.createVNode)((0,t.unref)(m),{class:(0,t.normalizeClass)(s.value.rowLayout()),gap:`sm`,justify:`center`},{default:(0,t.withCtx)(()=>[n.iconLeft===null?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)(Fr,{key:0,icon:n.iconLeft,size:n.size,variant:n.variant},null,8,[`icon`,`size`,`variant`])),(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)(s.value.label())},(0,t.toDisplayString)(n.label),3),n.iconRight===null?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)(Fr,{key:1,icon:n.iconRight,size:n.size,variant:n.variant},null,8,[`icon`,`size`,`variant`]))]),_:1},8,[`class`])],2)]),_:1},16,[`class`]))]),_:1},8,[`popover-side`,`is-disabled`,`label`,`keyboard-shortcut`]))}});let Lr=Symbol(`IconButtonContextKey`);function Rr(e){(0,t.provide)(Lr,e)}let zr=L({compoundVariants:[{class:{container:`dark:rounded-[0.
|
|
374
|
+
`}}}});var Fr=(0,t.defineComponent)({__name:`LinkIcon`,props:{icon:{},size:{},variant:{}},setup(e){let n=e;return(e,r)=>n.icon===null?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.icon),{key:0,class:(0,t.normalizeClass)([{"size-3.5":n.size===`md`||n.size===`sm`||n.size===`xs`,"size-4":n.size===`lg`,"text-primary-on-brand group-disabled/button:text-disabled":n.variant===`primary`,"text-secondary group-disabled/button:text-disabled":n.variant===`secondary`||n.variant===`tertiary`,"text-white group-disabled/button:text-disabled":n.variant===`destructive-primary`,"text-error-primary group-disabled/button:text-disabled":n.variant===`destructive-tertiary`},`shrink-0`])},null,8,[`class`]))}}),Ir=(0,t.defineComponent)({inheritAttrs:!1,__name:`Link`,props:{iconLeft:{default:null},iconRight:{default:null},keyboardShortcut:{default:null},label:{},link:{default:null},size:{default:`md`},to:{default:null},tooltipLabel:{default:null},tooltipSide:{default:`top`},variant:{default:`primary`}},setup(e){let n=e,r=(0,t.useAttrs)();if(n.link===null&&n.to===null)throw Error("Either `link` or `to` must be provided.");let i=(0,t.computed)(()=>n.to===null?`a`:a.RouterLink),o=(0,t.computed)(()=>n.to===null?n.link===null?{}:{href:n.link.href,rel:n.link.rel,target:n.link.target}:{to:n.to}),s=(0,t.computed)(()=>Pr({class:r.class,size:n.size,variant:n.variant}));return Nr({linkStyle:s}),(e,a)=>((0,t.openBlock)(),(0,t.createBlock)(B,{"popover-side":n.tooltipSide,"is-disabled":n.tooltipLabel===null&&n.keyboardShortcut===null,label:n.tooltipLabel??n.label,"keyboard-shortcut":n.keyboardShortcut},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(i.value),(0,t.mergeProps)({...o.value,...(0,t.unref)(r)},{class:s.value.root()}),{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)(s.value.container())},[(0,t.createVNode)((0,t.unref)(m),{class:(0,t.normalizeClass)(s.value.rowLayout()),gap:`sm`,justify:`center`},{default:(0,t.withCtx)(()=>[n.iconLeft===null?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)(Fr,{key:0,icon:n.iconLeft,size:n.size,variant:n.variant},null,8,[`icon`,`size`,`variant`])),(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)(s.value.label())},(0,t.toDisplayString)(n.label),3),n.iconRight===null?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)(Fr,{key:1,icon:n.iconRight,size:n.size,variant:n.variant},null,8,[`icon`,`size`,`variant`]))]),_:1},8,[`class`])],2)]),_:1},16,[`class`]))]),_:1},8,[`popover-side`,`is-disabled`,`label`,`keyboard-shortcut`]))}});let Lr=Symbol(`IconButtonContextKey`);function Rr(e){(0,t.provide)(Lr,e)}let zr=L({compoundVariants:[{class:{container:`dark:rounded-[0.31rem]`},size:`md`,variant:`primary`},{class:{container:`dark:rounded-[0.44rem]`},size:`lg`,variant:`primary`},{class:{container:`dark:rounded-[0.19rem]`},size:`sm`,variant:`primary`},{class:{container:`dark:rounded-[0.06rem]`},size:`xs`,variant:`primary`}],slots:{container:`
|
|
375
375
|
grid size-full items-center justify-center [grid-template-areas:'stack']
|
|
376
376
|
`,icon:`shrink-0`,loader:`mx-auto duration-100 [grid-area:stack]`,root:`
|
|
377
377
|
group/button shrink-0 cursor-pointer items-center justify-center border
|
|
@@ -380,7 +380,7 @@
|
|
|
380
380
|
`,rowLayout:`
|
|
381
381
|
duration-100 [grid-area:stack]
|
|
382
382
|
group-not-disabled/button:group-active/button:scale-98
|
|
383
|
-
`},variants:{isLoading:{false:{loader:`invisible opacity-0`,rowLayout:`opacity-100`},true:{loader:`opacity-100`,rowLayout:`invisible opacity-0`}},size:{lg:{icon:`size-4`,loader:`size-4`,root:`size-8 rounded-
|
|
383
|
+
`},variants:{isLoading:{false:{loader:`invisible opacity-0`,rowLayout:`opacity-100`},true:{loader:`opacity-100`,rowLayout:`invisible opacity-0`}},size:{lg:{icon:`size-4`,loader:`size-4`,root:`size-8 rounded-lg`},md:{icon:`size-3.5`,loader:`size-3.5`,root:`size-7 rounded-md`},sm:{icon:`size-3.5`,loader:`size-3.5`,root:`size-6 rounded-sm`},xs:{icon:`size-3.5`,loader:`size-3.5`,root:`size-5.5 rounded-xs`}},variant:{"destructive-primary":{icon:`
|
|
384
384
|
text-white
|
|
385
385
|
group-disabled/button:text-disabled
|
|
386
386
|
`,loader:`
|
package/package.json
CHANGED