@designcrowd/fe-shared-lib 1.2.0 → 1.2.1-ml-input-changes

package/.storybook-static/assets/TextInput-BepJC9nE.js

@@ -0,0 +1 @@
+import{F as w}from"./FormControl.mixin-BIPKWa5J.js";import{c as o,n as l,j as b,t as f,e as i,a as s,i as p,m as y,w as u,k as F,g as x,o as t}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const C={mixins:[w],props:{type:{type:String,required:!1,default:"text"},enableClear:{type:Boolean,required:!1,default:!1},enableClearConfirmation:{type:Boolean,required:!1,default:!1},borderLeft:{type:Boolean,required:!1,default:!0},borderRight:{type:Boolean,required:!1,default:!0},prefixText:{type:String,required:!1,default:void 0},elementClasses:{type:String,required:!1,default:""}},computed:{enableInput(){return this.enableClear||this.enableClearConfirmation}},methods:{onClearInput(){this.enableClear?(this.$emit("on-clear"),this.input("")):this.enableClearConfirmation&&this.$emit("on-clear-confirmation")}}},g={class:"tw-box-border"},h=["for"],v={key:0,class:"tw-text-error-500"},q={key:0,class:"tw-font-sans tw-bg-grayscale-200 tw-text-grayscale-600 tw-text-sm tw-px-2 tw-inline-flex tw-items-center tw-border tw-border-solid tw-shadow-inner tw-border-grayscale-500 tw-rounded-l tw-border-r-0"},V=["id","type","value","name","required","placeholder","disabled","readonly","minlength","maxlength"];function j(e,r,n,k,I,m){const d=x("Icon");return t(),o("div",g,[e.label?(t(),o("label",{key:0,for:`scl-input-${e.id}`,class:l(["tw-font-sans tw-text-grayscale-600 tw-text-sm tw-mb-2 tw-block tw-font-semibold",{"tw-sr-only":e.showLabelScreenReaderOnly}])},[b(f(e.label)+" ",1),e.required?(t(),o("span",v,"*")):i("",!0)],10,h)):i("",!0),s("div",{class:l({"tw-flex":!!n.prefixText})},[n.prefixText?(t(),o("span",q,f(n.prefixText),1)):i("",!0),s("div",{class:l([{"tw-relative":e.icon||m.enableInput},"tw-w-full"])},[e.icon?(t(),o("div",{key:0,class:l(["tw-absolute tw-top-0 tw-left-0 tw-transform tw-translate-x-4 tw-text-grayscale-500",{"tw-translate-y-2.5":e.size==="sm","tw-translate-y-1/2":e.size!=="sm"}])},[p(d,{name:e.icon,size:"md"},null,8,["name"])],2)):i("",!0),s("input",y({id:e.id?`scl-input-${e.id}`:null},e.attrs,{type:n.type,value:e.modelValue,name:e.name,required:e.required,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,minlength:e.minlength,maxlength:e.maxlength,class:[[n.elementClasses,{"tw-bg-white":!e.readonly,"tw-bg-grayscale-200":e.readonly,"tw-border-error-500 focus:tw-border-error-600":e.error,"tw-border-warning-500 focus:tw-border-warning-600":e.warning,"tw-border-success-500 focus:tw-border-success-600":e.success,"tw-border-grayscale-500 focus:tw-border-grayscale-600":!e.error&&!e.warning&&!e.success,"tw-opacity-50":e.disabled,"tw-pl-12":e.icon,"tw-pr-12":n.enableClear,"tw-py-2":e.size==="sm","tw-py-3.5":e.size!=="sm","tw-rounded-r":n.borderRight,"tw-rounded-l":n.borderLeft&&!n.prefixText,"tw-border-l-0":!n.borderLeft,"tw-border-r-0":!n.borderRight,"!tw-rounded-l-none":n.borderRight&&!n.borderLeft,"!tw-rounded-r-none":n.borderLeft&&!n.borderRight}],"tw-text-grayscale-600 tw-box-border tw-w-full tw-text-base tw-px-4 tw-border tw-border-solid focus:tw-outline-none tw-transition-colors tw-duration-300 tw-ease-out tw-shadow-inner"],onInput:r[0]||(r[0]=u(a=>e.input(a.target.value),["stop"])),onKeyup:[r[1]||(r[1]=u(a=>e.keyup(a.target.value),["stop"])),r[5]||(r[5]=F(a=>e.enterKeyUp(a.target.value),["enter"]))],onKeydown:r[2]||(r[2]=u(a=>e.keydown(a.target.value,a),["stop"])),onFocus:r[3]||(r[3]=a=>e.focus(a.target.value)),onBlur:r[4]||(r[4]=a=>e.blur(a.target.value))}),null,16,V),m.enableInput&&e.modelValue!==""?(t(),o("div",{key:1,class:l(["tw-absolute tw-top-0 tw-right-0 tw-transform tw--translate-x-4 tw-text-grayscale-500 tw-cursor-pointer",{"tw-translate-y-2.5":e.size==="sm","tw-translate-y-1/2":e.size!=="sm"}]),onClick:r[6]||(r[6]=(...a)=>m.onClearInput&&m.onClearInput(...a))},[p(d,{name:"close",size:"md"})],2)):i("",!0)],2)],2)])}const L=c(C,[["render",j]]);C.__docgenInfo={exportName:"default",displayName:"TextInput",description:"",tags:{},props:[{name:"attrs",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"object"},required:!1,defaultValue:{func:!0,value:"() => {}"}},{name:"modelValue",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"string|number"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"id",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"placeholder",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"size",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'sm'"}},{name:"label",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"showLabelScreenReaderOnly",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"icon",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"required",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"error",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"warning",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"success",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"disabled",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"readonly",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"name",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"maxlength",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"number"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"minlength",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"number"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"isSpaceDisabled",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"type",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'text'"}},{name:"enableClear",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"enableClearConfirmation",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"borderLeft",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"borderRight",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"prefixText",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"elementClasses",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}}],events:[{name:"update:modelValue",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{names:["undefined"]}},{name:"input",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{names:["undefined"]}},{name:"keyup",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{names:["undefined"]}},{name:"keydown",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{names:["undefined"]}},{name:"focus",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{names:["undefined"]}},{name:"blur",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{names:["undefined"]}},{name:"enter-key-up",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{names:["undefined"]}},{name:"on-clear"},{name:"on-clear-confirmation"}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/atoms/components/FormControl/FormControl.mixin.js","/Users/brooke.couchman/Projects/fe-shared-lib/src/atoms/components/TextInput/TextInput.vue"]};export{L as T};

package/.storybook-static/assets/TextInput.stories-BW4TEkLR.js

@@ -0,0 +1,233 @@
+import{T as g}from"./TextInput-BepJC9nE.js";import"./FormControl.mixin-BIPKWa5J.js";import"./Icon-B8lXgcc0.js";import"./vue.esm-bundler-C7QvyiW1.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const he={title:"Components/Text Input",component:g},e={components:{TextInput:g},data(){return{value:"Hello world",attrs:{"data-test-tag":"test"}}}},t=()=>({...e,template:`
+      <TextInput v-model="value" :attrs="attrs" />
+    `}),r=()=>({...e,template:`
+      <TextInput v-model="value" size="sm" :attrs="attrs" />
+    `}),a=()=>({...e,template:`
+      <TextInput v-model="value" size="sm" icon="message" :attrs="attrs" />
+    `}),n=()=>({...e,template:`
+      <TextInput v-model="value" icon="message" :attrs="attrs" />
+    `}),s=()=>({...e,template:`
+      <TextInput v-model="value" label="Your Name" :attrs="attrs" />
+    `}),o=()=>({...e,template:`
+      <TextInput v-model="value" label="Your Name" :required="true" :attrs="attrs" />
+    `}),l=()=>({...e,template:`
+      <TextInput v-model="value" label="Your Name" icon="message" :attrs="attrs" />
+    `}),u=()=>({...e,template:`
+      <TextInput v-model="value" :warning="true" :attrs="attrs" />
+    `}),d=()=>({...e,template:`
+      <TextInput v-model="value" :error="true" :attrs="attrs" />
+    `}),p=()=>({...e,template:`
+      <TextInput v-model="value" :success="true" :attrs="attrs" />
+    `}),c=()=>({...e,template:`
+      <TextInput v-model="value" :disabled="true" :attrs="attrs" />
+    `}),m=()=>({...e,template:`
+      <TextInput v-model="value" :readonly="true" :attrs="attrs" />
+    `}),i=()=>({...e,template:`
+      <TextInput placeholder="Start typing..." :attrs="attrs" />
+    `}),v=()=>({...e,template:`
+      <div>
+        <TextInput v-model="value" :enable-clear="true" @on-clear="value = ''" :attrs="attrs" />
+        <span>Current Text Value: {{value}}</span>
+      </div>
+    `}),x=()=>({...e,template:`
+      <TextInput placeholder="your-brand-name" prefix-text="https://www.brand.page/" :attrs="attrs" />
+    `}),T=()=>({...e,template:`
+      <TextInput v-model="value" :border-left="false" :attrs="attrs" />
+    `}),I=()=>({...e,template:`
+      <TextInput v-model="value" :border-right="false" :attrs="attrs" />
+    `}),b=()=>({components:{TextInput:g},data(){return{blurCalled:0,focusCalled:0,keyDownCalled:0,keyUpCalled:0}},template:`
+      <div>
+        <TextInput placeholder="Start typing..." @blur="onBlur" @focus="onFocus" @keydown="onKeyDown" @keyup="onKeyUp" />
+        <table border="1" class="tw-font-sans tw-mt-8">
+          <tr>
+            <td>blurCalled</td>
+            <td>{{ blurCalled }}</td>
+          </tr>
+          <tr>
+            <td>focusCalled</td>
+            <td>{{ focusCalled }}</td>
+          </tr>
+          <tr>
+            <td>keyDownCalled</td>
+            <td>{{ keyDownCalled }}</td>
+          </tr>
+          <tr>
+            <td>keyUpCalled</td>
+            <td>{{ keyUpCalled }}</td>
+          </tr>
+        </table>
+      </div>
+    `,methods:{onBlur(){this.blurCalled+=1},onFocus(){this.focusCalled+=1},onKeyDown(){this.keyDownCalled+=1},onKeyUp(){this.keyUpCalled+=1}}});var y,C,S;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput v-model="value" :attrs="attrs" />
+    \`
+  };
+}`,...(S=(C=t.parameters)==null?void 0:C.docs)==null?void 0:S.source}}};var w,f,h;r.parameters={...r.parameters,docs:{...(w=r.parameters)==null?void 0:w.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput v-model="value" size="sm" :attrs="attrs" />
+    \`
+  };
+}`,...(h=(f=r.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};var k,D,U;a.parameters={...a.parameters,docs:{...(k=a.parameters)==null?void 0:k.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput v-model="value" size="sm" icon="message" :attrs="attrs" />
+    \`
+  };
+}`,...(U=(D=a.parameters)==null?void 0:D.docs)==null?void 0:U.source}}};var B,N,K;n.parameters={...n.parameters,docs:{...(B=n.parameters)==null?void 0:B.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput v-model="value" icon="message" :attrs="attrs" />
+    \`
+  };
+}`,...(K=(N=n.parameters)==null?void 0:N.docs)==null?void 0:K.source}}};var L,R,Y;s.parameters={...s.parameters,docs:{...(L=s.parameters)==null?void 0:L.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput v-model="value" label="Your Name" :attrs="attrs" />
+    \`
+  };
+}`,...(Y=(R=s.parameters)==null?void 0:R.docs)==null?void 0:Y.source}}};var E,q,z;o.parameters={...o.parameters,docs:{...(E=o.parameters)==null?void 0:E.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput v-model="value" label="Your Name" :required="true" :attrs="attrs" />
+    \`
+  };
+}`,...(z=(q=o.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var F,P,W;l.parameters={...l.parameters,docs:{...(F=l.parameters)==null?void 0:F.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput v-model="value" label="Your Name" icon="message" :attrs="attrs" />
+    \`
+  };
+}`,...(W=(P=l.parameters)==null?void 0:P.docs)==null?void 0:W.source}}};var _,V,H;u.parameters={...u.parameters,docs:{...(_=u.parameters)==null?void 0:_.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput v-model="value" :warning="true" :attrs="attrs" />
+    \`
+  };
+}`,...(H=(V=u.parameters)==null?void 0:V.docs)==null?void 0:H.source}}};var O,j,A;d.parameters={...d.parameters,docs:{...(O=d.parameters)==null?void 0:O.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput v-model="value" :error="true" :attrs="attrs" />
+    \`
+  };
+}`,...(A=(j=d.parameters)==null?void 0:j.docs)==null?void 0:A.source}}};var G,J,M;p.parameters={...p.parameters,docs:{...(G=p.parameters)==null?void 0:G.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput v-model="value" :success="true" :attrs="attrs" />
+    \`
+  };
+}`,...(M=(J=p.parameters)==null?void 0:J.docs)==null?void 0:M.source}}};var Q,X,Z;c.parameters={...c.parameters,docs:{...(Q=c.parameters)==null?void 0:Q.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput v-model="value" :disabled="true" :attrs="attrs" />
+    \`
+  };
+}`,...(Z=(X=c.parameters)==null?void 0:X.docs)==null?void 0:Z.source}}};var $,ee,te;m.parameters={...m.parameters,docs:{...($=m.parameters)==null?void 0:$.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput v-model="value" :readonly="true" :attrs="attrs" />
+    \`
+  };
+}`,...(te=(ee=m.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var re,ae,ne;i.parameters={...i.parameters,docs:{...(re=i.parameters)==null?void 0:re.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput placeholder="Start typing..." :attrs="attrs" />
+    \`
+  };
+}`,...(ne=(ae=i.parameters)==null?void 0:ae.docs)==null?void 0:ne.source}}};var se,oe,le;v.parameters={...v.parameters,docs:{...(se=v.parameters)==null?void 0:se.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <div>
+        <TextInput v-model="value" :enable-clear="true" @on-clear="value = ''" :attrs="attrs" />
+        <span>Current Text Value: {{value}}</span>
+      </div>
+    \`
+  };
+}`,...(le=(oe=v.parameters)==null?void 0:oe.docs)==null?void 0:le.source}}};var ue,de,pe;x.parameters={...x.parameters,docs:{...(ue=x.parameters)==null?void 0:ue.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput placeholder="your-brand-name" prefix-text="https://www.brand.page/" :attrs="attrs" />
+    \`
+  };
+}`,...(pe=(de=x.parameters)==null?void 0:de.docs)==null?void 0:pe.source}}};var ce,me,ie;T.parameters={...T.parameters,docs:{...(ce=T.parameters)==null?void 0:ce.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput v-model="value" :border-left="false" :attrs="attrs" />
+    \`
+  };
+}`,...(ie=(me=T.parameters)==null?void 0:me.docs)==null?void 0:ie.source}}};var ve,xe,Te;I.parameters={...I.parameters,docs:{...(ve=I.parameters)==null?void 0:ve.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextInput v-model="value" :border-right="false" :attrs="attrs" />
+    \`
+  };
+}`,...(Te=(xe=I.parameters)==null?void 0:xe.docs)==null?void 0:Te.source}}};var Ie,be,ge;b.parameters={...b.parameters,docs:{...(Ie=b.parameters)==null?void 0:Ie.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      TextInput
+    },
+    data() {
+      return {
+        blurCalled: 0,
+        focusCalled: 0,
+        keyDownCalled: 0,
+        keyUpCalled: 0
+      };
+    },
+    template: \`
+      <div>
+        <TextInput placeholder="Start typing..." @blur="onBlur" @focus="onFocus" @keydown="onKeyDown" @keyup="onKeyUp" />
+        <table border="1" class="tw-font-sans tw-mt-8">
+          <tr>
+            <td>blurCalled</td>
+            <td>{{ blurCalled }}</td>
+          </tr>
+          <tr>
+            <td>focusCalled</td>
+            <td>{{ focusCalled }}</td>
+          </tr>
+          <tr>
+            <td>keyDownCalled</td>
+            <td>{{ keyDownCalled }}</td>
+          </tr>
+          <tr>
+            <td>keyUpCalled</td>
+            <td>{{ keyUpCalled }}</td>
+          </tr>
+        </table>
+      </div>
+    \`,
+    methods: {
+      onBlur() {
+        this.blurCalled += 1;
+      },
+      onFocus() {
+        this.focusCalled += 1;
+      },
+      onKeyDown() {
+        this.keyDownCalled += 1;
+      },
+      onKeyUp() {
+        this.keyUpCalled += 1;
+      }
+    }
+  };
+}`,...(ge=(be=b.parameters)==null?void 0:be.docs)==null?void 0:ge.source}}};const ke=["Sample","Small","SmallWithIcon","Icon","Label","LabelRequired","LabelIcon","Warning","Error","Success","Disabled","Readonly","Placeholder","TextClearButton","PrefixText","NoLeftBorder","NoRightBorder","Events"];export{c as Disabled,d as Error,b as Events,n as Icon,s as Label,l as LabelIcon,o as LabelRequired,T as NoLeftBorder,I as NoRightBorder,i as Placeholder,x as PrefixText,m as Readonly,t as Sample,r as Small,a as SmallWithIcon,p as Success,v as TextClearButton,u as Warning,ke as __namedExportsOrder,he as default};

