@aquera/nile-elements 0.0.6 → 0.0.7-1

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

@@ -1,173 +0,0 @@
-/**
- * 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';
-/**
- * RadioButton CSS
- */
-export const styles = css `
-  :host {
-  }
-
-  .button {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    color: var(--color-text-default, #000);
-    text-align: center;
-    border-radius: 4px;
-    font-family: Colfax-regular;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 14px; /* 100% */
-    letter-spacing: 0.2px;
-    text-decoration: none;
-    user-select: none;
-    white-space: nowrap;
-    vertical-align: middle;
-    padding: 12px;
-    cursor: pointer;
-    gap: 10px;
-  }
-
-  .button::-moz-focus-inner {
-    border: 0;
-  }
-
-  .button:focus {
-    outline: none;
-  }
-
-  .button:focus-visible {
-    outline: var(--nile-focus-ring);
-    outline-offset: var(--nile-focus-ring-offset);
-  }
-
-  .button--disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  /* When disabled, prevent mouse events from bubbling up from children */
-  .button--disabled * {
-    pointer-events: none;
-  }
-
-  .button__prefix,
-  .button__suffix {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    pointer-events: none;
-  }
-
-  .button__label {
-    display: inline-block;
-  }
-
-  .button__label::slotted(nile-icon) {
-    vertical-align: -2px;
-  }
-
-  /* Default */
-  .button--default {
-    border: 1px solid #c7ced4;
-    background: #fff;
-    color: black;
-  }
-
-  .button--default:hover:not(.button--disabled) {
-    border: 1px solid #c7ced4;
-    background: #e5e9eb;
-  }
-
-  .button--default:active:not(.button--disabled) {
-    border: 1px solid #c7ced4;
-    background: #e5e9eb;
-  }
-
-  .button--checked {
-    border: 1px solid #c7ced4;
-    background: #e5e9eb;
-  }
-
-  .button--has-label.button--medium .button__label {
-    padding: 0 var(--nile-spacing-medium);
-  }
-
-  .button--has-prefix.button--medium {
-    padding-inline-start: var(--nile-spacing-small);
-  }
-
-  .button--has-prefix.button--medium .button__label {
-    padding-inline-start: var(--nile-spacing-small);
-  }
-
-  .button--has-suffix.button--medium,
-  .button--caret.button--medium {
-    padding-inline-end: var(--nile-spacing-small);
-  }
-
-  .button--has-suffix.button--medium .button__label,
-  .button--caret.button--medium .button__label {
-    padding-inline-end: var(--nile-spacing-small);
-  }
-
-  .nile-radio-button--first {
-    background-color: red;
-  }
-
-  :host(.nile-radio-button--first:not(.nile-radio-button--last)) .button {
-    border-start-end-radius: 0;
-    border-end-end-radius: 0;
-  }
-
-  :host(.nile-group-button--inner) .button {
-    border-radius: 0;
-  }
-
-  :host(.nile-radio-button--last:not(.nile-radio-button--first)) .button {
-    border-start-start-radius: 0;
-    border-end-start-radius: 0;
-  }
-
-  /* All except the first */
-  :host(.nile-radio-button__button:not(.nile-radio-button__button--first)) {
-    margin-inline-start: calc(-1 * var(--nile-input-border-width));
-  }
-
-  :host(.nile-radio-button--inner) .button {
-    border-radius: 0;
-    border-left: 0;
-    border-right: 0;
-  }
-
-  .button__prefix,
-  .button__suffix,
-  .button__label {
-    display: inline-flex;
-    position: relative;
-    align-items: center;
-  }
-
-  /* We use a hidden input so constraint validation errors work, since they don't appear to show when used with buttons.
-    We can't actually hide it, though, otherwise the messages will be suppressed by the browser. */
-  .hidden-input {
-    all: unset;
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    outline: dotted 1px red;
-    opacity: 0;
-    z-index: -1;
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-radio-button.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-radio-button.css.js","sourceRoot":"","sources":["../../../src/nile-radio-button/nile-radio-button.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgKxB,CAAC;AAEF,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 * RadioButton CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    color: var(--color-text-default, #000);\n    text-align: center;\n    border-radius: 4px;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px; /* 100% */\n    letter-spacing: 0.2px;\n    text-decoration: none;\n    user-select: none;\n    white-space: nowrap;\n    vertical-align: middle;\n    padding: 12px;\n    cursor: pointer;\n    gap: 10px;\n  }\n\n  .button::-moz-focus-inner {\n    border: 0;\n  }\n\n  .button:focus {\n    outline: none;\n  }\n\n  .button:focus-visible {\n    outline: var(--nile-focus-ring);\n    outline-offset: var(--nile-focus-ring-offset);\n  }\n\n  .button--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  /* When disabled, prevent mouse events from bubbling up from children */\n  .button--disabled * {\n    pointer-events: none;\n  }\n\n  .button__prefix,\n  .button__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n  }\n\n  .button__label {\n    display: inline-block;\n  }\n\n  .button__label::slotted(nile-icon) {\n    vertical-align: -2px;\n  }\n\n  /* Default */\n  .button--default {\n    border: 1px solid #c7ced4;\n    background: #fff;\n    color: black;\n  }\n\n  .button--default:hover:not(.button--disabled) {\n    border: 1px solid #c7ced4;\n    background: #e5e9eb;\n  }\n\n  .button--default:active:not(.button--disabled) {\n    border: 1px solid #c7ced4;\n    background: #e5e9eb;\n  }\n\n  .button--checked {\n    border: 1px solid #c7ced4;\n    background: #e5e9eb;\n  }\n\n  .button--has-label.button--medium .button__label {\n    padding: 0 var(--nile-spacing-medium);\n  }\n\n  .button--has-prefix.button--medium {\n    padding-inline-start: var(--nile-spacing-small);\n  }\n\n  .button--has-prefix.button--medium .button__label {\n    padding-inline-start: var(--nile-spacing-small);\n  }\n\n  .button--has-suffix.button--medium,\n  .button--caret.button--medium {\n    padding-inline-end: var(--nile-spacing-small);\n  }\n\n  .button--has-suffix.button--medium .button__label,\n  .button--caret.button--medium .button__label {\n    padding-inline-end: var(--nile-spacing-small);\n  }\n\n  .nile-radio-button--first {\n    background-color: red;\n  }\n\n  :host(.nile-radio-button--first:not(.nile-radio-button--last)) .button {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n  }\n\n  :host(.nile-group-button--inner) .button {\n    border-radius: 0;\n  }\n\n  :host(.nile-radio-button--last:not(.nile-radio-button--first)) .button {\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n  }\n\n  /* All except the first */\n  :host(.nile-radio-button__button:not(.nile-radio-button__button--first)) {\n    margin-inline-start: calc(-1 * var(--nile-input-border-width));\n  }\n\n  :host(.nile-radio-button--inner) .button {\n    border-radius: 0;\n    border-left: 0;\n    border-right: 0;\n  }\n\n  .button__prefix,\n  .button__suffix,\n  .button__label {\n    display: inline-flex;\n    position: relative;\n    align-items: center;\n  }\n\n  /* We use a hidden input so constraint validation errors work, since they don't appear to show when used with buttons.\n    We can't actually hide it, though, otherwise the messages will be suppressed by the browser. */\n  .hidden-input {\n    all: unset;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    outline: dotted 1px red;\n    opacity: 0;\n    z-index: -1;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-radio-button/nile-radio-button.d.ts

@@ -1,57 +0,0 @@
-/**
- * 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 { CSSResultArray, TemplateResult } from 'lit-element';
-import NileElement from '../internal/nile-element';
-/**
- * Nile icon component.
- *
- * @tag nile-radio-button
- *
- */
-export declare class NileRadioButton extends NileElement {
-    /**
-     * The styles for RadioButton
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles(): CSSResultArray;
-    private readonly hasSlotController;
-    input: HTMLInputElement;
-    hiddenInput: HTMLInputElement;
-    protected hasFocus: boolean;
-    /**
-     * @internal The radio button's checked state. This is exposed as an "internal" attribute so we can reflect it, making
-     * it easier to style in button groups.
-     */
-    checked: boolean;
-    /** The radio's value. When selected, the radio group will receive this value. */
-    value: string;
-    /** Disables the radio button. */
-    disabled: boolean;
-    /**
-     * The radio button's size. When used inside a radio group, the size will be determined by the radio group's size so
-     * this attribute can typically be omitted.
-     */
-    size: 'small' | 'medium' | 'large';
-    /** Draws a pill-style radio button with rounded edges. */
-    pill: boolean;
-    connectedCallback(): void;
-    private handleBlur;
-    private handleClick;
-    private handleFocus;
-    handleDisabledChange(): void;
-    /** Sets focus on the radio button. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the radio button. */
-    blur(): void;
-    render(): TemplateResult<1>;
-}
-export default NileRadioButton;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-radio-button': NileRadioButton;
-    }
-}

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

@@ -1,145 +0,0 @@
-/**
- * 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 { customElement, query, state } from 'lit/decorators.js';
-import { styles } from './nile-radio-button.css';
-import NileElement from '../internal/nile-element';
-import { HasSlotController } from '../slot';
-import { classMap } from 'lit/directives/class-map.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { watch } from '../internal/watch';
-/**
- * Nile icon component.
- *
- * @tag nile-radio-button
- *
- */
-let NileRadioButton = class NileRadioButton extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix');
-        this.hasFocus = false;
-        /**
-         * @internal The radio button's checked state. This is exposed as an "internal" attribute so we can reflect it, making
-         * it easier to style in button groups.
-         */
-        this.checked = false;
-        /** Disables the radio button. */
-        this.disabled = false;
-        /**
-         * The radio button's size. When used inside a radio group, the size will be determined by the radio group's size so
-         * this attribute can typically be omitted.
-         */
-        this.size = 'medium';
-        /** Draws a pill-style radio button with rounded edges. */
-        this.pill = false;
-    }
-    /**
-     * The styles for RadioButton
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles() {
-        return [styles];
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('role', 'presentation');
-    }
-    handleBlur() {
-        this.hasFocus = false;
-        this.emit('nile-blur');
-    }
-    handleClick(e) {
-        if (this.disabled) {
-            e.preventDefault();
-            e.stopPropagation();
-            return;
-        }
-        this.checked = true;
-    }
-    handleFocus() {
-        this.hasFocus = true;
-        this.emit('nile-focus');
-    }
-    handleDisabledChange() {
-        this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');
-    }
-    /** Sets focus on the radio button. */
-    focus(options) {
-        this.input.focus(options);
-    }
-    /** Removes focus from the radio button. */
-    blur() {
-        this.input.blur();
-    }
-    render() {
-        return html `
-      <div part="base" role="presentation">
-        <button
-          part="${`button${this.checked ? ' button--checked' : ''}`}"
-          role="radio"
-          aria-checked="${this.checked}"
-          class=${classMap({
-            button: true,
-            'button--default': true,
-            'button--checked': this.checked,
-            'button--disabled': this.disabled,
-            'button--focused': this.hasFocus,
-            'button--has-label': this.hasSlotController.test('[default]'),
-            'button--has-prefix': this.hasSlotController.test('prefix'),
-            'button--has-suffix': this.hasSlotController.test('suffix'),
-        })}
-          aria-disabled=${this.disabled}
-          type="button"
-          value=${ifDefined(this.value)}
-          tabindex="${this.checked ? '0' : '-1'}"
-          @blur=${this.handleBlur}
-          @focus=${this.handleFocus}
-          @click=${this.handleClick}
-        >
-          <slot name="prefix" part="prefix" class="button__prefix"></slot>
-          <slot part="label" class="button__label"></slot>
-          <slot name="suffix" part="suffix" class="button__suffix"></slot>
-        </button>
-      </div>
-    `;
-    }
-};
-__decorate([
-    query('.button')
-], NileRadioButton.prototype, "input", void 0);
-__decorate([
-    query('.hidden-input')
-], NileRadioButton.prototype, "hiddenInput", void 0);
-__decorate([
-    state()
-], NileRadioButton.prototype, "hasFocus", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileRadioButton.prototype, "checked", void 0);
-__decorate([
-    property()
-], NileRadioButton.prototype, "value", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileRadioButton.prototype, "disabled", void 0);
-__decorate([
-    property({ reflect: true })
-], NileRadioButton.prototype, "size", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileRadioButton.prototype, "pill", void 0);
-__decorate([
-    watch('disabled', { waitUntilFirstUpdate: true })
-], NileRadioButton.prototype, "handleDisabledChange", null);
-NileRadioButton = __decorate([
-    customElement('nile-radio-button')
-], NileRadioButton);
-export { NileRadioButton };
-export default NileRadioButton;
-//# sourceMappingURL=nile-radio-button.js.map

package/dist/src/nile-radio-button/nile-radio-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-radio-button.js","sourceRoot":"","sources":["../../../src/nile-radio-button/nile-radio-button.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C;;;;;GAKG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAAzC;;QAQY,sBAAiB,GAAG,IAAI,iBAAiB,CACxD,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAQ,CACT,CAAC;QAKiB,aAAQ,GAAG,KAAK,CAAC;QAEpC;;;WAGG;QACyC,YAAO,GAAG,KAAK,CAAC;QAK5D,iCAAiC;QACW,aAAQ,GAAG,KAAK,CAAC;QAE7D;;;WAGG;QAC0B,SAAI,GAAiC,QAAQ,CAAC;QAE3E,0DAA0D;QACd,SAAI,GAAG,KAAK,CAAC;IA0E3D,CAAC;IAhHC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAkCD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC5C,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACzB,CAAC;IAEO,WAAW,CAAC,CAAa;QAC/B,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;SACR;QAED,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC1B,CAAC;IAGD,oBAAoB;QAClB,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACvE,CAAC;IAED,sCAAsC;IACtC,KAAK,CAAC,OAAsB;QAC1B,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC;IAED,2CAA2C;IAC3C,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;kBAGG,SAAS,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE;;0BAEzC,IAAI,CAAC,OAAO;kBACpB,QAAQ,CAAC;YACf,MAAM,EAAE,IAAI;YACZ,iBAAiB,EAAE,IAAI;YACvB,iBAAiB,EAAE,IAAI,CAAC,OAAO;YAC/B,kBAAkB,EAAE,IAAI,CAAC,QAAQ;YACjC,iBAAiB,EAAE,IAAI,CAAC,QAAQ;YAChC,mBAAmB,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;YAC7D,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC3D,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC;SAC5D,CAAC;0BACc,IAAI,CAAC,QAAQ;;kBAErB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;sBACjB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;kBAC7B,IAAI,CAAC,UAAU;mBACd,IAAI,CAAC,WAAW;mBAChB,IAAI,CAAC,WAAW;;;;;;;KAO9B,CAAC;IACJ,CAAC;CACF,CAAA;AAlGmB;IAAjB,KAAK,CAAC,SAAS,CAAC;8CAAyB;AAClB;IAAvB,KAAK,CAAC,eAAe,CAAC;oDAA+B;AAE7C;IAAR,KAAK,EAAE;iDAA4B;AAMQ;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAiB;AAGhD;IAAX,QAAQ,EAAE;8CAAe;AAGkB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAkB;AAMhC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAA+C;AAG/B;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAc;AA4BzD;IADC,KAAK,CAAC,UAAU,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;2DAGjD;AArEU,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAiH3B;SAjHY,eAAe;AAmH5B,eAAe,eAAe,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 { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-radio-button.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../slot';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../internal/watch';\n\n/**\n * Nile icon component.\n *\n * @tag nile-radio-button\n *\n */\n@customElement('nile-radio-button')\nexport class NileRadioButton extends NileElement {\n  /**\n   * The styles for RadioButton\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    '[default]',\n    'prefix',\n    'suffix'\n  );\n\n  @query('.button') input: HTMLInputElement;\n  @query('.hidden-input') hiddenInput: HTMLInputElement;\n\n  @state() protected hasFocus = false;\n\n  /**\n   * @internal The radio button's checked state. This is exposed as an \"internal\" attribute so we can reflect it, making\n   * it easier to style in button groups.\n   */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** The radio's value. When selected, the radio group will receive this value. */\n  @property() value: string;\n\n  /** Disables the radio button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * The radio button's size. When used inside a radio group, the size will be determined by the radio group's size so\n   * this attribute can typically be omitted.\n   */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Draws a pill-style radio button with rounded edges. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'presentation');\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur');\n  }\n\n  private handleClick(e: MouseEvent) {\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    this.checked = true;\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus');\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  /** Sets focus on the radio button. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the radio button. */\n  blur() {\n    this.input.blur();\n  }\n\n  render() {\n    return html`\n      <div part=\"base\" role=\"presentation\">\n        <button\n          part=\"${`button${this.checked ? ' button--checked' : ''}`}\"\n          role=\"radio\"\n          aria-checked=\"${this.checked}\"\n          class=${classMap({\n            button: true,\n            'button--default': true,\n            'button--checked': this.checked,\n            'button--disabled': this.disabled,\n            'button--focused': this.hasFocus,\n            'button--has-label': this.hasSlotController.test('[default]'),\n            'button--has-prefix': this.hasSlotController.test('prefix'),\n            'button--has-suffix': this.hasSlotController.test('suffix'),\n          })}\n          aria-disabled=${this.disabled}\n          type=\"button\"\n          value=${ifDefined(this.value)}\n          tabindex=\"${this.checked ? '0' : '-1'}\"\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n          @click=${this.handleClick}\n        >\n          <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n          <slot part=\"label\" class=\"button__label\"></slot>\n          <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n        </button>\n      </div>\n    `;\n  }\n}\n\nexport default NileRadioButton;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-radio-button': NileRadioButton;\n  }\n}\n"]}

