@styleon/foundation 0.0.0

package/dist/storybook-static/assets/Header-Ck-SSN7O.css

@@ -0,0 +1 @@
+.storybook-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);padding:15px 20px;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.storybook-header svg{display:inline-block;vertical-align:top}.storybook-header h1{display:inline-block;vertical-align:top;margin:6px 0 6px 10px;font-weight:700;font-size:20px;line-height:1}.storybook-header button+button{margin-left:10px}.storybook-header .welcome{margin-right:10px;color:#333;font-size:14px}

package/dist/storybook-static/assets/Header.stories-I-0ap_LE.js

@@ -0,0 +1,35 @@
+import{f as r}from"./index-DavSjL1w.js";import{x as t}from"./lit-element-WgX8VtnD.js";import{B as s}from"./Button-D8uvIB3s.js";const v=({user:a,onLogin:m,onLogout:p,onCreateAccount:u})=>t`
+  <header>
+    <div class="storybook-header">
+      <div>
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+              fill="#FFF"
+            />
+            <path
+              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+              fill="#555AB9"
+            />
+            <path
+              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
+              fill="#91BAF8"
+            />
+          </g>
+        </svg>
+        <h1>Acme</h1>
+      </div>
+      <div>
+        ${a?s({size:"small",onClick:p,label:"Log out"}):t`${s({size:"small",onClick:m,label:"Log in"})}
+            ${s({primary:!0,size:"small",onClick:u,label:"Sign up"})}`}
+      </div>
+    </div>
+  </header>
+`,f={title:"Example/Header",tags:["autodocs"],render:a=>v(a),args:{onLogin:r(),onLogout:r(),onCreateAccount:r()}},e={args:{user:{name:"Jane Doe"}}},o={};var l,n,d;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  args: {
+    user: {
+      name: 'Jane Doe'
+    }
+  }
+}`,...(d=(n=e.parameters)==null?void 0:n.docs)==null?void 0:d.source}}};var i,c,g;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(g=(c=o.parameters)==null?void 0:c.docs)==null?void 0:g.source}}};const h=["LoggedIn","LoggedOut"],_=Object.freeze(Object.defineProperty({__proto__:null,LoggedIn:e,LoggedOut:o,__namedExportsOrder:h,default:f},Symbol.toStringTag,{value:"Module"}));export{v as H,e as L,o as a,_ as b};

package/dist/storybook-static/assets/Page-CeeQJVdd.css

@@ -0,0 +1 @@
+.storybook-page{margin:0 auto;padding:48px 20px;max-width:600px;color:#333;font-size:14px;line-height:24px;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.storybook-page h2{display:inline-block;vertical-align:top;margin:0 0 4px;font-weight:700;font-size:32px;line-height:1}.storybook-page p{margin:1em 0}.storybook-page a{color:inherit}.storybook-page ul{margin:1em 0;padding-left:30px}.storybook-page li{margin-bottom:8px}.storybook-page .tip{display:inline-block;vertical-align:top;margin-right:10px;border-radius:1em;background:#e7fdd8;padding:4px 12px;color:#357a14;font-weight:700;font-size:11px;line-height:12px}.storybook-page .tip-wrapper{margin-top:40px;margin-bottom:40px;font-size:13px;line-height:20px}.storybook-page .tip-wrapper svg{display:inline-block;vertical-align:top;margin-top:3px;margin-right:4px;width:12px;height:12px}.storybook-page .tip-wrapper svg path{fill:#1ea7fd}

package/dist/storybook-static/assets/Page.stories-CWEAOAkg.js

@@ -0,0 +1,61 @@
+import{H as m,L as l,a as h}from"./Header.stories-I-0ap_LE.js";import{x as u}from"./lit-element-WgX8VtnD.js";import"./index-DavSjL1w.js";import"./Button-D8uvIB3s.js";const v=({user:r,onLogin:p,onLogout:d,onCreateAccount:c})=>u`
+  <article>
+    ${m({user:r,onLogin:p,onLogout:d,onCreateAccount:c})}
+
+    <section class="storybook-page">
+      <h2>Pages in Storybook</h2>
+      <p>
+        We recommend building UIs with a
+        <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
+          <strong>component-driven</strong> </a
+        >process starting with atomic components and ending with pages.
+      </p>
+      <p>
+        Render pages with mock data. This makes it easy to build and review page states without
+        needing to navigate to them in your app. Here are some handy patterns for managing page data
+        in Storybook:
+      </p>
+      <ul>
+        <li>
+          Use a higher-level connected component. Storybook helps you compose such data from the
+          "args" of child component stories
+        </li>
+        <li>
+          Assemble data in the page component from your services. You can mock these services out
+          using Storybook.
+        </li>
+      </ul>
+      <p>
+        Get a guided tutorial on component-driven development at
+        <a href="https://storybook.js.org/tutorials/" target="_blank" rel="noopener noreferrer">
+          Storybook tutorials
+        </a>
+        . Read more in the
+        <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer"> docs </a>
+        .
+      </p>
+      <div class="tip-wrapper">
+        <span class="tip">Tip</span> Adjust the width of the canvas with the
+        <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+              id="a"
+              fill="#999"
+            />
+          </g>
+        </svg>
+        Viewports addon in the toolbar
+      </div>
+    </section>
+  </article>
+`,y={title:"Example/Page",render:r=>v(r)},e={args:{...l.args}},o={args:{...h.args}};var t,a,s;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
+  args: {
+    // More on composing args: https://storybook.js.org/docs/writing-stories/args#args-composition
+    ...HeaderStories.LoggedIn.args
+  }
+}`,...(s=(a=e.parameters)==null?void 0:a.docs)==null?void 0:s.source}}};var n,i,g;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`{
+  args: {
+    ...HeaderStories.LoggedOut.args
+  }
+}`,...(g=(i=o.parameters)==null?void 0:i.docs)==null?void 0:g.source}}};const H=["LoggedIn","LoggedOut"];export{e as LoggedIn,o as LoggedOut,H as __namedExportsOrder,y as default};

