@scalar/components 0.0.3 → 0.0.5
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.cjs
CHANGED
|
@@ -48,4 +48,4 @@
|
|
|
48
48
|
</svg>`,me=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor">
|
|
49
49
|
<path fill-rule="evenodd"
|
|
50
50
|
d="M12.6 11.2h.1l3 3a1 1 0 1 1-1.4 1.5l-3-3a1 1 0 0 1-.1-.1 7 7 0 1 1 1.4-1.4zM7 12A5 5 0 1 0 7 2a5 5 0 0 0 0 10z" />
|
|
51
|
-
</svg>`,k=Object.assign({"./Add.svg":Q,"./CheckMark.svg":X,"./ChevronDown.svg":Y,"./ChevronLeft.svg":ee,"./ChevronRight.svg":te,"./ChevronUp.svg":ae,"./Close.svg":oe,"./Ellipses.svg":re,"./GitHub.svg":le,"./LightDarkModeToggle.svg":ne,"./Logo.svg":se,"./LogoAPI.svg":ie,"./LogoClient.svg":ce,"./LogoMarket.svg":de,"./LogoSwagger.svg":ue,"./Menu.svg":ve,"./Search.svg":me}),he=o=>{const t=`./${o}.svg`;return k[t]===void 0?(console.warn(`Could not find icon: ${o}`),""):k[t]},w=e.defineComponent({__name:"ScalarIcon",props:{name:{}},setup(o){const t=o,a=e.computed(()=>he(t.name));return(n,r)=>a.value?(e.openBlock(),e.createBlock(e.unref(J),{key:0,class:"flow-icon",height:"100%",raw:a.value,width:"100%"},null,8,["raw"])):e.createCommentVNode("",!0)}}),y=e.defineComponent({__name:"ScalarIconButton",props:{label:{},icon:{},variant:{default:"ghost"}},setup(o){return(t,a)=>(e.openBlock(),e.createBlock(e.unref(b),{title:t.label,variant:t.variant},{icon:e.withCtx(()=>[e.createVNode(e.unref(w),{name:t.icon},null,8,["name"])]),_:1},8,["title","variant"]))}}),ge={class:"scalar-modal-layout fixed left-0 top-0 z-[1001] h-[100dvh] w-[100dvw] bg-backdrop p-5 opacity-0"},pe=()=>e.reactive({open:!1,show(){this.open=!0},hide(){this.open=!1}}),fe=e.defineComponent({__name:"ScalarModal",props:{state:{},title:{},bodyClass:{},maxWidth:{},size:{default:"md"},variant:{}},setup(o){const t=g({base:["scalar-modal","col relative mx-auto mb-0 mt-20 w-full rounded-lg bg-back-2 text-left leading-snug text-fore-1 opacity-0"].join(" "),variants:{size:{xs:"max-w-screen-xs",sm:"max-w-screen-sm",md:"max-w-screen-md",lg:"max-w-screen-lg"},variant:{history:"scalar-modal-history bg-back-1",search:"scalar-modal-search"}}});return(a,n)=>(e.openBlock(),e.createBlock(e.unref(m.Dialog),{open:a.state.open,onClose:n[0]||(n[0]=r=>a.state.hide())},{default:e.withCtx(()=>[e.createElementVNode("div",ge,[e.createVNode(e.unref(m.DialogPanel),{class:e.normalizeClass(e.unref(t)({size:a.size,variant:a.variant})),style:e.normalizeStyle({maxWidth:a.maxWidth})},{default:e.withCtx(()=>[a.title?(e.openBlock(),e.createBlock(e.unref(m.DialogTitle),{key:0,class:e.normalizeClass(["scalar-modal-header font-semiBold m-0 rounded-lg px-6 py-3 text-left text-xs text-fore-1",{"pb-0 pt-6":a.variant==="history"}])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.title),1)]),_:1},8,["class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(m.DialogDescription),{class:e.normalizeClass(["scalar-modal-body relative max-h-[calc(100dvh-240px)] overflow-y-auto rounded-lg bg-back-1 py-6 pb-4 pt-3",e.unref(u)(a.bodyClass,a.variant==="history"&&"pt-3",a.variant==="search"&&"col max-h-[440px] overflow-hidden p-0")])},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["class"])]),_:3},8,["class","style"])])]),_:3},8,["open"]))}});const C=p(fe,[["__scopeId","data-v-4ee157b1"]]),be={class:"scalar-input-container relative"},we=["for"],_e={class:"icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3"},xe=e.defineComponent({__name:"ScalarTextField",props:{modelValue:{},placeholder:{},label:{},labelShadowColor:{default:"var(--theme-background-2, var(--default-theme-background-2))"},error:{type:Boolean},isMultiline:{type:Boolean},helperText:{},emitOnBlur:{type:Boolean,default:!0},handleFieldSubmit:{},handleFieldChange:{},disableTrim:{type:Boolean,default:!1}},emits:["submit","update:modelValue"],setup(o,{emit:t}){const a=o,n=g({base:"scalar-input-wrapper relative flex items-center rounded border border-border",variants:{focus:{true:"scalar-input-wrapper-focus border-fore-3 has-actv-btn:border has-actv-btn:border-border"},error:{true:"scalar-input-wrapper-error border-error"}}}),r=e.useAttrs(),s=r.id||`id-${O.nanoid()}`,c=e.ref(),d=e.ref(!1);let v;if(a.isMultiline){const{triggerResize:l}=N.useTextareaAutosize({element:c,input:a.modelValue});v=l}function B(l){const i=l.target.value;a.isMultiline&&v(),a.handleFieldChange?a.handleFieldChange(i):t("update:modelValue",i)}function _(l){const i=l.target,h=a.disableTrim||a.isMultiline?i.value:i.value.trim();a.handleFieldSubmit?a.handleFieldSubmit(h):t("submit",h)}function z(l){d.value=!1,a.emitOnBlur&&a.modelValue&&_(l)}return e.onMounted(()=>{var l;Object.prototype.hasOwnProperty.call(r,"autofocus")&&((l=c.value)==null||l.focus())}),(l,i)=>(e.openBlock(),e.createElementBlock("div",be,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n)({error:l.error,focus:d.value}))},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.isMultiline?"textarea":"input"),e.mergeProps({id:e.unref(s)},l.$attrs,{ref_key:"input",ref:c,class:["scalar-input",e.unref(u)({"min-h-[77px]":l.isMultiline},"z-10 w-full resize-none appearance-none border-0 bg-transparent p-3 text-sm text-fore-1","outline-none transition-opacity")],placeholder:l.placeholder,value:l.modelValue,onBlur:z,onFocus:i[0]||(i[0]=h=>d.value=!0),onInput:B,onKeyup:e.withKeys(_,["enter"])}),null,16,["id","class","placeholder","value","onKeyup"])),l.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(u)("scalar-input-label pointer-events-none absolute left-0 top-0 mx-2 my-3 px-1 text-xs","shadow-current z-10 origin-top-left rounded text-fore-3 transition-transform")),for:e.unref(s),style:e.normalizeStyle({"box-shadow":`0 0 4px 4px ${l.labelShadowColor}`,"background-color":l.labelShadowColor})},e.toDisplayString(l.label),15,we)):e.createCommentVNode("",!0),e.createElementVNode("div",_e,[e.renderSlot(l.$slots,"default",{},void 0,!0)])],2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(u)("helper-text mt-1.5 flex items-center text-xs text-error before:rounded-full before:font-black","before:mr-1.5 before:block before:h-4 before:w-4 before:text-center before:text-xxs before:leading-4","before:bg-error before:text-white before:content-['!'] empty:hidden"))},e.toDisplayString(l.helperText),3)]))}});const S=p(xe,[["__scopeId","data-v-8e18f760"]]);const ke={boxShadow:{DEFAULT:"var(--theme-shadow-1, var(--default-theme-shadow-1))",md:"var(--theme-shadow-2, var(--default-theme-shadow-2))",sm:"rgba(0, 0, 0, 0.09) 0px 1px 4px",none:"0 0 #0000"},colors:{"fore-1":"var(--theme-color-1, var(--default-theme-color-1))","fore-2":"var(--theme-color-2, var(--default-theme-color-2))","fore-3":"var(--theme-color-3, var(--default-theme-color-3))",accent:"var(--theme-color-accent, var(--default-theme-color-accent))","back-1":"var(--theme-background-1, var(--default-theme-background-1))","back-2":"var(--theme-background-2, var(--default-theme-background-2))","back-3":"var(--theme-background-3, var(--default-theme-background-3))","back-accent":"var(--theme-background-accent, var(--default-theme-background-accent))",backdrop:"rgba(0, 0, 0, 0.44)",border:"var(--theme-border-color, var(--default-theme-border-color))","back-btn-1":"var(--theme-button-1, var(--default-theme-button-1))","fore-btn-1":"var(--theme-button-1-color, var(--default-theme-button-1-color))","hover-btn-1":"var(--theme-button-1-hover, var(--default-theme-button-1-hover))",white:"#FFF",green:"var(--theme-color-green, var(--default-theme-color-green))",red:"var(--theme-color-red, var(--default-theme-color-red))",yellow:"var(--theme-color-yellow, var(--default-theme-color-yellow))",blue:"var(--theme-color-blue, var(--default-theme-color-blue))",orange:"var(--theme-color-orange, var(--default-theme-color-orange))",purple:"var(--theme-color-purple, var(--default-theme-color-purple))",error:"var(--theme-error-color, var(--default-theme-color-red))",ghost:"var(--theme-color-ghost, var(--default-theme-color-ghost))",transparent:"transparent"},
|
|
51
|
+
</svg>`,k=Object.assign({"./Add.svg":Q,"./CheckMark.svg":X,"./ChevronDown.svg":Y,"./ChevronLeft.svg":ee,"./ChevronRight.svg":te,"./ChevronUp.svg":ae,"./Close.svg":oe,"./Ellipses.svg":re,"./GitHub.svg":le,"./LightDarkModeToggle.svg":ne,"./Logo.svg":se,"./LogoAPI.svg":ie,"./LogoClient.svg":ce,"./LogoMarket.svg":de,"./LogoSwagger.svg":ue,"./Menu.svg":ve,"./Search.svg":me}),he=o=>{const t=`./${o}.svg`;return k[t]===void 0?(console.warn(`Could not find icon: ${o}`),""):k[t]},w=e.defineComponent({__name:"ScalarIcon",props:{name:{}},setup(o){const t=o,a=e.computed(()=>he(t.name));return(n,r)=>a.value?(e.openBlock(),e.createBlock(e.unref(J),{key:0,class:"flow-icon",height:"100%",raw:a.value,width:"100%"},null,8,["raw"])):e.createCommentVNode("",!0)}}),y=e.defineComponent({__name:"ScalarIconButton",props:{label:{},icon:{},variant:{default:"ghost"}},setup(o){return(t,a)=>(e.openBlock(),e.createBlock(e.unref(b),{title:t.label,variant:t.variant},{icon:e.withCtx(()=>[e.createVNode(e.unref(w),{name:t.icon},null,8,["name"])]),_:1},8,["title","variant"]))}}),ge={class:"scalar-modal-layout fixed left-0 top-0 z-[1001] h-[100dvh] w-[100dvw] bg-backdrop p-5 opacity-0"},pe=()=>e.reactive({open:!1,show(){this.open=!0},hide(){this.open=!1}}),fe=e.defineComponent({__name:"ScalarModal",props:{state:{},title:{},bodyClass:{},maxWidth:{},size:{default:"md"},variant:{}},setup(o){const t=g({base:["scalar-modal","col relative mx-auto mb-0 mt-20 w-full rounded-lg bg-back-2 text-left leading-snug text-fore-1 opacity-0"].join(" "),variants:{size:{xs:"max-w-screen-xs",sm:"max-w-screen-sm",md:"max-w-screen-md",lg:"max-w-screen-lg"},variant:{history:"scalar-modal-history bg-back-1",search:"scalar-modal-search"}}});return(a,n)=>(e.openBlock(),e.createBlock(e.unref(m.Dialog),{open:a.state.open,onClose:n[0]||(n[0]=r=>a.state.hide())},{default:e.withCtx(()=>[e.createElementVNode("div",ge,[e.createVNode(e.unref(m.DialogPanel),{class:e.normalizeClass(e.unref(t)({size:a.size,variant:a.variant})),style:e.normalizeStyle({maxWidth:a.maxWidth})},{default:e.withCtx(()=>[a.title?(e.openBlock(),e.createBlock(e.unref(m.DialogTitle),{key:0,class:e.normalizeClass(["scalar-modal-header font-semiBold m-0 rounded-lg px-6 py-3 text-left text-xs text-fore-1",{"pb-0 pt-6":a.variant==="history"}])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.title),1)]),_:1},8,["class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(m.DialogDescription),{class:e.normalizeClass(["scalar-modal-body relative max-h-[calc(100dvh-240px)] overflow-y-auto rounded-lg bg-back-1 py-6 pb-4 pt-3",e.unref(u)(a.bodyClass,a.variant==="history"&&"pt-3",a.variant==="search"&&"col max-h-[440px] overflow-hidden p-0")])},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["class"])]),_:3},8,["class","style"])])]),_:3},8,["open"]))}});const C=p(fe,[["__scopeId","data-v-4ee157b1"]]),be={class:"scalar-input-container relative"},we=["for"],_e={class:"icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3"},xe=e.defineComponent({__name:"ScalarTextField",props:{modelValue:{},placeholder:{},label:{},labelShadowColor:{default:"var(--theme-background-2, var(--default-theme-background-2))"},error:{type:Boolean},isMultiline:{type:Boolean},helperText:{},emitOnBlur:{type:Boolean,default:!0},handleFieldSubmit:{},handleFieldChange:{},disableTrim:{type:Boolean,default:!1}},emits:["submit","update:modelValue"],setup(o,{emit:t}){const a=o,n=g({base:"scalar-input-wrapper relative flex items-center rounded border border-border",variants:{focus:{true:"scalar-input-wrapper-focus border-fore-3 has-actv-btn:border has-actv-btn:border-border"},error:{true:"scalar-input-wrapper-error border-error"}}}),r=e.useAttrs(),s=r.id||`id-${O.nanoid()}`,c=e.ref(),d=e.ref(!1);let v;if(a.isMultiline){const{triggerResize:l}=N.useTextareaAutosize({element:c,input:a.modelValue});v=l}function B(l){const i=l.target.value;a.isMultiline&&v(),a.handleFieldChange?a.handleFieldChange(i):t("update:modelValue",i)}function _(l){const i=l.target,h=a.disableTrim||a.isMultiline?i.value:i.value.trim();a.handleFieldSubmit?a.handleFieldSubmit(h):t("submit",h)}function z(l){d.value=!1,a.emitOnBlur&&a.modelValue&&_(l)}return e.onMounted(()=>{var l;Object.prototype.hasOwnProperty.call(r,"autofocus")&&((l=c.value)==null||l.focus())}),(l,i)=>(e.openBlock(),e.createElementBlock("div",be,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n)({error:l.error,focus:d.value}))},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.isMultiline?"textarea":"input"),e.mergeProps({id:e.unref(s)},l.$attrs,{ref_key:"input",ref:c,class:["scalar-input",e.unref(u)({"min-h-[77px]":l.isMultiline},"z-10 w-full resize-none appearance-none border-0 bg-transparent p-3 text-sm text-fore-1","outline-none transition-opacity")],placeholder:l.placeholder,value:l.modelValue,onBlur:z,onFocus:i[0]||(i[0]=h=>d.value=!0),onInput:B,onKeyup:e.withKeys(_,["enter"])}),null,16,["id","class","placeholder","value","onKeyup"])),l.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(u)("scalar-input-label pointer-events-none absolute left-0 top-0 mx-2 my-3 px-1 text-xs","shadow-current z-10 origin-top-left rounded text-fore-3 transition-transform")),for:e.unref(s),style:e.normalizeStyle({"box-shadow":`0 0 4px 4px ${l.labelShadowColor}`,"background-color":l.labelShadowColor})},e.toDisplayString(l.label),15,we)):e.createCommentVNode("",!0),e.createElementVNode("div",_e,[e.renderSlot(l.$slots,"default",{},void 0,!0)])],2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(u)("helper-text mt-1.5 flex items-center text-xs text-error before:rounded-full before:font-black","before:mr-1.5 before:block before:h-4 before:w-4 before:text-center before:text-xxs before:leading-4","before:bg-error before:text-white before:content-['!'] empty:hidden"))},e.toDisplayString(l.helperText),3)]))}});const S=p(xe,[["__scopeId","data-v-8e18f760"]]);const ke={boxShadow:{DEFAULT:"var(--theme-shadow-1, var(--default-theme-shadow-1))",md:"var(--theme-shadow-2, var(--default-theme-shadow-2))",sm:"rgba(0, 0, 0, 0.09) 0px 1px 4px",none:"0 0 #0000"},colors:{"fore-1":"var(--theme-color-1, var(--default-theme-color-1))","fore-2":"var(--theme-color-2, var(--default-theme-color-2))","fore-3":"var(--theme-color-3, var(--default-theme-color-3))",accent:"var(--theme-color-accent, var(--default-theme-color-accent))","back-1":"var(--theme-background-1, var(--default-theme-background-1))","back-2":"var(--theme-background-2, var(--default-theme-background-2))","back-3":"var(--theme-background-3, var(--default-theme-background-3))","back-accent":"var(--theme-background-accent, var(--default-theme-background-accent))",backdrop:"rgba(0, 0, 0, 0.44)",border:"var(--theme-border-color, var(--default-theme-border-color))","back-btn-1":"var(--theme-button-1, var(--default-theme-button-1))","fore-btn-1":"var(--theme-button-1-color, var(--default-theme-button-1-color))","hover-btn-1":"var(--theme-button-1-hover, var(--default-theme-button-1-hover))",white:"#FFF",green:"var(--theme-color-green, var(--default-theme-color-green))",red:"var(--theme-color-red, var(--default-theme-color-red))",yellow:"var(--theme-color-yellow, var(--default-theme-color-yellow))",blue:"var(--theme-color-blue, var(--default-theme-color-blue))",orange:"var(--theme-color-orange, var(--default-theme-color-orange))",purple:"var(--theme-color-purple, var(--default-theme-color-purple))",error:"var(--theme-error-color, var(--default-theme-color-red))",ghost:"var(--theme-color-ghost, var(--default-theme-color-ghost))",transparent:"transparent"}},ye={borderRadius:{DEFAULT:"var(--theme-radius, var(--default-theme-radius))",md:"var(--theme-radius, var(--default-theme-radius))",lg:"var(--theme-radius-lg, var(--default-theme-radius-lg))",xl:"var(--theme-radius-xl, var(--default-theme-radius-xl))"},fontSize:{xxs:"var(--theme-micro, var(--default-theme-micro, var(--theme-font-size-5, var(--default-theme-font-size-5))))",xs:"var(--theme-mini, var(--default-theme-mini, var(--theme-font-size-4, var(--default-theme-font-size-4))))",sm:"var(--theme-small, var(--default-theme-small, var(--theme-font-size-3, var(--default-theme-font-size-3))))",base:"var(--theme-paragraph, var(--default-theme-paragraph, var(--theme-font-size-2, var(--default-theme-font-size-2))))",lg:"var(--theme-font-size-1, var(--default-theme-font-size-1))"},fontWeight:{medium:"var(--theme-font-medium, var(--default-theme-font-medium))",bold:"var(--theme-font-bold, var(--default-theme-font-bold))"},maxWidth:{"screen-xs":"480px","screen-sm":"540px","screen-md":"640px","screen-lg":"800px"}},Ce={install:o=>{o.component("ScalarButton",b),o.component("ScalarIcon",w),o.component("ScalarIconButton",y),o.component("ScalarLoading",f),o.component("ScalarModal",C),o.component("ScalarTextField",S)}};exports.ScalarButton=b;exports.ScalarIcon=w;exports.ScalarIconButton=y;exports.ScalarLoading=f;exports.ScalarModal=C;exports.ScalarTextField=S;exports.default=Ce;exports.extend=ye;exports.theme=ke;exports.useLoadingState=Z;exports.useModal=pe;
|
package/dist/index.js
CHANGED
|
@@ -494,13 +494,6 @@ const Je = {
|
|
|
494
494
|
error: "var(--theme-error-color, var(--default-theme-color-red))",
|
|
495
495
|
ghost: "var(--theme-color-ghost, var(--default-theme-color-ghost))",
|
|
496
496
|
transparent: "transparent"
|
|
497
|
-
},
|
|
498
|
-
fontSize: {
|
|
499
|
-
xxs: "var(--theme-micro, var(--default-theme-micro, var(--theme-font-size-5, var(--default-theme-font-size-5))))",
|
|
500
|
-
xs: "var(--theme-mini, var(--default-theme-mini, var(--theme-font-size-4, var(--default-theme-font-size-4))))",
|
|
501
|
-
sm: "var(--theme-small, var(--default-theme-small, var(--theme-font-size-3, var(--default-theme-font-size-3))))",
|
|
502
|
-
base: "var(--theme-paragraph, var(--default-theme-paragraph, var(--theme-font-size-2, var(--default-theme-font-size-2))))",
|
|
503
|
-
lg: "var(--theme-font-size-1, var(--default-theme-font-size-1))"
|
|
504
497
|
}
|
|
505
498
|
}, Qe = {
|
|
506
499
|
borderRadius: {
|
|
@@ -509,9 +502,16 @@ const Je = {
|
|
|
509
502
|
lg: "var(--theme-radius-lg, var(--default-theme-radius-lg))",
|
|
510
503
|
xl: "var(--theme-radius-xl, var(--default-theme-radius-xl))"
|
|
511
504
|
},
|
|
505
|
+
fontSize: {
|
|
506
|
+
xxs: "var(--theme-micro, var(--default-theme-micro, var(--theme-font-size-5, var(--default-theme-font-size-5))))",
|
|
507
|
+
xs: "var(--theme-mini, var(--default-theme-mini, var(--theme-font-size-4, var(--default-theme-font-size-4))))",
|
|
508
|
+
sm: "var(--theme-small, var(--default-theme-small, var(--theme-font-size-3, var(--default-theme-font-size-3))))",
|
|
509
|
+
base: "var(--theme-paragraph, var(--default-theme-paragraph, var(--theme-font-size-2, var(--default-theme-font-size-2))))",
|
|
510
|
+
lg: "var(--theme-font-size-1, var(--default-theme-font-size-1))"
|
|
511
|
+
},
|
|
512
512
|
fontWeight: {
|
|
513
513
|
medium: "var(--theme-font-medium, var(--default-theme-font-medium))",
|
|
514
|
-
bold: "var(
|
|
514
|
+
bold: "var(--theme-font-bold, var(--default-theme-font-bold))"
|
|
515
515
|
},
|
|
516
516
|
maxWidth: {
|
|
517
517
|
"screen-xs": "480px",
|
package/dist/index.umd.cjs
CHANGED
|
@@ -48,4 +48,4 @@
|
|
|
48
48
|
</svg>`,"./Search.svg":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor">
|
|
49
49
|
<path fill-rule="evenodd"
|
|
50
50
|
d="M12.6 11.2h.1l3 3a1 1 0 1 1-1.4 1.5l-3-3a1 1 0 0 1-.1-.1 7 7 0 1 1 1.4-1.4zM7 12A5 5 0 1 0 7 2a5 5 0 0 0 0 10z" />
|
|
51
|
-
</svg>`}),H=o=>{const t=`./${o}.svg`;return x[t]===void 0?(console.warn(`Could not find icon: ${o}`),""):x[t]},b=e.defineComponent({__name:"ScalarIcon",props:{name:{}},setup(o){const t=o,a=e.computed(()=>H(t.name));return(s,r)=>a.value?(e.openBlock(),e.createBlock(e.unref(P),{key:0,class:"flow-icon",height:"100%",raw:a.value,width:"100%"},null,8,["raw"])):e.createCommentVNode("",!0)}}),k=e.defineComponent({__name:"ScalarIconButton",props:{label:{},icon:{},variant:{default:"ghost"}},setup(o){return(t,a)=>(e.openBlock(),e.createBlock(e.unref(_),{title:t.label,variant:t.variant},{icon:e.withCtx(()=>[e.createVNode(e.unref(b),{name:t.icon},null,8,["name"])]),_:1},8,["title","variant"]))}}),Z={class:"scalar-modal-layout fixed left-0 top-0 z-[1001] h-[100dvh] w-[100dvw] bg-backdrop p-5 opacity-0"},W=()=>e.reactive({open:!1,show(){this.open=!0},hide(){this.open=!1}}),q=e.defineComponent({__name:"ScalarModal",props:{state:{},title:{},bodyClass:{},maxWidth:{},size:{default:"md"},variant:{}},setup(o){const t=p({base:["scalar-modal","col relative mx-auto mb-0 mt-20 w-full rounded-lg bg-back-2 text-left leading-snug text-fore-1 opacity-0"].join(" "),variants:{size:{xs:"max-w-screen-xs",sm:"max-w-screen-sm",md:"max-w-screen-md",lg:"max-w-screen-lg"},variant:{history:"scalar-modal-history bg-back-1",search:"scalar-modal-search"}}});return(a,s)=>(e.openBlock(),e.createBlock(e.unref(g.Dialog),{open:a.state.open,onClose:s[0]||(s[0]=r=>a.state.hide())},{default:e.withCtx(()=>[e.createElementVNode("div",Z,[e.createVNode(e.unref(g.DialogPanel),{class:e.normalizeClass(e.unref(t)({size:a.size,variant:a.variant})),style:e.normalizeStyle({maxWidth:a.maxWidth})},{default:e.withCtx(()=>[a.title?(e.openBlock(),e.createBlock(e.unref(g.DialogTitle),{key:0,class:e.normalizeClass(["scalar-modal-header font-semiBold m-0 rounded-lg px-6 py-3 text-left text-xs text-fore-1",{"pb-0 pt-6":a.variant==="history"}])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.title),1)]),_:1},8,["class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(g.DialogDescription),{class:e.normalizeClass(["scalar-modal-body relative max-h-[calc(100dvh-240px)] overflow-y-auto rounded-lg bg-back-1 py-6 pb-4 pt-3",e.unref(h)(a.bodyClass,a.variant==="history"&&"pt-3",a.variant==="search"&&"col max-h-[440px] overflow-hidden p-0")])},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["class"])]),_:3},8,["class","style"])])]),_:3},8,["open"]))}}),we="",y=f(q,[["__scopeId","data-v-4ee157b1"]]),R={class:"scalar-input-container relative"},K=["for"],U={class:"icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3"},G=e.defineComponent({__name:"ScalarTextField",props:{modelValue:{},placeholder:{},label:{},labelShadowColor:{default:"var(--theme-background-2, var(--default-theme-background-2))"},error:{type:Boolean},isMultiline:{type:Boolean},helperText:{},emitOnBlur:{type:Boolean,default:!0},handleFieldSubmit:{},handleFieldChange:{},disableTrim:{type:Boolean,default:!1}},emits:["submit","update:modelValue"],setup(o,{emit:t}){const a=o,s=p({base:"scalar-input-wrapper relative flex items-center rounded border border-border",variants:{focus:{true:"scalar-input-wrapper-focus border-fore-3 has-actv-btn:border has-actv-btn:border-border"},error:{true:"scalar-input-wrapper-error border-error"}}}),r=e.useAttrs(),i=r.id||`id-${L.nanoid()}`,d=e.ref(),m=e.ref(!1);let u;if(a.isMultiline){const{triggerResize:l}=M.useTextareaAutosize({element:d,input:a.modelValue});u=l}function Y(l){const c=l.target.value;a.isMultiline&&u(),a.handleFieldChange?a.handleFieldChange(c):t("update:modelValue",c)}function S(l){const c=l.target,w=a.disableTrim||a.isMultiline?c.value:c.value.trim();a.handleFieldSubmit?a.handleFieldSubmit(w):t("submit",w)}function ee(l){m.value=!1,a.emitOnBlur&&a.modelValue&&S(l)}return e.onMounted(()=>{var l;Object.prototype.hasOwnProperty.call(r,"autofocus")&&((l=d.value)==null||l.focus())}),(l,c)=>(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)({error:l.error,focus:m.value}))},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.isMultiline?"textarea":"input"),e.mergeProps({id:e.unref(i)},l.$attrs,{ref_key:"input",ref:d,class:["scalar-input",e.unref(h)({"min-h-[77px]":l.isMultiline},"z-10 w-full resize-none appearance-none border-0 bg-transparent p-3 text-sm text-fore-1","outline-none transition-opacity")],placeholder:l.placeholder,value:l.modelValue,onBlur:ee,onFocus:c[0]||(c[0]=w=>m.value=!0),onInput:Y,onKeyup:e.withKeys(S,["enter"])}),null,16,["id","class","placeholder","value","onKeyup"])),l.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(h)("scalar-input-label pointer-events-none absolute left-0 top-0 mx-2 my-3 px-1 text-xs","shadow-current z-10 origin-top-left rounded text-fore-3 transition-transform")),for:e.unref(i),style:e.normalizeStyle({"box-shadow":`0 0 4px 4px ${l.labelShadowColor}`,"background-color":l.labelShadowColor})},e.toDisplayString(l.label),15,K)):e.createCommentVNode("",!0),e.createElementVNode("div",U,[e.renderSlot(l.$slots,"default",{},void 0,!0)])],2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(h)("helper-text mt-1.5 flex items-center text-xs text-error before:rounded-full before:font-black","before:mr-1.5 before:block before:h-4 before:w-4 before:text-center before:text-xxs before:leading-4","before:bg-error before:text-white before:content-['!'] empty:hidden"))},e.toDisplayString(l.helperText),3)]))}}),xe="",C=f(G,[["__scopeId","data-v-8e18f760"]]),ke="",J={boxShadow:{DEFAULT:"var(--theme-shadow-1, var(--default-theme-shadow-1))",md:"var(--theme-shadow-2, var(--default-theme-shadow-2))",sm:"rgba(0, 0, 0, 0.09) 0px 1px 4px",none:"0 0 #0000"},colors:{"fore-1":"var(--theme-color-1, var(--default-theme-color-1))","fore-2":"var(--theme-color-2, var(--default-theme-color-2))","fore-3":"var(--theme-color-3, var(--default-theme-color-3))",accent:"var(--theme-color-accent, var(--default-theme-color-accent))","back-1":"var(--theme-background-1, var(--default-theme-background-1))","back-2":"var(--theme-background-2, var(--default-theme-background-2))","back-3":"var(--theme-background-3, var(--default-theme-background-3))","back-accent":"var(--theme-background-accent, var(--default-theme-background-accent))",backdrop:"rgba(0, 0, 0, 0.44)",border:"var(--theme-border-color, var(--default-theme-border-color))","back-btn-1":"var(--theme-button-1, var(--default-theme-button-1))","fore-btn-1":"var(--theme-button-1-color, var(--default-theme-button-1-color))","hover-btn-1":"var(--theme-button-1-hover, var(--default-theme-button-1-hover))",white:"#FFF",green:"var(--theme-color-green, var(--default-theme-color-green))",red:"var(--theme-color-red, var(--default-theme-color-red))",yellow:"var(--theme-color-yellow, var(--default-theme-color-yellow))",blue:"var(--theme-color-blue, var(--default-theme-color-blue))",orange:"var(--theme-color-orange, var(--default-theme-color-orange))",purple:"var(--theme-color-purple, var(--default-theme-color-purple))",error:"var(--theme-error-color, var(--default-theme-color-red))",ghost:"var(--theme-color-ghost, var(--default-theme-color-ghost))",transparent:"transparent"},
|
|
51
|
+
</svg>`}),H=o=>{const t=`./${o}.svg`;return x[t]===void 0?(console.warn(`Could not find icon: ${o}`),""):x[t]},b=e.defineComponent({__name:"ScalarIcon",props:{name:{}},setup(o){const t=o,a=e.computed(()=>H(t.name));return(s,r)=>a.value?(e.openBlock(),e.createBlock(e.unref(P),{key:0,class:"flow-icon",height:"100%",raw:a.value,width:"100%"},null,8,["raw"])):e.createCommentVNode("",!0)}}),k=e.defineComponent({__name:"ScalarIconButton",props:{label:{},icon:{},variant:{default:"ghost"}},setup(o){return(t,a)=>(e.openBlock(),e.createBlock(e.unref(_),{title:t.label,variant:t.variant},{icon:e.withCtx(()=>[e.createVNode(e.unref(b),{name:t.icon},null,8,["name"])]),_:1},8,["title","variant"]))}}),Z={class:"scalar-modal-layout fixed left-0 top-0 z-[1001] h-[100dvh] w-[100dvw] bg-backdrop p-5 opacity-0"},W=()=>e.reactive({open:!1,show(){this.open=!0},hide(){this.open=!1}}),q=e.defineComponent({__name:"ScalarModal",props:{state:{},title:{},bodyClass:{},maxWidth:{},size:{default:"md"},variant:{}},setup(o){const t=p({base:["scalar-modal","col relative mx-auto mb-0 mt-20 w-full rounded-lg bg-back-2 text-left leading-snug text-fore-1 opacity-0"].join(" "),variants:{size:{xs:"max-w-screen-xs",sm:"max-w-screen-sm",md:"max-w-screen-md",lg:"max-w-screen-lg"},variant:{history:"scalar-modal-history bg-back-1",search:"scalar-modal-search"}}});return(a,s)=>(e.openBlock(),e.createBlock(e.unref(g.Dialog),{open:a.state.open,onClose:s[0]||(s[0]=r=>a.state.hide())},{default:e.withCtx(()=>[e.createElementVNode("div",Z,[e.createVNode(e.unref(g.DialogPanel),{class:e.normalizeClass(e.unref(t)({size:a.size,variant:a.variant})),style:e.normalizeStyle({maxWidth:a.maxWidth})},{default:e.withCtx(()=>[a.title?(e.openBlock(),e.createBlock(e.unref(g.DialogTitle),{key:0,class:e.normalizeClass(["scalar-modal-header font-semiBold m-0 rounded-lg px-6 py-3 text-left text-xs text-fore-1",{"pb-0 pt-6":a.variant==="history"}])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.title),1)]),_:1},8,["class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(g.DialogDescription),{class:e.normalizeClass(["scalar-modal-body relative max-h-[calc(100dvh-240px)] overflow-y-auto rounded-lg bg-back-1 py-6 pb-4 pt-3",e.unref(h)(a.bodyClass,a.variant==="history"&&"pt-3",a.variant==="search"&&"col max-h-[440px] overflow-hidden p-0")])},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["class"])]),_:3},8,["class","style"])])]),_:3},8,["open"]))}}),we="",y=f(q,[["__scopeId","data-v-4ee157b1"]]),R={class:"scalar-input-container relative"},K=["for"],U={class:"icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3"},G=e.defineComponent({__name:"ScalarTextField",props:{modelValue:{},placeholder:{},label:{},labelShadowColor:{default:"var(--theme-background-2, var(--default-theme-background-2))"},error:{type:Boolean},isMultiline:{type:Boolean},helperText:{},emitOnBlur:{type:Boolean,default:!0},handleFieldSubmit:{},handleFieldChange:{},disableTrim:{type:Boolean,default:!1}},emits:["submit","update:modelValue"],setup(o,{emit:t}){const a=o,s=p({base:"scalar-input-wrapper relative flex items-center rounded border border-border",variants:{focus:{true:"scalar-input-wrapper-focus border-fore-3 has-actv-btn:border has-actv-btn:border-border"},error:{true:"scalar-input-wrapper-error border-error"}}}),r=e.useAttrs(),i=r.id||`id-${L.nanoid()}`,d=e.ref(),m=e.ref(!1);let u;if(a.isMultiline){const{triggerResize:l}=M.useTextareaAutosize({element:d,input:a.modelValue});u=l}function Y(l){const c=l.target.value;a.isMultiline&&u(),a.handleFieldChange?a.handleFieldChange(c):t("update:modelValue",c)}function S(l){const c=l.target,w=a.disableTrim||a.isMultiline?c.value:c.value.trim();a.handleFieldSubmit?a.handleFieldSubmit(w):t("submit",w)}function ee(l){m.value=!1,a.emitOnBlur&&a.modelValue&&S(l)}return e.onMounted(()=>{var l;Object.prototype.hasOwnProperty.call(r,"autofocus")&&((l=d.value)==null||l.focus())}),(l,c)=>(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)({error:l.error,focus:m.value}))},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.isMultiline?"textarea":"input"),e.mergeProps({id:e.unref(i)},l.$attrs,{ref_key:"input",ref:d,class:["scalar-input",e.unref(h)({"min-h-[77px]":l.isMultiline},"z-10 w-full resize-none appearance-none border-0 bg-transparent p-3 text-sm text-fore-1","outline-none transition-opacity")],placeholder:l.placeholder,value:l.modelValue,onBlur:ee,onFocus:c[0]||(c[0]=w=>m.value=!0),onInput:Y,onKeyup:e.withKeys(S,["enter"])}),null,16,["id","class","placeholder","value","onKeyup"])),l.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(h)("scalar-input-label pointer-events-none absolute left-0 top-0 mx-2 my-3 px-1 text-xs","shadow-current z-10 origin-top-left rounded text-fore-3 transition-transform")),for:e.unref(i),style:e.normalizeStyle({"box-shadow":`0 0 4px 4px ${l.labelShadowColor}`,"background-color":l.labelShadowColor})},e.toDisplayString(l.label),15,K)):e.createCommentVNode("",!0),e.createElementVNode("div",U,[e.renderSlot(l.$slots,"default",{},void 0,!0)])],2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(h)("helper-text mt-1.5 flex items-center text-xs text-error before:rounded-full before:font-black","before:mr-1.5 before:block before:h-4 before:w-4 before:text-center before:text-xxs before:leading-4","before:bg-error before:text-white before:content-['!'] empty:hidden"))},e.toDisplayString(l.helperText),3)]))}}),xe="",C=f(G,[["__scopeId","data-v-8e18f760"]]),ke="",J={boxShadow:{DEFAULT:"var(--theme-shadow-1, var(--default-theme-shadow-1))",md:"var(--theme-shadow-2, var(--default-theme-shadow-2))",sm:"rgba(0, 0, 0, 0.09) 0px 1px 4px",none:"0 0 #0000"},colors:{"fore-1":"var(--theme-color-1, var(--default-theme-color-1))","fore-2":"var(--theme-color-2, var(--default-theme-color-2))","fore-3":"var(--theme-color-3, var(--default-theme-color-3))",accent:"var(--theme-color-accent, var(--default-theme-color-accent))","back-1":"var(--theme-background-1, var(--default-theme-background-1))","back-2":"var(--theme-background-2, var(--default-theme-background-2))","back-3":"var(--theme-background-3, var(--default-theme-background-3))","back-accent":"var(--theme-background-accent, var(--default-theme-background-accent))",backdrop:"rgba(0, 0, 0, 0.44)",border:"var(--theme-border-color, var(--default-theme-border-color))","back-btn-1":"var(--theme-button-1, var(--default-theme-button-1))","fore-btn-1":"var(--theme-button-1-color, var(--default-theme-button-1-color))","hover-btn-1":"var(--theme-button-1-hover, var(--default-theme-button-1-hover))",white:"#FFF",green:"var(--theme-color-green, var(--default-theme-color-green))",red:"var(--theme-color-red, var(--default-theme-color-red))",yellow:"var(--theme-color-yellow, var(--default-theme-color-yellow))",blue:"var(--theme-color-blue, var(--default-theme-color-blue))",orange:"var(--theme-color-orange, var(--default-theme-color-orange))",purple:"var(--theme-color-purple, var(--default-theme-color-purple))",error:"var(--theme-error-color, var(--default-theme-color-red))",ghost:"var(--theme-color-ghost, var(--default-theme-color-ghost))",transparent:"transparent"}},Q={borderRadius:{DEFAULT:"var(--theme-radius, var(--default-theme-radius))",md:"var(--theme-radius, var(--default-theme-radius))",lg:"var(--theme-radius-lg, var(--default-theme-radius-lg))",xl:"var(--theme-radius-xl, var(--default-theme-radius-xl))"},fontSize:{xxs:"var(--theme-micro, var(--default-theme-micro, var(--theme-font-size-5, var(--default-theme-font-size-5))))",xs:"var(--theme-mini, var(--default-theme-mini, var(--theme-font-size-4, var(--default-theme-font-size-4))))",sm:"var(--theme-small, var(--default-theme-small, var(--theme-font-size-3, var(--default-theme-font-size-3))))",base:"var(--theme-paragraph, var(--default-theme-paragraph, var(--theme-font-size-2, var(--default-theme-font-size-2))))",lg:"var(--theme-font-size-1, var(--default-theme-font-size-1))"},fontWeight:{medium:"var(--theme-font-medium, var(--default-theme-font-medium))",bold:"var(--theme-font-bold, var(--default-theme-font-bold))"},maxWidth:{"screen-xs":"480px","screen-sm":"540px","screen-md":"640px","screen-lg":"800px"}},X={install:o=>{o.component("ScalarButton",_),o.component("ScalarIcon",b),o.component("ScalarIconButton",k),o.component("ScalarLoading",v),o.component("ScalarModal",y),o.component("ScalarTextField",C)}};n.ScalarButton=_,n.ScalarIcon=b,n.ScalarIconButton=k,n.ScalarLoading=v,n.ScalarModal=y,n.ScalarTextField=C,n.default=X,n.extend=Q,n.theme=J,n.useLoadingState=I,n.useModal=W,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
@@ -30,13 +30,6 @@ export declare const theme: {
|
|
|
30
30
|
readonly ghost: "var(--theme-color-ghost, var(--default-theme-color-ghost))";
|
|
31
31
|
readonly transparent: "transparent";
|
|
32
32
|
};
|
|
33
|
-
readonly fontSize: {
|
|
34
|
-
readonly xxs: "var(--theme-micro, var(--default-theme-micro, var(--theme-font-size-5, var(--default-theme-font-size-5))))";
|
|
35
|
-
readonly xs: "var(--theme-mini, var(--default-theme-mini, var(--theme-font-size-4, var(--default-theme-font-size-4))))";
|
|
36
|
-
readonly sm: "var(--theme-small, var(--default-theme-small, var(--theme-font-size-3, var(--default-theme-font-size-3))))";
|
|
37
|
-
readonly base: "var(--theme-paragraph, var(--default-theme-paragraph, var(--theme-font-size-2, var(--default-theme-font-size-2))))";
|
|
38
|
-
readonly lg: "var(--theme-font-size-1, var(--default-theme-font-size-1))";
|
|
39
|
-
};
|
|
40
33
|
};
|
|
41
34
|
export declare const extend: {
|
|
42
35
|
readonly borderRadius: {
|
|
@@ -45,9 +38,16 @@ export declare const extend: {
|
|
|
45
38
|
readonly lg: "var(--theme-radius-lg, var(--default-theme-radius-lg))";
|
|
46
39
|
readonly xl: "var(--theme-radius-xl, var(--default-theme-radius-xl))";
|
|
47
40
|
};
|
|
41
|
+
readonly fontSize: {
|
|
42
|
+
readonly xxs: "var(--theme-micro, var(--default-theme-micro, var(--theme-font-size-5, var(--default-theme-font-size-5))))";
|
|
43
|
+
readonly xs: "var(--theme-mini, var(--default-theme-mini, var(--theme-font-size-4, var(--default-theme-font-size-4))))";
|
|
44
|
+
readonly sm: "var(--theme-small, var(--default-theme-small, var(--theme-font-size-3, var(--default-theme-font-size-3))))";
|
|
45
|
+
readonly base: "var(--theme-paragraph, var(--default-theme-paragraph, var(--theme-font-size-2, var(--default-theme-font-size-2))))";
|
|
46
|
+
readonly lg: "var(--theme-font-size-1, var(--default-theme-font-size-1))";
|
|
47
|
+
};
|
|
48
48
|
readonly fontWeight: {
|
|
49
49
|
readonly medium: "var(--theme-font-medium, var(--default-theme-font-medium))";
|
|
50
|
-
readonly bold: "var(
|
|
50
|
+
readonly bold: "var(--theme-font-bold, var(--default-theme-font-bold))";
|
|
51
51
|
};
|
|
52
52
|
readonly maxWidth: {
|
|
53
53
|
readonly 'screen-xs': "480px";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tailwind.theme.d.ts","sourceRoot":"","sources":["../../src/tailwind/tailwind.theme.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK
|
|
1
|
+
{"version":3,"file":"tailwind.theme.d.ts","sourceRoot":"","sources":["../../src/tailwind/tailwind.theme.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCR,CAAA;AAEV,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CAwBT,CAAA"}
|
package/package.json
CHANGED