package/dist/src/nile-radio-button-group/index.d.ts

@@ -1 +0,0 @@
-export { NileRadioButtonGroup } from './nile-radio-button-group';

package/dist/src/nile-radio-button-group/index.js

@@ -1,2 +0,0 @@
-export { NileRadioButtonGroup } from './nile-radio-button-group';
-//# sourceMappingURL=index.js.map

package/dist/src/nile-radio-button-group/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-radio-button-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export { NileRadioButtonGroup } from './nile-radio-button-group';\n"]}

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

@@ -1,70 +0,0 @@
-/**
- * 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';
-/**
- * RadioButtonGroup CSS
- */
-export const styles = css `
-  :host {
-    display: block;
-  }
-
-  .form-control {
-    border: none;
-    padding: 0;
-    margin: 0;
-  }
-
-  .form-control__label {
-    padding: 0;
-    font-size: 14px;
-    color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 14px;
-    letter-spacing: 0.2px;
-  }
-
-  .radio-group--required .radio-group__label::after {
-    content: '*';
-    margin-inline-start: -2px;
-  }
-
-  .visually-hidden {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-
-  .form-control-input {
-    display: flex;
-    flex-wrap: nowrap;
-  }
-
-  .form-control--has-label .form-control__label {
-    display: inline-block;
-    color: inherit;
-    margin-bottom: 12px;
-    color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 14px;
-    letter-spacing: 0.2px;
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-radio-button-group.css.js.map

package/dist/src/nile-radio-button-group/nile-radio-button-group.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-radio-button-group.css.js","sourceRoot":"","sources":["../../../src/nile-radio-button-group/nile-radio-button-group.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDxB,CAAC;AAEF,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 * RadioButtonGroup CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n    font-size: 14px;\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  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  .form-control-input {\n    display: flex;\n    flex-wrap: nowrap;\n  }\n\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-radio-button-group/nile-radio-button-group.d.ts

@@ -1,66 +0,0 @@
-import NileElement from '../internal/nile-element';
-import type { CSSResultGroup } from 'lit';
-/**
- * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.
- *
- * @dependency nile-button-group
- *
- * @slot - The default slot where `<nile-radio>` or `<nile-radio-button>` elements are placed.
- * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`
- *  attribute.
- *
- * @event change - Emitted when the radio group's selected value changes.
- * @event input - Emitted when the radio group receives user input.
- * @event invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- * @csspart button-group - The button group that wraps radio buttons.
- * @csspart button-group__base - The button group's `base` part.
- */
-export declare class NileRadioButtonGroup extends NileElement {
-    static styles: CSSResultGroup;
-    private readonly hasSlotController;
-    private customValidityMessage;
-    defaultSlot: HTMLSlotElement;
-    private hasButtonGroup;
-    defaultValue: string;
-    /**
-     * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
-     * instead.
-     */
-    label: string;
-    /** The name of the radio group, submitted as a name/value pair with form data. */
-    name: string;
-    /** The current value of the radio group, submitted as a name/value pair with form data. */
-    value: string;
-    /**
-     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-     * the same document or shadow root for this to work.
-     */
-    form: string;
-    /** Ensures a child radio is checked before allowing the containing form to submit. */
-    required: boolean;
-    /** Used to show radio in inline or not */
-    labelInline: boolean;
-    /** Used to disabled or not */
-    disabled: boolean;
-    helpText: string;
-    errorMessage: string;
-    connectedCallback(): void;
-    private getAllRadios;
-    private handleRadioClick;
-    handleDisabledChange(): void;
-    private handleInitialDisabledState;
-    private handleKeyDown;
-    private handleLabelClick;
-    private handleSlotChange;
-    private findButton;
-    private updateCheckedRadio;
-    handleValueChange(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export default NileRadioButtonGroup;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-radio-button-group': NileRadioButtonGroup;
-    }
-}