@abgov/web-components 1.0.0-alpha.127 → 1.0.0-alpha.128

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/web-components",
-  "version": "1.0.0-alpha.127",
+  "version": "1.0.0-alpha.128",
   "description": "Government of Alberta - UI Web components",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"

package/web-components.es.js

@@ -11571,8 +11571,8 @@ function create_fragment(ctx) {
 
 function instance($$self, $$props, $$invalidate) {
 	let _spacing;
-	let { spacing = "" } = $$props;
-	const SPACING = ["small", "medium", "large"];
+	let { spacing = "small" } = $$props;
+	const SPACING = ["small", "medium", "large", "none"];
 
 	function isSpacing(value) {
 		return SPACING.includes(value);
@@ -11593,7 +11593,8 @@ function instance($$self, $$props, $$invalidate) {
 			$$invalidate(0, _spacing = ({
 				small: "1rem",
 				medium: "2rem",
-				large: "4rem"
+				large: "4rem",
+				none: "0rem"
 			})[spacing]);
 		}
 	};

package/web-components.umd.js

@@ -99,4 +99,4 @@
       "nav"
       "footer";display:grid;place-content:stretch stretch;gap:0 0}@media(min-width: 640px){.page{grid-template-columns:300px auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header header"  
         "nav content"
-        "footer footer"}}.header{grid-area:header}.footer{grid-area:footer}main{grid-area:content;justify-self:stretch;padding:1rem}.nav{grid-area:nav;padding:1rem;background-color:var(--color-gray-100)}</style>`,O(this,{target:this.shadowRoot,props:N(this.attributes),customElement:!0},null,no,S,{},null),e&&e.target&&y(e.target,this,e.anchor)}}customElements.define("goa-layout-full-nav",oo);function li(i){let e,t;return{c(){e=b("div"),t=j(i[0]),d(e,"slot","title"),d(e,"class","title")},m(r,n){y(r,e,n),g(e,t)},p(r,n){n&1&&U(t,r[0])},d(r){r&&z(e)}}}function si(i){let e;return{c(){e=b("div"),d(e,"class","actions"),d(e,"slot","actions")},m(t,r){y(t,e,r),e.innerHTML=i[1]},p(t,r){r&2&&(e.innerHTML=t[1])},d(t){t&&z(e)}}}function ao(i){let e,t,r,n,o=i[0]&&li(i),a=i[1]&&si(i);return{c(){e=b("goa-container"),o&&o.c(),t=R(),a&&a.c(),r=R(),n=b("div"),this.c=v,d(n,"class","content"),d(n,"slot",""),C(e,"type",i[3]),C(e,"accent",i[4])},m(l,s){y(l,e,s),o&&o.m(e,null),g(e,t),a&&a.m(e,null),g(e,r),g(e,n),n.innerHTML=i[2]},p(l,[s]){l[0]?o?o.p(l,s):(o=li(l),o.c(),o.m(e,t)):o&&(o.d(1),o=null),l[1]?a?a.p(l,s):(a=si(l),a.c(),a.m(e,r)):a&&(a.d(1),a=null),s&4&&(n.innerHTML=l[2]),s&8&&C(e,"type",l[3]),s&16&&C(e,"accent",l[4])},i:v,o:v,d(l){l&&z(e),o&&o.d(),a&&a.d()}}}function lo(i,e,t){let{title:r}=e,{actions:n=""}=e,{content:o}=e,{type:a="default"}=e,{accent:l="thick"}=e;return i.$$set=s=>{"title"in s&&t(0,r=s.title),"actions"in s&&t(1,n=s.actions),"content"in s&&t(2,o=s.content),"type"in s&&t(3,a=s.type),"accent"in s&&t(4,l=s.accent)},[r,n,o,a,l]}class so extends D{constructor(e){super();O(this,{target:this.shadowRoot,props:N(this.attributes),customElement:!0},lo,ao,S,{title:0,actions:1,content:2,type:3,accent:4},null),e&&(e.target&&y(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["title","actions","content","type","accent"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),h()}get actions(){return this.$$.ctx[1]}set actions(e){this.$$set({actions:e}),h()}get content(){return this.$$.ctx[2]}set content(e){this.$$set({content:e}),h()}get type(){return this.$$.ctx[3]}set type(e){this.$$set({type:e}),h()}get accent(){return this.$$.ctx[4]}set accent(e){this.$$set({accent:e}),h()}}customElements.define("test-container",so);function co(i){let e;return{c(){e=b("hr"),this.c=v,F(e,"--spacing",i[0])},m(t,r){y(t,e,r)},p(t,[r]){r&1&&F(e,"--spacing",t[0])},i:v,o:v,d(t){t&&z(e)}}}function uo(i,e,t){let r,{spacing:n=""}=e;const o=["small","medium","large"];function a(l){return o.includes(l)}return J(()=>{a(n)||console.error("Invalid spacing")}),i.$$set=l=>{"spacing"in l&&t(1,n=l.spacing)},i.$$.update=()=>{i.$$.dirty&2&&t(0,r={small:"1rem",medium:"2rem",large:"4rem"}[n])},[r,n]}class fo extends D{constructor(e){super();this.shadowRoot.innerHTML="<style>hr{padding:0;margin:var(--spacing) 0;border:none;border-top:1px solid var(--color-gray-200)}</style>",O(this,{target:this.shadowRoot,props:N(this.attributes),customElement:!0},uo,co,S,{spacing:1},null),e&&(e.target&&y(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["spacing"]}get spacing(){return this.$$.ctx[1]}set spacing(e){this.$$set({spacing:e}),h()}}customElements.define("goa-divider",fo)});
+        "footer footer"}}.header{grid-area:header}.footer{grid-area:footer}main{grid-area:content;justify-self:stretch;padding:1rem}.nav{grid-area:nav;padding:1rem;background-color:var(--color-gray-100)}</style>`,O(this,{target:this.shadowRoot,props:N(this.attributes),customElement:!0},null,no,S,{},null),e&&e.target&&y(e.target,this,e.anchor)}}customElements.define("goa-layout-full-nav",oo);function li(i){let e,t;return{c(){e=b("div"),t=j(i[0]),d(e,"slot","title"),d(e,"class","title")},m(r,n){y(r,e,n),g(e,t)},p(r,n){n&1&&U(t,r[0])},d(r){r&&z(e)}}}function si(i){let e;return{c(){e=b("div"),d(e,"class","actions"),d(e,"slot","actions")},m(t,r){y(t,e,r),e.innerHTML=i[1]},p(t,r){r&2&&(e.innerHTML=t[1])},d(t){t&&z(e)}}}function ao(i){let e,t,r,n,o=i[0]&&li(i),a=i[1]&&si(i);return{c(){e=b("goa-container"),o&&o.c(),t=R(),a&&a.c(),r=R(),n=b("div"),this.c=v,d(n,"class","content"),d(n,"slot",""),C(e,"type",i[3]),C(e,"accent",i[4])},m(l,s){y(l,e,s),o&&o.m(e,null),g(e,t),a&&a.m(e,null),g(e,r),g(e,n),n.innerHTML=i[2]},p(l,[s]){l[0]?o?o.p(l,s):(o=li(l),o.c(),o.m(e,t)):o&&(o.d(1),o=null),l[1]?a?a.p(l,s):(a=si(l),a.c(),a.m(e,r)):a&&(a.d(1),a=null),s&4&&(n.innerHTML=l[2]),s&8&&C(e,"type",l[3]),s&16&&C(e,"accent",l[4])},i:v,o:v,d(l){l&&z(e),o&&o.d(),a&&a.d()}}}function lo(i,e,t){let{title:r}=e,{actions:n=""}=e,{content:o}=e,{type:a="default"}=e,{accent:l="thick"}=e;return i.$$set=s=>{"title"in s&&t(0,r=s.title),"actions"in s&&t(1,n=s.actions),"content"in s&&t(2,o=s.content),"type"in s&&t(3,a=s.type),"accent"in s&&t(4,l=s.accent)},[r,n,o,a,l]}class so extends D{constructor(e){super();O(this,{target:this.shadowRoot,props:N(this.attributes),customElement:!0},lo,ao,S,{title:0,actions:1,content:2,type:3,accent:4},null),e&&(e.target&&y(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["title","actions","content","type","accent"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),h()}get actions(){return this.$$.ctx[1]}set actions(e){this.$$set({actions:e}),h()}get content(){return this.$$.ctx[2]}set content(e){this.$$set({content:e}),h()}get type(){return this.$$.ctx[3]}set type(e){this.$$set({type:e}),h()}get accent(){return this.$$.ctx[4]}set accent(e){this.$$set({accent:e}),h()}}customElements.define("test-container",so);function co(i){let e;return{c(){e=b("hr"),this.c=v,F(e,"--spacing",i[0])},m(t,r){y(t,e,r)},p(t,[r]){r&1&&F(e,"--spacing",t[0])},i:v,o:v,d(t){t&&z(e)}}}function uo(i,e,t){let r,{spacing:n="small"}=e;const o=["small","medium","large","none"];function a(l){return o.includes(l)}return J(()=>{a(n)||console.error("Invalid spacing")}),i.$$set=l=>{"spacing"in l&&t(1,n=l.spacing)},i.$$.update=()=>{i.$$.dirty&2&&t(0,r={small:"1rem",medium:"2rem",large:"4rem",none:"0rem"}[n])},[r,n]}class fo extends D{constructor(e){super();this.shadowRoot.innerHTML="<style>hr{padding:0;margin:var(--spacing) 0;border:none;border-top:1px solid var(--color-gray-200)}</style>",O(this,{target:this.shadowRoot,props:N(this.attributes),customElement:!0},uo,co,S,{spacing:1},null),e&&(e.target&&y(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["spacing"]}get spacing(){return this.$$.ctx[1]}set spacing(e){this.$$set({spacing:e}),h()}}customElements.define("goa-divider",fo)});