Deploying to gh-pages from @ e0fc689 🚀

assets/AccordionDocs-OQY_tni2.js

@@ -0,0 +1,23 @@
+import{ae as n,af as o,ah as a,ai as c,aj as d,ak as h,al as l}from"./index-2y95r4Fd.js";import{u as r}from"./index-CSjwdkpp.js";import{v as e}from"./package-8M00SVuC.js";import"./iframe-BQpaiRHs.js";import"../sb-preview/runtime.js";import"./index-i39XpuQg.js";import"./index-D-8MO0q_.js";import"./index-DrFu-skq.js";function i(t){const s={a:"a",h2:"h2",hr:"hr",li:"li",p:"p",strong:"strong",ul:"ul",...r(),...t.components};return n.jsxs(n.Fragment,{children:[n.jsx(o,{isTemplate:!0}),`
+`,n.jsx(a,{}),`
+`,n.jsx(s.h2,{id:"usage",children:"Usage"}),`
+`,n.jsxs(s.p,{children:["Make sure you are familiar with the ",n.jsx(s.a,{href:"../?path=/docs/introduction#getting-started",children:n.jsx(s.strong,{children:"Getting Started"})})," guide first."]}),`
+`,n.jsx(s.p,{children:"Add the following files to your project:"}),`
+`,n.jsxs(s.ul,{children:[`
+`,n.jsxs(s.li,{children:[`
+`,n.jsx("strong",{children:n.jsx("a",{href:`https://github.com/uiowa/uids/tree/gh-pages/docs/v${e}/dist/css/components/logo.css`,children:"logo.css"})}),`
+`]}),`
+`,n.jsxs(s.li,{children:[`
+`,n.jsx("strong",{children:n.jsx("a",{href:`https://github.com/uiowa/uids/tree/gh-pages/docs/v${e}/dist/css/components/brand-bar.css`,children:"brand-bar.css"})}),`
+`]}),`
+`]}),`
+`,n.jsx(s.p,{children:"Refer to the HTML tab for example HTML."}),`
+`,n.jsx(c,{withSource:"none"}),`
+`,n.jsx(s.h2,{id:"inputs",children:"Inputs"}),`
+`,n.jsx(s.p,{children:"The component accepts the following inputs (props):"}),`
+`,n.jsx(d,{}),`
+`,n.jsx(h,{}),`
+`,n.jsx(s.hr,{}),`
+`,n.jsx(s.h2,{id:"additional-variations",children:"Additional variations"}),`
+`,n.jsx(s.p,{children:"Listed below are additional variations of the component."}),`
+`,n.jsx(l,{})]})}function w(t={}){const{wrapper:s}={...r(),...t.components};return s?n.jsx(s,{...t,children:n.jsx(i,{...t})}):i(t)}export{w as default};

assets/Alert.stories-2gj2UNCf.js

