@aquera/nile-elements 0.0.5-9 → 0.0.6-10

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

@@ -1 +1 @@
-{"version":3,"file":"nile-textarea.cjs.js","sources":["../../../src/nile-textarea/nile-textarea.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 {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-textarea.css';\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 NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Textareas collect data from the user and allow multiple lines of text.\n * @tag nile-text-area\n\n *\n * @slot label - The textarea's label. Alternatively, you can use the `label` attribute.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n *\n * @event nile-blur - Emitted when the control loses focus.\n * @event nile-change - Emitted when an alteration to the control's value is committed by the user.\n * @event nile-focus - Emitted when the control gains focus.\n * @event nile-input - Emitted when the control receives input.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart textarea - The internal `<textarea>` control.\n */\n\n@customElement('nile-textarea')\nexport class NileTextarea extends NileElement  {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n  private resizeObserver: ResizeObserver;\n\n  @query('.textarea__control') input: HTMLTextAreaElement;\n\n  @state() private hasFocus = false;\n  @property() title = ''; // make reactive to pass through\n\n  /** The name of the textarea, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The current value of the textarea, submitted as a name/value pair with form data. */\n  @property() value = '';\n\n  /** The textarea's size. */\n  @property({ reflect: true }) size = 'medium';\n\n  /** Draws a filled textarea. */\n  @property({ type: Boolean, reflect: true }) filled = false;\n\n  /** The textarea's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /** The textarea'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  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = '';\n\n  /** The number of rows to display by default. */\n  @property({ type: Number }) rows = 4;\n\n  /** Controls how the textarea can be resized. */\n  @property() resize: 'none' | 'vertical' | 'auto' = 'vertical';\n\n  /** Disables the textarea. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Makes the textarea readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = 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 textarea a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  @property({ type: Number }) minlength: number;\n\n  @property({ type: Number }) maxlength: number;\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  /** Controls whether and how text input is automatically capitalized as it is entered by the user. */\n  @property() autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';\n\n  /** Indicates whether the browser's autocorrect feature is on or off. */\n  @property() autocorrect: string;\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;\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: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';\n\n  /** Enables spell checking on the textarea. */\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: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue() defaultValue = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.resizeObserver = new ResizeObserver(() => this.setTextareaHeight());\n\n    this.updateComplete.then(() => {\n      this.setTextareaHeight();\n      this.resizeObserver.observe(this.input);\n    });\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.resizeObserver.unobserve(this.input);\n    this.emit('nile-destroy');\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.setTextareaHeight();\n    this.emit('nile-change', { value: this.value });\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.emit('nile-input', { value: this.value });\n  }\n\n  private setTextareaHeight() {\n    if (this.resize === 'auto') {\n      this.input.style.height = 'auto';\n      this.input.style.height = `${this.input.scrollHeight}px`;\n    } else {\n      (this.input.style.height as string | undefined) = undefined;\n    }\n  }\n\n  @watch('rows', { waitUntilFirstUpdate: true })\n  handleRowsChange() {\n    this.setTextareaHeight();\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  async handleValueChange() {\n    await this.updateComplete;\n    this.setTextareaHeight();\n  }\n\n  /** Sets focus on the textarea. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the textarea. */\n  blur() {\n    this.input.blur();\n  }\n\n  /** Selects all the text in the textarea. */\n  select() {\n    this.input.select();\n  }\n\n  /** Gets or sets the textarea's scroll position. */\n  scrollPosition(position?: { top?: number; left?: number }): { top: number; left: number } | undefined {\n    if (position) {\n      if (typeof position.top === 'number') this.input.scrollTop = position.top;\n      if (typeof position.left === 'number') this.input.scrollLeft = position.left;\n      return undefined;\n    }\n\n    return {\n      top: this.input.scrollTop,\n      left: this.input.scrollTop\n    };\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(selectionStart, selectionEnd, selectionDirection);\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    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n      this.setTextareaHeight();\n    }\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\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': this.size === 'medium',\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        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div\n            part=\"base\"\n            class=${classMap({\n              textarea: true,\n              'textarea--medium': this.size === 'medium',\n              'textarea--warning': this.warning,\n              'textarea--error': this.error,\n              'textarea--success': this.success,\n              'textarea--standard': !this.filled,\n              'textarea--disabled': this.disabled,\n              'textarea--focused': this.hasFocus,\n              'textarea--empty': !this.value,\n              'textarea--resize-none': this.resize === 'none',\n              'textarea--resize-vertical': this.resize === 'vertical',\n              'textarea--resize-auto': this.resize === 'auto'\n            })}\n          >\n            <textarea\n              part=\"textarea\"\n              id=\"input\"\n              class=\"textarea__control\"\n              title=${this.title /* An empty title prevents browser validation tooltips from appearing on hover */}\n              name=${ifDefined(this.name)}\n              .value=${live(this.value)}\n              ?disabled=${this.disabled}\n              ?readonly=${this.readonly}\n              ?required=${this.required}\n              placeholder=${ifDefined(this.placeholder)}\n              rows=${ifDefined(this.rows)}\n              minlength=${ifDefined(this.minlength)}\n              maxlength=${ifDefined(this.maxlength)}\n              autocapitalize=${ifDefined(this.autocapitalize)}\n              autocorrect=${ifDefined(this.autocorrect)}\n              ?autofocus=${this.autofocus}\n              spellcheck=${ifDefined(this.spellcheck)}\n              enterkeyhint=${ifDefined(this.enterkeyhint)}\n              inputmode=${ifDefined(this.inputmode)}\n              aria-describedby=\"help-text\"\n              @change=${this.handleChange}\n              @input=${this.handleInput}\n              @focus=${this.handleFocus}\n              @blur=${this.handleBlur}\n            ></textarea>\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    `;\n  }\n}\n\nexport default NileTextarea;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-textarea': NileTextarea;\n  }\n}\n"],"names":["NileTextarea","p","this","hasSlotController","HasSlotController","hasFocus","title","name","value","size","filled","label","helpText","errorMessage","placeholder","rows","resize","disabled","readonly","form","required","warning","error","success","spellcheck","defaultValue","_this","_createClass","key","connectedCallback","super","resizeObserver","ResizeObserver","setTextareaHeight","updateComplete","then","observe","input","emit","disconnectedCallback","unobserve","handleBlur","handleChange","handleFocus","handleInput","style","height","concat","scrollHeight","undefined","handleRowsChange","_handleValueChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context2","prev","next","stop","handleValueChange","apply","arguments","focus","options","blur","select","scrollPosition","position","top","scrollTop","left","scrollLeft","setSelectionRange","selectionStart","selectionEnd","selectionDirection","length","setRangeText","replacement","start","end","selectMode","render","hasLabelSlot","test","hasLabel","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","classMap","textarea","ifDefined","live","minlength","maxlength","autocapitalize","autocorrect","autofocus","enterkeyhint","inputmode","_templateObject2","_templateObject3","NileElement","styles","__decorate","query","prototype","state","property","reflect","type","Boolean","attribute","Number","converter","fromAttribute","toAttribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-textarea.cjs.js","sources":["../../../src/nile-textarea/nile-textarea.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 {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-textarea.css';\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 NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Textareas collect data from the user and allow multiple lines of text.\n * @tag nile-text-area\n\n *\n * @slot label - The textarea's label. Alternatively, you can use the `label` attribute.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n *\n * @event nile-blur - Emitted when the control loses focus.\n * @event nile-change - Emitted when an alteration to the control's value is committed by the user.\n * @event nile-focus - Emitted when the control gains focus.\n * @event nile-input - Emitted when the control receives input.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart textarea - The internal `<textarea>` control.\n */\n\n@customElement('nile-textarea')\nexport class NileTextarea extends NileElement  {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n  private resizeObserver: ResizeObserver;\n\n  @query('.textarea__control') input: HTMLTextAreaElement;\n\n  @state() private hasFocus = false;\n  @property() title = ''; // make reactive to pass through\n\n  /** The name of the textarea, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The current value of the textarea, submitted as a name/value pair with form data. */\n  @property() value = '';\n\n  /** The textarea's size. */\n  @property({ reflect: true }) size = 'medium';\n\n  /** Draws a filled textarea. */\n  @property({ type: Boolean, reflect: true }) filled = false;\n\n  /** The textarea's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /** The textarea'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  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = '';\n\n  /** The number of rows to display by default. */\n  @property({ type: Number }) rows = 4;\n\n  /** Controls how the textarea can be resized. */\n  @property() resize: 'none' | 'vertical' | 'auto' = 'vertical';\n\n  /** Disables the textarea. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Makes the textarea readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = 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 textarea a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  @property({ type: Number }) minlength: number;\n\n  @property({ type: Number }) maxlength: number;\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  /** Controls whether and how text input is automatically capitalized as it is entered by the user. */\n  @property() autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';\n\n  /** Indicates whether the browser's autocorrect feature is on or off. */\n  @property() autocorrect: string;\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;\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: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';\n\n  /** Enables spell checking on the textarea. */\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: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue() defaultValue = '';\n\n  @property({ type: Boolean, reflect: true }) fullHeight = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.resizeObserver = new ResizeObserver(() => this.setTextareaHeight());\n\n    this.updateComplete.then(() => {\n      this.setTextareaHeight();\n      this.resizeObserver.observe(this.input);\n    });\n\n    if(this.fullHeight){\n    requestAnimationFrame(() => {\n      let parentHeight = this.parentElement?.getBoundingClientRect().height;\n\n      if (parentHeight) {\n        parentHeight = parentHeight - 65;\n        this.shadowRoot?.querySelector('textarea')?.style.setProperty('height', `${parentHeight}px`);\n      }\n    });\n    }\n\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if(this.input) {\n          this.resizeObserver.unobserve(this.input);\n    }\n    this.emit('nile-destroy');\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.setTextareaHeight();\n    this.emit('nile-change', { value: this.value });\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.emit('nile-input', { value: this.value });\n  }\n\n  private setTextareaHeight() {\n    if (this.resize === 'auto') {\n      this.input.style.height = 'auto';\n      this.input.style.height = `${this.input.scrollHeight}px`;\n    } else {\n      (this.input.style.height as string | undefined) = undefined;\n    }\n  }\n\n  @watch('rows', { waitUntilFirstUpdate: true })\n  handleRowsChange() {\n    this.setTextareaHeight();\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  async handleValueChange() {\n    await this.updateComplete;\n    this.setTextareaHeight();\n  }\n\n  /** Sets focus on the textarea. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the textarea. */\n  blur() {\n    this.input.blur();\n  }\n\n  /** Selects all the text in the textarea. */\n  select() {\n    this.input.select();\n  }\n\n  /** Gets or sets the textarea's scroll position. */\n  scrollPosition(position?: { top?: number; left?: number }): { top: number; left: number } | undefined {\n    if (position) {\n      if (typeof position.top === 'number') this.input.scrollTop = position.top;\n      if (typeof position.left === 'number') this.input.scrollLeft = position.left;\n      return undefined;\n    }\n\n    return {\n      top: this.input.scrollTop,\n      left: this.input.scrollTop\n    };\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(selectionStart, selectionEnd, selectionDirection);\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    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n      this.setTextareaHeight();\n    }\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\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': this.size === 'medium',\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        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div\n            part=\"base\"\n            class=${classMap({\n              textarea: true,\n              'textarea--medium': this.size === 'medium',\n              'textarea--warning': this.warning,\n              'textarea--error': this.error,\n              'textarea--success': this.success,\n              'textarea--standard': !this.filled,\n              'textarea--disabled': this.disabled,\n              'textarea--focused': this.hasFocus,\n              'textarea--empty': !this.value,\n              'textarea--resize-none': this.resize === 'none',\n              'textarea--resize-vertical': this.resize === 'vertical',\n              'textarea--resize-auto': this.resize === 'auto'\n            })}\n          >\n            <textarea\n              part=\"textarea\"\n              id=\"input\"\n              class=\"textarea__control\"\n              title=${this.title /* An empty title prevents browser validation tooltips from appearing on hover */}\n              name=${ifDefined(this.name)}\n              .value=${live(this.value)}\n              ?disabled=${this.disabled}\n              ?readonly=${this.readonly}\n              ?required=${this.required}\n              placeholder=${ifDefined(this.placeholder)}\n              rows=${ifDefined(this.rows)}\n              minlength=${ifDefined(this.minlength)}\n              maxlength=${ifDefined(this.maxlength)}\n              autocapitalize=${ifDefined(this.autocapitalize)}\n              autocorrect=${ifDefined(this.autocorrect)}\n              ?autofocus=${this.autofocus}\n              spellcheck=${ifDefined(this.spellcheck)}\n              enterkeyhint=${ifDefined(this.enterkeyhint)}\n              inputmode=${ifDefined(this.inputmode)}\n              aria-describedby=\"help-text\"\n              @change=${this.handleChange}\n              @input=${this.handleInput}\n              @focus=${this.handleFocus}\n              @blur=${this.handleBlur}\n            ></textarea>\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    `;\n  }\n}\n\nexport default NileTextarea;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-textarea': NileTextarea;\n  }\n}\n"],"names":["NileTextarea","p","this","hasSlotController","HasSlotController","hasFocus","title","name","value","size","filled","label","helpText","errorMessage","placeholder","rows","resize","disabled","readonly","form","required","warning","error","success","spellcheck","defaultValue","fullHeight","_this","_createClass","key","connectedCallback","super","resizeObserver","ResizeObserver","setTextareaHeight","updateComplete","then","observe","input","requestAnimationFrame","_this2$parentElement","_this2$shadowRoot","parentHeight","parentElement","getBoundingClientRect","height","shadowRoot","querySelector","style","setProperty","concat","emit","disconnectedCallback","unobserve","handleBlur","handleChange","handleFocus","handleInput","scrollHeight","undefined","handleRowsChange","_handleValueChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context2","prev","next","stop","handleValueChange","apply","arguments","focus","options","blur","select","scrollPosition","position","top","scrollTop","left","scrollLeft","setSelectionRange","selectionStart","selectionEnd","selectionDirection","length","setRangeText","replacement","start","end","selectMode","render","hasLabelSlot","test","hasLabel","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","classMap","textarea","ifDefined","live","minlength","maxlength","autocapitalize","autocorrect","autofocus","enterkeyhint","inputmode","_templateObject2","_templateObject3","NileElement","styles","__decorate","query","prototype","state","property","reflect","type","Boolean","attribute","Number","converter","fromAttribute","toAttribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{x as e}from"../index-cd2f9c12.esm.js";import{query as i,state as s,customElement as o}from"lit/decorators.js";import{s as r}from"./nile-textarea.css.esm.js";import{classMap as a}from"lit/directives/class-map.js";import{d as l}from"../internal/default-value.esm.js";import{H as h}from"../internal/slot.esm.js";import{ifDefined as n}from"lit/directives/if-defined.js";import{live as d}from"lit/directives/live.js";import{w as m}from"../internal/watch.esm.js";import{N as c}from"../internal/nile-element.esm.js";import{n as u}from"../property-09139d3c.esm.js";import"lit";let p=class extends c{constructor(){super(...arguments),this.hasSlotController=new h(this,"help-text","label"),this.hasFocus=!1,this.title="",this.name="",this.value="",this.size="medium",this.filled=!1,this.label="",this.helpText="",this.errorMessage="",this.placeholder="",this.rows=4,this.resize="vertical",this.disabled=!1,this.readonly=!1,this.form="",this.required=!1,this.warning=!1,this.error=!1,this.success=!1,this.spellcheck=!0,this.defaultValue=""}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.setTextareaHeight())),this.updateComplete.then((()=>{this.setTextareaHeight(),this.resizeObserver.observe(this.input)})),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.input),this.emit("nile-destroy")}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value})}handleChange(){this.value=this.input.value,this.setTextareaHeight(),this.emit("nile-change",{value:this.value})}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value})}handleInput(){this.value=this.input.value,this.emit("nile-input",{value:this.value})}setTextareaHeight(){"auto"===this.resize?(this.input.style.height="auto",this.input.style.height=`${this.input.scrollHeight}px`):this.input.style.height=void 0}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.setTextareaHeight()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(t){return t?("number"==typeof t.top&&(this.input.scrollTop=t.top),void("number"==typeof t.left&&(this.input.scrollLeft=t.left))):{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(t,e,i="none"){this.input.setSelectionRange(t,e,i)}setRangeText(t,e,i,s){this.input.setRangeText(t,e,i,s),this.value!==this.input.value&&(this.value=this.input.value),this.value!==this.input.value&&(this.value=this.input.value,this.setTextareaHeight())}render(){const t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const i=!!this.label||!!t,s=!!this.helpText,o=!!this.errorMessage;return e`
+import{__decorate as t}from"tslib";import{x as e}from"../index-cd2f9c12.esm.js";import{query as i,state as s,customElement as o}from"lit/decorators.js";import{s as r}from"./nile-textarea.css.esm.js";import{classMap as a}from"lit/directives/class-map.js";import{d as l}from"../internal/default-value.esm.js";import{H as h}from"../internal/slot.esm.js";import{ifDefined as n}from"lit/directives/if-defined.js";import{live as d}from"lit/directives/live.js";import{w as m}from"../internal/watch.esm.js";import{N as c}from"../internal/nile-element.esm.js";import{n as u}from"../property-09139d3c.esm.js";import"lit";let p=class extends c{constructor(){super(...arguments),this.hasSlotController=new h(this,"help-text","label"),this.hasFocus=!1,this.title="",this.name="",this.value="",this.size="medium",this.filled=!1,this.label="",this.helpText="",this.errorMessage="",this.placeholder="",this.rows=4,this.resize="vertical",this.disabled=!1,this.readonly=!1,this.form="",this.required=!1,this.warning=!1,this.error=!1,this.success=!1,this.spellcheck=!0,this.defaultValue="",this.fullHeight=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.setTextareaHeight())),this.updateComplete.then((()=>{this.setTextareaHeight(),this.resizeObserver.observe(this.input)})),this.fullHeight&&requestAnimationFrame((()=>{let t=this.parentElement?.getBoundingClientRect().height;t&&(t-=65,this.shadowRoot?.querySelector("textarea")?.style.setProperty("height",`${t}px`))})),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.input&&this.resizeObserver.unobserve(this.input),this.emit("nile-destroy")}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value})}handleChange(){this.value=this.input.value,this.setTextareaHeight(),this.emit("nile-change",{value:this.value})}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value})}handleInput(){this.value=this.input.value,this.emit("nile-input",{value:this.value})}setTextareaHeight(){"auto"===this.resize?(this.input.style.height="auto",this.input.style.height=`${this.input.scrollHeight}px`):this.input.style.height=void 0}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.setTextareaHeight()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(t){return t?("number"==typeof t.top&&(this.input.scrollTop=t.top),void("number"==typeof t.left&&(this.input.scrollLeft=t.left))):{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(t,e,i="none"){this.input.setSelectionRange(t,e,i)}setRangeText(t,e,i,s){this.input.setRangeText(t,e,i,s),this.value!==this.input.value&&(this.value=this.input.value),this.value!==this.input.value&&(this.value=this.input.value,this.setTextareaHeight())}render(){const t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const i=!!this.label||!!t,s=!!this.helpText,o=!!this.errorMessage;return e`
       <div
         part="form-control"
         class=${a({"form-control":!0,"form-control--medium":"medium"===this.size,"form-control--has-label":i,"form-control--has-help-text":s})}
@@ -56,4 +56,4 @@ import{__decorate as t}from"tslib";import{x as e}from"../index-cd2f9c12.esm.js";
                 >
               `:""}
       </div>
-    `}};p.styles=r,t([i(".textarea__control")],p.prototype,"input",void 0),t([s()],p.prototype,"hasFocus",void 0),t([u()],p.prototype,"title",void 0),t([u()],p.prototype,"name",void 0),t([u()],p.prototype,"value",void 0),t([u({reflect:!0})],p.prototype,"size",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"filled",void 0),t([u()],p.prototype,"label",void 0),t([u({attribute:"help-text"})],p.prototype,"helpText",void 0),t([u({attribute:"error-message"})],p.prototype,"errorMessage",void 0),t([u()],p.prototype,"placeholder",void 0),t([u({type:Number})],p.prototype,"rows",void 0),t([u()],p.prototype,"resize",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"readonly",void 0),t([u({reflect:!0})],p.prototype,"form",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"required",void 0),t([u({type:Number})],p.prototype,"minlength",void 0),t([u({type:Number})],p.prototype,"maxlength",void 0),t([u({type:Boolean})],p.prototype,"warning",void 0),t([u({type:Boolean})],p.prototype,"error",void 0),t([u({type:Boolean})],p.prototype,"success",void 0),t([u()],p.prototype,"autocapitalize",void 0),t([u()],p.prototype,"autocorrect",void 0),t([u()],p.prototype,"autocomplete",void 0),t([u({type:Boolean})],p.prototype,"autofocus",void 0),t([u()],p.prototype,"enterkeyhint",void 0),t([u({type:Boolean,converter:{fromAttribute:t=>!(!t||"false"===t),toAttribute:t=>t?"true":"false"}})],p.prototype,"spellcheck",void 0),t([u()],p.prototype,"inputmode",void 0),t([l()],p.prototype,"defaultValue",void 0),t([m("rows",{waitUntilFirstUpdate:!0})],p.prototype,"handleRowsChange",null),t([m("value",{waitUntilFirstUpdate:!0})],p.prototype,"handleValueChange",null),p=t([o("nile-textarea")],p);export{p as N};
+    `}};p.styles=r,t([i(".textarea__control")],p.prototype,"input",void 0),t([s()],p.prototype,"hasFocus",void 0),t([u()],p.prototype,"title",void 0),t([u()],p.prototype,"name",void 0),t([u()],p.prototype,"value",void 0),t([u({reflect:!0})],p.prototype,"size",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"filled",void 0),t([u()],p.prototype,"label",void 0),t([u({attribute:"help-text"})],p.prototype,"helpText",void 0),t([u({attribute:"error-message"})],p.prototype,"errorMessage",void 0),t([u()],p.prototype,"placeholder",void 0),t([u({type:Number})],p.prototype,"rows",void 0),t([u()],p.prototype,"resize",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"readonly",void 0),t([u({reflect:!0})],p.prototype,"form",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"required",void 0),t([u({type:Number})],p.prototype,"minlength",void 0),t([u({type:Number})],p.prototype,"maxlength",void 0),t([u({type:Boolean})],p.prototype,"warning",void 0),t([u({type:Boolean})],p.prototype,"error",void 0),t([u({type:Boolean})],p.prototype,"success",void 0),t([u()],p.prototype,"autocapitalize",void 0),t([u()],p.prototype,"autocorrect",void 0),t([u()],p.prototype,"autocomplete",void 0),t([u({type:Boolean})],p.prototype,"autofocus",void 0),t([u()],p.prototype,"enterkeyhint",void 0),t([u({type:Boolean,converter:{fromAttribute:t=>!(!t||"false"===t),toAttribute:t=>t?"true":"false"}})],p.prototype,"spellcheck",void 0),t([u()],p.prototype,"inputmode",void 0),t([l()],p.prototype,"defaultValue",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"fullHeight",void 0),t([m("rows",{waitUntilFirstUpdate:!0})],p.prototype,"handleRowsChange",null),t([m("value",{waitUntilFirstUpdate:!0})],p.prototype,"handleValueChange",null),p=t([o("nile-textarea")],p);export{p as N};

