@department-of-veterans-affairs/component-library 49.1.0 → 49.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/9724.app.bundle.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 9724.app.bundle.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[20,9724],{20:function(e,a,o){o.r(a),o.d(a,{c:function(){return t}});var i,r={exports:{}};i=r,function(){var e={}.hasOwnProperty;function a(){for(var o=[],i=0;i<arguments.length;i++){var r=arguments[i];if(r){var t=typeof r;if("string"===t||"number"===t)o.push(r);else if(Array.isArray(r)){if(r.length){var d=a.apply(null,r);d&&o.push(d)}}else if("object"===t)if(r.toString===Object.prototype.toString)for(var n in r)e.call(r,n)&&r[n]&&o.push(n);else o.push(r.toString())}}return o.join(" ")}i.exports?(a.default=a,i.exports=a):window.classNames=a}();var t=r.exports},9724:function(e,a,o){o.r(a),o.d(a,{va_radio_option:function(){return t}});var i=o(3798),r=o(20),t=function(){function e(e){(0,i.r)(this,e),this.radioOptionSelected=(0,i.c)(this,"radioOptionSelected",7),this.name=void 0,this.label=void 0,this.value=void 0,this.checked=!1,this.tile=!1,this.description=void 0,this.disabled=!1,this.ariaDescribedby=void 0}return e.prototype.handleChange=function(){this.radioOptionSelected.emit()},e.prototype.render=function(){var e=this,a=this,o=a.checked,t=a.name,d=a.value,n=a.label,l=a.disabled,s=a.tile,c=a.description,b=this.el.id||t+d,u=(0,r.c)("usa-radio",{"va-radio-option__container--tile":s,"va-radio-option__container--tile--checked":s&&o});return(0,i.h)("div",{key:"71c16a0101b30f263705aad3b59ac2f7cc0b4431",class:u,onClick:function(){return e.handleChange()}},(0,i.h)("input",{key:"6ab214a475d4ec4900fba2561035d5a68be5de4c",class:"va-radio-option__input",type:"radio",name:t,value:d,checked:o,disabled:l,id:b+"input"}),(0,i.h)("label",{key:"3aebd71a26d94cfc2746586f8970279ed28d1d53",class:"usa-radio__label",htmlFor:b+"input"},n,c&&(0,i.h)("span",{key:"8aee463888d3ec7b7019e457bb061d07f0105b0f",class:"usa-radio__label-description dd-privacy-hidden","data-dd-action-name":"description"},c)))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,i.g)(this)},enumerable:!1,configurable:!0}),e}();t.style='.usa-radio__label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-radio{background:white}.usa-radio__label{color:#1b1b1b}.usa-radio__label::before{background:white;-webkit-box-shadow:0 0 0 2px #1b1b1b;box-shadow:0 0 0 2px #1b1b1b}@media (forced-colors: active){.usa-radio__label::before{outline:2px solid transparent;outline-offset:2px}}.usa-radio__input:checked+[class*=__label]::before{background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2}.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:#757575;cursor:not-allowed}@media (forced-colors: active){.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:GrayText}}.usa-radio__input:disabled+[class*=__label]::before,.usa-radio__input[aria-disabled=true]+[class*=__label]::before{background-color:white;-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-radio__input--tile+[class*=__label]{background-color:white;border:2px solid #c9c9c9;color:#1b1b1b}.usa-radio__input--tile:checked+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-radio__input--tile:checked+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-radio__input--tile:disabled+[class*=__label],.usa-radio__input--tile[aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-radio__input--tile:disabled:checked+[class*=__label],.usa-radio__input--tile:disabled:indeterminate+[class*=__label],.usa-radio__input--tile:disabled[data-indeterminate]+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:checked+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:indeterminate+[class*=__label],.usa-radio__input--tile[aria-disabled=true][data-indeterminate]+[class*=__label]{background-color:white}.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white;box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked+[class*=__label]::before{background-color:ButtonText}}.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:#757575;-webkit-box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white;box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:GrayText}}.usa-radio__input{position:absolute;left:-999em;right:auto}.usa-radio__input:focus+[class*=__label]::before{outline:0.25rem solid #2491ff;outline-offset:0.25rem}.usa-radio__input--tile+[class*=__label]{border-radius:0.25rem;margin-top:0.5rem;padding:0.75rem 1rem 0.75rem 2.5rem}.usa-radio__input--tile+[class*=__label]::before{left:0.5rem}@media print{.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2}}.usa-radio__label{cursor:pointer;display:inherit;font-weight:normal;margin-top:0.75rem;padding-left:2rem;position:relative}.usa-radio__label::before{content:" ";display:block;left:0;margin-left:2px;margin-top:0.064rem;position:absolute}.usa-radio__label::before{height:1.25rem;border-radius:99rem;width:1.25rem}.usa-radio__label-description{display:block;font-size:0.93rem;margin-top:0.5rem}va-radio-option{display:block;margin-top:12px}va-radio-option .usa-radio{background:transparent;display:-ms-flexbox;display:flex;margin:0.75rem 0;max-width:480px;cursor:pointer;--vads-button-color-background-primary-on-light:#005ea2;--vads-input-background-color-on-light:#ffffff;--vads-input-border-color-on-light:#565c65;--vads-input-prefix-color-fill-on-light:#757575;--vads-input-prefix-color-text-on-light:#757575;--vads-input-suffix-color-text-on-light:#757575;--vads-input-tile-background-active-on-light:rgba(0, 94, 162, 0.1);--vads-input-tile-border-active-on-light:#005ea2;--vads-input-tile-border-on-light:rgba(27, 27, 27, 0.03);--vads-input-tile-border-override:#c9c9c9}va-radio-option .va-radio-option__container--tile{border-radius:0.25rem;background-color:var(--vads-input-background-color-on-light);border:2px solid var(--vads-input-tile-border-override);color:var(--vads-color-base);padding:0.75rem 1rem 0.75rem 0.5rem;margin:0.5rem 0}va-radio-option .va-radio-option__container--tile--checked{background-color:var(--vads-input-tile-background-active-on-light);border-color:var(--vads-input-tile-border-active-on-light)}va-radio-option input[type=radio].va-radio-option__input{height:1.25rem !important;width:1.25rem;min-width:1.25rem;border:none;-webkit-box-shadow:0 0 0 2px var(--vads-color-base);box-shadow:0 0 0 2px var(--vads-color-base);border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0.064rem 0 0 4px;opacity:unset;position:static;cursor:pointer}va-radio-option input[type=radio].va-radio-option__input:checked{background:var(--vads-button-color-background-primary-on-light);-webkit-box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light), inset 0 0 0 2px var(--vads-input-background-color-on-light);box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light), inset 0 0 0 2px var(--vads-input-background-color-on-light)}va-radio-option input[type=radio].va-radio-option__input:checked:focus{outline-offset:4px}va-radio-option .usa-radio__label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 !important;width:100%;padding-left:0.6rem;-webkit-box-sizing:border-box;box-sizing:border-box}va-radio-option input
|
|
2
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[20,9724],{20:function(e,a,o){o.r(a),o.d(a,{c:function(){return t}});var i,r={exports:{}};i=r,function(){var e={}.hasOwnProperty;function a(){for(var o=[],i=0;i<arguments.length;i++){var r=arguments[i];if(r){var t=typeof r;if("string"===t||"number"===t)o.push(r);else if(Array.isArray(r)){if(r.length){var d=a.apply(null,r);d&&o.push(d)}}else if("object"===t)if(r.toString===Object.prototype.toString)for(var n in r)e.call(r,n)&&r[n]&&o.push(n);else o.push(r.toString())}}return o.join(" ")}i.exports?(a.default=a,i.exports=a):window.classNames=a}();var t=r.exports},9724:function(e,a,o){o.r(a),o.d(a,{va_radio_option:function(){return t}});var i=o(3798),r=o(20),t=function(){function e(e){(0,i.r)(this,e),this.radioOptionSelected=(0,i.c)(this,"radioOptionSelected",7),this.name=void 0,this.label=void 0,this.value=void 0,this.checked=!1,this.tile=!1,this.description=void 0,this.disabled=!1,this.ariaDescribedby=void 0}return e.prototype.handleChange=function(){this.radioOptionSelected.emit()},e.prototype.render=function(){var e=this,a=this,o=a.checked,t=a.name,d=a.value,n=a.label,l=a.disabled,s=a.tile,c=a.description,b=this.el.id||t+d,u=(0,r.c)("usa-radio",{"va-radio-option__container--tile":s,"va-radio-option__container--tile--checked":s&&o});return(0,i.h)("div",{key:"71c16a0101b30f263705aad3b59ac2f7cc0b4431",class:u,onClick:function(){return e.handleChange()}},(0,i.h)("input",{key:"6ab214a475d4ec4900fba2561035d5a68be5de4c",class:"va-radio-option__input",type:"radio",name:t,value:d,checked:o,disabled:l,id:b+"input"}),(0,i.h)("label",{key:"3aebd71a26d94cfc2746586f8970279ed28d1d53",class:"usa-radio__label",htmlFor:b+"input"},n,c&&(0,i.h)("span",{key:"8aee463888d3ec7b7019e457bb061d07f0105b0f",class:"usa-radio__label-description dd-privacy-hidden","data-dd-action-name":"description"},c)))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,i.g)(this)},enumerable:!1,configurable:!0}),e}();t.style='.usa-radio__label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-radio{background:white}.usa-radio__label{color:#1b1b1b}.usa-radio__label::before{background:white;-webkit-box-shadow:0 0 0 2px #1b1b1b;box-shadow:0 0 0 2px #1b1b1b}@media (forced-colors: active){.usa-radio__label::before{outline:2px solid transparent;outline-offset:2px}}.usa-radio__input:checked+[class*=__label]::before{background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2}.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:#757575;cursor:not-allowed}@media (forced-colors: active){.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:GrayText}}.usa-radio__input:disabled+[class*=__label]::before,.usa-radio__input[aria-disabled=true]+[class*=__label]::before{background-color:white;-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-radio__input--tile+[class*=__label]{background-color:white;border:2px solid #c9c9c9;color:#1b1b1b}.usa-radio__input--tile:checked+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-radio__input--tile:checked+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-radio__input--tile:disabled+[class*=__label],.usa-radio__input--tile[aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-radio__input--tile:disabled:checked+[class*=__label],.usa-radio__input--tile:disabled:indeterminate+[class*=__label],.usa-radio__input--tile:disabled[data-indeterminate]+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:checked+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:indeterminate+[class*=__label],.usa-radio__input--tile[aria-disabled=true][data-indeterminate]+[class*=__label]{background-color:white}.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white;box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked+[class*=__label]::before{background-color:ButtonText}}.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:#757575;-webkit-box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white;box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:GrayText}}.usa-radio__input{position:absolute;left:-999em;right:auto}.usa-radio__input:focus+[class*=__label]::before{outline:0.25rem solid #2491ff;outline-offset:0.25rem}.usa-radio__input--tile+[class*=__label]{border-radius:0.25rem;margin-top:0.5rem;padding:0.75rem 1rem 0.75rem 2.5rem}.usa-radio__input--tile+[class*=__label]::before{left:0.5rem}@media print{.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2}}.usa-radio__label{cursor:pointer;display:inherit;font-weight:normal;margin-top:0.75rem;padding-left:2rem;position:relative}.usa-radio__label::before{content:" ";display:block;left:0;margin-left:2px;margin-top:0.064rem;position:absolute}.usa-radio__label::before{height:1.25rem;border-radius:99rem;width:1.25rem}.usa-radio__label-description{display:block;font-size:0.93rem;margin-top:0.5rem}va-radio-option{display:block;margin-top:12px}va-radio-option .usa-radio{background:transparent;display:-ms-flexbox;display:flex;margin:0.75rem 0;max-width:480px;cursor:pointer;--vads-button-color-background-primary-on-light:#005ea2;--vads-input-background-color-on-light:#ffffff;--vads-input-border-color-on-light:#565c65;--vads-input-prefix-color-fill-on-light:#757575;--vads-input-prefix-color-text-on-light:#757575;--vads-input-suffix-color-text-on-light:#757575;--vads-input-tile-background-active-on-light:rgba(0, 94, 162, 0.1);--vads-input-tile-border-active-on-light:#005ea2;--vads-input-tile-border-on-light:rgba(27, 27, 27, 0.03);--vads-input-tile-border-override:#c9c9c9}va-radio-option .va-radio-option__container--tile{border-radius:0.25rem;background-color:var(--vads-input-background-color-on-light);border:2px solid var(--vads-input-tile-border-override);color:var(--vads-color-base);padding:0.75rem 1rem 0.75rem 0.5rem;margin:0.5rem 0}va-radio-option .va-radio-option__container--tile--checked{background-color:var(--vads-input-tile-background-active-on-light);border-color:var(--vads-input-tile-border-active-on-light)}va-radio-option input[type=radio].va-radio-option__input{height:1.25rem !important;width:1.25rem;min-width:1.25rem;border:none;-webkit-box-shadow:0 0 0 2px var(--vads-color-base);box-shadow:0 0 0 2px var(--vads-color-base);border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0.064rem 0 0 4px;opacity:unset;position:static;cursor:pointer}va-radio-option input[type=radio].va-radio-option__input:checked{background:var(--vads-button-color-background-primary-on-light);-webkit-box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light), inset 0 0 0 2px var(--vads-input-background-color-on-light);box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light), inset 0 0 0 2px var(--vads-input-background-color-on-light)}va-radio-option input[type=radio].va-radio-option__input:checked:focus{outline-offset:4px}va-radio-option .usa-radio__label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 !important;width:100%;padding-left:0.6rem;-webkit-box-sizing:border-box;box-sizing:border-box}va-radio-option input[type=radio]+label{margin-bottom:0}va-radio-option input[type=radio]+label:before{border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:0;line-height:0;margin-left:0;margin-right:0;width:0}va-radio-option input[type=radio]:checked+label:before{outline:none;-webkit-box-shadow:none;box-shadow:none}va-radio-option input[type=radio]:focus+label::before{outline:none}'}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";const vaRadioOptionCss='.usa-radio__label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-radio{background:white}.usa-radio__label{color:#1b1b1b}.usa-radio__label::before{background:white;-webkit-box-shadow:0 0 0 2px #1b1b1b;box-shadow:0 0 0 2px #1b1b1b}@media (forced-colors: active){.usa-radio__label::before{outline:2px solid transparent;outline-offset:2px}}.usa-radio__input:checked+[class*=__label]::before{background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2}.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:#757575;cursor:not-allowed}@media (forced-colors: active){.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:GrayText}}.usa-radio__input:disabled+[class*=__label]::before,.usa-radio__input[aria-disabled=true]+[class*=__label]::before{background-color:white;-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-radio__input--tile+[class*=__label]{background-color:white;border:2px solid #c9c9c9;color:#1b1b1b}.usa-radio__input--tile:checked+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-radio__input--tile:checked+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-radio__input--tile:disabled+[class*=__label],.usa-radio__input--tile[aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-radio__input--tile:disabled:checked+[class*=__label],.usa-radio__input--tile:disabled:indeterminate+[class*=__label],.usa-radio__input--tile:disabled[data-indeterminate]+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:checked+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:indeterminate+[class*=__label],.usa-radio__input--tile[aria-disabled=true][data-indeterminate]+[class*=__label]{background-color:white}.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white;box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked+[class*=__label]::before{background-color:ButtonText}}.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:#757575;-webkit-box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white;box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:GrayText}}.usa-radio__input{position:absolute;left:-999em;right:auto}.usa-radio__input:focus+[class*=__label]::before{outline:0.25rem solid #2491ff;outline-offset:0.25rem}.usa-radio__input--tile+[class*=__label]{border-radius:0.25rem;margin-top:0.5rem;padding:0.75rem 1rem 0.75rem 2.5rem}.usa-radio__input--tile+[class*=__label]::before{left:0.5rem}@media print{.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2}}.usa-radio__label{cursor:pointer;display:inherit;font-weight:normal;margin-top:0.75rem;padding-left:2rem;position:relative}.usa-radio__label::before{content:" ";display:block;left:0;margin-left:2px;margin-top:0.064rem;position:absolute}.usa-radio__label::before{height:1.25rem;border-radius:99rem;width:1.25rem}.usa-radio__label-description{display:block;font-size:0.93rem;margin-top:0.5rem}va-radio-option{display:block;margin-top:12px}va-radio-option .usa-radio{background:transparent;display:-ms-flexbox;display:flex;margin:0.75rem 0;max-width:480px;cursor:pointer;--vads-button-color-background-primary-on-light:#005ea2;--vads-input-background-color-on-light:#ffffff;--vads-input-border-color-on-light:#565c65;--vads-input-prefix-color-fill-on-light:#757575;--vads-input-prefix-color-text-on-light:#757575;--vads-input-suffix-color-text-on-light:#757575;--vads-input-tile-background-active-on-light:rgba(0, 94, 162, 0.1);--vads-input-tile-border-active-on-light:#005ea2;--vads-input-tile-border-on-light:rgba(27, 27, 27, 0.03);--vads-input-tile-border-override:#c9c9c9}va-radio-option .va-radio-option__container--tile{border-radius:0.25rem;background-color:var(--vads-input-background-color-on-light);border:2px solid var(--vads-input-tile-border-override);color:var(--vads-color-base);padding:0.75rem 1rem 0.75rem 0.5rem;margin:0.5rem 0}va-radio-option .va-radio-option__container--tile--checked{background-color:var(--vads-input-tile-background-active-on-light);border-color:var(--vads-input-tile-border-active-on-light)}va-radio-option input[type=radio].va-radio-option__input{height:1.25rem !important;width:1.25rem;min-width:1.25rem;border:none;-webkit-box-shadow:0 0 0 2px var(--vads-color-base);box-shadow:0 0 0 2px var(--vads-color-base);border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0.064rem 0 0 4px;opacity:unset;position:static;cursor:pointer}va-radio-option input[type=radio].va-radio-option__input:checked{background:var(--vads-button-color-background-primary-on-light);-webkit-box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light), inset 0 0 0 2px var(--vads-input-background-color-on-light);box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light), inset 0 0 0 2px var(--vads-input-background-color-on-light)}va-radio-option input[type=radio].va-radio-option__input:checked:focus{outline-offset:4px}va-radio-option .usa-radio__label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 !important;width:100%;padding-left:0.6rem;-webkit-box-sizing:border-box;box-sizing:border-box}va-radio-option input
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";const vaRadioOptionCss='.usa-radio__label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-radio{background:white}.usa-radio__label{color:#1b1b1b}.usa-radio__label::before{background:white;-webkit-box-shadow:0 0 0 2px #1b1b1b;box-shadow:0 0 0 2px #1b1b1b}@media (forced-colors: active){.usa-radio__label::before{outline:2px solid transparent;outline-offset:2px}}.usa-radio__input:checked+[class*=__label]::before{background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2}.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:#757575;cursor:not-allowed}@media (forced-colors: active){.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:GrayText}}.usa-radio__input:disabled+[class*=__label]::before,.usa-radio__input[aria-disabled=true]+[class*=__label]::before{background-color:white;-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-radio__input--tile+[class*=__label]{background-color:white;border:2px solid #c9c9c9;color:#1b1b1b}.usa-radio__input--tile:checked+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-radio__input--tile:checked+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-radio__input--tile:disabled+[class*=__label],.usa-radio__input--tile[aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-radio__input--tile:disabled:checked+[class*=__label],.usa-radio__input--tile:disabled:indeterminate+[class*=__label],.usa-radio__input--tile:disabled[data-indeterminate]+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:checked+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:indeterminate+[class*=__label],.usa-radio__input--tile[aria-disabled=true][data-indeterminate]+[class*=__label]{background-color:white}.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white;box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked+[class*=__label]::before{background-color:ButtonText}}.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:#757575;-webkit-box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white;box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:GrayText}}.usa-radio__input{position:absolute;left:-999em;right:auto}.usa-radio__input:focus+[class*=__label]::before{outline:0.25rem solid #2491ff;outline-offset:0.25rem}.usa-radio__input--tile+[class*=__label]{border-radius:0.25rem;margin-top:0.5rem;padding:0.75rem 1rem 0.75rem 2.5rem}.usa-radio__input--tile+[class*=__label]::before{left:0.5rem}@media print{.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2}}.usa-radio__label{cursor:pointer;display:inherit;font-weight:normal;margin-top:0.75rem;padding-left:2rem;position:relative}.usa-radio__label::before{content:" ";display:block;left:0;margin-left:2px;margin-top:0.064rem;position:absolute}.usa-radio__label::before{height:1.25rem;border-radius:99rem;width:1.25rem}.usa-radio__label-description{display:block;font-size:0.93rem;margin-top:0.5rem}va-radio-option{display:block;margin-top:12px}va-radio-option .usa-radio{background:transparent;display:-ms-flexbox;display:flex;margin:0.75rem 0;max-width:480px;cursor:pointer;--vads-button-color-background-primary-on-light:#005ea2;--vads-input-background-color-on-light:#ffffff;--vads-input-border-color-on-light:#565c65;--vads-input-prefix-color-fill-on-light:#757575;--vads-input-prefix-color-text-on-light:#757575;--vads-input-suffix-color-text-on-light:#757575;--vads-input-tile-background-active-on-light:rgba(0, 94, 162, 0.1);--vads-input-tile-border-active-on-light:#005ea2;--vads-input-tile-border-on-light:rgba(27, 27, 27, 0.03);--vads-input-tile-border-override:#c9c9c9}va-radio-option .va-radio-option__container--tile{border-radius:0.25rem;background-color:var(--vads-input-background-color-on-light);border:2px solid var(--vads-input-tile-border-override);color:var(--vads-color-base);padding:0.75rem 1rem 0.75rem 0.5rem;margin:0.5rem 0}va-radio-option .va-radio-option__container--tile--checked{background-color:var(--vads-input-tile-background-active-on-light);border-color:var(--vads-input-tile-border-active-on-light)}va-radio-option input[type=radio].va-radio-option__input{height:1.25rem !important;width:1.25rem;min-width:1.25rem;border:none;-webkit-box-shadow:0 0 0 2px var(--vads-color-base);box-shadow:0 0 0 2px var(--vads-color-base);border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0.064rem 0 0 4px;opacity:unset;position:static;cursor:pointer}va-radio-option input[type=radio].va-radio-option__input:checked{background:var(--vads-button-color-background-primary-on-light);-webkit-box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light), inset 0 0 0 2px var(--vads-input-background-color-on-light);box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light), inset 0 0 0 2px var(--vads-input-background-color-on-light)}va-radio-option input[type=radio].va-radio-option__input:checked:focus{outline-offset:4px}va-radio-option .usa-radio__label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 !important;width:100%;padding-left:0.6rem;-webkit-box-sizing:border-box;box-sizing:border-box}va-radio-option input[type=radio]+label{margin-bottom:0}va-radio-option input[type=radio]+label:before{border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:0;line-height:0;margin-left:0;margin-right:0;width:0}va-radio-option input[type=radio]:checked+label:before{outline:none;-webkit-box-shadow:none;box-shadow:none}va-radio-option input[type=radio]:focus+label::before{outline:none}',VaRadioOptionStyle0=vaRadioOptionCss,VaRadioOption$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.radioOptionSelected=createEvent(this,"radioOptionSelected",7),this.name=void 0,this.label=void 0,this.value=void 0,this.checked=!1,this.tile=!1,this.description=void 0,this.disabled=!1,this.ariaDescribedby=void 0}handleChange(){this.radioOptionSelected.emit()}render(){const{checked:e,name:a,value:o,label:i,disabled:t,tile:r,description:d}=this,l=this.el.id||a+o,n=classnames("usa-radio",{"va-radio-option__container--tile":r,"va-radio-option__container--tile--checked":r&&e});return h("div",{key:"71c16a0101b30f263705aad3b59ac2f7cc0b4431",class:n,onClick:()=>this.handleChange()},h("input",{key:"6ab214a475d4ec4900fba2561035d5a68be5de4c",class:"va-radio-option__input",type:"radio",name:a,value:o,checked:e,disabled:t,id:l+"input"}),h("label",{key:"3aebd71a26d94cfc2746586f8970279ed28d1d53",class:"usa-radio__label",htmlFor:l+"input"},i,d&&h("span",{key:"8aee463888d3ec7b7019e457bb061d07f0105b0f",class:"usa-radio__label-description dd-privacy-hidden","data-dd-action-name":"description"},d)))}get el(){return this}static get style(){return VaRadioOptionStyle0}},[0,"va-radio-option",{name:[1],label:[1],value:[1],checked:[4],tile:[4],description:[1],disabled:[4],ariaDescribedby:[1,"aria-describedby"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-radio-option"].forEach((e=>{"va-radio-option"===e&&(customElements.get(e)||customElements.define(e,VaRadioOption$1))}))}const VaRadioOption=VaRadioOption$1,defineCustomElement=defineCustomElement$1;export{VaRadioOption,defineCustomElement};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@department-of-veterans-affairs/component-library",
|
|
3
3
|
"description": "VA.gov component library. Includes React and web components.",
|
|
4
|
-
"version": "49.1.
|
|
4
|
+
"version": "49.1.1",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"build": "webpack"
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"module": "src/main.js",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@department-of-veterans-affairs/react-components": "28.1.0",
|
|
19
|
-
"@department-of-veterans-affairs/web-components": "17.1.
|
|
19
|
+
"@department-of-veterans-affairs/web-components": "17.1.1",
|
|
20
20
|
"i18next": "^21.6.14",
|
|
21
21
|
"i18next-browser-languagedetector": "^6.1.4",
|
|
22
22
|
"react-focus-on": "^3.5.1",
|