@aquera/nile-elements 0.0.42-2 → 0.0.43

package/dist/nile-calendar/nile-calendar.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";import{query as e,customElement as s}from"lit/decorators.js";import{s as n}from"./nile-calendar.css.esm.js";import{w as a}from"../internal/watch.esm.js";import{N as l}from"../internal/nile-element.esm.js";import"../nile-popup/nile-popup.esm.js";import{n as h}from"../property-09139d3c.esm.js";import"lit";import"lit/directives/class-map.js";import"../nile-popup/nile-popup.css.esm.js";let r=class extends l{constructor(){super(...arguments),this.currentMonth=(new Date).getMonth(),this.currentYear=(new Date).getFullYear(),this.dropDownOpened=!1,this.valueAttribute=null,this.formattedDate=null,this.startDate=null,this.endDate=null,this.isSelectingStart=!0,this.range=!1,this.type="absolute",this.selectedTimeZone="local"}static get styles(){return[n]}valueChanged(){if(this.range&&this.value)return this.rangeValue=this.value,void(this.value=null);if(this.value&&!isNaN(this.value.getTime())){const t=this.value.getTimezoneOffset(),i=new Date(this.value.getTime()-60*t*1e3);isNaN(i.getTime())||(this.valueAttribute=i.toISOString().split("T")[0],this.formattedDate=`${String(i.getDate()).padStart(2,"0")}/${String(i.getMonth()+1).padStart(2,"0")}/${i.getFullYear()}`)}}updated(t){if(super.updated(t),t.has("valueAttribute")){const t=new Date(this.valueAttribute||"");if(!isNaN(t.getTime())){const i=t.getTimezoneOffset();this.value=new Date(t.getTime()-60*i*1e3),this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear()}}}static get observedAttributes(){return["value","range"]}attributeChangedCallback(t,i,e){"value"===t?(this.valueAttribute=e,this.initializeValue()):"range"===t&&(this.range=null!==e)}initializeValue(){if(this.range)try{const t=JSON.parse(this.valueAttribute||"");this.startDate=new Date(t.startDate),this.endDate=new Date(t.endDate),this.startDate=new Date(this.startDate.getTime()),this.endDate=new Date(this.endDate.getTime()),this.rangeValue={startDate:this.startDate,endDate:this.endDate},this.value=null}catch(t){}else if(this.valueAttribute){let t;t=new Date(this.valueAttribute),t=new Date(t.getTime()-6e4*t.getTimezoneOffset()),isNaN(t.getTime())||(this.value=t,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear(),this.rangeValue=null)}this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.initializeValue(),this.valueAttribute){const t=new Date(this.valueAttribute);isNaN(t.getTime())||(this.value=t,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear())}this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}getDaysArray(t,i){const e=new Date(t,i+1,0).getDate();return Array.from({length:e},((t,i)=>i+1))}nextMonth(){11===this.currentMonth?(this.currentMonth=0,this.currentYear++):this.currentMonth++,this.requestUpdate()}prevMonth(){0===this.currentMonth?(this.currentMonth=11,this.currentYear--):this.currentMonth--,this.requestUpdate()}selectDate(t,i,e){const s=new Date(e,i,t);if(this.range)if(this.startDate&&this.endDate&&(this.startDate=null,this.endDate=null),this.isSelectingStart)this.startDate=s,this.endDate&&s>this.endDate&&(this.endDate=null),this.isSelectingStart=!1;else if(this.isSelectingStart=!0,this.startDate&&s<this.startDate)this.startDate=s,this.endDate=null,this.isSelectingStart=!1;else{const t=s;t.setHours(23,59,59,999),this.endDate=t}else this.value=s,this.emit("nile-changed",{value:this.value}),this.dropdown&&this.dropdown.hide();this.requestUpdate()}confimRange(){this.startDate&&this.endDate&&("local"!==this.selectedTimeZone&&(this.startDate=this.convertTZ(this.startDate,this.selectedTimeZone),this.endDate=this.convertTZ(this.endDate,this.selectedTimeZone)),this.emit("nile-changed",{startDate:this.startDate,endDate:this.endDate}),this.dropdown&&this.dropdown.hide(),this.rangeValue={startDate:this.startDate,endDate:this.endDate})}convertTZ(t,i){return new Date(("string"==typeof t?new Date(t):t).toLocaleString("en-US",{timeZone:i}))}isCurrentDate(t,i,e){const s=new Date;return t===s.getDate()&&i+1===s.getMonth()+1&&e===s.getFullYear()}renderMonth(t,e,s){const n=new Date(t,e,1).getDay(),a=new Date(t,e+1,0).getDay(),l=this.getDaysArray(0===e?t-1:t,0===e?11:e-1),h=this.getDaysArray(11===e?t+1:t,11===e?0:e+1),r=l.slice(l.length-n),d=h.slice(0,6-a),o=[...r,...s,...d],u=(t,i,e,s)=>{if(!s)return"";if(!this.range&&this.value){if(t===this.value.getDate()&&i===this.value.getMonth()&&e===this.value.getFullYear())return"selected-date"}const n=this.startDate&&t===this.startDate.getDate()&&i===this.startDate.getMonth()&&e===this.startDate.getFullYear(),a=this.endDate&&t===this.endDate.getDate()&&i===this.endDate.getMonth()&&e===this.endDate.getFullYear();return n?"range-start":a?"range-end":""},c=(t,i,e,s)=>{if(!s)return!1;if(this.startDate&&this.endDate){const s=new Date(e,i,t);return s>=this.startDate&&s<=this.endDate}return!1};return i`
+import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";import{query as e,customElement as s}from"lit/decorators.js";import{s as n}from"./nile-calendar.css.esm.js";import{w as a}from"../internal/watch.esm.js";import{N as l}from"../internal/nile-element.esm.js";import"../nile-popup/nile-popup.esm.js";import{n as h}from"../property-09139d3c.esm.js";import"lit";import"lit/directives/class-map.js";import"../nile-popup/nile-popup.css.esm.js";let r=class extends l{constructor(){super(...arguments),this.currentMonth=(new Date).getMonth(),this.currentYear=(new Date).getFullYear(),this.dropDownOpened=!1,this.valueAttribute=null,this.formattedDate=null,this.startDate=null,this.endDate=null,this.isSelectingStart=!0,this.range=!1,this.type="absolute",this.selectedTimeZone="local"}static get styles(){return[n]}valueChanged(){if(this.range&&this.value)return this.rangeValue=this.value,void(this.value=null);if(this.value&&!isNaN(this.value.getTime())){const t=this.value.getTimezoneOffset(),i=new Date(this.value.getTime()-60*t*1e3);isNaN(i.getTime())||(this.valueAttribute=i.toISOString().split("T")[0],this.formattedDate=`${String(i.getDate()).padStart(2,"0")}/${String(i.getMonth()+1).padStart(2,"0")}/${i.getFullYear()}`)}}updated(t){if(super.updated(t),t.has("valueAttribute")){const t=new Date(this.valueAttribute||"");if(!isNaN(t.getTime())){const i=t.getTimezoneOffset();this.value=new Date(t.getTime()-60*i*1e3),this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear()}}}static get observedAttributes(){return["value","range"]}attributeChangedCallback(t,i,e){"value"===t?(this.valueAttribute=e,this.initializeValue()):"range"===t&&(this.range=null!==e)}initializeValue(){if(this.range)try{const t=JSON.parse(this.valueAttribute||"");this.startDate=new Date(t.startDate),this.endDate=new Date(t.endDate),this.startDate=new Date(this.startDate.getTime()),this.endDate=new Date(this.endDate.getTime()),this.rangeValue={startDate:this.startDate,endDate:this.endDate},this.value=null}catch(t){}else if(this.valueAttribute){let t;t=new Date(this.valueAttribute),t=new Date(t.getTime()-6e4*t.getTimezoneOffset()),isNaN(t.getTime())||(this.value=t,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear(),this.rangeValue=null)}this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.initializeValue(),this.valueAttribute){const t=new Date(this.valueAttribute);isNaN(t.getTime())||(this.value=t,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear())}this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}getDaysArray(t,i){const e=new Date(t,i+1,0).getDate();return Array.from({length:e},((t,i)=>i+1))}nextMonth(){11===this.currentMonth?(this.currentMonth=0,this.currentYear++):this.currentMonth++,this.requestUpdate()}prevMonth(){0===this.currentMonth?(this.currentMonth=11,this.currentYear--):this.currentMonth--,this.requestUpdate()}selectDate(t,i,e){const s=new Date(e,i,t);if(this.range)if(this.startDate&&this.endDate&&(this.startDate=null,this.endDate=null),this.isSelectingStart)this.startDate=s,this.endDate&&s>this.endDate&&(this.endDate=null),this.isSelectingStart=!1;else if(this.isSelectingStart=!0,this.startDate&&s<this.startDate)this.startDate=s,this.endDate=null,this.isSelectingStart=!1;else{const t=s;t.setHours(23,59,59,999),this.endDate=t}else this.value=s,this.emit("nile-changed",{value:this.value}),this.dropdown&&this.dropdown.hide();this.requestUpdate()}confimRange(){this.startDate&&this.endDate&&("local"!==this.selectedTimeZone&&(this.startDate=this.convertTZ(this.startDate,this.selectedTimeZone),this.endDate=this.convertTZ(this.endDate,this.selectedTimeZone)),this.emit("nile-changed",{startDate:this.startDate,endDate:this.endDate}),this.dropdown&&this.dropdown.hide(),this.rangeValue={startDate:this.startDate,endDate:this.endDate})}convertTZ(t,i){return new Date(("string"==typeof t?new Date(t):t).toLocaleString("en-US",{timeZone:i}))}isCurrentDate(t,i,e){const s=new Date;return t===s.getDate()&&i+1===s.getMonth()+1&&e===s.getFullYear()}renderMonth(t,e,s){const n=new Date(t,e,1).getDay(),a=new Date(t,e+1,0).getDay(),l=this.getDaysArray(0===e?t-1:t,0===e?11:e-1),h=this.getDaysArray(11===e?t+1:t,11===e?0:e+1),r=l.slice(l.length-n),d=h.slice(0,6-a),u=[...r,...s,...d],o=(t,i,e,s)=>{if(!s)return"";if(!this.range&&this.value){if(t===this.value.getDate()&&i===this.value.getMonth()&&e===this.value.getFullYear())return"selected-date"}const n=this.startDate&&t===this.startDate.getDate()&&i===this.startDate.getMonth()&&e===this.startDate.getFullYear(),a=this.endDate&&t===this.endDate.getDate()&&i===this.endDate.getMonth()&&e===this.endDate.getFullYear();return n?"range-start":a?"range-end":""},c=(t,i,e,s)=>{if(!s)return!1;if(this.startDate&&this.endDate){const s=new Date(e,i,t);return s>=this.startDate&&s<=this.endDate}return!1};return i`
       <div class="calendar">
         <div class="calendar-header">
           <nile-icon