package/dist/src/index.d.ts

@@ -30,3 +30,5 @@ export { NileFormErrorMessage } from './nile-form-error-message';
 export { NileFormHelpText } from './nile-form-help-text';
 export { NileCalendar } from './nile-calendar';
 export { NileLink } from './nile-link';
+export { NileSwitcher } from './nile-switcher';
+export { NileContentEditor } from './nile-content-editor';

package/dist/src/index.js

@@ -30,4 +30,6 @@ export { NileFormErrorMessage } from './nile-form-error-message';
 export { NileFormHelpText } from './nile-form-help-text';
 export { NileCalendar } from './nile-calendar';
 export { NileLink } from './nile-link';
+export { NileSwitcher } from './nile-switcher';
+export { NileContentEditor } from './nile-content-editor';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink} from './nile-link';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\n"]}

package/dist/src/nile-badge/index.d.ts

@@ -1,37 +1 @@
-import { LitElement } from 'lit';
-/**
- * An nile-badge element.
- *
- * @fires count-changed - Indicates when the count changes
- * @slot - This element has a slot
- * @csspart button - The button
- */
-export declare class NileBadge extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Button Lab
-     */
-    name: number;
-    /**
-     * Button Lab
-     */
-    icon: string;
-    /**
-     * Button Lab
-     */
-    active: boolean;
-    get buttonClassMap(): {
-        'nds-badge--active': boolean;
-    };
-    /**
-     * Button Lab
-     */
-    href: string;
-    _hasSlotContent(slotName: string): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-badge': NileBadge;
-    }
-}
+export { NileBadge } from './nile-badge';