package/dist/storybook-static/assets/button.stories-D7sje6m9.js

@@ -0,0 +1,11 @@
+import{f as b,u as y,r as g,i as v,a as P,x as m}from"./lit-element-WgX8VtnD.js";import{f as x}from"./index-DavSjL1w.js";const O="button{background-color:#555ab9;color:#fff;padding:11px 20px;font-size:14px;border-radius:4px;border:none}";/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const _=o=>(r,t)=>{t!==void 0?t.addInitializer(()=>{customElements.define(o,r)}):customElements.define(o,r)};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const w={attribute:!0,type:String,converter:y,reflect:!1,hasChanged:b},C=(o=w,r,t)=>{const{kind:s,metadata:e}=t;let a=globalThis.litPropertyMetadata.get(e);if(a===void 0&&globalThis.litPropertyMetadata.set(e,a=new Map),a.set(t.name,o),s==="accessor"){const{name:n}=t;return{set(i){const u=r.get.call(this);r.set.call(this,i),this.requestUpdate(n,u,o)},init(i){return i!==void 0&&this.P(n,void 0,o),i}}}if(s==="setter"){const{name:n}=t;return function(i){const u=this[n];r.call(this,i),this.requestUpdate(n,u,o)}}throw Error("Unsupported decorator location: "+s)};function j(o){return(r,t)=>typeof t=="object"?C(o,r,t):((s,e,a)=>{const n=e.hasOwnProperty(a);return e.constructor.createProperty(a,n?{...s,wrapped:!0}:s),n?Object.getOwnPropertyDescriptor(e,a):void 0})(o,r,t)}var B=Object.defineProperty,E=Object.getOwnPropertyDescriptor,h=(o,r,t,s)=>{for(var e=s>1?void 0:s?E(r,t):r,a=o.length-1,n;a>=0;a--)(n=o[a])&&(e=(s?n(r,t,e):n(e))||e);return s&&e&&B(r,t,e),e};let l=class extends P{constructor(){super(...arguments),this.variant="primary"}render(){return m`<button>
+            <slot></slot>
+        </button>`}};l.styles=v`${g(O)}`;h([j({type:String,reflect:!0,attribute:"variant"})],l.prototype,"variant",2);l=h([_("flash-button")],l);const D={component:"flash-button",title:"Components/flash-button",tags:["autodocs"],argTypes:{backgroundColor:{control:"color"},size:{control:{type:"select"},options:["small","medium","large"]},variant:{control:{type:"inline-radio"},options:["primary","secondary"]}},args:{onClick:x()}},c={render:()=>m`<flash-button>Button</flash-button>`};var p,d,f;c.parameters={...c.parameters,docs:{...(p=c.parameters)==null?void 0:p.docs,source:{originalSource:"{\n  render: () => html`<flash-button>Button</flash-button>`\n}",...(f=(d=c.parameters)==null?void 0:d.docs)==null?void 0:f.source}}};const M=["Primary"];export{c as Primary,M as __namedExportsOrder,D as default};