package/.storybook-static/assets/Textarea.stories-DWkB6BWG.js

@@ -0,0 +1,207 @@
+import{F as be}from"./FormControl.mixin-BIPKWa5J.js";import{c as n,n as q,j as we,t as ge,e as g,a as k,i as he,m as Te,w as h,g as qe,o}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as ke}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-B8lXgcc0.js";const ye={mixins:[be],props:{resize:{type:Boolean,required:!1,default:!0},shouldAutoFitContent:{type:Boolean,default:!1},elementClasses:{type:String,required:!1,default:""}},watch:{modelValue(){this.$emit("value-changed"),this.resizeIfRequired()}},mounted(){this.$emit("value-changed"),this.resizeIfRequired()},methods:{resizeIfRequired(){this.shouldAutoFitContent&&this.autoFitToContent()},autoFitToContent(){setTimeout(()=>{const e=document.getElementById(`scl-input-${this.id}`);e&&(e.style.height="auto",e.style.height=`${e.scrollHeight}px`)},1e3)}}},je={class:"tw-box-border"},Ve=["for"],Se={key:0,class:"tw-text-error-500"},ze={key:0,class:"tw-absolute tw-top-0 tw-left-0 tw-transform tw-translate-y-4 tw-translate-x-4 tw-text-grayscale-500"},De=["id","value","required","placeholder","disabled","readonly","minlength","maxlength"];function Ue(e,t,T,Ie,Be,Re){const Fe=qe("Icon");return o(),n("div",je,[e.label?(o(),n("label",{key:0,for:`scl-input-${e.id}`,class:q(["tw-font-sans tw-text-grayscale-600 tw-text-sm tw-mb-2 tw-block tw-font-semibold",{"tw-sr-only":e.showLabelScreenReaderOnly}])},[we(ge(e.label)+" ",1),e.required?(o(),n("span",Se,"*")):g("",!0)],10,Ve)):g("",!0),k("div",{class:q({"tw-relative":e.icon})},[e.icon?(o(),n("div",ze,[he(Fe,{name:e.icon,size:"md"},null,8,["name"])])):g("",!0),k("textarea",Te({id:e.id?`scl-input-${e.id}`:null},e.attrs,{type:"text",value:e.modelValue,required:e.required,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,minlength:e.minlength,maxlength:e.maxlength,class:[[T.elementClasses,{"tw-border-error-500 focus:tw-border-error-600":e.error,"tw-border-warning-500 focus:tw-border-warning-600":e.warning,"tw-border-success-500 focus:tw-border-success-600":e.success,"tw-border-grayscale-500 focus:tw-border-grayscale-600":!e.error&&!e.warning&&!e.success,"tw-opacity-50":e.disabled,"tw-pl-12":e.icon,"tw-h-20":e.size==="sm","tw-h-40":e.size==="md","tw-h-80":e.size==="lg","tw-resize-none":T.resize===!1}],"tw-font-sans tw-bg-white tw-text-grayscale-600 tw-box-border tw-w-full tw-py-3.5 tw-text-base tw-px-4 tw-rounded tw-border tw-border-solid focus:tw-outline-none tw-transition-colors tw-duration-300 tw-ease-out tw-shadow-inner"],onInput:t[0]||(t[0]=h(r=>e.input(r.target.value),["stop"])),onKeyup:t[1]||(t[1]=h(r=>e.keyup(r.target.value),["stop"])),onKeydown:t[2]||(t[2]=h(r=>e.keydown(r.target.value,r),["stop"])),onFocus:t[3]||(t[3]=r=>e.focus(r.target.value)),onBlur:t[4]||(t[4]=r=>e.blur(r.target.value))}),null,16,De)],2)])}const w=ke(ye,[["render",Ue]]);ye.__docgenInfo={exportName:"default",displayName:"Textarea",description:"",tags:{},props:[{name:"attrs",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"object"},required:!1,defaultValue:{func:!0,value:"() => {}"}},{name:"modelValue",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"string|number"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"id",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"placeholder",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"size",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'sm'"}},{name:"label",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"showLabelScreenReaderOnly",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"icon",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"required",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"error",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"warning",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"success",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"disabled",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"readonly",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"name",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"maxlength",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"number"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"minlength",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"number"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"isSpaceDisabled",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"resize",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"shouldAutoFitContent",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"elementClasses",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}}],events:[{name:"update:modelValue",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{names:["undefined"]}},{name:"input",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{names:["undefined"]}},{name:"keyup",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{names:["undefined"]}},{name:"keydown",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{names:["undefined"]}},{name:"focus",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{names:["undefined"]}},{name:"blur",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{names:["undefined"]}},{name:"enter-key-up",mixin:{name:"FormControl.mixin",path:"../FormControl/FormControl.mixin.js"},type:{names:["undefined"]}},{name:"value-changed"}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/atoms/components/FormControl/FormControl.mixin.js","/Users/brooke.couchman/Projects/fe-shared-lib/src/atoms/components/Textarea/Textarea.vue"]};const Ee={title:"Components/Textarea",component:w},a={components:{Textarea:w},data(){return{value:"Hello world",attrs:{"data-test-tag":"test"}}}},l=()=>({...a,template:`
+      <Textarea v-model="value" :attrs="attrs" />
+    `}),s=()=>({...a,template:`
+      <Textarea v-model="value" size="md" :attrs="attrs" />
+    `}),m=()=>({...a,template:`
+      <Textarea v-model="value" size="lg" :attrs="attrs" />
+    `}),i=()=>({...a,template:`
+      <Textarea v-model="value" icon="message" :attrs="attrs" />
+    `}),u=()=>({components:{Textarea:w},data(){return{value:""}},template:`
+      <Textarea v-model="value" placeholder="Start typing..." :attrs="attrs"/>
+    `}),d=()=>({...a,template:`
+      <Textarea v-model="value" :disabled="true" :attrs="attrs" />
+    `}),p=()=>({...a,template:`
+      <Textarea v-model="value" :readonly="true" :attrs="attrs" />
+    `}),c=()=>({...a,template:`
+      <Textarea v-model="value" label="Message" :attrs="attrs" />
+    `}),f=()=>({...a,template:`
+      <Textarea v-model="value" label="Message" :required="true" :attrs="attrs" />
+    `}),C=()=>({...a,template:`
+      <Textarea v-model="value" label="Your Name" icon="message" :attrs="attrs" />
+    `}),x=()=>({...a,template:`
+      <Textarea v-model="value" :warning="true" :attrs="attrs" />
+    `}),v=()=>({...a,template:`
+      <Textarea v-model="value" :error="true" :attrs="attrs" />
+    `}),y=()=>({...a,template:`
+      <Textarea v-model="value" :success="true" :attrs="attrs" />
+    `}),F=()=>({...a,template:`
+      <Textarea v-model="value" :resize="false" :attrs="attrs" />
+    `}),b=()=>({components:{Textarea:w},data(){return{blurCalled:0,focusCalled:0,keyDownCalled:0,keyUpCalled:0}},template:`
+      <div>
+        <Textarea placeholder="Start typing..." @blur="onBlur" @focus="onFocus" @keydown="onKeyDown" @keyup="onKeyUp" />
+        <table border="1" class="tw-font-sans tw-mt-8">
+          <tr>
+            <td>blurCalled</td>
+            <td>{{ blurCalled }}</td>
+          </tr>
+          <tr>
+            <td>focusCalled</td>
+            <td>{{ focusCalled }}</td>
+          </tr>
+          <tr>
+            <td>keyDownCalled</td>
+            <td>{{ keyDownCalled }}</td>
+          </tr>
+          <tr>
+            <td>keyUpCalled</td>
+            <td>{{ keyUpCalled }}</td>
+          </tr>
+        </table>
+      </div>
+    `,methods:{onBlur(){this.blurCalled+=1},onFocus(){this.focusCalled+=1},onKeyDown(){this.keyDownCalled+=1},onKeyUp(){this.keyUpCalled+=1}}});var j,V,S;l.parameters={...l.parameters,docs:{...(j=l.parameters)==null?void 0:j.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <Textarea v-model="value" :attrs="attrs" />
+    \`
+  };
+}`,...(S=(V=l.parameters)==null?void 0:V.docs)==null?void 0:S.source}}};var z,D,U;s.parameters={...s.parameters,docs:{...(z=s.parameters)==null?void 0:z.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <Textarea v-model="value" size="md" :attrs="attrs" />
+    \`
+  };
+}`,...(U=(D=s.parameters)==null?void 0:D.docs)==null?void 0:U.source}}};var I,B,R;m.parameters={...m.parameters,docs:{...(I=m.parameters)==null?void 0:I.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <Textarea v-model="value" size="lg" :attrs="attrs" />
+    \`
+  };
+}`,...(R=(B=m.parameters)==null?void 0:B.docs)==null?void 0:R.source}}};var K,L,N;i.parameters={...i.parameters,docs:{...(K=i.parameters)==null?void 0:K.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <Textarea v-model="value" icon="message" :attrs="attrs" />
+    \`
+  };
+}`,...(N=(L=i.parameters)==null?void 0:L.docs)==null?void 0:N.source}}};var M,E,$;u.parameters={...u.parameters,docs:{...(M=u.parameters)==null?void 0:M.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Textarea
+    },
+    data() {
+      return {
+        value: ''
+      };
+    },
+    template: \`
+      <Textarea v-model="value" placeholder="Start typing..." :attrs="attrs"/>
+    \`
+  };
+}`,...($=(E=u.parameters)==null?void 0:E.docs)==null?void 0:$.source}}};var P,A,O;d.parameters={...d.parameters,docs:{...(P=d.parameters)==null?void 0:P.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <Textarea v-model="value" :disabled="true" :attrs="attrs" />
+    \`
+  };
+}`,...(O=(A=d.parameters)==null?void 0:A.docs)==null?void 0:O.source}}};var H,W,Y;p.parameters={...p.parameters,docs:{...(H=p.parameters)==null?void 0:H.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <Textarea v-model="value" :readonly="true" :attrs="attrs" />
+    \`
+  };
+}`,...(Y=(W=p.parameters)==null?void 0:W.docs)==null?void 0:Y.source}}};var G,J,Q;c.parameters={...c.parameters,docs:{...(G=c.parameters)==null?void 0:G.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <Textarea v-model="value" label="Message" :attrs="attrs" />
+    \`
+  };
+}`,...(Q=(J=c.parameters)==null?void 0:J.docs)==null?void 0:Q.source}}};var X,Z,_;f.parameters={...f.parameters,docs:{...(X=f.parameters)==null?void 0:X.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <Textarea v-model="value" label="Message" :required="true" :attrs="attrs" />
+    \`
+  };
+}`,...(_=(Z=f.parameters)==null?void 0:Z.docs)==null?void 0:_.source}}};var ee,ae,te;C.parameters={...C.parameters,docs:{...(ee=C.parameters)==null?void 0:ee.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <Textarea v-model="value" label="Your Name" icon="message" :attrs="attrs" />
+    \`
+  };
+}`,...(te=(ae=C.parameters)==null?void 0:ae.docs)==null?void 0:te.source}}};var re,ne,oe;x.parameters={...x.parameters,docs:{...(re=x.parameters)==null?void 0:re.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <Textarea v-model="value" :warning="true" :attrs="attrs" />
+    \`
+  };
+}`,...(oe=(ne=x.parameters)==null?void 0:ne.docs)==null?void 0:oe.source}}};var le,se,me;v.parameters={...v.parameters,docs:{...(le=v.parameters)==null?void 0:le.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <Textarea v-model="value" :error="true" :attrs="attrs" />
+    \`
+  };
+}`,...(me=(se=v.parameters)==null?void 0:se.docs)==null?void 0:me.source}}};var ie,ue,de;y.parameters={...y.parameters,docs:{...(ie=y.parameters)==null?void 0:ie.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <Textarea v-model="value" :success="true" :attrs="attrs" />
+    \`
+  };
+}`,...(de=(ue=y.parameters)==null?void 0:ue.docs)==null?void 0:de.source}}};var pe,ce,fe;F.parameters={...F.parameters,docs:{...(pe=F.parameters)==null?void 0:pe.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <Textarea v-model="value" :resize="false" :attrs="attrs" />
+    \`
+  };
+}`,...(fe=(ce=F.parameters)==null?void 0:ce.docs)==null?void 0:fe.source}}};var Ce,xe,ve;b.parameters={...b.parameters,docs:{...(Ce=b.parameters)==null?void 0:Ce.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Textarea
+    },
+    data() {
+      return {
+        blurCalled: 0,
+        focusCalled: 0,
+        keyDownCalled: 0,
+        keyUpCalled: 0
+      };
+    },
+    template: \`
+      <div>
+        <Textarea placeholder="Start typing..." @blur="onBlur" @focus="onFocus" @keydown="onKeyDown" @keyup="onKeyUp" />
+        <table border="1" class="tw-font-sans tw-mt-8">
+          <tr>
+            <td>blurCalled</td>
+            <td>{{ blurCalled }}</td>
+          </tr>
+          <tr>
+            <td>focusCalled</td>
+            <td>{{ focusCalled }}</td>
+          </tr>
+          <tr>
+            <td>keyDownCalled</td>
+            <td>{{ keyDownCalled }}</td>
+          </tr>
+          <tr>
+            <td>keyUpCalled</td>
+            <td>{{ keyUpCalled }}</td>
+          </tr>
+        </table>
+      </div>
+    \`,
+    methods: {
+      onBlur() {
+        this.blurCalled += 1;
+      },
+      onFocus() {
+        this.focusCalled += 1;
+      },
+      onKeyDown() {
+        this.keyDownCalled += 1;
+      },
+      onKeyUp() {
+        this.keyUpCalled += 1;
+      }
+    }
+  };
+}`,...(ve=(xe=b.parameters)==null?void 0:xe.docs)==null?void 0:ve.source}}};const $e=["Small","Medium","Large","Icon","Placeholder","Disabled","Readonly","Label","LabelRequired","LabelIcon","Warning","Error","Success","NoResize","Events"];export{d as Disabled,v as Error,b as Events,i as Icon,c as Label,C as LabelIcon,f as LabelRequired,m as Large,s as Medium,F as NoResize,u as Placeholder,p as Readonly,l as Small,y as Success,x as Warning,$e as __namedExportsOrder,Ee as default};