package/dist/src/nile-badge/index.js

@@ -1,121 +1,2 @@
-import { __decorate } from "tslib";
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-/**
- * An nile-badge element.
- *
- * @fires count-changed - Indicates when the count changes
- * @slot - This element has a slot
- * @csspart button - The button
- */
-let NileBadge = class NileBadge extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Button Lab
-         */
-        this.name = 0;
-        /**
-         * Button Lab
-         */
-        this.icon = '';
-        /**
-         * Button Lab
-         */
-        this.active = false;
-        /**
-         * Button Lab
-         */
-        this.href = '/';
-    }
-    get buttonClassMap() {
-        return {
-            'nds-badge--active': this.active,
-        };
-    }
-    _hasSlotContent(slotName) {
-        const slot = this.querySelector(`slot[name=${slotName}]`);
-        console.log(slot, 'slot');
-    }
-    render() {
-        const { name, icon, href } = this;
-        const hrefPath = `/${href}`;
-        return html `
-      <a class="nds-badge ${classMap(this.buttonClassMap)}">
-        <span class="nds-badge__link">${this.name}</span>
-      </a>
-    `;
-    }
-};
-NileBadge.styles = css `
-    :host {
-      display: block;
-    }
-    .nds-badge {
-      width: 24px;
-      height: 24px;
-      border-radius: 9rem;
-      font-size: 14px;
-      justify-content: space-around;
-      font-weight: bold;
-      display: flex;
-      background-color: rgb(221, 221, 221);
-      flex-wrap: nowrap;
-      align-items: center;
-      color: var(--nile-colors-dark-900);
-    }
-
-    .nds-badge:hover {
-      background: rgba(0, 94, 166, 0.1);
-    }
-    
-    .nds-badge__link {
-      font-family: var(--nile-font-family-sans-serif);
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      line-height: 1;
-      letter-spacing: 0.2px;
-      text-decoration: none;
-      font-size: 12px;
-    }
-
-    .nds-badge__link:hover {
-      color: var(--nile-colors-dark-900);
-    }
-    
-    .nds-badge--active {
-      background-color: var(--nile-colors-primary-700);
-      color: var(--nile-colors-neutral-100);
-    }
-
-    .nds-badge--active:hover {
-      background-color: var(---nile-colors-primary-700);
-    }
-
-    .nds-badge__icon {
-      margin-bottom: 0;
-      height: 14px;
-    }
-  `;
-__decorate([
-    property()
-], NileBadge.prototype, "name", void 0);
-__decorate([
-    property()
-], NileBadge.prototype, "icon", void 0);
-__decorate([
-    property()
-], NileBadge.prototype, "active", void 0);
-__decorate([
-    property()
-], NileBadge.prototype, "href", void 0);
-NileBadge = __decorate([
-    customElement('nile-badge')
-], NileBadge);
-export { NileBadge };
-// <span class="nds-badge__icon">
-// <nile-icon name="${this.icon}" size="14" color="#000"></nile-icon>
-// </span>
+export { NileBadge } from './nile-badge';
 //# sourceMappingURL=index.js.map