package/dist/storybook-static/assets/entry-preview-4x_9ddKr.js

@@ -0,0 +1,8 @@
+import{B as _}from"./lit-element-WgX8VtnD.js";import{d as a}from"./index-DrFu-skq.js";/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const l=(e,t)=>t===void 0?(e==null?void 0:e._$litType$)!==void 0:(e==null?void 0:e._$litType$)===t,{simulatePageLoad:s,simulateDOMContentLoaded:u}=__STORYBOOK_MODULE_PREVIEW_API__,{global:y}=__STORYBOOK_MODULE_GLOBAL__;var O=Object.defineProperty,T=(e,t)=>{for(var n in t)O(e,n,{get:t[n],enumerable:!0})},h={};T(h,{parameters:()=>c,render:()=>m,renderToCanvas:()=>M});var{Node:L}=y,m=(e,t)=>{let{id:n,component:i}=t;if(!i)throw new Error(`Unable to render story ${n} as the component annotation is missing from the default export`);let d=document.createElement(i);return Object.entries(e).forEach(([p,r])=>{d[p]=r}),d};function M({storyFn:e,kind:t,name:n,showMain:i,showError:d,forceRemount:p},r){let o=e();if(i(),l(o)){(p||!r.querySelector('[id="root-inner"]'))&&(r.innerHTML='<div id="root-inner"></div>');let f=r.querySelector('[id="root-inner"]');_(o,f),s(r)}else if(typeof o=="string")r.innerHTML=o,s(r);else if(o instanceof L){if(r.firstChild===o&&!p)return;r.innerHTML="",r.appendChild(o),u()}else d({title:`Expecting an HTML snippet or DOM node from the story: "${n}" of "${t}".`,description:a`
+        Did you forget to return the HTML snippet from the story?
+        Use "() => <your snippet or node>" or when defining the story.
+      `})}var c={renderer:"web-components"};export{c as parameters,m as render,M as renderToCanvas};

package/dist/storybook-static/assets/entry-preview-docs-BJQ-KCBE.js