@@ -0,0 +1,91 @@
+import{d as I,k as u,c as d,f as o,n as m,q as g,p as N,o as p,e as T}from"./vue.esm-bundler-BcQIfK0R.js";import{c as y}from"./utlity-CAV5GFHh.js";const E={key:0,class:"alert__icon"},W={class:"fa-stack fa-1x"},$={key:1,"data-dismiss":"alert"},B=I({__name:"Alert",props:{type:{type:String,default:"info",validator:r=>["info","success","warning","danger"].indexOf(r)!==-1},centered:{type:Boolean},iconVisible:{type:Boolean},dismissible:{type:Boolean},verticallyCentered:{type:Boolean}},setup(r){const s=r,w=u(()=>{switch(s.type){case"success":return"check";case"warning":return"exclamation-triangle";case"danger":return"exclamation";default:return"info"}}),U=u(()=>{let t=["alert"];return s.type&&t.push(`alert--${y(s.type)}`),s.verticallyCentered&&t.push("alert--vertically-centered"),s.iconVisible&&t.push("alert--icon"),["centered","dismissible"].forEach(e=>{s[e]===!0&&t.push(`alert--${y(e)}`)}),t});return(t,e)=>(p(),d("div",{class:m(U.value)},[s.iconVisible?(p(),d("div",E,[o("span",W,[e[0]||(e[0]=o("span",{role:"presentation",class:"fas fa-circle fa-stack-2x"},null,-1)),o("span",{role:"presentation",class:m("fas fa-stack-1x fa-inverse fa-"+w.value)},null,2)])])):g("",!0),N(t.$slots,"default",{class:"alert__content"},()=>[e[1]||(e[1]=T("Body"))]),s.dismissible?(p(),d("button",$,e[2]||(e[2]=[o("i",{class:"fas fa-times"},null,-1)]))):g("",!0)],2))}}),z={title:"Components/Alert",parameters:{docs:{source:{code:null}}},component:B,tags:["autodocs"],argTypes:{type:{name:"Type",options:["info","success","warning","danger"],control:{type:"select",labels:{info:"Info",success:"Success",warning:"Warning",danger:"Danger"}},table:{category:"Display options"}},centered:{name:"Centered",table:{category:"Display options"}},iconVisible:{name:"Display Icon",table:{category:"Display options"}},dismissible:{name:"Dismissible",table:{category:"Properties"}},verticallyCentered:{name:"Center Alert Vertically",table:{category:"Display options"}},default:{name:"Content",control:{type:"text"},table:{category:"Content"}}}},c=r=>({components:{UidsAlert:B},setup(){return{args:r}},template:`
+    <uids-alert
+      :type="args.type"
+      :centered="args.centered"
+      :iconVisible="args.iconVisible"
+      :dismissible="args.dismissible"
+      :verticallyCentered="args.verticallyCentered"
+    >
+      <div v-html="args.default"></div>
+    </uids-alert>`}),n=c.bind({});n.args={type:"info",centered:!1,iconVisible:!0,dismissible:!1,verticallyCentered:!1,default:`
+    <h2 class="headline headline--serif">
+      Alert title
+    </h2>
+    <p>Lorem ipsum sit dolor amet.</p>
+`};const a=c.bind({});a.args={...n.args,type:"success"};const i=c.bind({});i.args={...n.args,type:"warning"};const l=c.bind({});l.args={...n.args,type:"danger"};var f,b,v;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`args => ({
+  components: {
+    UidsAlert
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: \`
+    <uids-alert
+      :type="args.type"
+      :centered="args.centered"
+      :iconVisible="args.iconVisible"
+      :dismissible="args.dismissible"
+      :verticallyCentered="args.verticallyCentered"
+    >
+      <div v-html="args.default"></div>
+    </uids-alert>\`
+})`,...(v=(b=n.parameters)==null?void 0:b.docs)==null?void 0:v.source}}};var C,V,h;a.parameters={...a.parameters,docs:{...(C=a.parameters)==null?void 0:C.docs,source:{originalSource:`args => ({
+  components: {
+    UidsAlert
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: \`
+    <uids-alert
+      :type="args.type"
+      :centered="args.centered"
+      :iconVisible="args.iconVisible"
+      :dismissible="args.dismissible"
+      :verticallyCentered="args.verticallyCentered"
+    >
+      <div v-html="args.default"></div>
+    </uids-alert>\`
+})`,...(h=(V=a.parameters)==null?void 0:V.docs)==null?void 0:h.source}}};var _,x,A;i.parameters={...i.parameters,docs:{...(_=i.parameters)==null?void 0:_.docs,source:{originalSource:`args => ({
+  components: {
+    UidsAlert
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: \`
+    <uids-alert
+      :type="args.type"
+      :centered="args.centered"
+      :iconVisible="args.iconVisible"
+      :dismissible="args.dismissible"
+      :verticallyCentered="args.verticallyCentered"
+    >
+      <div v-html="args.default"></div>
+    </uids-alert>\`
+})`,...(A=(x=i.parameters)==null?void 0:x.docs)==null?void 0:A.source}}};var k,D,S;l.parameters={...l.parameters,docs:{...(k=l.parameters)==null?void 0:k.docs,source:{originalSource:`args => ({
+  components: {
+    UidsAlert
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: \`
+    <uids-alert
+      :type="args.type"
+      :centered="args.centered"
+      :iconVisible="args.iconVisible"
+      :dismissible="args.dismissible"
+      :verticallyCentered="args.verticallyCentered"
+    >
+      <div v-html="args.default"></div>
+    </uids-alert>\`
+})`,...(S=(D=l.parameters)==null?void 0:D.docs)==null?void 0:S.source}}};const L=["Info","Success","Warning","Danger"];export{l as Danger,n as Info,a as Success,i as Warning,L as __namedExportsOrder,z as default};

assets/Background.stories-BZ9hKDY7.js