package/dist/src/nile-badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-badge/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD;;;;;;GAMG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAqDL;;WAEG;QAEH,SAAI,GAAG,CAAC,CAAC;QAET;;WAEG;QAEH,SAAI,GAAW,EAAE,CAAC;QAElB;;WAEG;QAEH,WAAM,GAAY,KAAK,CAAC;QAQxB;;WAEG;QAEH,SAAI,GAAG,GAAG,CAAC;IAgBb,CAAC;IA1BC,IAAI,cAAc;QAChB,OAAO;YACL,mBAAmB,EAAE,IAAI,CAAC,MAAM;SACjC,CAAC;IACJ,CAAC;IAQD,eAAe,CAAC,QAAgB;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,QAAQ,GAAG,CAAC,CAAC;QAC1D,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC5B,CAAC;IAEQ,MAAM;QACb,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QAClC,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAA;4BACa,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC;wCACjB,IAAI,CAAC,IAAI;;KAE5C,CAAC;IACJ,CAAC;;AA/Fe,gBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkD3B,CAAC;AAMF;IADC,QAAQ,EAAE;uCACF;AAMT;IADC,QAAQ,EAAE;uCACO;AAMlB;IADC,QAAQ,EAAE;yCACa;AAYxB;IADC,QAAQ,EAAE;uCACA;AAjFA,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAiGrB;SAjGY,SAAS;AAyGtB,iCAAiC;AACjC,qEAAqE;AACrE,UAAU","sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n/**\n * An nile-badge element.\n *\n * @fires count-changed - Indicates when the count changes\n * @slot - This element has a slot\n * @csspart button - The button\n */\n@customElement('nile-badge')\nexport class NileBadge extends LitElement {\n  static override styles = css`\n    :host {\n      display: block;\n    }\n    .nds-badge {\n      width: 24px;\n      height: 24px;\n      border-radius: 9rem;\n      font-size: 14px;\n      justify-content: space-around;\n      font-weight: bold;\n      display: flex;\n      background-color: rgb(221, 221, 221);\n      flex-wrap: nowrap;\n      align-items: center;\n      color: var(--nile-colors-dark-900);\n    }\n\n    .nds-badge:hover {\n      background: rgba(0, 94, 166, 0.1);\n    }\n    \n    .nds-badge__link {\n      font-family: var(--nile-font-family-sans-serif);\n      font-style: normal;\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 1;\n      letter-spacing: 0.2px;\n      text-decoration: none;\n      font-size: 12px;\n    }\n\n    .nds-badge__link:hover {\n      color: var(--nile-colors-dark-900);\n    }\n    \n    .nds-badge--active {\n      background-color: var(--nile-colors-primary-700);\n      color: var(--nile-colors-neutral-100);\n    }\n\n    .nds-badge--active:hover {\n      background-color: var(---nile-colors-primary-700);\n    }\n\n    .nds-badge__icon {\n      margin-bottom: 0;\n      height: 14px;\n    }\n  `;\n\n  /**\n   * Button Lab\n   */\n  @property()\n  name = 0;\n\n  /**\n   * Button Lab\n   */\n  @property()\n  icon: string = '';\n\n  /**\n   * Button Lab\n   */\n  @property()\n  active: boolean = false;\n\n  get buttonClassMap() {\n    return {\n      'nds-badge--active': this.active,\n    };\n  }\n\n  /**\n   * Button Lab\n   */\n  @property()\n  href = '/';\n\n  _hasSlotContent(slotName: string) {\n    const slot = this.querySelector(`slot[name=${slotName}]`);\n    console.log(slot, 'slot');\n  }\n\n  override render() {\n    const { name, icon, href } = this;\n    const hrefPath = `/${href}`;\n    return html`\n      <a class=\"nds-badge ${classMap(this.buttonClassMap)}\">\n        <span class=\"nds-badge__link\">${this.name}</span>\n      </a>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-badge': NileBadge;\n  }\n}\n\n// <span class=\"nds-badge__icon\">\n// <nile-icon name=\"${this.icon}\" size=\"14\" color=\"#000\"></nile-icon>\n// </span>\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { NileBadge } from './nile-badge';\n"]}

package/dist/src/nile-badge/nile-badge.css.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Tag CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;

package/dist/src/nile-badge/nile-badge.css.js

@@ -0,0 +1,63 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit-element';
+/**
+ * Tag CSS
+ */
+export const styles = css `
+  :host {
+  }
+
+  .badge {
+    padding: 0 4px;
+    border-radius: 4px;
+    height: 16px;
+    font-size: 10.24px;
+    display: inline-flex;
+    align-items: center;/
+    justify-content: center;
+  }
+
+  .badge__content {
+    font-family: Colfax-regular;
+    font-size: 10.24px;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: 0.2px;
+  }
+
+  .badge--primary {
+    background: #005EA6;
+  }
+
+  .badge--success {
+    background: #A5F3E1;
+  }
+
+  .badge--normal {
+    background: #E5E9EB;
+  }
+
+  .badge--warning {
+    background: #F3E0A5;
+  }
+
+  .badge--error {
+    background: #F3A5AA;
+  }
+
+  .badge--info {
+    background: #A5D3F3;
+  }
+
+  .badge--rounded {
+    border-radius: 100px;
+    padding: 0 6px;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-badge.css.js.map

package/dist/src/nile-badge/nile-badge.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-badge.css.js","sourceRoot":"","sources":["../../../src/nile-badge/nile-badge.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDxB,CAAC;AACF,eAAe,CAAC,MAAM,CAAC,CAAC","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 * Tag CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .badge {\n    padding: 0 4px;\n    border-radius: 4px;\n    height: 16px;\n    font-size: 10.24px;\n    display: inline-flex;\n    align-items: center;/\n    justify-content: center;\n  }\n\n  .badge__content {\n    font-family: Colfax-regular;\n    font-size: 10.24px;\n    font-style: normal;\n    font-weight: 400;\n    letter-spacing: 0.2px;\n  }\n\n  .badge--primary {\n    background: #005EA6;\n  }\n\n  .badge--success {\n    background: #A5F3E1;\n  }\n\n  .badge--normal {\n    background: #E5E9EB;\n  }\n\n  .badge--warning {\n    background: #F3E0A5;\n  }\n\n  .badge--error {\n    background: #F3A5AA;\n  }\n\n  .badge--info {\n    background: #A5D3F3;\n  }\n\n  .badge--rounded {\n    border-radius: 100px;\n    padding: 0 6px;\n  }\n`;\nexport default [styles];\n"]}

package/dist/src/nile-badge/nile-badge.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { TemplateResult } from 'lit-element';
+import '../nile-icon-button/nile-icon-button';
+import NileElement from '../internal/nile-element';
+import type { CSSResultGroup } from 'lit';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-badge
+ *
+ */
+/**
+ * @summary badges are used as labels to organize things or to indicate a selection.
+ * @status stable
+ *
+ * @dependency nile-icon-button
+ *
+ * @slot - The badge's content.
+ *
+ * @event nile-remove - Emitted when the remove button is activated.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart content - The badge's content.
+ * @csspart remove-button - The badge's remove button, an `<nile-icon-button>`.
+ * @csspart remove-button__base - The remove button's exported `base` part.
+ */
+export declare class NileBadge extends NileElement {
+    static styles: CSSResultGroup;
+    /** The badge's theme variant. */
+    variant: 'primary' | 'success' | 'normal' | 'warning' | 'error' | 'info';
+    /** Draws a pill-style badge with rounded edges. */
+    rounded: boolean;
+    render(): TemplateResult<1>;
+}
+export default NileBadge;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-badge': NileBadge;
+    }
+}

package/dist/src/nile-badge/nile-badge.js

@@ -0,0 +1,80 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html, property, } from 'lit-element';
+import { styles } from './nile-badge.css';
+import '../nile-icon-button/nile-icon-button';
+import { classMap } from 'lit/directives/class-map.js';
+import { customElement } from 'lit/decorators.js';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-badge
+ *
+ */
+/**
+ * @summary badges are used as labels to organize things or to indicate a selection.
+ * @status stable
+ *
+ * @dependency nile-icon-button
+ *
+ * @slot - The badge's content.
+ *
+ * @event nile-remove - Emitted when the remove button is activated.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart content - The badge's content.
+ * @csspart remove-button - The badge's remove button, an `<nile-icon-button>`.
+ * @csspart remove-button__base - The remove button's exported `base` part.
+ */
+let NileBadge = class NileBadge extends NileElement {
+    constructor() {
+        super(...arguments);
+        /** The badge's theme variant. */
+        this.variant = 'normal';
+        /** Draws a pill-style badge with rounded edges. */
+        this.rounded = false;
+    }
+    render() {
+        return html `
+      <span
+        part="base"
+        class=${classMap({
+            badge: true,
+            // Types
+            'badge--primary': this.variant === 'primary',
+            'badge--success': this.variant === 'success',
+            'badge--normal': this.variant === 'normal',
+            'badge--warning': this.variant === 'warning',
+            'badge--error': this.variant === 'error',
+            'badge--info': this.variant === 'info',
+            'badge--rounded': this.rounded,
+        })}
+      >
+
+
+        <slot  part="content" class="badge__content"></slot>
+
+
+      </span>
+    `;
+    }
+};
+NileBadge.styles = styles;
+__decorate([
+    property({ reflect: true })
+], NileBadge.prototype, "variant", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileBadge.prototype, "rounded", void 0);
+NileBadge = __decorate([
+    customElement('nile-badge')
+], NileBadge);
+export { NileBadge };
+export default NileBadge;
+//# sourceMappingURL=nile-badge.js.map

package/dist/src/nile-badge/nile-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-badge.js","sourceRoot":"","sources":["../../../src/nile-badge/nile-badge.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEH;;;;;;;;;;;;;;GAcG;AAGI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,WAAW;IAAnC;;QAGL,iCAAiC;QACJ,YAAO,GAMvB,QAAQ,CAAC;QAEtB,mDAAmD;QACP,YAAO,GAAG,KAAK,CAAC;IA4B9D,CAAC;IAzBC,MAAM;QACJ,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC;YACf,KAAK,EAAE,IAAI;YAEX,QAAQ;YACR,gBAAgB,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC5C,gBAAgB,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC5C,eAAe,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YAC1C,gBAAgB,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC5C,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO;YACxC,aAAa,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;YACtC,gBAAgB,EAAE,IAAI,CAAC,OAAO;SAC/B,CAAC;;;;;;;;KAQL,CAAC;IACJ,CAAC;;AAvCM,gBAAM,GAAmB,MAAM,CAAC;AAGV;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAMN;AAGsB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAiB;AAbjD,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAyCrB;SAzCY,SAAS;AA2CtB,eAAe,SAAS,CAAC","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 { styles } from './nile-badge.css';\nimport '../nile-icon-button/nile-icon-button';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/**\n * Nile icon component.\n *\n * @tag nile-badge\n *\n */\n\n/**\n * @summary badges are used as labels to organize things or to indicate a selection.\n * @status stable\n *\n * @dependency nile-icon-button\n *\n * @slot - The badge's content.\n *\n * @event nile-remove - Emitted when the remove button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart content - The badge's content.\n * @csspart remove-button - The badge's remove button, an `<nile-icon-button>`.\n * @csspart remove-button__base - The remove button's exported `base` part.\n */\n\n@customElement('nile-badge')\nexport class NileBadge extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  /** The badge's theme variant. */\n  @property({ reflect: true }) variant:\n    | 'primary'\n    | 'success'\n    | 'normal'\n    | 'warning'\n    | 'error'\n    | 'info' = 'normal';\n\n  /** Draws a pill-style badge with rounded edges. */\n  @property({ type: Boolean, reflect: true }) rounded = false;\n\n\n  render() {\n    return html`\n      <span\n        part=\"base\"\n        class=${classMap({\n          badge: true,\n\n          // Types\n          'badge--primary': this.variant === 'primary',\n          'badge--success': this.variant === 'success',\n          'badge--normal': this.variant === 'normal',\n          'badge--warning': this.variant === 'warning',\n          'badge--error': this.variant === 'error',\n          'badge--info': this.variant === 'info',\n          'badge--rounded': this.rounded,\n        })}\n      >\n\n\n        <slot  part=\"content\" class=\"badge__content\"></slot>\n\n\n      </span>\n    `;\n  }\n}\n\nexport default NileBadge;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-badge': NileBadge;\n  }\n}\n"]}

package/dist/src/nile-button/nile-button.css.js

@@ -144,7 +144,7 @@ export const styles = css `
   .button--standard.button--tertiary {
     background-color: var(--nile-colors-white-base);
     border-color: var(--nile-colors-neutral-500);
-    color: var(--nile-colors-neutral-700);
+    color: var(--nile-colors-dark-900);
     box-shadow: 0px 2px 4px var(--nile-colors-dark-200);
   }
 
@@ -216,7 +216,7 @@ export const styles = css `
   }
 
   .button--outline.button--secondary:active:not(.button--disabled) {
-    border-color: var(--nile-colors-primary-700);
+    border-color: var(--nile-colors-neutral-700);
     color: var(--nile-colors-white-base);
   }