@@ -0,0 +1,2 @@
+import"./entry-preview-4x_9ddKr.js";import{c as w,g as d,y as S}from"./index-CfOrKyLd.js";import{i as b}from"./tiny-invariant-CopsF_GD.js";import{B as l}from"./lit-element-WgX8VtnD.js";import"./index-DrFu-skq.js";const{global:u}=__STORYBOOK_MODULE_GLOBAL__,{setDefaultProjectAnnotations:P,setProjectAnnotations:F}=__STORYBOOK_MODULE_PREVIEW_API__;var{window:v}=u;v.STORYBOOK_ENV="web-components";function c(e){if(!e)return!1;if(typeof e=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function f(e){if(!e)return!1;if(e.tags&&Array.isArray(e.tags)||e.modules&&Array.isArray(e.modules))return!0;throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
+    See the readme of addon-docs for web components for more details.`)}function O(){return u.__STORYBOOK_CUSTOM_ELEMENTS__||u.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var{window:A,EventSource:D}=u,_;typeof module<"u"&&((_=module==null?void 0:module.hot)!=null&&_.decline)&&(module.hot.decline(),new D("__webpack_hmr").addEventListener("message",function(e){try{let{action:r}=JSON.parse(e.data);r==="built"&&A.location.reload()}catch{}}));const{logger:m}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{useEffect:C,addons:h}=__STORYBOOK_MODULE_PREVIEW_API__;function E(e,r){var a,n;let t;switch(r){case"attributes":case"properties":t={name:((a=e.type)==null?void 0:a.text)||e.type};break;case"slots":t={name:"string"};break;default:t={name:"void"};break}return{name:e.name,required:!1,description:e.description,type:t,table:{category:r,type:{summary:((n=e.type)==null?void 0:n.text)||e.type},defaultValue:{summary:e.default!==void 0?e.default:e.defaultValue}}}}function M(e){let r=e.name.replace(/(-|_|:|\.|\s)+(.)?/g,(t,a,n)=>n?n.toUpperCase():"").replace(/^([A-Z])/,t=>t.toLowerCase());return r=`on${r.charAt(0).toUpperCase()+r.substr(1)}`,[{name:r,action:{name:e.name},table:{disable:!0}},E(e,"events")]}function o(e,r){return e&&e.filter(t=>t&&t.name).reduce((t,a)=>{if(a.kind==="method")return t;switch(r){case"events":M(a).forEach(n=>{b(n.name),t[n.name]=n});break;default:t[a.name]=E(a,r);break}return t},{})}var T=(e,r)=>{if(!c(e)||!f(r))return null;let t=r.tags.find(a=>a.name.toUpperCase()===e.toUpperCase());return t||m.warn(`Component not found in custom-elements.json: ${e}`),t},L=(e,r)=>{var a;if(!c(e)||!f(r))return null;let t;return(a=r==null?void 0:r.modules)==null||a.forEach(n=>{var s;(s=n==null?void 0:n.declarations)==null||s.forEach(i=>{i.tagName===e&&(t=i)})}),t||m.warn(`Component not found in custom-elements.json: ${e}`),t},y=(e,r)=>(r==null?void 0:r.version)==="experimental"?T(e,r):L(e,r),R=(e,r)=>{let t=y(e,r);return t&&{...o(t.members??[],"properties"),...o(t.properties??[],"properties"),...o(t.attributes??[],"attributes"),...o(t.events??[],"events"),...o(t.slots??[],"slots"),...o(t.cssProperties??[],"css custom properties"),...o(t.cssParts??[],"css shadow parts")}},I=e=>{let r=O();return R(e,r)},U=e=>{let r=y(e,O());return r&&r.description},Y=/<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;function B(e){var a;let r=(a=e==null?void 0:e.parameters.docs)==null?void 0:a.source,t=e==null?void 0:e.parameters.__isArgsStory;return(r==null?void 0:r.type)===d.DYNAMIC?!1:!t||(r==null?void 0:r.code)||(r==null?void 0:r.type)===d.CODE}function k(e,r){var s,i;let t=e(),a=(i=(s=r==null?void 0:r.parameters.docs)==null?void 0:s.source)!=null&&i.excludeDecorators?r.originalStoryFn(r.args,r):t,n;if(C(()=>{let{id:p,unmappedArgs:g}=r;n&&h.getChannel().emit(S,{id:p,source:n,args:g})}),!B(r)){let p=window.document.createElement("div");a instanceof DocumentFragment?l(a.cloneNode(!0),p):l(a,p),n=p.innerHTML.replace(Y,"")}return t}var G=[k],W={docs:{extractArgTypes:I,extractComponentDescription:U,story:{inline:!0},source:{type:d.DYNAMIC,language:"html"}}},q=[w];export{q as argTypesEnhancers,G as decorators,W as parameters};