@@ -0,0 +1,26 @@
+import{_ as r}from"./Stub.vue_vue_type_script_setup_true_lang-2TpcIRzT.js";import"./vue.esm-bundler-BcQIfK0R.js";import"./utlity-CAV5GFHh.js";import"./Button.vue_vue_type_script_setup_true_lang-C0a49Wt5.js";import"./Headline.vue_vue_type_script_setup_true_lang-BPeQ6PvJ.js";const i={title:"Not implemented/Background",tags:["!autodocs"],parameters:{docs:{source:{code:null}},options:{showPanel:!1}}},a=s=>({components:{UidsStub:r},setup(){return{args:s}},template:`
+    <uids-stub
+      path="background.html"
+      title="Background"
+    >
+    </uids-stub>
+  `}),t=a.bind({});var e,n,o;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`args => ({
+  // Components used in your story \`template\` are defined in the \`components\` object
+  components: {
+    UidsStub
+  },
+  // The story's \`args\` need to be mapped into the template through the \`setup()\` method
+  setup() {
+    return {
+      args
+    };
+  },
+  // And then the \`args\` are bound to your component with \`v-bind="args"\`
+  template: \`
+    <uids-stub
+      path="background.html"
+      title="Background"
+    >
+    </uids-stub>
+  \`
+})`,...(o=(n=t.parameters)==null?void 0:n.docs)==null?void 0:o.source}}};const l=["Background"];export{t as Background,l as __namedExportsOrder,i as default};

assets/Badge.stories-FWgg_Els.js

@@ -0,0 +1,61 @@
+import{d as k,k as D,c as E,t as q,n as z,o as P}from"./vue.esm-bundler-BcQIfK0R.js";const T=k({__name:"Badge",props:{type:{type:String,default:"primary",validator:e=>["primary","secondary","cool-gray","blue","green","orange"].includes(e)},text:{type:String,required:!0}},setup(e){const h=e,O=D(()=>["badge",`badge--${h.type}`]);return(V,$)=>(P(),E("span",{class:z(O.value)},q(e.text),3))}}),w={title:"Components/Badge",component:T,tags:["autodocs"],argTypes:{type:{control:"select",name:"Type",options:["primary","secondary","cool-gray","blue","green","orange"],description:"The color type of the badge",table:{defaultValue:{summary:"primary"}}},text:{control:"text",name:"Text",description:"The text to display in the badge"}}},r=e=>({components:{UidsBadge:T},setup(){return{args:e}},template:'<uids-badge v-bind="args" />'}),a=r.bind({});a.args={type:"primary",text:"Primary"};const n=r.bind({});n.args={type:"secondary",text:"Secondary"};const s=r.bind({});s.args={type:"cool-gray",text:"Cool Gray"};const t=r.bind({});t.args={type:"blue",text:"Blue"};const o=r.bind({});o.args={type:"green",text:"Green"};const d=r.bind({});d.args={type:"orange",text:"Orange"};var c,p,g;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:`args => ({
+  components: {
+    UidsBadge
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: '<uids-badge v-bind="args" />'
+})`,...(g=(p=a.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};var i,u,m;n.parameters={...n.parameters,docs:{...(i=n.parameters)==null?void 0:i.docs,source:{originalSource:`args => ({
+  components: {
+    UidsBadge
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: '<uids-badge v-bind="args" />'
+})`,...(m=(u=n.parameters)==null?void 0:u.docs)==null?void 0:m.source}}};var l,y,b;s.parameters={...s.parameters,docs:{...(l=s.parameters)==null?void 0:l.docs,source:{originalSource:`args => ({
+  components: {
+    UidsBadge
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: '<uids-badge v-bind="args" />'
+})`,...(b=(y=s.parameters)==null?void 0:y.docs)==null?void 0:b.source}}};var x,B,S;t.parameters={...t.parameters,docs:{...(x=t.parameters)==null?void 0:x.docs,source:{originalSource:`args => ({
+  components: {
+    UidsBadge
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: '<uids-badge v-bind="args" />'
+})`,...(S=(B=t.parameters)==null?void 0:B.docs)==null?void 0:S.source}}};var f,v,U;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:`args => ({
+  components: {
+    UidsBadge
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: '<uids-badge v-bind="args" />'
+})`,...(U=(v=o.parameters)==null?void 0:v.docs)==null?void 0:U.source}}};var _,C,G;d.parameters={...d.parameters,docs:{...(_=d.parameters)==null?void 0:_.docs,source:{originalSource:`args => ({
+  components: {
+    UidsBadge
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: '<uids-badge v-bind="args" />'
+})`,...(G=(C=d.parameters)==null?void 0:C.docs)==null?void 0:G.source}}};const A=["Default","Secondary","CoolGray","Blue","Green","Orange"];export{t as Blue,s as CoolGray,a as Default,o as Green,d as Orange,n as Secondary,A as __namedExportsOrder,w as default};