@aquera/nile-elements 0.0.48 → 0.0.50

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

@@ -1 +1 @@
-{"version":3,"file":"nile-input.cjs.js","sources":["../../../src/nile-input/nile-input.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 {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-input.css';\nimport '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { defaultValue } from '../internal/default-value';\nimport { FormControlController } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup } from 'lit';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\n\n/**\n * Nile icon component.\n *\n * @tag nile-input\n *\n */\n@customElement('nile-input')\nexport class NileInput extends NileElement implements NileFormControl {\n  static styles: CSSResultGroup = styles;\n\n  private readonly formControlController = new FormControlController(this, {\n    assumeInteractionOn: ['nile-blur', 'nile-input'],\n  });\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    'help-text',\n    'label'\n  );\n\n  @query('.input__control') input: HTMLInputElement;\n\n  @state() private hasFocus = false;\n  @property() title = ''; // make reactive to pass through\n\n  /**\n   * The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\n   * to `text`.\n   */\n  @property({ reflect: true }) type:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url' = 'text';\n\n  /** The name of the input, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The current value of the input, submitted as a name/value pair with form data. */\n  @property() value = '';\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue() defaultValue = '';\n\n  /** The input's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Draws a filled input. */\n  @property({ type: Boolean, reflect: true }) filled = false;\n\n  /** Sets the input to a warning state, changing its visual appearance. */\n  @property({ type: Boolean }) warning = false;\n\n  /** Sets the input to an error state, changing its visual appearance. */\n  @property({ type: Boolean }) error = false;\n\n  /** Sets the input to a success state, changing its visual appearance. */\n  @property({ type: Boolean }) success = false;\n\n  /** Draws a pill-style input with rounded edges. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  /** The input's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** The input's error message. If you need to display HTML, use the `error-message` slot instead. */\n  @property({ attribute: 'error-message' }) errorMessage = '';\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /** Disables the input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = '';\n\n  /** Makes the input readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Adds a button to toggle the password's visibility. Only applies to password types. */\n  @property({ attribute: 'password-toggle', type: Boolean }) passwordToggle =\n    false;\n\n  /** Determines whether or not the password is currently visible. Only applies to password input types. */\n  @property({ attribute: 'password-visible', type: Boolean }) passwordVisible =\n    false;\n\n  /** Hides the browser's built-in increment/decrement spin buttons for number inputs. */\n  @property({ attribute: 'no-spin-buttons', type: Boolean }) noSpinButtons =\n    false;\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Makes the input a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** A regular expression pattern to validate input against. */\n  @property() pattern: string;\n\n  /** The minimum length of input that will be considered valid. */\n  @property({ type: Number }) minlength: number;\n\n  /** The maximum length of input that will be considered valid. */\n  @property({ type: Number }) maxlength: number;\n\n  /** The input's minimum value. Only applies to date and number input types. */\n  @property() min: number | string;\n\n  /** The input's maximum value. Only applies to date and number input types. */\n  @property() max: number | string;\n\n  /**\n   * Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\n   * implied, allowing any numeric value. Only applies to date and number input types.\n   */\n  @property() step: number | 'any';\n\n  /** Controls whether and how text input is automatically capitalized as it is entered by the user. */\n  @property() autocapitalize:\n    | 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters';\n\n  /** Indicates whether the browser's autocorrect feature is on or off. */\n  @property() autocorrect: 'off' | 'on';\n\n  /**\n   * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n   * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n   */\n  @property() autocomplete: string = \"off\";\n\n  /** Indicates that the input should receive focus on page load. */\n  @property({ type: Boolean }) autofocus: boolean;\n\n  /** Used to customize the label or icon of the Enter key on virtual keyboards. */\n  @property() enterkeyhint:\n    | 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send';\n\n  /** Enables spell checking on the input. */\n  @property({\n    type: Boolean,\n    converter: {\n      // Allow \"true|false\" attribute values but keep the property boolean\n      fromAttribute: value => (!value || value === 'false' ? false : true),\n      toAttribute: value => (value ? 'true' : 'false'),\n    },\n  })\n  spellcheck = true;\n\n  /**\n   * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\n   * keyboard on supportive devices.\n   */\n  @property() inputmode:\n    | 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url';\n\n  //\n  // NOTE: We use an in-memory input for these getters/setters instead of the one in the template because the properties\n  // can be set before the component is rendered.\n  //\n\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  /** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. */\n  get valueAsDate() {\n    const input = document.createElement('input');\n    input.type = 'date';\n    input.value = this.value;\n    return input.valueAsDate;\n  }\n\n  set valueAsDate(newValue: Date | null) {\n    const input = document.createElement('input');\n    input.type = 'date';\n    input.valueAsDate = newValue;\n    this.value = input.value;\n  }\n\n  /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */\n  get valueAsNumber() {\n    const input = document.createElement('input');\n    input.type = 'number';\n    input.value = this.value;\n    return input.valueAsNumber;\n  }\n\n  set valueAsNumber(newValue: number) {\n    const input = document.createElement('input');\n    input.type = 'number';\n    input.valueAsNumber = newValue;\n    this.value = input.value;\n  }\n\n  /** Gets the validity state object */\n  get validity() {\n    return this.input.validity;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    return this.input.validationMessage;\n  }\n\n  firstUpdated() {\n    this.formControlController.updateValidity();\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur', { value: this.value });\n  }\n\n  private handleChange() {\n    this.value = this.input.value;\n    this.emit('nile-change', { value: this.value });\n  }\n\n  private handleClearClick(event: MouseEvent) {\n    this.value = '';\n    this.emit('nile-clear', { value: this.value });\n    this.emit('nile-input', { value: this.value });\n    this.emit('nile-change', { value: this.value });\n    this.input.focus();\n\n    event.stopPropagation();\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus', { value: this.value });\n  }\n\n  private handleInput() {\n    this.value = this.input.value;\n    this.formControlController.updateValidity();\n    this.emit('nile-input', { value: this.value });\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    const hasModifier =\n      event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n\n    // Pressing enter when focused on an input should submit the form like a native input, but we wait a tick before\n    // submitting to allow users to cancel the keydown event if they need to\n    if (event.key === 'Enter' && !hasModifier) {\n      setTimeout(() => {\n        //\n        // When using an Input Method Editor (IME), pressing enter will cause the form to submit unexpectedly. One way\n        // to check for this is to look at event.isComposing, which will be true when the IME is open.\n        //\n\n        //\n        if (!event.defaultPrevented && !event.isComposing) {\n          this.formControlController.submit();\n        }\n      });\n    }\n  }\n\n  private handlePasswordToggle() {\n    this.passwordVisible = !this.passwordVisible;\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Disabled form controls are always valid\n    this.formControlController.setValidity(this.disabled);\n  }\n\n  @watch('step', { waitUntilFirstUpdate: true })\n  handleStepChange() {\n    // If step changes, the value may become invalid so we need to recheck after the update. We set the new step\n    // imperatively so we don't have to wait for the next render to report the updated validity.\n    this.input.step = String(this.step);\n    this.formControlController.updateValidity();\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  async handleValueChange() {\n    await this.updateComplete;\n    this.formControlController.updateValidity();\n  }\n\n  /** Sets focus on the input. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the input. */\n  blur() {\n    this.input.blur();\n  }\n\n  /** Selects all the text in the input. */\n  select() {\n    this.input.select();\n  }\n\n  /** Sets the start and end positions of the text selection (0-based). */\n  setSelectionRange(\n    selectionStart: number,\n    selectionEnd: number,\n    selectionDirection: 'forward' | 'backward' | 'none' = 'none'\n  ) {\n    this.input.setSelectionRange(\n      selectionStart,\n      selectionEnd,\n      selectionDirection\n    );\n  }\n\n  /** Replaces a range of text with a new string. */\n  setRangeText(\n    replacement: string,\n    start?: number,\n    end?: number,\n    selectMode?: 'select' | 'start' | 'end' | 'preserve'\n  ) {\n    // @ts-expect-error - start, end, and selectMode are optional\n    this.input.setRangeText(replacement, start, end, selectMode);\n\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  // /** Displays the browser picker for an input element (only works if the browser supports it for the input type). */\n  // showPicker() {\n  //   if ('showPicker' in HTMLInputElement.prototype) {\n  //     this.input.showPicker();\n  //   }\n  // }\n\n  /** Increments the value of a numeric input type by the value of the step attribute. */\n  stepUp() {\n    this.input.stepUp();\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  /** Decrements the value of a numeric input type by the value of the step attribute. */\n  stepDown() {\n    this.input.stepDown();\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    return this.input.checkValidity();\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    return this.input.reportValidity();\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message: string) {\n    this.input.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasLabelSuffixSlot = this.hasSlotController.test('label-suffix');\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n    const hasClearIcon =\n      this.clearable &&\n      !this.disabled &&\n      !this.readonly &&\n      (typeof this.value === 'number' || this.value.length > 0);\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--small': this.size === 'small',\n          'form-control--medium': this.size === 'medium',\n          'form-control--large': this.size === 'large',\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText,\n        })}\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        ${hasLabelSuffixSlot ? html` <slot name=\"label-suffix\"></slot> ` : ``}\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div\n            part=\"base\"\n            class=${classMap({\n              input: true,\n\n              // Sizes\n              'input--small': this.size === 'small',\n              'input--medium': this.size === 'medium',\n              'input--large': this.size === 'large',\n\n              // States\n              'input--pill': this.pill,\n              'input--standard': !this.filled,\n              'input--warning': this.warning,\n              'input--error': this.error,\n              'input--success': this.success,\n              'input--filled': this.filled,\n              'input--disabled': this.disabled,\n              'input--focused': this.hasFocus,\n              'input--empty': !this.value,\n              'input--no-spin-buttons': this.noSpinButtons,\n            })}\n          >\n            <slot name=\"prefix\" part=\"prefix\" class=\"input__prefix\"></slot>\n            <input\n              part=\"input\"\n              id=\"input\"\n              class=\"input__control ${\n                this.type === 'password' && !this.passwordVisible\n                  ? 'input__password'\n                  : ''\n              }\"\n              type=${this.type === 'password' ? 'text' : this.type}\n              title=${\n                this\n                  .title /* An empty title prevents browser validation tooltips from appearing on hover */\n              }\n              name=${ifDefined(this.name)}\n              ?disabled=${this.disabled}\n              ?readonly=${this.readonly}\n              ?required=${this.required}\n              placeholder=${ifDefined(this.placeholder)}\n              minlength=${ifDefined(this.minlength)}\n              maxlength=${ifDefined(this.maxlength)}\n              min=${ifDefined(this.min)}\n              max=${ifDefined(this.max)}\n              step=${ifDefined(this.step as number)}\n              .value=${live(this.value)}\n              autocapitalize=${ifDefined(this.autocapitalize)}\n              autocomplete=${ifDefined(this.autocomplete)}\n              autocorrect=${ifDefined(this.autocorrect)}\n              ?autofocus=${this.autofocus}\n              spellcheck=${this.spellcheck}\n              pattern=${ifDefined(this.pattern)}\n              enterkeyhint=${ifDefined(this.enterkeyhint)}\n              inputmode=${ifDefined(this.inputmode)}\n              aria-describedby=\"help-text\"\n              @change=${this.handleChange}\n              @input=${this.handleInput}\n              @invalid=${this.handleInvalid}\n              @keydown=${this.handleKeyDown}\n              @focus=${this.handleFocus}\n              @blur=${this.handleBlur}\n            />\n\n            ${\n              hasClearIcon\n                ? html`\n                    <button\n                      part=\"clear-button\"\n                      class=\"input__clear\"\n                      type=\"button\"\n                      aria-label=\"clearEntry\"\n                      @click=${this.handleClearClick}\n                      tabindex=\"-1\"\n                    >\n                      <slot name=\"clear-icon\">\n                        <nile-icon name=\"error\" library=\"system\"></nile-icon>\n                      </slot>\n                    </button>\n                  `\n                : ''\n            }\n            ${\n              this.passwordToggle && !this.disabled\n                ? html`\n                    <button\n                      part=\"password-toggle-button\"\n                      class=\"input__password-toggle\"\n                      type=\"button\"\n                      aria-label=${this.passwordVisible\n                        ? 'hidePassword'\n                        : 'showPassword'}\n                      @click=${this.handlePasswordToggle}\n                      tabindex=\"-1\"\n                    >\n                      ${this.passwordVisible\n                        ? html`\n                            <slot name=\"show-password-icon\">\n                              <nile-icon\n                                name=\"eye\"\n                                library=\"system\"\n                              ></nile-icon>\n                            </slot>\n                          `\n                        : html`\n                            <slot name=\"hide-password-icon\">\n                              <nile-icon\n                                name=\"eye\"\n                                library=\"system\"\n                              ></nile-icon>\n                            </slot>\n                          `}\n                    </button>\n                  `\n                : ''\n            }\n\n            <slot name=\"suffix\" part=\"suffix\" class=\"input__suffix\"></slot>\n          </div>\n        </div>\n\n        ${\n          hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``\n        }\n\n        ${\n          hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``\n        }\n        </div>\n      </div>\n    `;\n  }\n}\n\nexport default NileInput;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-input': NileInput;\n  }\n}\n"],"names":["NileInput","d","constructor","this","formControlController","FormControlController","assumeInteractionOn","hasSlotController","HasSlotController","hasFocus","title","type","name","value","defaultValue","size","filled","warning","error","success","pill","label","helpText","errorMessage","clearable","disabled","placeholder","readonly","passwordToggle","passwordVisible","noSpinButtons","form","required","autocomplete","spellcheck","_this","_createClass","key","connectedCallback","super","emit","disconnectedCallback","get","input","document","createElement","valueAsDate","set","newValue","valueAsNumber","validity","validationMessage","firstUpdated","updateValidity","handleBlur","handleChange","handleClearClick","event","focus","stopPropagation","handleFocus","handleInput","handleInvalid","setValidity","emitInvalidEvent","handleKeyDown","_this2","hasModifier","metaKey","ctrlKey","shiftKey","altKey","setTimeout","defaultPrevented","isComposing","submit","handlePasswordToggle","handleDisabledChange","handleStepChange","step","String","_handleValueChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context2","prev","next","updateComplete","stop","handleValueChange","apply","arguments","options","blur","select","setSelectionRange","selectionStart","selectionEnd","selectionDirection","setRangeText","replacement","start","end","selectMode","stepUp","stepDown","checkValidity","getForm","reportValidity","setCustomValidity","message","render","hasLabelSlot","test","hasLabel","hasLabelSuffixSlot","hasHelpText","hasErrorMessage","hasClearIcon","length","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","ifDefined","minlength","maxlength","min","max","live","autocapitalize","autocorrect","autofocus","pattern","enterkeyhint","inputmode","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","NileElement","styles","__decorate","query","prototype","state","property","reflect","Boolean","attribute","Number","converter","fromAttribute","toAttribute","watch","waitUntilFirstUpdate","_export","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-input.cjs.js","sources":["../../../src/nile-input/nile-input.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 {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-input.css';\nimport '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { defaultValue } from '../internal/default-value';\nimport { FormControlController } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup } from 'lit';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\n\n/**\n * Nile icon component.\n *\n * @tag nile-input\n *\n */\n@customElement('nile-input')\nexport class NileInput extends NileElement implements NileFormControl {\n  static styles: CSSResultGroup = styles;\n\n  private readonly formControlController = new FormControlController(this, {\n    assumeInteractionOn: ['nile-blur', 'nile-input'],\n  });\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    'help-text',\n    'label'\n  );\n\n  @query('.input__control') input: HTMLInputElement;\n\n  @state() private hasFocus = false;\n  @property() title = ''; // make reactive to pass through\n\n  /**\n   * The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\n   * to `text`.\n   */\n  @property({ reflect: true }) type:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url' = 'text';\n\n  /** The name of the input, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The current value of the input, submitted as a name/value pair with form data. */\n  @property() value = '';\n\n  @property({type: Boolean}) checkNonPrintableChar: boolean = false;\n\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue() defaultValue = '';\n\n  /** The input's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Draws a filled input. */\n  @property({ type: Boolean, reflect: true }) filled = false;\n\n  /** Sets the input to a warning state, changing its visual appearance. */\n  @property({ type: Boolean }) warning = false;\n\n  /** Sets the input to an error state, changing its visual appearance. */\n  @property({ type: Boolean }) error = false;\n\n  /** Sets the input to a success state, changing its visual appearance. */\n  @property({ type: Boolean }) success = false;\n\n\n  /** Sets the input to a Destructive state, changing its visual appearance. */\n  @property({ type: Boolean }) destructive = false;\n\n  /** Draws a pill-style input with rounded edges. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  /** The input's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** The input's error message. If you need to display HTML, use the `error-message` slot instead. */\n  @property({ attribute: 'error-message' }) errorMessage = '';\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /** Disables the input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = '';\n\n  /** Makes the input readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Adds a button to toggle the password's visibility. Only applies to password types. */\n  @property({ attribute: 'password-toggle', type: Boolean }) passwordToggle =\n    false;\n\n  /** Determines whether or not the password is currently visible. Only applies to password input types. */\n  @property({ attribute: 'password-visible', type: Boolean }) passwordVisible =\n    false;\n\n  /** Hides the browser's built-in increment/decrement spin buttons for number inputs. */\n  @property({ attribute: 'no-spin-buttons', type: Boolean }) noSpinButtons =\n    false;\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Makes the input a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** A regular expression pattern to validate input against. */\n  @property() pattern: string;\n\n  /** The minimum length of input that will be considered valid. */\n  @property({ type: Number }) minlength: number;\n\n  /** The maximum length of input that will be considered valid. */\n  @property({ type: Number }) maxlength: number;\n\n  /** The input's minimum value. Only applies to date and number input types. */\n  @property() min: number | string;\n\n  /** The input's maximum value. Only applies to date and number input types. */\n  @property() max: number | string;\n\n  /**\n   * Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\n   * implied, allowing any numeric value. Only applies to date and number input types.\n   */\n  @property() step: number | 'any';\n\n  /** Controls whether and how text input is automatically capitalized as it is entered by the user. */\n  @property() autocapitalize:\n    | 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters';\n\n  /** Indicates whether the browser's autocorrect feature is on or off. */\n  @property() autocorrect: 'off' | 'on';\n\n  /**\n   * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n   * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n   */\n  @property() autocomplete: string = \"off\";\n\n  /** Indicates that the input should receive focus on page load. */\n  @property({ type: Boolean }) autofocus: boolean;\n\n  /** Used to customize the label or icon of the Enter key on virtual keyboards. */\n  @property() enterkeyhint:\n    | 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send';\n\n  /** Enables spell checking on the input. */\n  @property({\n    type: Boolean,\n    converter: {\n      // Allow \"true|false\" attribute values but keep the property boolean\n      fromAttribute: value => (!value || value === 'false' ? false : true),\n      toAttribute: value => (value ? 'true' : 'false'),\n    },\n  })\n  spellcheck = true;\n\n  /**\n   * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\n   * keyboard on supportive devices.\n   */\n  @property() inputmode:\n    | 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url';\n\n  //\n  // NOTE: We use an in-memory input for these getters/setters instead of the one in the template because the properties\n  // can be set before the component is rendered.\n  //\n\n  @state() hasPrintableCharacters: boolean = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  /** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. */\n  get valueAsDate() {\n    const input = document.createElement('input');\n    input.type = 'date';\n    input.value = this.value;\n    return input.valueAsDate;\n  }\n\n  set valueAsDate(newValue: Date | null) {\n    const input = document.createElement('input');\n    input.type = 'date';\n    input.valueAsDate = newValue;\n    this.value = input.value;\n  }\n\n  /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */\n  get valueAsNumber() {\n    const input = document.createElement('input');\n    input.type = 'number';\n    input.value = this.value;\n    return input.valueAsNumber;\n  }\n\n  set valueAsNumber(newValue: number) {\n    const input = document.createElement('input');\n    input.type = 'number';\n    input.valueAsNumber = newValue;\n    this.value = input.value;\n  }\n\n  /** Gets the validity state object */\n  get validity() {\n    return this.input.validity;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    return this.input.validationMessage;\n  }\n\n  firstUpdated() {\n    this.formControlController.updateValidity();\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur', { value: this.value });\n  }\n\n  private handleChange() {\n    this.value = this.input.value;\n    this.emit('nile-change', { value: this.value });\n  }\n\n  private handleClearClick(event: MouseEvent) {\n    this.value = '';\n    this.emit('nile-clear', { value: this.value });\n    this.emit('nile-input', { value: this.value });\n    this.emit('nile-change', { value: this.value });\n    this.input.focus();\n\n    event.stopPropagation();\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus', { value: this.value });\n  }\n\n  private handleInput() {\n    this.value = this.input.value;\n    this.formControlController.updateValidity();\n    this.emit('nile-input', { value: this.value });\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    const hasModifier =\n      event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n\n    // Pressing enter when focused on an input should submit the form like a native input, but we wait a tick before\n    // submitting to allow users to cancel the keydown event if they need to\n    if (event.key === 'Enter' && !hasModifier) {\n      setTimeout(() => {\n        //\n        // When using an Input Method Editor (IME), pressing enter will cause the form to submit unexpectedly. One way\n        // to check for this is to look at event.isComposing, which will be true when the IME is open.\n        //\n\n        //\n        if (!event.defaultPrevented && !event.isComposing) {\n          this.formControlController.submit();\n        }\n      });\n    }\n  }\n\n  private handlePasswordToggle() {\n    this.passwordVisible = !this.passwordVisible;\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Disabled form controls are always valid\n    this.formControlController.setValidity(this.disabled);\n  }\n\n  @watch('step', { waitUntilFirstUpdate: true })\n  handleStepChange() {\n    // If step changes, the value may become invalid so we need to recheck after the update. We set the new step\n    // imperatively so we don't have to wait for the next render to report the updated validity.\n    this.input.step = String(this.step);\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  async handleValueChange() {\n    await this.updateComplete;\n\n    if(this.checkNonPrintableChar){\n      this.findNonPrintableChar();\n    }\n  }\n\n\n  /** checks non printable characters in the value. */\n  findNonPrintableChar() {\n    this.hasPrintableCharacters = false;\n\n    if (this.value) {\n      for (let i = 0, n = this.value.length; i < n; i++) {\n        const charCode = this.value.charCodeAt(i);\n\n        // Check if the character is non-printable\n        if ((charCode > 255 && charCode !== 9109) || [129, 143, 144, 157, 160].includes(charCode)) {\n          this.hasPrintableCharacters = true;\n          this.emit('nile-value', { value: this.value , hasPrintableCharacters: true });\n          break;\n        }\n      }\n    }\n  }\n\n  /** Removes all non printable characters from the value. */\n  removeAllNonPrintableCharacters() {\n    let cleanedValue = '';\n\n    if (this.value) {\n      for (let i = 0, n = this.value.length; i < n; i++) {\n        const charCode = this.value.charCodeAt(i);\n\n        // Consider a character printable if it's not in the specified non-printable ranges\n        if (!(charCode > 255 && charCode !== 9109) && ![129, 143, 144, 157, 160].includes(charCode)) {\n          cleanedValue += this.value.charAt(i);\n        }\n      }\n    }\n\n    this.value = cleanedValue;\n    this.emit('nile-npchar-removed', { value: this.value });\n\n  }\n\n\n  /** Sets focus on the input. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the input. */\n  blur() {\n    this.input.blur();\n  }\n\n  /** Selects all the text in the input. */\n  select() {\n    this.input.select();\n  }\n\n  /** Sets the start and end positions of the text selection (0-based). */\n  setSelectionRange(\n    selectionStart: number,\n    selectionEnd: number,\n    selectionDirection: 'forward' | 'backward' | 'none' = 'none'\n  ) {\n    this.input.setSelectionRange(\n      selectionStart,\n      selectionEnd,\n      selectionDirection\n    );\n  }\n\n  /** Replaces a range of text with a new string. */\n  setRangeText(\n    replacement: string,\n    start?: number,\n    end?: number,\n    selectMode?: 'select' | 'start' | 'end' | 'preserve'\n  ) {\n    // @ts-expect-error - start, end, and selectMode are optional\n    this.input.setRangeText(replacement, start, end, selectMode);\n\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  // /** Displays the browser picker for an input element (only works if the browser supports it for the input type). */\n  // showPicker() {\n  //   if ('showPicker' in HTMLInputElement.prototype) {\n  //     this.input.showPicker();\n  //   }\n  // }\n\n  /** Increments the value of a numeric input type by the value of the step attribute. */\n  stepUp() {\n    this.input.stepUp();\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  /** Decrements the value of a numeric input type by the value of the step attribute. */\n  stepDown() {\n    this.input.stepDown();\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    return this.input.checkValidity();\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    return this.input.reportValidity();\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message: string) {\n    this.input.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasLabelSuffixSlot = this.hasSlotController.test('label-suffix');\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n    const hasClearIcon =\n      this.clearable &&\n      !this.disabled &&\n      !this.readonly &&\n      (typeof this.value === 'number' || this.value.length > 0);\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--small': this.size === 'small',\n          'form-control--medium': this.size === 'medium',\n          'form-control--large': this.size === 'large',\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText,\n        })}\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        ${hasLabelSuffixSlot ? html` <slot name=\"label-suffix\"></slot> ` : ``}\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n        <nile-popup ?active=${this.hasPrintableCharacters}\n        placement=\"bottom-start\"\n        distance=\"5\"\n        strategy=\"fixed\"\n        >\n          <div\n            slot=\"anchor\"\n            part=\"base\"\n            class=${classMap({\n              input: true,\n\n              // Sizes\n              'input--small': this.size === 'small',\n              'input--medium': this.size === 'medium',\n              'input--large': this.size === 'large',\n\n              // States\n              'input--pill': this.pill,\n              'input--standard': !this.filled,\n              'input--warning': this.warning,\n              'input--error': this.error,\n              'input--success': this.success,\n              'input--destructive': this.destructive,\n              'input--filled': this.filled,\n              'input--disabled': this.disabled,\n              'input--focused': this.hasFocus,\n              'input--empty': !this.value,\n              'input--no-spin-buttons': this.noSpinButtons,\n            })}\n          >\n            <slot name=\"prefix\" part=\"prefix\" class=\"input__prefix\"></slot>\n            <input\n              part=\"input\"\n              id=\"input\"\n              class=\"input__control ${\n                this.type === 'password' && !this.passwordVisible\n                  ? 'input__password'\n                  : ''\n              }\"\n              type=${this.type === 'password' ? 'text' : this.type}\n              title=${\n                this\n                  .title /* An empty title prevents browser validation tooltips from appearing on hover */\n              }\n              name=${ifDefined(this.name)}\n              ?disabled=${this.disabled}\n              ?readonly=${this.readonly}\n              ?required=${this.required}\n              placeholder=${ifDefined(this.placeholder)}\n              minlength=${ifDefined(this.minlength)}\n              maxlength=${ifDefined(this.maxlength)}\n              min=${ifDefined(this.min)}\n              max=${ifDefined(this.max)}\n              step=${ifDefined(this.step as number)}\n              .value=${live(this.value)}\n              autocapitalize=${ifDefined(this.autocapitalize)}\n              autocomplete=${ifDefined(this.autocomplete)}\n              autocorrect=${ifDefined(this.autocorrect)}\n              ?autofocus=${this.autofocus}\n              spellcheck=${this.spellcheck}\n              pattern=${ifDefined(this.pattern)}\n              enterkeyhint=${ifDefined(this.enterkeyhint)}\n              inputmode=${ifDefined(this.inputmode)}\n              aria-describedby=\"help-text\"\n              @change=${this.handleChange}\n              @input=${this.handleInput}\n              @invalid=${this.handleInvalid}\n              @keydown=${this.handleKeyDown}\n              @focus=${this.handleFocus}\n              @blur=${this.handleBlur}\n            />\n\n            ${\n              hasClearIcon\n                ? html`\n                    <button\n                      part=\"clear-button\"\n                      class=\"input__clear\"\n                      type=\"button\"\n                      aria-label=\"clearEntry\"\n                      @click=${this.handleClearClick}\n                      tabindex=\"-1\"\n                    >\n                      <slot name=\"clear-icon\">\n                        <nile-icon name=\"error\" library=\"system\"></nile-icon>\n                      </slot>\n                    </button>\n                  `\n                : ''\n            }\n            ${\n              this.passwordToggle && !this.disabled\n                ? html`\n                    <button\n                      part=\"password-toggle-button\"\n                      class=\"input__password-toggle\"\n                      type=\"button\"\n                      aria-label=${this.passwordVisible\n                        ? 'hidePassword'\n                        : 'showPassword'}\n                      @click=${this.handlePasswordToggle}\n                      tabindex=\"-1\"\n                    >\n                      ${this.passwordVisible\n                        ? html`\n                            <slot name=\"show-password-icon\">\n                              <nile-icon\n                                name=\"eye\"\n                                library=\"system\"\n                              ></nile-icon>\n                            </slot>\n                          `\n                        : html`\n                            <slot name=\"hide-password-icon\">\n                              <nile-icon\n                                name=\"eye\"\n                                library=\"system\"\n                              ></nile-icon>\n                            </slot>\n                          `}\n                    </button>\n                  `\n                : ''\n            }\n\n            <slot name=\"suffix\" part=\"suffix\" class=\"input__suffix\"></slot>\n          </div>\n\n          <div class=\"input__non-printable\">\n          Non-printable character detected.<span class=\"input__remove-non-printable\" @click=${\n            this.removeAllNonPrintableCharacters\n          }> Remove All </span>\n          </div>\n          </nile-popup>\n        </div>\n\n        ${\n          hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``\n        }\n\n        ${\n          hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``\n        }\n        </div>\n      </div>\n    `;\n  }\n}\n\nexport default NileInput;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-input': NileInput;\n  }\n}\n"],"names":["NileInput","_v","_inherits","d","_super","_createSuper","this","formControlController","FormControlController","assumeInteractionOn","hasSlotController","HasSlotController","hasFocus","title","type","name","value","checkNonPrintableChar","defaultValue","size","filled","warning","error","success","destructive","pill","label","helpText","errorMessage","clearable","disabled","placeholder","readonly","passwordToggle","passwordVisible","noSpinButtons","form","required","autocomplete","spellcheck","hasPrintableCharacters","_this","_createClass","key","connectedCallback","super","emit","disconnectedCallback","get","input","document","createElement","valueAsDate","set","newValue","valueAsNumber","validity","validationMessage","firstUpdated","updateValidity","handleBlur","handleChange","handleClearClick","event","focus","stopPropagation","handleFocus","handleInput","handleInvalid","setValidity","emitInvalidEvent","handleKeyDown","hasModifier","metaKey","ctrlKey","shiftKey","altKey","setTimeout","defaultPrevented","isComposing","submit","handlePasswordToggle","handleDisabledChange","handleStepChange","step","String","_handleValueChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context2","prev","next","updateComplete","findNonPrintableChar","stop","handleValueChange","apply","arguments","i","n","length","charCode","charCodeAt","includes","removeAllNonPrintableCharacters","cleanedValue","charAt","options","blur","select","setSelectionRange","selectionStart","selectionEnd","selectionDirection","undefined","setRangeText","replacement","start","end","selectMode","stepUp","stepDown","checkValidity","getForm","reportValidity","setCustomValidity","message","render","hasLabelSlot","test","hasLabel","hasLabelSuffixSlot","hasHelpText","hasErrorMessage","hasClearIcon","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","ifDefined","minlength","maxlength","min","max","live","autocapitalize","autocorrect","autofocus","pattern","enterkeyhint","inputmode","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","NileElement","styles","__decorate","query","prototype","state","property","reflect","Boolean","attribute","Number","converter","fromAttribute","toAttribute","watch","waitUntilFirstUpdate","_export","customElement"],"mappings":"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"}

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: 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"]))));}};});
+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\n  /* Standard inputs */\n  .input--standard {\n    background-color: var(--nile-input-standard-background-color);\n    border: solid 1px var(--nile-input-standard-border-color);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); /**for v2 */\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    color: var(--nile-input-standard-disabled-placeholder-font-color);\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  .input--standard.input--destructive {\n    border-color: #fda29b;\n  }\n\n  .input--standard.input--destructive:focus {\n    border: 1px solid #fda29b;\n    /* Focus rings/ring-error-shadow-xs */\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n      0px 0px 0px 4px rgba(240, 68, 56, 0.24);\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: var(--nile-font-family-sans-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  .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: #7f7f7f;\n    color: #667085; /**for v2 */\n    user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: #000;\n    font-size: 14px;\n    line-height: 14px;\n    font-style: normal;\n    font-weight: 400;\n    letter-spacing: 0.2px;\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  .input--standard:focus {\n    border-radius: 4px;\n    border: 1px solid #85aad1; /**for v2 */\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n      0px 0px 0px 4px rgba(133, 170, 209, 0.24); /**for v2 */\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: 0.25rem;\n    font-size: var(--nile-input-font-size-small);\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: var(--nile-input-font-size-medium);\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  .input__non-printable {\n    width: 280px;\n    height: 12px;\n    border-radius: 4px;\n    background-color: #ffffff;\n    border: 1px solid grey;\n    color: red;\n    padding: 10px;\n    font-size: 12px;\n  }\n\n  .input__remove-non-printable {\n    color: #035da6;\n    margin-left: 10px;\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: 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"}
+{"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\n  /* Standard inputs */\n  .input--standard {\n    background-color: var(--nile-input-standard-background-color);\n    border: solid 1px var(--nile-input-standard-border-color);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); /**for v2 */\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    color: var(--nile-input-standard-disabled-placeholder-font-color);\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  .input--standard.input--destructive {\n    border-color: #fda29b;\n  }\n\n  .input--standard.input--destructive:focus {\n    border: 1px solid #fda29b;\n    /* Focus rings/ring-error-shadow-xs */\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n      0px 0px 0px 4px rgba(240, 68, 56, 0.24);\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: var(--nile-font-family-sans-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  .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: #7f7f7f;\n    color: #667085; /**for v2 */\n    user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: #000;\n    font-size: 14px;\n    line-height: 14px;\n    font-style: normal;\n    font-weight: 400;\n    letter-spacing: 0.2px;\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  .input--standard:focus {\n    border-radius: 4px;\n    border: 1px solid #85aad1; /**for v2 */\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n      0px 0px 0px 4px rgba(133, 170, 209, 0.24); /**for v2 */\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: 0.25rem;\n    font-size: var(--nile-input-font-size-small);\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: var(--nile-input-font-size-medium);\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  .input__non-printable {\n    width: 280px;\n    height: 12px;\n    border-radius: 4px;\n    background-color: #ffffff;\n    border: 1px solid grey;\n    color: red;\n    padding: 10px;\n    font-size: 12px;\n  }\n\n  .input__remove-non-printable {\n    color: #035da6;\n    margin-left: 10px;\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

@@ -32,20 +32,20 @@ import{i as o}from"../index-cd2f9c12.esm.js";const t=o`
   :host([required]) .form-control--has-label .form-control__label::after {
     content: '*';
     margin-inline-start: -2px;
-    color: #A4121C;
+    color: #a4121c;
   }
 
   /* Help text */
   .form-control--has-help-text .form-control__help-text {
     display: block;
-    color: #7F7F7F;
+    color: #7f7f7f;
     margin-top: 6px;
   }
 
   /* Error message */
   .form-control__error-message {
     display: block;
-    color: #A4121C;
+    color: #a4121c;
     margin-top: 12px;
     font-size: 12px;
     font-style: normal;
@@ -81,12 +81,14 @@ import{i as o}from"../index-cd2f9c12.esm.js";const t=o`
     font-size: 14px;
     font-style: normal;
     line-height: 14px;
-    letter-spacing: 0.2px;  }
+    letter-spacing: 0.2px;
+  }
 
   /* Standard inputs */
   .input--standard {
-    background-color: hsl(0, 0%, 100%);
-    border: solid 1px #c7ced4;
+    background-color: var(--nile-input-standard-background-color);
+    border: solid 1px var(--nile-input-standard-border-color);
+    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); /**for v2 */
   }
 
   .input--standard:hover:not(.input--disabled) {
@@ -116,6 +118,7 @@ import{i as o}from"../index-cd2f9c12.esm.js";const t=o`
 
   .input--standard.input--disabled .input__control::placeholder {
     color: hsl(240 5.2% 33.9%);
+    color: var(--nile-input-standard-disabled-placeholder-font-color);
   }
 
   .input--standard.input--warning {
@@ -130,6 +133,17 @@ import{i as o}from"../index-cd2f9c12.esm.js";const t=o`
     border-color: #43e5c0;
   }
 
