@momentum-ui/web-components 2.12.0-dev → 2.12.1

package/dist/chunks/md-83.js

@@ -1,5 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[83],{124:function(t,e,i){"use strict";i.r(e),i.d(e,"timeUnits",(function(){return b})),i.d(e,"timeSpecificity",(function(){return y})),i.d(e,"TimePicker",(function(){return v}));var o=i(6),a=i(0),r=i(5),n=a.css`.md-timepicker{padding-right:0;width:fit-content}.md-timepicker.twenty-four-hour-format{padding-right:0}.md-timepicker .time-input-box{display:inline-block;height:2rem;width:2.5rem}.md-timepicker .amPm-combo-box{display:inline-block;height:2rem;margin-left:.5rem;width:2.75rem}.md-timepicker .amPm-combo-box::part(group){padding:0}.md-timepicker .amPm-combo-box::part(combobox-options){padding:0}.md-timepicker .amPm-combo-box::part(multiwrap-input){text-align:center;text-transform:uppercase;width:100%}.md-timepicker .amPm-combo-box::part(label){padding:0 .4375rem;width:100%}.md-timepicker .amPm-combo-box::part(combobox-option){padding-left:0;padding-right:0}.md-timepicker .amPm-combo-box::part(combobox-options){max-height:5rem}.md-timepicker md-input::part(input){padding:0;text-align:center}.md-timepicker md-input::part(message){display:none}.md-timepicker .colon-separator{color:var(--md-secondary-text-color,#545454);font-size:1.25rem;line-height:125%;margin:0 .25rem}`,s=(i(24),i(19)),m=i(1),c=i(2),l=i(3),h=i(12),u=i(8),d=i(4),p=function(t,e,i,o){var a,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(r<3?a(n):r>3?a(e,i,n):a(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const b=[m.c.HOUR,m.c.MINUTE,m.c.SECOND,m.c.AM_PM],y=[m.c.HOUR,m.c.MINUTE,m.c.SECOND],g={[m.c.HOUR]:"HH",[m.c.MINUTE]:"MM",[m.c.SECOND]:"SS",[m.c.AM_PM]:"AM"};var v;!function(t){let e=class extends a.LitElement{constructor(){super(...arguments),this.twoDigitAutoTab=!1,this.twentyFourHourFormat=!1,this.timeSpecificity=m.c.SECOND,this.locale="en-US",this.value="00:00:00-08:00",this.localeTwentyFourFormat=!1,this.finalTwentyFourFormat=!1,this.timeObject=Object(u.n)(),this.tabNext=!1,this.timeValue={[m.c.HOUR]:"12",[m.c.MINUTE]:"00",[m.c.SECOND]:"00",[m.c.AM_PM]:"AM"},this.timeValidity={[m.c.HOUR]:!0,[m.c.MINUTE]:!0,[m.c.SECOND]:!0,[m.c.AM_PM]:!0},this.addLeadingZeros=t=>{if(t){if(0===t.length)return"00";if(1===t.length)return"0"+t}return t},this.formatAndValidate=(t,e)=>{if(t&&(this.updateValidity(t,e),this.timeValidity[e]))return this.addLeadingZeros(t)},this.getLocaleTimeFormat=t=>{const e=t.toFormat("tt"),[i,o]=e.split(" ");return!o},this.updateTimeValues=()=>{let t;t=this.finalTwentyFourFormat?this.timeObject.toFormat("HH:mm:ss"):this.timeObject.toFormat("tt");const[e,i]=t.split(" "),o=e.split(":");y.forEach(t=>{const e=this.formatAndValidate(o.shift(),t);e&&(t===m.c.HOUR&&i&&(this.timeValue[m.c.AM_PM]=i),this.timeValue[t]=e)})},this.updateValidity=(t,e)=>{let i=!0;const o=e=>{null===t.match(e)&&(i=!1)};switch(e){case m.c.HOUR:this.finalTwentyFourFormat?o(new RegExp(s.a.twentyFourHourString)):o(new RegExp(s.a.hourString));break;case m.c.MINUTE:case m.c.SECOND:o(new RegExp(s.a.minuteSecondString));break;case m.c.AM_PM:o(new RegExp(s.a.amPmString))}this.timeValidity[e]=i},this.to12HourFormat=(t,e)=>{if(!this.finalTwentyFourFormat&&this.timeValidity[m.c.HOUR]&&this.timeValidity[m.c.AM_PM]){let i=Number(e);return"PM"===t?i=12+i%12:i%=12,i}},this.isEntireTimeValid=()=>Object.values(this.timeValidity).every(t=>t),this.updateTimeUnit=t=>{var e,i,o;this.updateValidity(this.timeValue[t],t),this.timeObject&&this.timeValidity[t]&&(t!==m.c.AM_PM?this.timeObject=null===(e=this.timeObject)||void 0===e?void 0:e.set({[t]:this.timeValue[t]}):this.timeObject=null===(i=this.timeObject)||void 0===i?void 0:i.set({hour:this.to12HourFormat(this.timeValue[m.c.AM_PM],this.timeValue[m.c.HOUR])}),this.isEntireTimeValid()&&(this.timeObject=null===(o=this.timeObject)||void 0===o?void 0:o.set({hour:this.to12HourFormat(this.timeValue[m.c.AM_PM],this.timeValue[m.c.HOUR])}),this.value=this.timeObject.toISOTime({suppressMilliseconds:!0})||this.value,this.dispatchEvent(new CustomEvent("time-selection-change",{bubbles:!0,composed:!0,detail:{time:this.value,data:this.timeObject}}))))},this.formatTimeUnit=t=>{if(1===this.timeValue[t].length)"0"!==this.timeValue[t]&&(this.timeValue[t]="0"+this.timeValue[t]);else if(this.timeValue[t].length>2&&"0"===this.timeValue[t][0]){const e=this.timeValue[t].substring(1);RegExp(s.a.noPrecedingZerosString).test(e)&&(this.timeValue[t]=e)}this.requestUpdate()},this.messageType=t=>t?"":"error",this.generateTimeBox=t=>{const e=(i=this.finalTwentyFourFormat,{[m.c.HOUR]:{type:"number",min:i?0:1,max:i?23:12},[m.c.MINUTE]:{type:"number",min:0,max:59},[m.c.SECOND]:{type:"number",min:0,max:59},[m.c.AM_PM]:{type:"text",min:void 0,max:void 0}})[t];var i;return a.html`
-        ${t===m.c.MINUTE||t===m.c.SECOND?a.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[83],{124:function(t,e,i){"use strict";i.r(e),i.d(e,"timeUnits",(function(){return b})),i.d(e,"timeSpecificity",(function(){return y})),i.d(e,"TimePicker",(function(){return v}));i(24);var o=i(1),a=i(6),r=i(8),s=i(19),n=i(5),m=i(0),l=i(3),c=i(4),h=i(2),u=i(12),d=m.css`.md-timepicker{padding-right:0;width:fit-content}.md-timepicker.twenty-four-hour-format{padding-right:0}.md-timepicker .time-input-box{display:inline-block;height:2rem;width:2.5rem}.md-timepicker .amPm-combo-box{display:inline-block;height:2rem;margin-left:.5rem;width:2.5rem;position:relative}.md-timepicker .amPm-combo-box::part(group){padding:0}.md-timepicker .amPm-combo-box::part(multiwrap-input){text-align:center;text-transform:uppercase;width:100%}.md-timepicker .amPm-combo-box::part(label){padding:0 .4375rem;width:100%}.md-timepicker .amPm-combo-box::part(combobox-option){padding-left:0;padding-right:0}.md-timepicker .amPm-combo-box::part(combobox-options){max-height:5rem;width:2.625rem;padding:0;position:absolute;overflow:visible}.md-timepicker md-input::part(input){padding:0;text-align:center}.md-timepicker md-input::part(message){display:none}.md-timepicker .colon-separator{color:var(--md-secondary-text-color,#545454);font-size:1.25rem;line-height:125%;margin:0 .25rem}`,p=function(t,e,i,o){var a,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};const b=[o.c.HOUR,o.c.MINUTE,o.c.SECOND,o.c.AM_PM],y=[o.c.HOUR,o.c.MINUTE,o.c.SECOND],g={[o.c.HOUR]:"HH",[o.c.MINUTE]:"MM",[o.c.SECOND]:"SS",[o.c.AM_PM]:"AM"};var v;!function(t){let e=class extends m.LitElement{constructor(){super(...arguments),this.twoDigitAutoTab=!1,this.twentyFourHourFormat=!1,this.timeSpecificity=o.c.SECOND,this.locale="en-US",this.value="00:00:00-08:00",this.localeTwentyFourFormat=!1,this.finalTwentyFourFormat=!1,this.timeObject=Object(r.n)(),this.tabNext=!1,this.timeValue={[o.c.HOUR]:"12",[o.c.MINUTE]:"00",[o.c.SECOND]:"00",[o.c.AM_PM]:"AM"},this.timeValidity={[o.c.HOUR]:!0,[o.c.MINUTE]:!0,[o.c.SECOND]:!0,[o.c.AM_PM]:!0},this.addLeadingZeros=t=>{if(t){if(0===t.length)return"00";if(1===t.length)return"0"+t}return t},this.formatAndValidate=(t,e)=>{if(t&&(this.updateValidity(t,e),this.timeValidity[e]))return this.addLeadingZeros(t)},this.getLocaleTimeFormat=t=>{const e=t.toFormat("tt"),[i,o]=e.split(" ");return!o},this.updateTimeValues=()=>{let t;t=this.finalTwentyFourFormat?this.timeObject.toFormat("HH:mm:ss"):this.timeObject.toFormat("tt");const[e,i]=t.split(" "),a=e.split(":");y.forEach(t=>{const e=this.formatAndValidate(a.shift(),t);e&&(t===o.c.HOUR&&i&&(this.timeValue[o.c.AM_PM]=i),this.timeValue[t]=e)})},this.updateValidity=(t,e)=>{let i=!0;const a=e=>{null===t.match(e)&&(i=!1)};switch(e){case o.c.HOUR:this.finalTwentyFourFormat?a(new RegExp(s.a.twentyFourHourString)):a(new RegExp(s.a.hourString));break;case o.c.MINUTE:case o.c.SECOND:a(new RegExp(s.a.minuteSecondString));break;case o.c.AM_PM:a(new RegExp(s.a.amPmString))}this.timeValidity[e]=i},this.to12HourFormat=(t,e)=>{if(!this.finalTwentyFourFormat&&this.timeValidity[o.c.HOUR]&&this.timeValidity[o.c.AM_PM]){let i=Number(e);return"PM"===t?i=12+i%12:i%=12,i}},this.isEntireTimeValid=()=>Object.values(this.timeValidity).every(t=>t),this.updateTimeUnit=t=>{var e,i,a;this.updateValidity(this.timeValue[t],t),this.timeObject&&this.timeValidity[t]&&(t!==o.c.AM_PM?this.timeObject=null===(e=this.timeObject)||void 0===e?void 0:e.set({[t]:this.timeValue[t]}):this.timeObject=null===(i=this.timeObject)||void 0===i?void 0:i.set({hour:this.to12HourFormat(this.timeValue[o.c.AM_PM],this.timeValue[o.c.HOUR])}),this.isEntireTimeValid()&&(this.timeObject=null===(a=this.timeObject)||void 0===a?void 0:a.set({hour:this.to12HourFormat(this.timeValue[o.c.AM_PM],this.timeValue[o.c.HOUR])}),this.value=this.timeObject.toISOTime({suppressMilliseconds:!0})||this.value,this.dispatchEvent(new CustomEvent("time-selection-change",{bubbles:!0,composed:!0,detail:{time:this.value,data:this.timeObject}}))))},this.formatTimeUnit=t=>{if(1===this.timeValue[t].length)"0"!==this.timeValue[t]&&(this.timeValue[t]="0"+this.timeValue[t]);else if(this.timeValue[t].length>2&&"0"===this.timeValue[t][0]){const e=this.timeValue[t].substring(1);RegExp(s.a.noPrecedingZerosString).test(e)&&(this.timeValue[t]=e)}this.requestUpdate()},this.messageType=t=>t?"":"error",this.generateTimeBox=t=>{const e=(i=this.finalTwentyFourFormat,{[o.c.HOUR]:{type:"number",min:i?0:1,max:i?23:12},[o.c.MINUTE]:{type:"number",min:0,max:59},[o.c.SECOND]:{type:"number",min:0,max:59},[o.c.AM_PM]:{type:"text",min:void 0,max:void 0}})[t];var i;return m.html`
+        ${t===o.c.MINUTE||t===o.c.SECOND?m.html`
               <span class="colon-separator">:</span>
             `:l.nothing}
         <md-input
@@ -9,8 +9,8 @@
           id="time-${b.findIndex(e=>e===t)+1}"
           value="${this.timeValue[t]}"
           type="${e.type}"
-          min=${Object(c.ifDefined)(e.min)}
-          max=${Object(c.ifDefined)(e.max)}
+          min=${Object(h.ifDefined)(e.min)}
+          max=${Object(h.ifDefined)(e.max)}
           maxLength=${2}
           placeholder="${g[t]}"
           @input-change="${e=>this.handleTimeChange(e,t)}"
@@ -20,24 +20,25 @@
           .ariaLabel="${t}-input"
           ariaInvalid="${!this.timeValidity[t]}"
         ></md-input>
-      `},this.generateAmPmComboBox=()=>{const t=["AM","PM"];return a.html`
+      `},this.generateAmPmComboBox=()=>{const t=["AM","PM"];return m.html`
         <md-combobox
           compact
           select-when-in-focus
           class="amPm-combo-box"
           .options=${t}
           .value=${[t[0]]}
-          .inputValue=${this.timeValue[m.c.AM_PM]}
-          .ariaLabel=${this.timeValue[m.c.AM_PM]}
-          @change-selected="${t=>this.handleTimeChange(t,m.c.AM_PM)}"
-        ></md-combobox>
-      `}}get timePickerClassMap(){return{"twenty-four-hour-format":this.finalTwentyFourFormat}}updated(t){if(super.updated(t),this.value&&(t.has("value")||t.has("locale")||t.has("twentyFourHourFormat"))){this.timeObject=h.DateTime.fromISO(this.value,{locale:this.locale});const t=this.getLocaleTimeFormat(this.timeObject);this.finalTwentyFourFormat=this.twentyFourHourFormat||t,this.value=this.timeObject.toISOTime({suppressMilliseconds:!0}),this.updateTimeValues()}}handleTimeChange(t,e){var i,o,a;this.timeValue[e]=null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.value,this.requestUpdate(),this.formatTimeUnit(e);const r=this.timeValue[e];if(this.twoDigitAutoTab&&this.tabNext&&(e!==m.c.AM_PM&&2===r.length&&"0"!==r[0]||"00"===r)){t.preventDefault();const e=null==t?void 0:t.target,i=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelectorAll("md-input, md-combobox");if(i){const t=Array.prototype.findIndex.call(i,t=>null==e?void 0:e.isEqualNode(t)),o=(t+1)%i.length;if(t<i.length-1){const t=null===(a=i[o].shadowRoot)||void 0===a?void 0:a.querySelector("input");null==t||t.focus()}}}else e===m.c.AM_PM&&this.updateTimeUnit(e);t.stopPropagation(),this.dispatchEvent(new CustomEvent(e+"-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:""+this.timeValue[e],isValid:this.timeValidity[e]}}))}handleTimeKeyDown(t,e){var i;const{key:o}=null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.srcEvent;o===m.b.ArrowDown||o===m.b.ArrowUp?this.tabNext=!1:this.tabNext=!0,this.timeValidity[e]=!0,this.requestUpdate(),t.stopPropagation(),this.dispatchEvent(new CustomEvent(e+"-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:""+this.timeValue[e]}}))}handleTimeBlur(t,e){"0"===this.timeValue[e]&&(this.timeValue[e]="00"),this.updateTimeUnit(e),this.requestUpdate(),t.stopPropagation(),this.dispatchEvent(new CustomEvent(e+"-blur",{bubbles:!0,composed:!0,detail:{srcEvent:t,time:this.value,isValid:this.timeValidity[e]}}))}static get styles(){return[r.a,n]}render(){return a.html`
-        <div class="md-timepicker ${Object(d.classMap)(this.timePickerClassMap)}">
+          .inputValue=${this.timeValue[o.c.AM_PM]}
+          .ariaLabel=${this.timeValue[o.c.AM_PM]}
+          @change-selected="${t=>this.handleTimeChange(t,o.c.AM_PM)}"
+        >
+        </md-combobox>
+      `}}get timePickerClassMap(){return{"twenty-four-hour-format":this.finalTwentyFourFormat}}updated(t){if(super.updated(t),this.value&&(t.has("value")||t.has("locale")||t.has("twentyFourHourFormat"))){this.timeObject=u.DateTime.fromISO(this.value,{locale:this.locale});const t=this.getLocaleTimeFormat(this.timeObject);this.finalTwentyFourFormat=this.twentyFourHourFormat||t,this.value=this.timeObject.toISOTime({suppressMilliseconds:!0}),this.updateTimeValues()}}handleTimeChange(t,e){var i,a,r;this.timeValue[e]=null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.value,this.requestUpdate(),this.formatTimeUnit(e);const s=this.timeValue[e];if(this.twoDigitAutoTab&&this.tabNext&&(e!==o.c.AM_PM&&2===s.length&&"0"!==s[0]||"00"===s)){t.preventDefault();const e=null==t?void 0:t.target,i=null===(a=this.shadowRoot)||void 0===a?void 0:a.querySelectorAll("md-input, md-combobox");if(i){const t=Array.prototype.findIndex.call(i,t=>null==e?void 0:e.isEqualNode(t)),o=(t+1)%i.length;if(t<i.length-1){const t=null===(r=i[o].shadowRoot)||void 0===r?void 0:r.querySelector("input");null==t||t.focus()}}}else e===o.c.AM_PM&&this.updateTimeUnit(e);t.stopPropagation(),this.dispatchEvent(new CustomEvent(e+"-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:""+this.timeValue[e],isValid:this.timeValidity[e]}}))}handleTimeKeyDown(t,e){var i;const{key:a}=null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.srcEvent;a===o.b.ArrowDown||a===o.b.ArrowUp?this.tabNext=!1:this.tabNext=!0,this.timeValidity[e]=!0,this.requestUpdate(),t.stopPropagation(),this.dispatchEvent(new CustomEvent(e+"-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:""+this.timeValue[e]}}))}handleTimeBlur(t,e){"0"===this.timeValue[e]&&(this.timeValue[e]="00"),this.updateTimeUnit(e),this.requestUpdate(),t.stopPropagation(),this.dispatchEvent(new CustomEvent(e+"-blur",{bubbles:!0,composed:!0,detail:{srcEvent:t,time:this.value,isValid:this.timeValidity[e]}}))}static get styles(){return[n.a,d]}render(){return m.html`
+        <div class="md-timepicker ${Object(c.classMap)(this.timePickerClassMap)}">
           <div class="time-inputs-wrapper">
-            ${this.generateTimeBox(m.c.HOUR)}
-            ${this.timeSpecificity===m.c.HOUR?l.nothing:this.generateTimeBox(m.c.MINUTE)}
-            ${this.timeSpecificity===m.c.MINUTE||this.timeSpecificity===m.c.HOUR?l.nothing:this.generateTimeBox(m.c.SECOND)}
+            ${this.generateTimeBox(o.c.HOUR)}
+            ${this.timeSpecificity===o.c.HOUR?l.nothing:this.generateTimeBox(o.c.MINUTE)}
+            ${this.timeSpecificity===o.c.MINUTE||this.timeSpecificity===o.c.HOUR?l.nothing:this.generateTimeBox(o.c.SECOND)}
             ${this.finalTwentyFourFormat?l.nothing:this.generateAmPmComboBox()}
           </div>
         </div>
-      `}};p([Object(a.property)({type:Boolean,attribute:"two-digit-auto-tab"})],e.prototype,"twoDigitAutoTab",void 0),p([Object(a.property)({type:Boolean,attribute:"twenty-four-hour-format",reflect:!0})],e.prototype,"twentyFourHourFormat",void 0),p([Object(a.property)({type:String})],e.prototype,"timeSpecificity",void 0),p([Object(a.property)({type:String})],e.prototype,"locale",void 0),p([Object(a.property)({type:String,reflect:!0})],e.prototype,"value",void 0),p([Object(a.internalProperty)()],e.prototype,"localeTwentyFourFormat",void 0),p([Object(a.internalProperty)()],e.prototype,"finalTwentyFourFormat",void 0),p([Object(a.internalProperty)()],e.prototype,"timeObject",void 0),p([Object(a.internalProperty)()],e.prototype,"tabNext",void 0),p([Object(a.internalProperty)()],e.prototype,"timeValue",void 0),p([Object(a.internalProperty)()],e.prototype,"timeValidity",void 0),e=p([Object(o.a)("md-timepicker")],e),t.ELEMENT=e}(v||(v={}))}}]);
+      `}};p([Object(m.property)({type:Boolean,attribute:"two-digit-auto-tab"})],e.prototype,"twoDigitAutoTab",void 0),p([Object(m.property)({type:Boolean,attribute:"twenty-four-hour-format",reflect:!0})],e.prototype,"twentyFourHourFormat",void 0),p([Object(m.property)({type:String})],e.prototype,"timeSpecificity",void 0),p([Object(m.property)({type:String})],e.prototype,"locale",void 0),p([Object(m.property)({type:String,reflect:!0})],e.prototype,"value",void 0),p([Object(m.internalProperty)()],e.prototype,"localeTwentyFourFormat",void 0),p([Object(m.internalProperty)()],e.prototype,"finalTwentyFourFormat",void 0),p([Object(m.internalProperty)()],e.prototype,"timeObject",void 0),p([Object(m.internalProperty)()],e.prototype,"tabNext",void 0),p([Object(m.internalProperty)()],e.prototype,"timeValue",void 0),p([Object(m.internalProperty)()],e.prototype,"timeValidity",void 0),e=p([Object(a.a)("md-timepicker")],e),t.ELEMENT=e}(v||(v={}))}}]);

package/dist/types/components/button/Button.d.ts

@@ -11,7 +11,7 @@ export declare const buttonSize: readonly ["20", "28", "32", "36", "40", "44", "
 export declare const buttonTag: readonly ["button", "input", "a"];
 export declare const buttonType: readonly ["button", "reset", "submit"];
 export declare const buttonRoles: readonly ["button", "checkbox", "link", "menuitem", "menuitemcheckbox", "menuitemradio", "option", "radio", "switch", "tab"];
-export declare const buttonVariant: readonly ["primary", "secondary", "red", "green", "ghost", "white", "darkGrey", "promotional", "available", "unavailable", "engaged", "idle"];
+export declare const buttonVariant: readonly ["primary", "secondary", "red", "green", "ghost", "white", "darkGrey", "promotional", "tab", "available", "unavailable", "engaged", "idle"];
 export declare const buttonColor: readonly ["blue", "red", "green", "orange", "yellow", "mint", "purple", "pink", "cyan", "white", "dark-gray", "duck-egg", "violet", "color-none", ""];
 export declare const buttonAriaLive: readonly ["", "off", "polite", "assertive"];
 export declare namespace Button {
@@ -74,6 +74,7 @@ export declare namespace Button {
         maxWidth: string;
         activityType: string;
         iconActive: boolean;
+        isActive: boolean;
         clickFunction: Function | null;
         button: HTMLButtonElement;
         renderWidth: () => {};
@@ -89,6 +90,7 @@ export declare namespace Button {
             "md-button--outline": boolean;
             active: boolean;
             disabled: boolean;
+            isActive: boolean;
             "md-activity": boolean;
             "md-button--icon": boolean;
             "md-button--onlyicon": boolean;

package/dist/types/components/timepicker/TimePicker.d.ts

@@ -1,7 +1,7 @@
-import { LitElement, PropertyValues } from "lit-element";
 import "@/components/input/Input";
-import { TIME_UNIT } from "../../constants";
+import { LitElement, PropertyValues } from "lit-element";
 import { DateTime } from "luxon";
+import { TIME_UNIT } from "../../constants";
 export declare const timeUnits: readonly [TIME_UNIT.HOUR, TIME_UNIT.MINUTE, TIME_UNIT.SECOND, TIME_UNIT.AM_PM];
 export declare const timeSpecificity: TIME_UNIT[];
 export declare namespace TimePicker {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "2.12.0-dev",
+  "version": "2.12.1",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",
@@ -23,7 +23,7 @@
     "papaparse": "^5.3.0",
     "sortablejs": "^1.13.0",
     "lit-virtualizer": "0.4.2",
-    "@momentum-design/tokens": "0.0.58"
+    "@momentum-design/tokens": "0.0.59"
   },
   "peerDependencies": {
     "@momentum-ui/core": "19.16.0",