@abgov/react-components 4.17.0-alpha.7 → 4.17.0-alpha.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "4.17.0-alpha.7",
+  "version": "4.17.0-alpha.8",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"

package/react-components.esm.js

@@ -373,7 +373,7 @@ return [...el.children];}/**
 * @param newValue Selected value
 */function onChange(newValue){if(newValue===value)return;$$invalidate(0,value=newValue);el.dispatchEvent(new CustomEvent("_change",{composed:true,detail:{name,value}}));}onMount(()=>{validateOrientation(orientation);});const change_handler=option=>onChange(option.value);function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{el=$$value;$$invalidate(10,el);});}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(1,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('orientation'in $$props)$$invalidate(2,orientation=$$props.orientation);if('disabled'in $$props)$$invalidate(14,disabled=$$props.disabled);if('error'in $$props)$$invalidate(15,error=$$props.error);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('arialabel'in $$props)$$invalidate(4,arialabel=$$props.arialabel);if('mt'in $$props)$$invalidate(5,mt=$$props.mt);if('mr'in $$props)$$invalidate(6,mr=$$props.mr);if('mb'in $$props)$$invalidate(7,mb=$$props.mb);if('ml'in $$props)$$invalidate(8,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*disabled*/16384){// private
 $$invalidate(12,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*error*/32768){$$invalidate(11,isError=toBoolean(error));}};return [value,name,orientation,testid,arialabel,mt,mr,mb,ml,options,el,isError,isDisabled,onChange,disabled,error,change_handler,div_binding];}class RadioGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-radio-group--horizontal{display:flex;flex-direction:row}.goa-radio-group--vertical{display:inline-block}label.goa-radio{--goa-radio-outline-width:3px;--goa-radio-diameter:1.5rem;--goa-radio-border-width:1px;--goa-radio-border-width--checked:7px;display:inline-block;box-sizing:border-box;display:flex}.goa-radio-container{padding-bottom:1rem}.goa-radio:hover{cursor:pointer}.goa-radio *,.goa-radio *:before,.goa-radio *:after{box-sizing:border-box}.goa-radio input[type="radio"]{width:0;height:0;margin:0;opacity:0}.goa-radio-label{padding:0 0.5rem;font-weight:var(--goa-font-weight-regular)}.goa-radio-description{font:var(--goa-typography-body-xs);margin-left:var(--goa-space-xl);margin-top:var(--goa-space-2xs)}.goa-radio-icon{display:inline-block;height:var(--goa-radio-diameter);width:var(--goa-radio-diameter);border-radius:50%;background-color:#fff;transition:box-shadow 100ms ease-in-out;flex:0 0 auto;margin-top:var(--font-valign-fix)}.goa-radio:focus>input:not(:disabled)~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive-focus)}.goa-radio--disabled .goa-radio-label{opacity:0.4}.goa-radio--disabled:hover{cursor:default}input[type="radio"]:not(:checked)~.goa-radio-icon{border:var(--goa-radio-border-width) solid var(--goa-color-greyscale-700)}input[type="radio"]:hover~.goa-radio-icon{border:1px solid var(--goa-color-interactive-hover);box-shadow:0 0 0 1px var(--goa-color-interactive-hover)}input[type="radio"]:checked:hover~.goa-radio-icon{border:7px solid var(--goa-color-interactive-hover);box-shadow:0 0 0 1px var(--goa-color-interactive-hover)}input[type="radio"]:focus~.goa-radio-icon,input[type="radio"]:hover:active~.goa-radio-icon,input[type="radio"]:hover:focus~.goa-radio-icon,input[type="radio"]:active~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive-focus)}input[type="radio"]:checked~.goa-radio-icon{border:var(--goa-radio-border-width--checked) solid var(--goa-color-interactive-default)}input[type="radio"]:disabled~.goa-radio-icon{border:var(--goa-radio-border-width) solid var(--goa-color-greyscale-700);box-shadow:none;opacity:40%}input[type="radio"]:disabled:checked~.goa-radio-icon{border:var(--goa-radio-border-width--checked) solid
-      var(--goa-color-interactive-hover);box-shadow:none}.goa-radio--error input[type="radio"]:checked~.goa-radio-icon{border:7px solid var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:hover~.goa-radio-icon{box-shadow:0 0 0 1px var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:disabled:hover~.goa-radio-icon{box-shadow:none}.goa-radio--error input[type="radio"]:not(:checked)~.goa-radio-icon{border:2px solid var(--goa-color-emergency-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$o,create_fragment$r,safe_not_equal,{name:1,value:0,orientation:2,disabled:14,error:15,testid:3,arialabel:4,mt:5,mr:6,mb:7,ml:8},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","value","orientation","disabled","error","testid","arialabel","mt","mr","mb","ml"];}get name(){return this.$$.ctx[1];}set name(name){this.$$set({name});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get orientation(){return this.$$.ctx[2];}set orientation(orientation){this.$$set({orientation});flush();}get disabled(){return this.$$.ctx[14];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[15];}set error(error){this.$$set({error});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get arialabel(){return this.$$.ctx[4];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[5];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[6];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[7];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[8];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-radio-group",RadioGroup);/* src/components/scrollable/Scrollable.svelte generated by Svelte v3.59.2 */function create_fragment$q(ctx){let div;let slot;let div_style_value;let mounted;let dispose;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"class","goa-scrollable");attr(div,"style",div_style_value=`
+      var(--goa-color-interactive-hover);box-shadow:none}.goa-radio--error input[type="radio"]:checked~.goa-radio-icon{border:7px solid var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:hover~.goa-radio-icon{box-shadow:0 0 0 1px var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:hover:active~.goa-radio-icon,.goa-radio--error input[type="radio"]:hover:focus~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive-focus)}.goa-radio--error input[type="radio"]:disabled:hover~.goa-radio-icon{box-shadow:none}.goa-radio--error input[type="radio"]:not(:checked)~.goa-radio-icon{border:2px solid var(--goa-color-emergency-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$o,create_fragment$r,safe_not_equal,{name:1,value:0,orientation:2,disabled:14,error:15,testid:3,arialabel:4,mt:5,mr:6,mb:7,ml:8},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","value","orientation","disabled","error","testid","arialabel","mt","mr","mb","ml"];}get name(){return this.$$.ctx[1];}set name(name){this.$$set({name});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get orientation(){return this.$$.ctx[2];}set orientation(orientation){this.$$set({orientation});flush();}get disabled(){return this.$$.ctx[14];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[15];}set error(error){this.$$set({error});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get arialabel(){return this.$$.ctx[4];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[5];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[6];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[7];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[8];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-radio-group",RadioGroup);/* src/components/scrollable/Scrollable.svelte generated by Svelte v3.59.2 */function create_fragment$q(ctx){let div;let slot;let div_style_value;let mounted;let dispose;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"class","goa-scrollable");attr(div,"style",div_style_value=`
   max-height: ${/*maxheight*/ctx[3]||"50vh"};
   overflow-y: ${/*direction*/ctx[0]==="vertical"?'auto':'hidden'};
   overflow-x: ${/*direction*/ctx[0]==="horizontal"?'auto':'hidden'};

package/react-components.umd.js

@@ -375,7 +375,7 @@
 	* @param newValue Selected value
 	*/function onChange(newValue){if(newValue===value)return;$$invalidate(0,value=newValue);el.dispatchEvent(new CustomEvent("_change",{composed:true,detail:{name,value}}));}onMount(()=>{validateOrientation(orientation);});const change_handler=option=>onChange(option.value);function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{el=$$value;$$invalidate(10,el);});}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(1,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('orientation'in $$props)$$invalidate(2,orientation=$$props.orientation);if('disabled'in $$props)$$invalidate(14,disabled=$$props.disabled);if('error'in $$props)$$invalidate(15,error=$$props.error);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('arialabel'in $$props)$$invalidate(4,arialabel=$$props.arialabel);if('mt'in $$props)$$invalidate(5,mt=$$props.mt);if('mr'in $$props)$$invalidate(6,mr=$$props.mr);if('mb'in $$props)$$invalidate(7,mb=$$props.mb);if('ml'in $$props)$$invalidate(8,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*disabled*/16384){// private
 	$$invalidate(12,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*error*/32768){$$invalidate(11,isError=toBoolean(error));}};return [value,name,orientation,testid,arialabel,mt,mr,mb,ml,options,el,isError,isDisabled,onChange,disabled,error,change_handler,div_binding];}class RadioGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-radio-group--horizontal{display:flex;flex-direction:row}.goa-radio-group--vertical{display:inline-block}label.goa-radio{--goa-radio-outline-width:3px;--goa-radio-diameter:1.5rem;--goa-radio-border-width:1px;--goa-radio-border-width--checked:7px;display:inline-block;box-sizing:border-box;display:flex}.goa-radio-container{padding-bottom:1rem}.goa-radio:hover{cursor:pointer}.goa-radio *,.goa-radio *:before,.goa-radio *:after{box-sizing:border-box}.goa-radio input[type="radio"]{width:0;height:0;margin:0;opacity:0}.goa-radio-label{padding:0 0.5rem;font-weight:var(--goa-font-weight-regular)}.goa-radio-description{font:var(--goa-typography-body-xs);margin-left:var(--goa-space-xl);margin-top:var(--goa-space-2xs)}.goa-radio-icon{display:inline-block;height:var(--goa-radio-diameter);width:var(--goa-radio-diameter);border-radius:50%;background-color:#fff;transition:box-shadow 100ms ease-in-out;flex:0 0 auto;margin-top:var(--font-valign-fix)}.goa-radio:focus>input:not(:disabled)~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive-focus)}.goa-radio--disabled .goa-radio-label{opacity:0.4}.goa-radio--disabled:hover{cursor:default}input[type="radio"]:not(:checked)~.goa-radio-icon{border:var(--goa-radio-border-width) solid var(--goa-color-greyscale-700)}input[type="radio"]:hover~.goa-radio-icon{border:1px solid var(--goa-color-interactive-hover);box-shadow:0 0 0 1px var(--goa-color-interactive-hover)}input[type="radio"]:checked:hover~.goa-radio-icon{border:7px solid var(--goa-color-interactive-hover);box-shadow:0 0 0 1px var(--goa-color-interactive-hover)}input[type="radio"]:focus~.goa-radio-icon,input[type="radio"]:hover:active~.goa-radio-icon,input[type="radio"]:hover:focus~.goa-radio-icon,input[type="radio"]:active~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive-focus)}input[type="radio"]:checked~.goa-radio-icon{border:var(--goa-radio-border-width--checked) solid var(--goa-color-interactive-default)}input[type="radio"]:disabled~.goa-radio-icon{border:var(--goa-radio-border-width) solid var(--goa-color-greyscale-700);box-shadow:none;opacity:40%}input[type="radio"]:disabled:checked~.goa-radio-icon{border:var(--goa-radio-border-width--checked) solid
-      var(--goa-color-interactive-hover);box-shadow:none}.goa-radio--error input[type="radio"]:checked~.goa-radio-icon{border:7px solid var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:hover~.goa-radio-icon{box-shadow:0 0 0 1px var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:disabled:hover~.goa-radio-icon{box-shadow:none}.goa-radio--error input[type="radio"]:not(:checked)~.goa-radio-icon{border:2px solid var(--goa-color-emergency-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$o,create_fragment$r,safe_not_equal,{name:1,value:0,orientation:2,disabled:14,error:15,testid:3,arialabel:4,mt:5,mr:6,mb:7,ml:8},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","value","orientation","disabled","error","testid","arialabel","mt","mr","mb","ml"];}get name(){return this.$$.ctx[1];}set name(name){this.$$set({name});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get orientation(){return this.$$.ctx[2];}set orientation(orientation){this.$$set({orientation});flush();}get disabled(){return this.$$.ctx[14];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[15];}set error(error){this.$$set({error});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get arialabel(){return this.$$.ctx[4];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[5];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[6];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[7];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[8];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-radio-group",RadioGroup);/* src/components/scrollable/Scrollable.svelte generated by Svelte v3.59.2 */function create_fragment$q(ctx){let div;let slot;let div_style_value;let mounted;let dispose;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"class","goa-scrollable");attr(div,"style",div_style_value=`
+      var(--goa-color-interactive-hover);box-shadow:none}.goa-radio--error input[type="radio"]:checked~.goa-radio-icon{border:7px solid var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:hover~.goa-radio-icon{box-shadow:0 0 0 1px var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:hover:active~.goa-radio-icon,.goa-radio--error input[type="radio"]:hover:focus~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive-focus)}.goa-radio--error input[type="radio"]:disabled:hover~.goa-radio-icon{box-shadow:none}.goa-radio--error input[type="radio"]:not(:checked)~.goa-radio-icon{border:2px solid var(--goa-color-emergency-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$o,create_fragment$r,safe_not_equal,{name:1,value:0,orientation:2,disabled:14,error:15,testid:3,arialabel:4,mt:5,mr:6,mb:7,ml:8},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","value","orientation","disabled","error","testid","arialabel","mt","mr","mb","ml"];}get name(){return this.$$.ctx[1];}set name(name){this.$$set({name});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get orientation(){return this.$$.ctx[2];}set orientation(orientation){this.$$set({orientation});flush();}get disabled(){return this.$$.ctx[14];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[15];}set error(error){this.$$set({error});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get arialabel(){return this.$$.ctx[4];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[5];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[6];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[7];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[8];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-radio-group",RadioGroup);/* src/components/scrollable/Scrollable.svelte generated by Svelte v3.59.2 */function create_fragment$q(ctx){let div;let slot;let div_style_value;let mounted;let dispose;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"class","goa-scrollable");attr(div,"style",div_style_value=`
   max-height: ${/*maxheight*/ctx[3]||"50vh"};
   overflow-y: ${/*direction*/ctx[0]==="vertical"?'auto':'hidden'};
   overflow-x: ${/*direction*/ctx[0]==="horizontal"?'auto':'hidden'};