+  .input--standard.input--destructive {
+    border-color: #fda29b;
+  }
+
+  .input--standard.input--destructive:focus {
+    border: 1px solid #fda29b;
+    /* Focus rings/ring-error-shadow-xs */
+    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),
+      0px 0px 0px 4px rgba(240, 68, 56, 0.24);
+  }
+
   /* Filled inputs */
   .input--filled {
     border: none;
@@ -165,7 +179,7 @@ import{i as o}from"../index-cd2f9c12.esm.js";const t=o`
     cursor: inherit;
     -webkit-appearance: none;
     color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-sans-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -221,12 +235,18 @@ import{i as o}from"../index-cd2f9c12.esm.js";const t=o`
   }
 
   .input__control::placeholder {
-    color: hsl(240 3.8% 46.1%);
+    color: #7f7f7f;
+    color: #667085; /**for v2 */
     user-select: none;
   }
 
   .input:hover:not(.input--disabled) .input__control {
-    color: hsl(240 5.3% 26.1%);
+    color: #000;
+    font-size: 14px;
+    line-height: 14px;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: 0.2px;
   }
 
   .input__control:focus {
@@ -249,13 +269,20 @@ import{i as o}from"../index-cd2f9c12.esm.js";const t=o`
     color: hsl(240 3.8% 46.1%);
   }
 
+  .input--standard:focus {
+    border-radius: 4px;
+    border: 1px solid #85aad1; /**for v2 */
+    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),
+      0px 0px 0px 4px rgba(133, 170, 209, 0.24); /**for v2 */
+  }
+
   /*
    * Size modifiers
    */
 
   .input--small {
     border-radius: 0.25rem;
-    font-size: 0.875rem;
+    font-size: var(--nile-input-font-size-small);
     height: 1.875rem;
   }
 
@@ -282,7 +309,7 @@ import{i as o}from"../index-cd2f9c12.esm.js";const t=o`
 
   .input--medium {
     border-radius: 0.25rem;
-    font-size: 1rem;
+    font-size: var(--nile-input-font-size-medium);
     height: 38px;
   }
 
@@ -436,4 +463,20 @@ import{i as o}from"../index-cd2f9c12.esm.js";const t=o`
   .input__password {
     font-family: 'disc';
   }
+
+  .input__non-printable {
+    width: 280px;
+    height: 12px;
+    border-radius: 4px;
+    background-color: #ffffff;
+    border: 1px solid grey;
+    color: red;
+    padding: 10px;
+    font-size: 12px;
+  }
+
+  .input__remove-non-printable {
+    color: #035da6;
+    margin-left: 10px;
+  }
 `;export{t as s};