@@ -20,7 +20,7 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
           >
           </nile-icon>
         </div>
-        <div class="header-divider"> </div>
+        <div class="header-divider"></div>
         <div class="day-names">
           <div class="day">Sun</div>
           <div class="day">Mon</div>
@@ -31,8 +31,8 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
           <div class="day">Sat</div>
         </div>
         <div class="days">
-          ${o.map(((n,a)=>{const l=a>=r.length&&a<r.length+s.length;return i` <div
-              class="day ${u(n,e,t,l)} ${c(n,e,t,l)?"in-range":""} ${l?"":"filler"}
+          ${u.map(((n,a)=>{const l=a>=r.length&&a<r.length+s.length;return i` <div
+              class="day ${o(n,e,t,l)} ${c(n,e,t,l)?"in-range":""} ${l?"":"filler"}
                 ${this.isCurrentDate(n,e,t)&&l?"current-date":""}
                 "
               @click="${()=>{l&&this.selectDate(n,e,t)}}"
@@ -59,19 +59,18 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
               <nile-tab slot="nav" panel="relative">Relative</nile-tab>
             </nile-tab-group>
           </div>
-
         </div>
 
         <div class="calendar-timezone ${this.range?"":"hidden"}">
-            <nile-select
-              hoist
-              value=${this.selectedTimeZone}
-              @nile-change=${this.handleTimeZoneChange}
-            >
-              <nile-option value="local">Local Time Zone</nile-option>
-              <nile-option value="UTC">UTC</nile-option>
-            </nile-select>
-          </div>
+          <nile-select
+            hoist
+            value=${this.selectedTimeZone}
+            @nile-change=${this.handleTimeZoneChange}
+          >
+            <nile-option value="local">Local Time Zone</nile-option>
+            <nile-option value="UTC">UTC</nile-option>
+          </nile-select>
+        </div>
 
         <div
           class="calendar-wrapper  ${"absolute"!==this.type?"hidden":""}"
@@ -84,14 +83,14 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
         <div class="unit-container ${"relative"!==this.type?"hidden":""}">
           <div class="time-unit-group">
             <div class="time-unit-name"><span>Minutes</span></div>
-            <div class="time-unit-value">
-              ${this.renderTimeValues("minutes",[1,3,5,15,30,45])}
+            <div class="time-unit-value minute-values">
+              ${this.renderTimeValues("minutes",[1,5,15,30,45])}
             </div>
           </div>
 
           <div class="time-unit-group">
             <div class="time-unit-name"><span>Hours</span></div>
-            <div class="time-unit-value">
+            <div class="time-unit-value hours-values">
               ${this.renderTimeValues("hours",[1,2,3,6,8,12])}
             </div>
           </div>
@@ -105,14 +104,14 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
 
           <div class="time-unit-group">
             <div class="time-unit-name"><span>Weeks</span></div>
-            <div class="time-unit-value">
+            <div class="time-unit-value weeks-values ">
               ${this.renderTimeValues("weeks",[1,2,4,6])}
             </div>
           </div>
 
           <div class="time-unit-group">
             <div class="time-unit-name"><span>Months:</span></div>
-            <div class="time-unit-value">
+            <div class="time-unit-value months-values ">
               ${this.renderTimeValues("months",[3,6,12,15])}
             </div>
           </div>
@@ -121,10 +120,10 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
         ${this.range&&"relative"===this.type?i`
           <div class="calender-input calender-input--relative">
             <div class="unit-input-container">
-              <nile-input class="manual-input" label="Duration"  value="${this.selectedValue}"
+              <nile-input class="manual-input duration-input" label="Duration"  value="${this.selectedValue}"
               @nile-input="${this.handleDurationChange}"
               placeholder="Enter Value" ></nile-input>
-              <nile-select class="manual-input"  label="Unit of time" style="margin-top:3px" value="${this.selectedUnit}"
+              <nile-select class="manual-input  time-input"  label="Unit of time" style="margin-top:3px" value="${this.selectedUnit}"
               @nile-change="${this.handleUnitChange}"
               >
                 <nile-option value="minutes"> Minutes </nile-option>
@@ -132,12 +131,12 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
                 <nile-option value="days"> Days </nile-option>
                 <nile-option value="weeks"> Weeks </nile-option>
                 <nile-option value="months"> Months </nile-option>
-          </nile-select>
+              </nile-select>
 
             </div>
 
           <div class="button-container--relative">
-            <nile-button class="apply-button"  ?disabled="${!this.startDate||!this.endDate}"  @click="${this.confimRange}"> Apply</nile-button>
+            <nile-button class="apply-button" variant="primary"  ?disabled="${!this.startDate||!this.endDate}"  @click="${this.confimRange}"> Apply</nile-button>
             </div>
 
 

package/dist/nile-chip/nile-chip.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n    font-family: inherit;\n  }\n\n  .nile-chip {\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n    font-family: inherit;\n  }\n\n  .nile-chip {\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-chip.css.cjs.js.map

package/dist/nile-chip/nile-chip.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-chip.css.cjs.js","sources":["../../../src/nile-chip/nile-chip.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Chip CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n    font-family: inherit;\n  }\n\n  .nile-chip {\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-chip.css.cjs.js","sources":["../../../src/nile-chip/nile-chip.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Chip CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n    font-family: inherit;\n  }\n\n  .nile-chip {\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-chip/nile-chip.css.esm.js

@@ -27,7 +27,7 @@ import{i as o}from"../index-cd2f9c12.esm.js";const r=o`
     color: inherit;
     margin-bottom: 12px;
     color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;

package/dist/nile-error-notification/nile-error-notification.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){r=_index001CjsJs.i;}],execute:function(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .nile-error-notification {\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: 4px;\n    padding: 8px;\n    background: var(--nile-colors-neutral-100);\n    color: var(--nile-colors-red-500);\n    box-sizing: border-box;\n  }\n\n  .nile-error-notification__icon {\n    vertical-align: middle;\n    margin-right: 4px;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){r=_index001CjsJs.i;}],execute:function(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .nile-error-notification {\n    font-family: var(--nile-font-family-serif);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: 4px;\n    padding: 8px;\n    background: var(--nile-colors-neutral-100);\n    color: var(--nile-colors-red-500);\n    box-sizing: border-box;\n  }\n\n  .nile-error-notification__icon {\n    vertical-align: middle;\n    margin-right: 4px;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-error-notification.css.cjs.js.map

package/dist/nile-error-notification/nile-error-notification.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-error-notification.css.cjs.js","sources":["../../../src/nile-error-notification/nile-error-notification.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * ErrorNotification CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-error-notification {\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: 4px;\n    padding: 8px;\n    background: var(--nile-colors-neutral-100);\n    color: var(--nile-colors-red-500);\n    box-sizing: border-box;\n  }\n\n  .nile-error-notification__icon {\n    vertical-align: middle;\n    margin-right: 4px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-error-notification.css.cjs.js","sources":["../../../src/nile-error-notification/nile-error-notification.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * ErrorNotification CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-error-notification {\n    font-family: var(--nile-font-family-serif);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: 4px;\n    padding: 8px;\n    background: var(--nile-colors-neutral-100);\n    color: var(--nile-colors-red-500);\n    box-sizing: border-box;\n  }\n\n  .nile-error-notification__icon {\n    vertical-align: middle;\n    margin-right: 4px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-error-notification/nile-error-notification.css.esm.js

@@ -3,7 +3,7 @@ import{i as r}from"../index-cd2f9c12.esm.js";const o=r`
   }
 
   .nile-error-notification {
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 12px;
     font-style: normal;
     font-weight: 400;

package/dist/nile-form-error-message/nile-form-error-message.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .nile-form-error-message {\n    display: flex;\n    align-items: center;\n    color: var(--nile-colors-red-700);\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n  }\n\n  .nile-form-error-message__icon {\n    margin-right: 6px;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .nile-form-error-message {\n    display: flex;\n    align-items: center;\n    color: var(--nile-colors-red-700);\n    font-family: var(--nile-font-family-serif);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n  }\n\n  .nile-form-error-message__icon {\n    margin-right: 6px;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-form-error-message.css.cjs.js.map

package/dist/nile-form-error-message/nile-form-error-message.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-error-message.css.cjs.js","sources":["../../../src/nile-form-error-message/nile-form-error-message.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * FormErrorMessage CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-form-error-message {\n    display: flex;\n    align-items: center;\n    color: var(--nile-colors-red-700);\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n  }\n\n  .nile-form-error-message__icon {\n    margin-right: 6px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-form-error-message.css.cjs.js","sources":["../../../src/nile-form-error-message/nile-form-error-message.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * FormErrorMessage CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-form-error-message {\n    display: flex;\n    align-items: center;\n    color: var(--nile-colors-red-700);\n    font-family: var(--nile-font-family-serif);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n  }\n\n  .nile-form-error-message__icon {\n    margin-right: 6px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-form-error-message/nile-form-error-message.css.esm.js

@@ -6,7 +6,7 @@ import{i as e}from"../index-cd2f9c12.esm.js";const r=e`
     display: flex;
     align-items: center;
     color: var(--nile-colors-red-700);
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 12px;
     font-style: normal;
     font-weight: 400;

package/dist/nile-form-help-text/nile-form-help-text.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\n\t}\n\n  .nile-form-help-text {\n    display: flex;\n    align-items: center;\n    color: var(--nile-colors-dark-500);\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n    margin-right: 4px;\n    width: auto;\n  }\n\n  .nile-form-help-text__more-button {\n    display: inline-flex;\n    gap: 4px;\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n    white-space: nowrap;\n    align-items: center\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\n\t}\n\n  .nile-form-help-text {\n    display: flex;\n    align-items: center;\n    color: var(--nile-colors-dark-500);\n    font-family: var(--nile-font-family-serif);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n    margin-right: 4px;\n    width: auto;\n  }\n\n  .nile-form-help-text__more-button {\n    display: inline-flex;\n    gap: 4px;\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n    white-space: nowrap;\n    align-items: center\n  }\n"]))));}};});
 //# sourceMappingURL=nile-form-help-text.css.cjs.js.map

package/dist/nile-form-help-text/nile-form-help-text.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-help-text.css.cjs.js","sources":["../../../src/nile-form-help-text/nile-form-help-text.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * FormHelpText CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n\n  .nile-form-help-text {\n    display: flex;\n    align-items: center;\n    color: var(--nile-colors-dark-500);\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n    margin-right: 4px;\n    width: auto;\n  }\n\n  .nile-form-help-text__more-button {\n    display: inline-flex;\n    gap: 4px;\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n    white-space: nowrap;\n    align-items: center\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-form-help-text.css.cjs.js","sources":["../../../src/nile-form-help-text/nile-form-help-text.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * FormHelpText CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n\n  .nile-form-help-text {\n    display: flex;\n    align-items: center;\n    color: var(--nile-colors-dark-500);\n    font-family: var(--nile-font-family-serif);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n    margin-right: 4px;\n    width: auto;\n  }\n\n  .nile-form-help-text__more-button {\n    display: inline-flex;\n    gap: 4px;\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n    white-space: nowrap;\n    align-items: center\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-form-help-text/nile-form-help-text.css.esm.js

@@ -1,4 +1,4 @@
-import{i as e}from"../index-cd2f9c12.esm.js";const t=e`
+import{i as e}from"../index-cd2f9c12.esm.js";const i=e`
 	:host {
 
 	}
@@ -7,7 +7,7 @@ import{i as e}from"../index-cd2f9c12.esm.js";const t=e`
     display: flex;
     align-items: center;
     color: var(--nile-colors-dark-500);
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
@@ -26,4 +26,4 @@ import{i as e}from"../index-cd2f9c12.esm.js";const t=e`
     white-space: nowrap;
     align-items: center
   }
-`;export{t as s};
+`;export{i as s};

package/dist/nile-input/nile-input.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: #A4121C;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: #7F7F7F;\n    margin-top: 6px;\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: #A4121C;\n    margin-top: 12px;\n    font-size: 12px;\n    font-style: normal;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 10.24px;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-weight: 400;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n    box-sizing: border-box;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    line-height: 14px;\n    letter-spacing: 0.2px;  }\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: hsl(0, 0%, 100%);\n    border: solid 1px #c7ced4;\n  }\n\n  .input--standard:hover:not(.input--disabled) {\n    background-color: hsl(0, 0%, 100%);\n    border-color: #000;\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: hsl(0, 0%, 100%);\n    border-color: #005ea6;\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--standard.input--disabled {\n    background-color: #fff;\n    border-color: #c7ced4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color: hsl(240 5.9% 10%);\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input--standard.input--warning {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .input--standard.input--error {\n    border-color: #e5434d;\n  }\n\n  .input--standard.input--success {\n    border-color: #43e5c0;\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: hsl(240 4.8% 95.9%);\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: hsl(240 4.8% 95.9%);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: hsl(240 4.8% 95.9%);\n    outline: solid 3px hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .input--filled.input--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 100%;\n    border: none;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    margin: 0;\n    cursor: inherit;\n    -webkit-appearance: none;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: hsl(240 3.8% 46.1%);\n    user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix::slotted(nile-icon) {\n    color: hsl(240 3.8% 46.1%);\n  }\n\n  .input__suffix::slotted(nile-icon) {\n    color: hsl(240 3.8% 46.1%);\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: 0.25rem;\n    font-size: 0.875rem;\n    height: 1.875rem;\n  }\n\n  .input--small .input__control {\n    height: calc(1.875rem);\n    padding: 0 0.75rem;\n  }\n\n  .input--small .input__clear {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__password-toggle {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__prefix::slotted(*) {\n    margin-inline-start: 0.75rem;\n  }\n\n  .input--small .input__suffix::slotted(*) {\n    margin-inline-end: 0.75rem;\n  }\n\n  .input--medium {\n    border-radius: 0.25rem;\n    font-size: 1rem;\n    height: 38px;\n  }\n\n  .input--medium .input__control {\n    height: 14px;\n    padding: 12px;\n  }\n\n  .input--medium .input__clear {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__password-toggle {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__prefix::slotted(*) {\n    margin-inline-start: 12px;\n  }\n\n  .input--medium .input__suffix::slotted(*) {\n    margin-inline-end: 12px;\n  }\n\n  .input--large {\n    border-radius: 0.25rem;\n    font-size: 1.25rem;\n    height: 3.125rem;\n  }\n\n  .input--large .input__control {\n    height: calc(3.125rem - 1px * 2);\n    padding: 0 1.25rem;\n  }\n\n  .input--large .input__clear {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__password-toggle {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__prefix::slotted(*) {\n    margin-inline-start: 1.25rem;\n  }\n\n  .input--large .input__suffix::slotted(*) {\n    margin-inline-end: 1.25rem;\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius: 1.875rem;\n  }\n\n  .input--pill.input--medium {\n    border-radius: 2.5rem;\n  }\n\n  .input--pill.input--large {\n    border-radius: 3.125rem;\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: hsl(240 3.8% 46.1%);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: hsl(240 3.8% 46.1%);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input__password-toggle:hover {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  .input--empty .input__clear {\n    visibility: hidden;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  :host([no-border]) .input--standard {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard:hover:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  .input__password {\n    font-family: 'disc';\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: #A4121C;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: #7F7F7F;\n    margin-top: 6px;\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: #A4121C;\n    margin-top: 12px;\n    font-size: 12px;\n    font-style: normal;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 10.24px;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-weight: 400;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n    box-sizing: border-box;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    line-height: 14px;\n    letter-spacing: 0.2px;  }\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: hsl(0, 0%, 100%);\n    border: solid 1px #c7ced4;\n  }\n\n  .input--standard:hover:not(.input--disabled) {\n    background-color: hsl(0, 0%, 100%);\n    border-color: #000;\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: hsl(0, 0%, 100%);\n    border-color: #005ea6;\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--standard.input--disabled {\n    background-color: #fff;\n    border-color: #c7ced4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color: hsl(240 5.9% 10%);\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input--standard.input--warning {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .input--standard.input--error {\n    border-color: #e5434d;\n  }\n\n  .input--standard.input--success {\n    border-color: #43e5c0;\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: hsl(240 4.8% 95.9%);\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: hsl(240 4.8% 95.9%);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: hsl(240 4.8% 95.9%);\n    outline: solid 3px hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .input--filled.input--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 100%;\n    border: none;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    margin: 0;\n    cursor: inherit;\n    -webkit-appearance: none;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: hsl(240 3.8% 46.1%);\n    user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix::slotted(nile-icon) {\n    color: hsl(240 3.8% 46.1%);\n  }\n\n  .input__suffix::slotted(nile-icon) {\n    color: hsl(240 3.8% 46.1%);\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: 0.25rem;\n    font-size: 0.875rem;\n    height: 1.875rem;\n  }\n\n  .input--small .input__control {\n    height: calc(1.875rem);\n    padding: 0 0.75rem;\n  }\n\n  .input--small .input__clear {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__password-toggle {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__prefix::slotted(*) {\n    margin-inline-start: 0.75rem;\n  }\n\n  .input--small .input__suffix::slotted(*) {\n    margin-inline-end: 0.75rem;\n  }\n\n  .input--medium {\n    border-radius: 0.25rem;\n    font-size: 1rem;\n    height: 38px;\n  }\n\n  .input--medium .input__control {\n    height: 14px;\n    padding: 12px;\n  }\n\n  .input--medium .input__clear {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__password-toggle {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__prefix::slotted(*) {\n    margin-inline-start: 12px;\n  }\n\n  .input--medium .input__suffix::slotted(*) {\n    margin-inline-end: 12px;\n  }\n\n  .input--large {\n    border-radius: 0.25rem;\n    font-size: 1.25rem;\n    height: 3.125rem;\n  }\n\n  .input--large .input__control {\n    height: calc(3.125rem - 1px * 2);\n    padding: 0 1.25rem;\n  }\n\n  .input--large .input__clear {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__password-toggle {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__prefix::slotted(*) {\n    margin-inline-start: 1.25rem;\n  }\n\n  .input--large .input__suffix::slotted(*) {\n    margin-inline-end: 1.25rem;\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius: 1.875rem;\n  }\n\n  .input--pill.input--medium {\n    border-radius: 2.5rem;\n  }\n\n  .input--pill.input--large {\n    border-radius: 3.125rem;\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: hsl(240 3.8% 46.1%);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: hsl(240 3.8% 46.1%);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input__password-toggle:hover {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  .input--empty .input__clear {\n    visibility: hidden;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  :host([no-border]) .input--standard {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard:hover:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  .input__password {\n    font-family: 'disc';\n  }\n"]))));}};});
 //# sourceMappingURL=nile-input.css.cjs.js.map

package/dist/nile-input/nile-input.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-input.css.cjs.js","sources":["../../../src/nile-input/nile-input.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Input CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: #A4121C;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: #7F7F7F;\n    margin-top: 6px;\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: #A4121C;\n    margin-top: 12px;\n    font-size: 12px;\n    font-style: normal;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 10.24px;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-weight: 400;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n    box-sizing: border-box;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    line-height: 14px;\n    letter-spacing: 0.2px;  }\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: hsl(0, 0%, 100%);\n    border: solid 1px #c7ced4;\n  }\n\n  .input--standard:hover:not(.input--disabled) {\n    background-color: hsl(0, 0%, 100%);\n    border-color: #000;\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: hsl(0, 0%, 100%);\n    border-color: #005ea6;\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--standard.input--disabled {\n    background-color: #fff;\n    border-color: #c7ced4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color: hsl(240 5.9% 10%);\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input--standard.input--warning {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .input--standard.input--error {\n    border-color: #e5434d;\n  }\n\n  .input--standard.input--success {\n    border-color: #43e5c0;\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: hsl(240 4.8% 95.9%);\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: hsl(240 4.8% 95.9%);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: hsl(240 4.8% 95.9%);\n    outline: solid 3px hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .input--filled.input--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 100%;\n    border: none;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    margin: 0;\n    cursor: inherit;\n    -webkit-appearance: none;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: hsl(240 3.8% 46.1%);\n    user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix::slotted(nile-icon) {\n    color: hsl(240 3.8% 46.1%);\n  }\n\n  .input__suffix::slotted(nile-icon) {\n    color: hsl(240 3.8% 46.1%);\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: 0.25rem;\n    font-size: 0.875rem;\n    height: 1.875rem;\n  }\n\n  .input--small .input__control {\n    height: calc(1.875rem);\n    padding: 0 0.75rem;\n  }\n\n  .input--small .input__clear {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__password-toggle {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__prefix::slotted(*) {\n    margin-inline-start: 0.75rem;\n  }\n\n  .input--small .input__suffix::slotted(*) {\n    margin-inline-end: 0.75rem;\n  }\n\n  .input--medium {\n    border-radius: 0.25rem;\n    font-size: 1rem;\n    height: 38px;\n  }\n\n  .input--medium .input__control {\n    height: 14px;\n    padding: 12px;\n  }\n\n  .input--medium .input__clear {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__password-toggle {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__prefix::slotted(*) {\n    margin-inline-start: 12px;\n  }\n\n  .input--medium .input__suffix::slotted(*) {\n    margin-inline-end: 12px;\n  }\n\n  .input--large {\n    border-radius: 0.25rem;\n    font-size: 1.25rem;\n    height: 3.125rem;\n  }\n\n  .input--large .input__control {\n    height: calc(3.125rem - 1px * 2);\n    padding: 0 1.25rem;\n  }\n\n  .input--large .input__clear {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__password-toggle {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__prefix::slotted(*) {\n    margin-inline-start: 1.25rem;\n  }\n\n  .input--large .input__suffix::slotted(*) {\n    margin-inline-end: 1.25rem;\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius: 1.875rem;\n  }\n\n  .input--pill.input--medium {\n    border-radius: 2.5rem;\n  }\n\n  .input--pill.input--large {\n    border-radius: 3.125rem;\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: hsl(240 3.8% 46.1%);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: hsl(240 3.8% 46.1%);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input__password-toggle:hover {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  .input--empty .input__clear {\n    visibility: hidden;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  :host([no-border]) .input--standard {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard:hover:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  .input__password {\n    font-family: 'disc';\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-input.css.cjs.js","sources":["../../../src/nile-input/nile-input.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Input CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: #A4121C;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: #7F7F7F;\n    margin-top: 6px;\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: #A4121C;\n    margin-top: 12px;\n    font-size: 12px;\n    font-style: normal;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 10.24px;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-weight: 400;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n    box-sizing: border-box;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    line-height: 14px;\n    letter-spacing: 0.2px;  }\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: hsl(0, 0%, 100%);\n    border: solid 1px #c7ced4;\n  }\n\n  .input--standard:hover:not(.input--disabled) {\n    background-color: hsl(0, 0%, 100%);\n    border-color: #000;\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: hsl(0, 0%, 100%);\n    border-color: #005ea6;\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--standard.input--disabled {\n    background-color: #fff;\n    border-color: #c7ced4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color: hsl(240 5.9% 10%);\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input--standard.input--warning {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .input--standard.input--error {\n    border-color: #e5434d;\n  }\n\n  .input--standard.input--success {\n    border-color: #43e5c0;\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: hsl(240 4.8% 95.9%);\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: hsl(240 4.8% 95.9%);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: hsl(240 4.8% 95.9%);\n    outline: solid 3px hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .input--filled.input--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 100%;\n    border: none;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    margin: 0;\n    cursor: inherit;\n    -webkit-appearance: none;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: hsl(240 3.8% 46.1%);\n    user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix::slotted(nile-icon) {\n    color: hsl(240 3.8% 46.1%);\n  }\n\n  .input__suffix::slotted(nile-icon) {\n    color: hsl(240 3.8% 46.1%);\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: 0.25rem;\n    font-size: 0.875rem;\n    height: 1.875rem;\n  }\n\n  .input--small .input__control {\n    height: calc(1.875rem);\n    padding: 0 0.75rem;\n  }\n\n  .input--small .input__clear {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__password-toggle {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__prefix::slotted(*) {\n    margin-inline-start: 0.75rem;\n  }\n\n  .input--small .input__suffix::slotted(*) {\n    margin-inline-end: 0.75rem;\n  }\n\n  .input--medium {\n    border-radius: 0.25rem;\n    font-size: 1rem;\n    height: 38px;\n  }\n\n  .input--medium .input__control {\n    height: 14px;\n    padding: 12px;\n  }\n\n  .input--medium .input__clear {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__password-toggle {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__prefix::slotted(*) {\n    margin-inline-start: 12px;\n  }\n\n  .input--medium .input__suffix::slotted(*) {\n    margin-inline-end: 12px;\n  }\n\n  .input--large {\n    border-radius: 0.25rem;\n    font-size: 1.25rem;\n    height: 3.125rem;\n  }\n\n  .input--large .input__control {\n    height: calc(3.125rem - 1px * 2);\n    padding: 0 1.25rem;\n  }\n\n  .input--large .input__clear {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__password-toggle {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__prefix::slotted(*) {\n    margin-inline-start: 1.25rem;\n  }\n\n  .input--large .input__suffix::slotted(*) {\n    margin-inline-end: 1.25rem;\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius: 1.875rem;\n  }\n\n  .input--pill.input--medium {\n    border-radius: 2.5rem;\n  }\n\n  .input--pill.input--large {\n    border-radius: 3.125rem;\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: hsl(240 3.8% 46.1%);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: hsl(240 3.8% 46.1%);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input__password-toggle:hover {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  .input--empty .input__clear {\n    visibility: hidden;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  :host([no-border]) .input--standard {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard:hover:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  .input__password {\n    font-family: 'disc';\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-input/nile-input.css.esm.js

@@ -17,7 +17,7 @@ import{i as o}from"../index-cd2f9c12.esm.js";const t=o`
     color: inherit;
     margin-bottom: 12px;
     color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;

package/dist/nile-link/nile-link.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var n,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){n=_index001CjsJs.i;}],execute:function(){_export("s",e=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .link {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    user-select: none;\n    white-space: nowrap;\n    padding: 12px;\n    gap: 8px;\n    height: 38px;\n    box-sizing: border-box;\n    cursor: pointer;\n  }\n\n  .link__label {\n    color: #005ea6;\n    text-align: center;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .link--disabled {\n    color: rgba(0, 94, 166, 0.5);\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n\n\n  .link:not(.link--disabled):not(.link__button):hover {\n    color: #005291;\n    text-decoration-line: underline;\n  }\n\n  .link:not(.link--disabled):not(.link__button):active {\n    color: #002f53;\n    text-decoration-line: underline;\n  }\n\n  .link__button:hover {\n    color: #005291;\n    border-radius: 4px;\n    background: #f5f7f7;\n  }\n\n  .link__button:active {\n    color: #002f53;\n    border-radius: 4px;\n    background: rgba(0, 94, 166, 0.1);\n  }\n\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var n,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){n=_index001CjsJs.i;}],execute:function(){_export("s",e=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .link {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    user-select: none;\n    white-space: nowrap;\n    padding: 12px;\n    gap: 8px;\n    height: 38px;\n    box-sizing: border-box;\n    cursor: pointer;\n  }\n\n  .link__label {\n    color: #005ea6;\n    text-align: center;\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .link--disabled {\n    color: rgba(0, 94, 166, 0.5);\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n\n\n  .link:not(.link--disabled):not(.link__button):hover {\n    color: #005291;\n    text-decoration-line: underline;\n  }\n\n  .link:not(.link--disabled):not(.link__button):active {\n    color: #002f53;\n    text-decoration-line: underline;\n  }\n\n  .link__button:hover {\n    color: #005291;\n    border-radius: 4px;\n    background: #f5f7f7;\n  }\n\n  .link__button:active {\n    color: #002f53;\n    border-radius: 4px;\n    background: rgba(0, 94, 166, 0.1);\n  }\n\n"]))));}};});
 //# sourceMappingURL=nile-link.css.cjs.js.map

package/dist/nile-link/nile-link.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-link.css.cjs.js","sources":["../../../src/nile-link/nile-link.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Link CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .link {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    user-select: none;\n    white-space: nowrap;\n    padding: 12px;\n    gap: 8px;\n    height: 38px;\n    box-sizing: border-box;\n    cursor: pointer;\n  }\n\n  .link__label {\n    color: #005ea6;\n    text-align: center;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .link--disabled {\n    color: rgba(0, 94, 166, 0.5);\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n\n\n  .link:not(.link--disabled):not(.link__button):hover {\n    color: #005291;\n    text-decoration-line: underline;\n  }\n\n  .link:not(.link--disabled):not(.link__button):active {\n    color: #002f53;\n    text-decoration-line: underline;\n  }\n\n  .link__button:hover {\n    color: #005291;\n    border-radius: 4px;\n    background: #f5f7f7;\n  }\n\n  .link__button:active {\n    color: #002f53;\n    border-radius: 4px;\n    background: rgba(0, 94, 166, 0.1);\n  }\n\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-link.css.cjs.js","sources":["../../../src/nile-link/nile-link.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Link CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .link {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    user-select: none;\n    white-space: nowrap;\n    padding: 12px;\n    gap: 8px;\n    height: 38px;\n    box-sizing: border-box;\n    cursor: pointer;\n  }\n\n  .link__label {\n    color: #005ea6;\n    text-align: center;\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .link--disabled {\n    color: rgba(0, 94, 166, 0.5);\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n\n\n  .link:not(.link--disabled):not(.link__button):hover {\n    color: #005291;\n    text-decoration-line: underline;\n  }\n\n  .link:not(.link--disabled):not(.link__button):active {\n    color: #002f53;\n    text-decoration-line: underline;\n  }\n\n  .link__button:hover {\n    color: #005291;\n    border-radius: 4px;\n    background: #f5f7f7;\n  }\n\n  .link__button:active {\n    color: #002f53;\n    border-radius: 4px;\n    background: rgba(0, 94, 166, 0.1);\n  }\n\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-link/nile-link.css.esm.js

@@ -1,4 +1,4 @@
-import{i as e}from"../index-cd2f9c12.esm.js";const n=e`
+import{i as n}from"../index-cd2f9c12.esm.js";const e=n`
   :host {
   }
 
@@ -19,7 +19,7 @@ import{i as e}from"../index-cd2f9c12.esm.js";const n=e`
   .link__label {
     color: #005ea6;
     text-align: center;
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -56,4 +56,4 @@ import{i as e}from"../index-cd2f9c12.esm.js";const n=e`
     background: rgba(0, 94, 166, 0.1);
   }
 
-`;export{n as s};
+`;export{e as s};

package/dist/nile-menu/nile-menu.cjs.js

@@ -1,2 +1,2 @@
-System.register(["tslib","lit","lit/decorators.js","../internal/nile-element.cjs.js","./nile-menu.css.cjs.js","../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,t,i,s,n,o,l,h,_templateObject,_templateObject2,_templateObject3,_templateObject4,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.state;s=_litDecoratorsJs.property;n=_litDecoratorsJs.query;o=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_nileMenuCssCjsJs){h=_nileMenuCssCjsJs.s;},function(_index001CjsJs){}],execute:function(){_export("N",r=/*#__PURE__*/function(_l){_inherits(r,_l);var _super=_createSuper(r);function r(){var _this;_classCallCheck(this,r);_this=_super.apply(this,arguments),_this.searchValue="",_this.searchWidth=0,_this.searchEnabled=!1,_this.showNoResults=!1,_this.noResultsMessage="No results found";return _this;}_createClass(r,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(r.prototype),"connectedCallback",this).call(this),this.setAttribute("role","menu");}},{key:"handleClick",value:function handleClick(e){var t=e.target.closest("nile-menu-item");t&&!t.disabled&&("checkbox"===t.type&&(t.checked=!t.checked),this.emit("nile-select",{value:t.value}));}},{key:"handleKeyDown",value:function handleKeyDown(e){if("Enter"===e.key){var _t=this.getCurrentItem();e.preventDefault(),_t===null||_t===void 0?void 0:_t.click();}if(" "===e.key&&e.preventDefault(),["ArrowDown","ArrowUp","Home","End"].includes(e.key)){var _t2=this.getAllItems(),_i=this.getCurrentItem();var _s=_i?_t2.indexOf(_i):0;_t2.length>0&&(e.preventDefault(),"ArrowDown"===e.key?_s++:"ArrowUp"===e.key?_s--:"Home"===e.key?_s=0:"End"===e.key&&(_s=_t2.length-1),_s<0&&(_s=_t2.length-1),_s>_t2.length-1&&(_s=0),this.setCurrentItem(_t2[_s]),_t2[_s].focus());}}},{key:"handleMouseDown",value:function handleMouseDown(e){var t=e.target;this.isMenuItem(t)&&this.setCurrentItem(t);}},{key:"handleSlotChange",value:function handleSlotChange(){var e=this.getAllItems();e.length>0&&this.setCurrentItem(e[0]);}},{key:"isMenuItem",value:function isMenuItem(e){var _e$getAttribute;return"nile-menu-item"===e.tagName.toLowerCase()||["menuitem","menuitemcheckbox","menuitemradio"].includes((_e$getAttribute=e.getAttribute("role"))!==null&&_e$getAttribute!==void 0?_e$getAttribute:"");}},{key:"getAllItems",value:function getAllItems(){var _this2=this;return _toConsumableArray(this.defaultSlot.assignedElements({flatten:!0})).filter(function(e){return!!_this2.isMenuItem(e);});}},{key:"getCurrentItem",value:function getCurrentItem(){return this.getAllItems().find(function(e){return"0"===e.getAttribute("tabindex");});}},{key:"setCurrentItem",value:function setCurrentItem(e){this.getAllItems().forEach(function(t){t.setAttribute("tabindex",t===e?"0":"-1");});}},{key:"handleSearchChange",value:function handleSearchChange(e){var _this3=this;var t=this.getAllItems(),i=0;t.map(function(t){_this3.searchWidth=Math.max(_this3.searchWidth,t.offsetWidth),t.innerText.toLowerCase().includes(e.target.value.toLowerCase())?(t.style.display="block",i++):t.style.display="none";}),this.showNoResults=0===i;}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div>\n          ","\n        ","\n        <slot\n          @slotchange=","\n          @click=","\n          @keydown=","\n          @mousedown=","\n        ></slot>\n      </div>\n    "])),this.searchEnabled?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <nile-input\n                size=\"medium\"\n                clearable\n                style=","\n                .value=","\n                placeholder=\"Search...\"\n                @nile-input=","\n              >\n                <nile-icon name=\"search\" slot=\"suffix\"> </nile-icon>\n              </nile-input>"])),this.searchWidth?"width: ".concat(this.searchWidth,"px;"):"width: 100%;",this.searchValue,this.handleSearchChange):t(_templateObject3||(_templateObject3=_taggedTemplateLiteral([""]))),this.showNoResults?t(_templateObject4||(_templateObject4=_taggedTemplateLiteral([" <nile-menu-item>","</nile-menu-item> "])),this.noResultsMessage):"",this.handleSlotChange,this.handleClick,this.handleKeyDown,this.handleMouseDown);}}]);return r;}(l));r.styles=h,e([i()],r.prototype,"searchValue",void 0),e([i()],r.prototype,"searchWidth",void 0),e([s({type:Boolean,reflect:!0})],r.prototype,"searchEnabled",void 0),e([s({type:Boolean})],r.prototype,"showNoResults",void 0),e([s({type:String})],r.prototype,"noResultsMessage",void 0),e([n("slot")],r.prototype,"defaultSlot",void 0),_export("N",r=e([o("nile-menu")],r));}};});
+System.register(["tslib","lit","lit/decorators.js","../internal/nile-element.cjs.js","./nile-menu.css.cjs.js","../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,t,i,s,n,o,l,h,_templateObject,_templateObject2,_templateObject3,_templateObject4,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.state;s=_litDecoratorsJs.property;n=_litDecoratorsJs.query;o=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_nileMenuCssCjsJs){h=_nileMenuCssCjsJs.s;},function(_index001CjsJs){}],execute:function(){_export("N",r=/*#__PURE__*/function(_l){_inherits(r,_l);var _super=_createSuper(r);function r(){var _this;_classCallCheck(this,r);_this=_super.apply(this,arguments),_this.searchValue="",_this.searchWidth=0,_this.searchEnabled=!1,_this.showNoResults=!1,_this.noResultsMessage="No results found";return _this;}_createClass(r,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(r.prototype),"connectedCallback",this).call(this),this.setAttribute("role","menu");}},{key:"handleClick",value:function handleClick(e){var t=e.target.closest("nile-menu-item");(t===null||t===void 0?void 0:t.hasSubMenu)||t&&!t.disabled&&("checkbox"===t.type&&(t.checked=!t.checked),this.emit("nile-select",{value:t.value}));}},{key:"handleKeyDown",value:function handleKeyDown(e){if("Enter"===e.key){var _t=this.getCurrentItem();e.preventDefault(),_t===null||_t===void 0?void 0:_t.click();}if(" "===e.key&&e.preventDefault(),["ArrowDown","ArrowUp","Home","End"].includes(e.key)){var _t2=this.getAllItems(),_i=this.getCurrentItem();var _s=_i?_t2.indexOf(_i):0;_t2.length>0&&(e.preventDefault(),"ArrowDown"===e.key?_s++:"ArrowUp"===e.key?_s--:"Home"===e.key?_s=0:"End"===e.key&&(_s=_t2.length-1),_s<0&&(_s=_t2.length-1),_s>_t2.length-1&&(_s=0),this.setCurrentItem(_t2[_s]),_t2[_s].focus());}}},{key:"handleMouseDown",value:function handleMouseDown(e){var t=e.target;this.isMenuItem(t)&&this.setCurrentItem(t);}},{key:"handleSlotChange",value:function handleSlotChange(){var e=this.getAllItems();e.length>0&&this.setCurrentItem(e[0]);}},{key:"isMenuItem",value:function isMenuItem(e){var _e$getAttribute;return"nile-menu-item"===e.tagName.toLowerCase()||["menuitem","menuitemcheckbox","menuitemradio"].includes((_e$getAttribute=e.getAttribute("role"))!==null&&_e$getAttribute!==void 0?_e$getAttribute:"");}},{key:"getAllItems",value:function getAllItems(){var _this2=this;return _toConsumableArray(this.defaultSlot.assignedElements({flatten:!0})).filter(function(e){return!!_this2.isMenuItem(e);});}},{key:"getCurrentItem",value:function getCurrentItem(){return this.getAllItems().find(function(e){return"0"===e.getAttribute("tabindex");});}},{key:"setCurrentItem",value:function setCurrentItem(e){this.getAllItems().forEach(function(t){t.setAttribute("tabindex",t===e?"0":"-1");});}},{key:"handleSearchChange",value:function handleSearchChange(e){var _this3=this;var t=this.getAllItems(),i=0;t.map(function(t){_this3.searchWidth=Math.max(_this3.searchWidth,t.offsetWidth),t.innerText.toLowerCase().includes(e.target.value.toLowerCase())?(t.style.display="block",i++):t.style.display="none";}),this.showNoResults=0===i;}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div>\n        ","\n        ","\n\n        <slot\n          name=\"menu__header\"\n          @click=","\n        ></slot>\n        <slot\n          @slotchange=","\n          @click=","\n          @keydown=","\n          @mousedown=","\n        ></slot>\n      </div>\n    "])),this.searchEnabled?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <nile-input\n              size=\"medium\"\n              clearable\n              style=","\n              .value=","\n              placeholder=\"Search...\"\n              @nile-input=","\n            >\n              <nile-icon name=\"search\" slot=\"suffix\"> </nile-icon>\n            </nile-input>"])),this.searchWidth?"width: ".concat(this.searchWidth,"px;"):"width: 100%;",this.searchValue,this.handleSearchChange):t(_templateObject3||(_templateObject3=_taggedTemplateLiteral([""]))),this.showNoResults?t(_templateObject4||(_templateObject4=_taggedTemplateLiteral([" <nile-menu-item>","</nile-menu-item> "])),this.noResultsMessage):"",function(e){e.stopPropagation();},this.handleSlotChange,this.handleClick,this.handleKeyDown,this.handleMouseDown);}}]);return r;}(l));r.styles=h,e([i()],r.prototype,"searchValue",void 0),e([i()],r.prototype,"searchWidth",void 0),e([s({type:Boolean,reflect:!0})],r.prototype,"searchEnabled",void 0),e([s({type:Boolean})],r.prototype,"showNoResults",void 0),e([s({type:String})],r.prototype,"noResultsMessage",void 0),e([n("slot")],r.prototype,"defaultSlot",void 0),_export("N",r=e([o("nile-menu")],r));}};});
 //# sourceMappingURL=nile-menu.cjs.js.map

package/dist/nile-menu/nile-menu.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-menu.cjs.js","sources":["../../../src/nile-menu/nile-menu.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\nimport type NileMenuItem from '../nile-menu-item/nile-menu-item';\nimport { styles } from './nile-menu.css';\n\n/**\n * An nile-menu element.\n * @summary Menus provide a list of options for the user to choose from.\n *\n * @slot - The menu's content, including menu items, menu labels, and dividers.\n *\n * @event nile-select - Emitted when a menu item is selected.\n * @fires count-changed - Indicates when the count changes\n * @slot - This element has a slot\n * @csspart button - The button\n */\n\n@customElement('nile-menu')\nexport class NileMenu extends NileElement {\n  static styles: CSSResultGroup = styles;\n  @state() searchValue: string = '';\n  @state() searchWidth: number = 0;\n\n  @property({ type: Boolean, reflect: true }) searchEnabled = false;\n  @property({ type: Boolean }) showNoResults: boolean = false;\n\n  @property({ type: String }) noResultsMessage: string = 'No results found';\n\n  @query('slot') defaultSlot: HTMLSlotElement;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'menu');\n  }\n\n  private handleClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n    const item = target.closest('nile-menu-item');\n\n    // if (!item || item.disabled || item.inert) {\n    if (!item || item.disabled) {\n      return;\n    }\n\n    if (item.type === 'checkbox') {\n      item.checked = !item.checked;\n    }\n\n    this.emit('nile-select', { value: item.value });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    // Make a selection when pressing enter\n    if (event.key === 'Enter') {\n      const item = this.getCurrentItem();\n      event.preventDefault();\n\n      // Simulate a click to support @click handlers on menu items that also work with the keyboard\n      item?.click();\n    }\n\n    // Prevent scrolling when space is pressed\n    if (event.key === ' ') {\n      event.preventDefault();\n    }\n\n    // Move the selection when pressing down or up\n    if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {\n      const items = this.getAllItems();\n      const activeItem = this.getCurrentItem();\n      let index = activeItem ? items.indexOf(activeItem) : 0;\n\n      if (items.length > 0) {\n        event.preventDefault();\n\n        if (event.key === 'ArrowDown') {\n          index++;\n        } else if (event.key === 'ArrowUp') {\n          index--;\n        } else if (event.key === 'Home') {\n          index = 0;\n        } else if (event.key === 'End') {\n          index = items.length - 1;\n        }\n\n        if (index < 0) {\n          index = items.length - 1;\n        }\n        if (index > items.length - 1) {\n          index = 0;\n        }\n\n        this.setCurrentItem(items[index]);\n        items[index].focus();\n      }\n    }\n  }\n\n  private handleMouseDown(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n\n    if (this.isMenuItem(target)) {\n      this.setCurrentItem(target as NileMenuItem);\n    }\n  }\n\n  private handleSlotChange() {\n    const items = this.getAllItems();\n\n    // Reset the roving tab index when the slotted items change\n    if (items.length > 0) {\n      this.setCurrentItem(items[0]);\n    }\n  }\n\n  private isMenuItem(item: HTMLElement) {\n    return (\n      item.tagName.toLowerCase() === 'nile-menu-item' ||\n      ['menuitem', 'menuitemcheckbox', 'menuitemradio'].includes(\n        item.getAttribute('role') ?? ''\n      )\n    );\n  }\n\n  /** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */\n  getAllItems() {\n    return [...this.defaultSlot.assignedElements({ flatten: true })].filter(\n      (el: HTMLElement) => {\n        if (!this.isMenuItem(el)) {\n          // if (el.inert || !this.isMenuItem(el)) {\n          return false;\n        }\n        return true;\n      }\n    ) as NileMenuItem[];\n  }\n\n  /**\n   * @internal Gets the current menu item, which is the menu item that has `tabindex=\"0\"` within the roving tab index.\n   * The menu item may or may not have focus, but for keyboard interaction purposes it's considered the \"active\" item.\n   */\n  getCurrentItem() {\n    return this.getAllItems().find(i => i.getAttribute('tabindex') === '0');\n  }\n\n  /**\n   * @internal Sets the current menu item to the specified element. This sets `tabindex=\"0\"` on the target element and\n   * `tabindex=\"-1\"` to all other items. This method must be called prior to setting focus on a menu item.\n   */\n  setCurrentItem(item: NileMenuItem) {\n    const items = this.getAllItems();\n\n    // Update tab indexes\n    items.forEach(i => {\n      i.setAttribute('tabindex', i === item ? '0' : '-1');\n    });\n  }\n\n  private handleSearchChange(e: any) {\n    let items = this.getAllItems();\n    let counter = 0;\n    items.map(curr_item => {\n      this.searchWidth = Math.max(this.searchWidth, curr_item.offsetWidth);\n      if (\n        curr_item.innerText.toLowerCase().includes(e.target.value.toLowerCase())\n      ) {\n        curr_item.style.display = 'block';\n        counter++;\n      } else {\n        curr_item.style.display = 'none';\n      }\n    });\n    this.showNoResults = counter === 0;\n  }\n\n  render() {\n    return html`\n      <div>\n          ${this.searchEnabled\n            ? html` <nile-input\n                size=\"medium\"\n                clearable\n                style=${this.searchWidth\n                  ? `width: ${this.searchWidth}px;`\n                  : 'width: 100%;'}\n                .value=${this.searchValue}\n                placeholder=\"Search...\"\n                @nile-input=${this.handleSearchChange}\n              >\n                <nile-icon name=\"search\" slot=\"suffix\"> </nile-icon>\n              </nile-input>`\n            : html``}\n        ${this.showNoResults\n          ? html` <nile-menu-item>${this.noResultsMessage}</nile-menu-item> `\n          : ''}\n        <slot\n          @slotchange=${this.handleSlotChange}\n          @click=${this.handleClick}\n          @keydown=${this.handleKeyDown}\n          @mousedown=${this.handleMouseDown}\n        ></slot>\n      </div>\n    `;\n  }\n}\nexport default NileMenu;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-menu': NileMenu;\n  }\n}\n"],"names":["NileMenu","r","constructor","this","searchValue","searchWidth","searchEnabled","showNoResults","noResultsMessage","_this","_createClass","key","value","connectedCallback","super","setAttribute","handleClick","event","item","target","closest","disabled","type","checked","emit","handleKeyDown","getCurrentItem","preventDefault","click","includes","items","getAllItems","activeItem","index","indexOf","length","setCurrentItem","focus","handleMouseDown","isMenuItem","handleSlotChange","_e$getAttribute","tagName","toLowerCase","getAttribute","_toConsumableArray","defaultSlot","assignedElements","flatten","filter","el","find","i","forEach","handleSearchChange","e","_this3","counter","map","curr_item","Math","max","offsetWidth","innerText","style","display","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","_templateObject4","NileElement","styles","__decorate","state","prototype","property","Boolean","reflect","String","query","_export","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-menu.cjs.js","sources":["../../../src/nile-menu/nile-menu.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\nimport type NileMenuItem from '../nile-menu-item/nile-menu-item';\nimport { styles } from './nile-menu.css';\n\n/**\n * An nile-menu element.\n * @summary Menus provide a list of options for the user to choose from.\n *\n * @slot - The menu's content, including menu items, menu labels, and dividers.\n *\n * @event nile-select - Emitted when a menu item is selected.\n * @fires count-changed - Indicates when the count changes\n * @slot - This element has a slot\n * @csspart button - The button\n */\n\n@customElement('nile-menu')\nexport class NileMenu extends NileElement {\n  static styles: CSSResultGroup = styles;\n  @state() searchValue: string = '';\n  @state() searchWidth: number = 0;\n\n  @property({ type: Boolean, reflect: true }) searchEnabled = false;\n  @property({ type: Boolean }) showNoResults: boolean = false;\n\n  @property({ type: String }) noResultsMessage: string = 'No results found';\n\n  @query('slot') defaultSlot: HTMLSlotElement;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'menu');\n  }\n\n  private handleClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n    const item = target.closest('nile-menu-item');\n\n    if (item?.hasSubMenu) {\n      return;\n    }\n\n    // if (!item || item.disabled || item.inert) {\n    if (!item || item.disabled) {\n      return;\n    }\n\n    if (item.type === 'checkbox') {\n      item.checked = !item.checked;\n    }\n\n    this.emit('nile-select', { value: item.value });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    // Make a selection when pressing enter\n    if (event.key === 'Enter') {\n      const item = this.getCurrentItem();\n      event.preventDefault();\n\n      // Simulate a click to support @click handlers on menu items that also work with the keyboard\n      item?.click();\n    }\n\n    // Prevent scrolling when space is pressed\n    if (event.key === ' ') {\n      event.preventDefault();\n    }\n\n    // Move the selection when pressing down or up\n    if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {\n      const items = this.getAllItems();\n      const activeItem = this.getCurrentItem();\n      let index = activeItem ? items.indexOf(activeItem) : 0;\n\n      if (items.length > 0) {\n        event.preventDefault();\n\n        if (event.key === 'ArrowDown') {\n          index++;\n        } else if (event.key === 'ArrowUp') {\n          index--;\n        } else if (event.key === 'Home') {\n          index = 0;\n        } else if (event.key === 'End') {\n          index = items.length - 1;\n        }\n\n        if (index < 0) {\n          index = items.length - 1;\n        }\n        if (index > items.length - 1) {\n          index = 0;\n        }\n\n        this.setCurrentItem(items[index]);\n        items[index].focus();\n      }\n    }\n  }\n\n  private handleMouseDown(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n\n    if (this.isMenuItem(target)) {\n      this.setCurrentItem(target as NileMenuItem);\n    }\n  }\n\n  private handleSlotChange() {\n    const items = this.getAllItems();\n\n    // Reset the roving tab index when the slotted items change\n    if (items.length > 0) {\n      this.setCurrentItem(items[0]);\n    }\n  }\n\n  private isMenuItem(item: HTMLElement) {\n    return (\n      item.tagName.toLowerCase() === 'nile-menu-item' ||\n      ['menuitem', 'menuitemcheckbox', 'menuitemradio'].includes(\n        item.getAttribute('role') ?? ''\n      )\n    );\n  }\n\n  /** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */\n  getAllItems() {\n    return [...this.defaultSlot.assignedElements({ flatten: true })].filter(\n      (el: HTMLElement) => {\n        if (!this.isMenuItem(el)) {\n          // if (el.inert || !this.isMenuItem(el)) {\n          return false;\n        }\n        return true;\n      }\n    ) as NileMenuItem[];\n  }\n\n  /**\n   * @internal Gets the current menu item, which is the menu item that has `tabindex=\"0\"` within the roving tab index.\n   * The menu item may or may not have focus, but for keyboard interaction purposes it's considered the \"active\" item.\n   */\n  getCurrentItem() {\n    return this.getAllItems().find(i => i.getAttribute('tabindex') === '0');\n  }\n\n  /**\n   * @internal Sets the current menu item to the specified element. This sets `tabindex=\"0\"` on the target element and\n   * `tabindex=\"-1\"` to all other items. This method must be called prior to setting focus on a menu item.\n   */\n  setCurrentItem(item: NileMenuItem) {\n    const items = this.getAllItems();\n\n    // Update tab indexes\n    items.forEach(i => {\n      i.setAttribute('tabindex', i === item ? '0' : '-1');\n    });\n  }\n\n  private handleSearchChange(e: any) {\n    let items = this.getAllItems();\n    let counter = 0;\n    items.map(curr_item => {\n      this.searchWidth = Math.max(this.searchWidth, curr_item.offsetWidth);\n      if (\n        curr_item.innerText.toLowerCase().includes(e.target.value.toLowerCase())\n      ) {\n        curr_item.style.display = 'block';\n        counter++;\n      } else {\n        curr_item.style.display = 'none';\n      }\n    });\n    this.showNoResults = counter === 0;\n  }\n\n  render() {\n    return html`\n      <div>\n        ${this.searchEnabled\n          ? html` <nile-input\n              size=\"medium\"\n              clearable\n              style=${this.searchWidth\n                ? `width: ${this.searchWidth}px;`\n                : 'width: 100%;'}\n              .value=${this.searchValue}\n              placeholder=\"Search...\"\n              @nile-input=${this.handleSearchChange}\n            >\n              <nile-icon name=\"search\" slot=\"suffix\"> </nile-icon>\n            </nile-input>`\n          : html``}\n        ${this.showNoResults\n          ? html` <nile-menu-item>${this.noResultsMessage}</nile-menu-item> `\n          : ''}\n\n        <slot\n          name=\"menu__header\"\n          @click=${(e: Event) => {\n            e.stopPropagation();\n          }}\n        ></slot>\n        <slot\n          @slotchange=${this.handleSlotChange}\n          @click=${this.handleClick}\n          @keydown=${this.handleKeyDown}\n          @mousedown=${this.handleMouseDown}\n        ></slot>\n      </div>\n    `;\n  }\n}\nexport default NileMenu;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-menu': NileMenu;\n  }\n}\n"],"names":["NileMenu","r","constructor","this","searchValue","searchWidth","searchEnabled","showNoResults","noResultsMessage","_this","_createClass","key","value","connectedCallback","super","setAttribute","handleClick","event","item","target","closest","hasSubMenu","disabled","type","checked","emit","handleKeyDown","getCurrentItem","preventDefault","click","includes","items","getAllItems","activeItem","index","indexOf","length","setCurrentItem","focus","handleMouseDown","isMenuItem","handleSlotChange","tagName","toLowerCase","getAttribute","_toConsumableArray","defaultSlot","assignedElements","flatten","filter","el","find","i","forEach","handleSearchChange","e","_this3","counter","map","curr_item","Math","max","offsetWidth","innerText","style","display","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","_templateObject4","stopPropagation","NileElement","styles","__decorate","state","prototype","property","Boolean","reflect","String","query","_export","customElement"],"mappings":"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"}