package/.storybook-static/assets/Toggle.stories-C_GsxzOh.js

@@ -0,0 +1,161 @@
+import{C as X}from"./Checkbox.mixin-DkHpdvGa.js";import{c as h,a as t,n as o,j as Y,t as Z,e as k,o as g}from"./vue.esm-bundler-C7QvyiW1.js";import{_}from"./_plugin-vue_export-helper-DlAUqK2U.js";const K={mixins:[X]},ee=["for"],ne={key:0,class:"tw-text-error-500"},te={class:"tw-flex tw-justify-between tw-items-center"},oe=["id","checked","disabled"];function re(e,b,ae,se,le,ce){return g(),h("div",{class:o(["tw-box-border",{"tw-cursor-pointer tw-pointer-events-none tw-opacity-30":e.disabled}])},[t("label",{for:`scl-input-${e.id}`,class:o(["tw-cursor-pointer",{"tw-flex tw-items-center":e.inline}])},[e.label?(g(),h("span",{key:0,class:o(["tw-font-sans tw-text-grayscale-600 tw-text-sm tw-block tw-font-semibold",{"tw-sr-only":e.showLabelScreenReaderOnly,"tw-mb-2":!e.inline,"tw-ml-2 tw-order-last":e.inline}])},[Y(Z(e.label)+" ",1),e.required?(g(),h("span",ne,"*")):k("",!0)],2)):k("",!0),t("div",te,[t("input",{id:`scl-input-${e.id}`,checked:e.modelValue,type:"checkbox",class:"tw-sr-only",disabled:e.disabled,onChange:b[0]||(b[0]=Q=>e.$emit("update:modelValue",Q.target.checked))},null,40,oe),t("div",{class:o(["tw-flex tw-items-center tw-rounded-full tw-p-1 tw-duration-300 tw-ease-in-out tw-box-border",{"tw-bg-primary-500":e.modelValue&&e.color==="primary","tw-bg-success-500":e.modelValue&&e.color==="success","tw-bg-error-500":e.modelValue&&e.color==="error","tw-bg-info-500":e.modelValue&&e.color==="info","tw-bg-warning-500":e.modelValue&&e.color==="warning","tw-bg-grayscale-500":!e.modelValue,"tw-w-10 tw-h-5":e.size==="sm","tw-w-12 tw-h-6":e.size==="md"}])},[t("div",{class:o(["tw-bg-white tw-rounded-full tw-shadow-sm tw-transform tw-duration-300 tw-ease-in-out",{"tw-w-3 tw-h-3":e.size==="sm","tw-w-4 tw-h-4":e.size==="md","tw-translate-x-5":e.size==="sm"&&e.modelValue,"tw-translate-x-6":e.size==="md"&&e.modelValue}])},null,2)],2)])],10,ee)],2)}const n=_(K,[["render",re]]);K.__docgenInfo={exportName:"default",displayName:"Toggle",description:"",tags:{},props:[{name:"modelValue",mixin:{name:"Checkbox.mixin",path:"../Checkbox/Checkbox.mixin.js"},type:{name:"boolean"},required:!0},{name:"id",mixin:{name:"Checkbox.mixin",path:"../Checkbox/Checkbox.mixin.js"},type:{name:"string"},required:!0},{name:"label",mixin:{name:"Checkbox.mixin",path:"../Checkbox/Checkbox.mixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"showLabelScreenReaderOnly",mixin:{name:"Checkbox.mixin",path:"../Checkbox/Checkbox.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"inline",mixin:{name:"Checkbox.mixin",path:"../Checkbox/Checkbox.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"required",mixin:{name:"Checkbox.mixin",path:"../Checkbox/Checkbox.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"disabled",mixin:{name:"Checkbox.mixin",path:"../Checkbox/Checkbox.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"color",mixin:{name:"Checkbox.mixin",path:"../Checkbox/Checkbox.mixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'success'"}},{name:"size",mixin:{name:"Checkbox.mixin",path:"../Checkbox/Checkbox.mixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'md'"}},{name:"showBorder",mixin:{name:"Checkbox.mixin",path:"../Checkbox/Checkbox.mixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"classes",mixin:{name:"Checkbox.mixin",path:"../Checkbox/Checkbox.mixin.js"},type:{name:"string|object"},required:!1,defaultValue:{func:!1,value:"''"}}],events:[{name:"update:modelValue"}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/atoms/components/Checkbox/Checkbox.mixin.js","/Users/brooke.couchman/Projects/fe-shared-lib/src/atoms/components/Toggle/Toggle.vue"]};const ue={title:"Components/Toggle",component:n},r=()=>({components:{Toggle:n},data(){return{checked:!0}},template:`
+      <Toggle v-model="checked" id="test" />
+    `}),a=()=>({components:{Toggle:n},data(){return{checked:!0}},template:`
+      <Toggle v-model="checked" id="test" label="Do you love switches?" />
+    `}),s=()=>({components:{Toggle:n},data(){return{checked:!0}},template:`
+      <Toggle v-model="checked" id="test" label="Do you love switches?" :inline="true" />
+    `}),l=()=>({components:{Toggle:n},data(){return{checked:!0}},template:`
+      <Toggle v-model="checked" id="test" label="Do you love switches?" :required="true" />
+    `}),c=()=>({components:{Toggle:n},data(){return{checked:!0}},template:`
+      <Toggle v-model="checked" id="test" color="success" />
+    `}),d=()=>({components:{Toggle:n},data(){return{checked:!0}},template:`
+      <Toggle v-model="checked" id="test" color="error" />
+    `}),i=()=>({components:{Toggle:n},data(){return{checked:!0}},template:`
+      <Toggle v-model="checked" id="test" color="info" />
+    `}),m=()=>({components:{Toggle:n},data(){return{checked:!0}},template:`
+      <Toggle v-model="checked" id="test" color="warning" />
+    `}),u=()=>({components:{Toggle:n},data(){return{checked:!0}},template:`
+      <Toggle v-model="checked" id="test" :disabled="true" />
+    `}),p=()=>({components:{Toggle:n},data(){return{checked:!0}},template:`
+      <Toggle v-model="checked" id="test" size="sm" />
+    `});var f,w,x;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Toggle
+    },
+    data() {
+      return {
+        checked: true
+      };
+    },
+    template: \`
+      <Toggle v-model="checked" id="test" />
+    \`
+  };
+}`,...(x=(w=r.parameters)==null?void 0:w.docs)==null?void 0:x.source}}};var v,C,T;a.parameters={...a.parameters,docs:{...(v=a.parameters)==null?void 0:v.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Toggle
+    },
+    data() {
+      return {
+        checked: true
+      };
+    },
+    template: \`
+      <Toggle v-model="checked" id="test" label="Do you love switches?" />
+    \`
+  };
+}`,...(T=(C=a.parameters)==null?void 0:C.docs)==null?void 0:T.source}}};var y,V,S;s.parameters={...s.parameters,docs:{...(y=s.parameters)==null?void 0:y.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Toggle
+    },
+    data() {
+      return {
+        checked: true
+      };
+    },
+    template: \`
+      <Toggle v-model="checked" id="test" label="Do you love switches?" :inline="true" />
+    \`
+  };
+}`,...(S=(V=s.parameters)==null?void 0:V.docs)==null?void 0:S.source}}};var j,q,z;l.parameters={...l.parameters,docs:{...(j=l.parameters)==null?void 0:j.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Toggle
+    },
+    data() {
+      return {
+        checked: true
+      };
+    },
+    template: \`
+      <Toggle v-model="checked" id="test" label="Do you love switches?" :required="true" />
+    \`
+  };
+}`,...(z=(q=l.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var D,$,L;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Toggle
+    },
+    data() {
+      return {
+        checked: true
+      };
+    },
+    template: \`
+      <Toggle v-model="checked" id="test" color="success" />
+    \`
+  };
+}`,...(L=($=c.parameters)==null?void 0:$.docs)==null?void 0:L.source}}};var I,N,B;d.parameters={...d.parameters,docs:{...(I=d.parameters)==null?void 0:I.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Toggle
+    },
+    data() {
+      return {
+        checked: true
+      };
+    },
+    template: \`
+      <Toggle v-model="checked" id="test" color="error" />
+    \`
+  };
+}`,...(B=(N=d.parameters)==null?void 0:N.docs)==null?void 0:B.source}}};var E,R,O;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Toggle
+    },
+    data() {
+      return {
+        checked: true
+      };
+    },
+    template: \`
+      <Toggle v-model="checked" id="test" color="info" />
+    \`
+  };
+}`,...(O=(R=i.parameters)==null?void 0:R.docs)==null?void 0:O.source}}};var P,U,W;m.parameters={...m.parameters,docs:{...(P=m.parameters)==null?void 0:P.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Toggle
+    },
+    data() {
+      return {
+        checked: true
+      };
+    },
+    template: \`
+      <Toggle v-model="checked" id="test" color="warning" />
+    \`
+  };
+}`,...(W=(U=m.parameters)==null?void 0:U.docs)==null?void 0:W.source}}};var F,M,A;u.parameters={...u.parameters,docs:{...(F=u.parameters)==null?void 0:F.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Toggle
+    },
+    data() {
+      return {
+        checked: true
+      };
+    },
+    template: \`
+      <Toggle v-model="checked" id="test" :disabled="true" />
+    \`
+  };
+}`,...(A=(M=u.parameters)==null?void 0:M.docs)==null?void 0:A.source}}};var G,H,J;p.parameters={...p.parameters,docs:{...(G=p.parameters)==null?void 0:G.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Toggle
+    },
+    data() {
+      return {
+        checked: true
+      };
+    },
+    template: \`
+      <Toggle v-model="checked" id="test" size="sm" />
+    \`
+  };
+}`,...(J=(H=p.parameters)==null?void 0:H.docs)==null?void 0:J.source}}};const pe=["Sample","Label","LabelInline","Required","Success","Error","Info","Warning","Disabled","Small"];export{u as Disabled,d as Error,i as Info,a as Label,s as LabelInline,l as Required,r as Sample,p as Small,c as Success,m as Warning,pe as __namedExportsOrder,ue as default};

package/.storybook-static/assets/Tooltip-BHf5qq0n.css

@@ -0,0 +1 @@
+.shared-tooltip__body[data-v-dd32b50d]{max-width:15rem}.shared-tooltip__extended-body[data-v-dd32b50d]{max-width:27rem;width:27rem}.shared-tooltip__open[data-v-dd32b50d]:hover{cursor:help}.shared-tooltip__open:hover+.shared-tooltip__content[data-v-dd32b50d]{display:flex}