@aquera/nile-elements 0.0.1-beta.15 → 0.0.1-beta.16

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-button/nile-button.js

@@ -1,340 +0,0 @@
-import { __decorate } from "tslib";
-import '../nile-icon';
-import { classMap } from 'lit/directives/class-map.js';
-import { customElement, property, query, state } from 'lit/decorators.js';
-import { FormControlController, validValidityState } from '../internal/form';
-import { HasSlotController } from '../internal/slot';
-import { html, literal } from 'lit/static-html.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { watch } from '../internal/watch';
-import { styles } from './nile-button.css';
-import NileElement from '../internal/nile-element';
-/**
- * @summary Buttons represent actions that are available to the user.
- * @status stable
- * @since 2.0
- *
- * @dependency nile-icon
- * @dependency nile-spinner
- *
- * @event nile-blur - Emitted when the button loses focus.
- * @event nile-focus - Emitted when the button gains focus.
- * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- *
- * @slot - The button's label.
- * @slot prefix - A presentational prefix icon or similar element.
- * @slot suffix - A presentational suffix icon or similar element.
- *
- * @csspart base - The component's base wrapper.
- * @csspart prefix - The container that wraps the prefix.
- * @csspart label - The button's label.
- * @csspart suffix - The container that wraps the suffix.
- * @csspart caret - The button's caret icon, an `<nile-icon>` element.
- */
-let NileButton = class NileButton extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.formControlController = new FormControlController(this, {
-            form: input => {
-                // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query
-                // the form from the same root using its id
-                if (input.hasAttribute('form')) {
-                    const doc = input.getRootNode();
-                    const formId = input.getAttribute('form');
-                    return doc.getElementById(formId);
-                }
-                // Fall back to the closest containing form
-                return input.closest('form');
-            },
-            assumeInteractionOn: ['click']
-        });
-        this.hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix');
-        this.hasFocus = false;
-        this.invalid = false;
-        this.title = ''; // make reactive to pass through
-        /** The button's theme variant. */
-        this.variant = 'primary';
-        /** The button's size. */
-        this.size = 'medium';
-        /** Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior. */
-        this.caret = false;
-        /** Disables the button. */
-        this.disabled = false;
-        /** Draws the button in a loading state. */
-        this.loading = false;
-        /** Draws an outlined button. */
-        this.outline = false;
-        /** Draws a pill-style button with rounded edges. */
-        this.pill = false;
-        /**
-         * Draws a circular icon button. When this attribute is present, the button expects a single `<nile-icon>` in the
-         * default slot.
-         */
-        this.circle = false;
-        /**
-         * The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native
-         * `<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.
-         */
-        this.type = 'button';
-        /**
-         * The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.
-         * This attribute is ignored when `href` is present.
-         */
-        this.name = '';
-        /**
-         * The value of the button, submitted as a pair with the button's name as part of the form data, but only when this
-         * button is the submitter. This attribute is ignored when `href` is present.
-         */
-        this.value = '';
-        /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */
-        this.href = '';
-        /**
-         * When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the
-         * default is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a
-         * specific tab/window, this will prevent that from working correctly. You can remove or change the default value by
-         * setting the attribute to an empty string or a value of your choice, respectively.
-         */
-        this.rel = 'noreferrer noopener';
-    }
-    /** Gets the validity state object */
-    get validity() {
-        if (this.isButton()) {
-            return this.button.validity;
-        }
-        return validValidityState;
-    }
-    /** Gets the validation message */
-    get validationMessage() {
-        if (this.isButton()) {
-            return this.button.validationMessage;
-        }
-        return '';
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.handleHostClick = this.handleHostClick.bind(this);
-        this.addEventListener('click', this.handleHostClick);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener('click', this.handleHostClick);
-    }
-    firstUpdated() {
-        if (this.isButton()) {
-            this.formControlController.updateValidity();
-        }
-    }
-    handleBlur() {
-        this.hasFocus = false;
-        this.emit('nile-blur');
-    }
-    handleFocus() {
-        this.hasFocus = true;
-        this.emit('nile-focus');
-    }
-    handleClick() {
-        if (this.type === 'submit') {
-            this.formControlController.submit(this);
-        }
-        if (this.type === 'reset') {
-            this.formControlController.reset(this);
-        }
-    }
-    handleHostClick(event) {
-        // Prevent the click event from being emitted when the button is disabled or loading
-        if (this.disabled || this.loading) {
-            event.preventDefault();
-            event.stopImmediatePropagation();
-        }
-    }
-    handleInvalid(event) {
-        this.formControlController.setValidity(false);
-        this.formControlController.emitInvalidEvent(event);
-    }
-    isButton() {
-        return this.href ? false : true;
-    }
-    isLink() {
-        return this.href ? true : false;
-    }
-    handleDisabledChange() {
-        if (this.isButton()) {
-            // Disabled form controls are always valid
-            this.formControlController.setValidity(this.disabled);
-        }
-    }
-    /** Simulates a click on the button. */
-    click() {
-        this.button.click();
-    }
-    /** Sets focus on the button. */
-    focus(options) {
-        this.button.focus(options);
-    }
-    /** Removes focus from the button. */
-    blur() {
-        this.button.blur();
-    }
-    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-    checkValidity() {
-        if (this.isButton()) {
-            return this.button.checkValidity();
-        }
-        return true;
-    }
-    /** Gets the associated form, if one exists. */
-    getForm() {
-        return this.formControlController.getForm();
-    }
-    /** Checks for validity and shows the browser's validation message if the control is invalid. */
-    reportValidity() {
-        if (this.isButton()) {
-            return this.button.reportValidity();
-        }
-        return true;
-    }
-    /** Sets a custom validation message. Pass an empty string to restore validity. */
-    setCustomValidity(message) {
-        if (this.isButton()) {
-            this.button.setCustomValidity(message);
-            this.formControlController.updateValidity();
-        }
-    }
-    render() {
-        const isLink = this.isLink();
-        const tag = isLink ? literal `a` : literal `button`;
-        /* eslint-disable lit/no-invalid-html */
-        /* eslint-disable lit/binding-positions */
-        return html `
-      <${tag}
-        part="base"
-        class=${classMap({
-            button: true,
-            'button--primary': this.variant === 'primary',
-            'button--secondary': this.variant === 'secondary',
-            'button--tertiary': this.variant === 'tertiary',
-            'button--caution': this.variant === 'caution',
-            'button--medium': this.size === 'medium',
-            'button--caret': this.caret,
-            'button--circle': this.circle,
-            'button--disabled': this.disabled,
-            'button--focused': this.hasFocus,
-            'button--loading': this.loading,
-            'button--standard': !this.outline,
-            'button--outline': this.outline,
-            'button--pill': this.pill,
-            'button--has-label': this.hasSlotController.test('[default]'),
-            'button--has-prefix': this.hasSlotController.test('prefix'),
-            'button--has-suffix': this.hasSlotController.test('suffix')
-        })}
-        ?disabled=${ifDefined(isLink ? undefined : this.disabled)}
-        type=${ifDefined(isLink ? undefined : this.type)}
-        title=${this.title /* An empty title prevents browser validation tooltips from appearing on hover */}
-        name=${ifDefined(isLink ? undefined : this.name)}
-        value=${ifDefined(isLink ? undefined : this.value)}
-        href=${ifDefined(isLink ? this.href : undefined)}
-        target=${ifDefined(isLink ? this.target : undefined)}
-        download=${ifDefined(isLink ? this.download : undefined)}
-        rel=${ifDefined(isLink ? this.rel : undefined)}
-        role=${ifDefined(isLink ? undefined : 'button')}
-        aria-disabled=${this.disabled ? 'true' : 'false'}
-        tabindex=${this.disabled ? '-1' : '0'}
-        @blur=${this.handleBlur}
-        @focus=${this.handleFocus}
-        @invalid=${this.isButton() ? this.handleInvalid : null}
-        @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>
-        ${this.caret ? html ` <nile-icon part="caret" class="button__caret" name="caret"></nile-icon> ` : ''}
-        ${this.loading ? html `<nile-spinner></nile-spinner>` : ''}
-      </${tag}>
-    `;
-    }
-};
-NileButton.styles = styles;
-__decorate([
-    query('.button')
-], NileButton.prototype, "button", void 0);
-__decorate([
-    state()
-], NileButton.prototype, "hasFocus", void 0);
-__decorate([
-    state()
-], NileButton.prototype, "invalid", void 0);
-__decorate([
-    property()
-], NileButton.prototype, "title", void 0);
-__decorate([
-    property({ reflect: true })
-], NileButton.prototype, "variant", void 0);
-__decorate([
-    property({ reflect: true })
-], NileButton.prototype, "size", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileButton.prototype, "caret", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileButton.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileButton.prototype, "loading", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileButton.prototype, "outline", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileButton.prototype, "pill", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileButton.prototype, "circle", void 0);
-__decorate([
-    property()
-], NileButton.prototype, "type", void 0);
-__decorate([
-    property()
-], NileButton.prototype, "name", void 0);
-__decorate([
-    property()
-], NileButton.prototype, "value", void 0);
-__decorate([
-    property()
-], NileButton.prototype, "href", void 0);
-__decorate([
-    property()
-], NileButton.prototype, "target", void 0);
-__decorate([
-    property()
-], NileButton.prototype, "rel", void 0);
-__decorate([
-    property()
-], NileButton.prototype, "download", void 0);
-__decorate([
-    property()
-], NileButton.prototype, "form", void 0);
-__decorate([
-    property({ attribute: 'formaction' })
-], NileButton.prototype, "formAction", void 0);
-__decorate([
-    property({ attribute: 'formenctype' })
-], NileButton.prototype, "formEnctype", void 0);
-__decorate([
-    property({ attribute: 'formmethod' })
-], NileButton.prototype, "formMethod", void 0);
-__decorate([
-    property({ attribute: 'formnovalidate', type: Boolean })
-], NileButton.prototype, "formNoValidate", void 0);
-__decorate([
-    property({ attribute: 'formtarget' })
-], NileButton.prototype, "formTarget", void 0);
-__decorate([
-    watch('disabled', { waitUntilFirstUpdate: true })
-], NileButton.prototype, "handleDisabledChange", null);
-NileButton = __decorate([
-    customElement('nile-button')
-], NileButton);
-export { NileButton };
-export default NileButton;
-//# sourceMappingURL=nile-button.js.map

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-button/nile-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-button.js","sourceRoot":"","sources":["../../../src/nile-button/nile-button.ts"],"names":[],"mappings":"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","sourcesContent":["import '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { FormControlController, validValidityState } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { html, literal } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../internal/watch';\nimport { styles } from './nile-button.css';\nimport type { CSSResultGroup } from 'lit';\nimport type { NileFormControl } from '../internal/nile-element';\nimport NileElement from '../internal/nile-element';\n\n/**\n * @summary Buttons represent actions that are available to the user.\n * @status stable\n * @since 2.0\n *\n * @dependency nile-icon\n * @dependency nile-spinner\n *\n * @event nile-blur - Emitted when the button loses focus.\n * @event nile-focus - Emitted when the button gains focus.\n * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @slot - The button's label.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n *\n * @csspart base - The component's base wrapper.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart label - The button's label.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart caret - The button's caret icon, an `<nile-icon>` element.\n */\n\n@customElement('nile-button')\nexport class NileButton extends NileElement implements NileFormControl {\n  static styles: CSSResultGroup = styles;\n\n  private readonly formControlController = new FormControlController(this, {\n    form: input => {\n      // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n      // the form from the same root using its id\n      if (input.hasAttribute('form')) {\n        const doc = input.getRootNode() as Document | ShadowRoot;\n        const formId = input.getAttribute('form')!;\n        return doc.getElementById(formId) as HTMLFormElement;\n      }\n\n      // Fall back to the closest containing form\n      return input.closest('form');\n    },\n    assumeInteractionOn: ['click']\n  });\n  private readonly hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix');\n\n  @query('.button') button: HTMLButtonElement | HTMLLinkElement;\n\n  @state() private hasFocus = false;\n  @state() invalid = false;\n  @property() title = ''; // make reactive to pass through\n\n  /** The button's theme variant. */\n  @property({ reflect: true }) variant: 'primary' | 'secondary' | 'tertiary' | 'caution'  = 'primary';\n\n  /** The button's size. */\n  @property({ reflect: true }) size:  'medium' = 'medium';\n\n  /** Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior. */\n  @property({ type: Boolean, reflect: true }) caret = false;\n\n  /** Disables the button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Draws the button in a loading state. */\n  @property({ type: Boolean, reflect: true }) loading = false;\n\n  /** Draws an outlined button. */\n  @property({ type: Boolean, reflect: true }) outline = false;\n\n  /** Draws a pill-style button with rounded edges. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  /**\n   * Draws a circular icon button. When this attribute is present, the button expects a single `<nile-icon>` in the\n   * default slot.\n   */\n  @property({ type: Boolean, reflect: true }) circle = false;\n\n  /**\n   * The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n   * `<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.\n   */\n  @property() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /**\n   * The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\n   * This attribute is ignored when `href` is present.\n   */\n  @property() name = '';\n\n  /**\n   * The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\n   * button is the submitter. This attribute is ignored when `href` is present.\n   */\n  @property() value = '';\n\n  /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */\n  @property() href = '';\n\n  /** Tells the browser where to open the link. Only used when `href` is present. */\n  @property() target: '_blank' | '_parent' | '_self' | '_top';\n\n  /**\n   * When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\n   * default is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\n   * specific tab/window, this will prevent that from working correctly. You can remove or change the default value by\n   * setting the attribute to an empty string or a value of your choice, respectively.\n   */\n  @property() rel = 'noreferrer noopener';\n\n  /** Tells the browser to download the linked file as this filename. Only used when `href` is present. */\n  @property() download?: string;\n\n  /**\n   * The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\n   * value of this attribute must be an id of a form in the same document or shadow root as the button.\n   */\n  @property() form: string;\n\n  /** Used to override the form owner's `action` attribute. */\n  @property({ attribute: 'formaction' }) formAction: string;\n\n  /** Used to override the form owner's `enctype` attribute.  */\n  @property({ attribute: 'formenctype' })\n  formEnctype: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain';\n\n  /** Used to override the form owner's `method` attribute.  */\n  @property({ attribute: 'formmethod' }) formMethod: 'post' | 'get';\n\n  /** Used to override the form owner's `novalidate` attribute. */\n  @property({ attribute: 'formnovalidate', type: Boolean }) formNoValidate: boolean;\n\n  /** Used to override the form owner's `target` attribute. */\n  @property({ attribute: 'formtarget' }) formTarget: '_self' | '_blank' | '_parent' | '_top' | string;\n\n  /** Gets the validity state object */\n  get validity() {\n    if (this.isButton()) {\n      return (this.button as HTMLButtonElement).validity;\n    }\n\n    return validValidityState;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    if (this.isButton()) {\n      return (this.button as HTMLButtonElement).validationMessage;\n    }\n\n    return '';\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleHostClick = this.handleHostClick.bind(this);\n    this.addEventListener('click', this.handleHostClick);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleHostClick);\n  }\n\n  firstUpdated() {\n    if (this.isButton()) {\n      this.formControlController.updateValidity();\n    }\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur');\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus');\n  }\n\n  private handleClick() {\n    if (this.type === 'submit') {\n      this.formControlController.submit(this);\n    }\n\n    if (this.type === 'reset') {\n      this.formControlController.reset(this);\n    }\n  }\n\n  private handleHostClick(event: MouseEvent) {\n    // Prevent the click event from being emitted when the button is disabled or loading\n    if (this.disabled || this.loading) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  private isButton() {\n    return this.href ? false : true;\n  }\n\n  private isLink() {\n    return this.href ? true : false;\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    if (this.isButton()) {\n      // Disabled form controls are always valid\n      this.formControlController.setValidity(this.disabled);\n    }\n  }\n\n  /** Simulates a click on the button. */\n  click() {\n    this.button.click();\n  }\n\n  /** Sets focus on the button. */\n  focus(options?: FocusOptions) {\n    this.button.focus(options);\n  }\n\n  /** Removes focus from the button. */\n  blur() {\n    this.button.blur();\n  }\n\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    if (this.isButton()) {\n      return (this.button as HTMLButtonElement).checkValidity();\n    }\n\n    return true;\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    if (this.isButton()) {\n      return (this.button as HTMLButtonElement).reportValidity();\n    }\n\n    return true;\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message: string) {\n    if (this.isButton()) {\n      (this.button as HTMLButtonElement).setCustomValidity(message);\n      this.formControlController.updateValidity();\n    }\n  }\n\n  render() {\n    const isLink = this.isLink();\n    const tag = isLink ? literal`a` : literal`button`;\n\n    /* eslint-disable lit/no-invalid-html */\n    /* eslint-disable lit/binding-positions */\n    return html`\n      <${tag}\n        part=\"base\"\n        class=${classMap({\n          button: true,\n          'button--primary': this.variant === 'primary',\n          'button--secondary': this.variant === 'secondary',\n          'button--tertiary': this.variant === 'tertiary',\n          'button--caution': this.variant === 'caution',\n          'button--medium': this.size === 'medium',\n          'button--caret': this.caret,\n          'button--circle': this.circle,\n          'button--disabled': this.disabled,\n          'button--focused': this.hasFocus,\n          'button--loading': this.loading,\n          'button--standard': !this.outline,\n          'button--outline': this.outline,\n          'button--pill': this.pill,\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        ?disabled=${ifDefined(isLink ? undefined : this.disabled)}\n        type=${ifDefined(isLink ? undefined : this.type)}\n        title=${this.title /* An empty title prevents browser validation tooltips from appearing on hover */}\n        name=${ifDefined(isLink ? undefined : this.name)}\n        value=${ifDefined(isLink ? undefined : this.value)}\n        href=${ifDefined(isLink ? this.href : undefined)}\n        target=${ifDefined(isLink ? this.target : undefined)}\n        download=${ifDefined(isLink ? this.download : undefined)}\n        rel=${ifDefined(isLink ? this.rel : undefined)}\n        role=${ifDefined(isLink ? undefined : 'button')}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        tabindex=${this.disabled ? '-1' : '0'}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @invalid=${this.isButton() ? this.handleInvalid : null}\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        ${\n          this.caret ? html` <nile-icon part=\"caret\" class=\"button__caret\" name=\"caret\"></nile-icon> ` : ''\n        }\n        ${this.loading ? html`<nile-spinner></nile-spinner>` : ''}\n      </${tag}>\n    `;\n  }\n}\n\nexport default NileButton;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n    'nile-button': NileButton;\n  }\n}\n"]}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-checkbox/index.d.ts

@@ -1 +0,0 @@
-export { NileCheckbox } from './nile-checkbox';

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-checkbox/index.js

@@ -1,2 +0,0 @@
-export { NileCheckbox } from './nile-checkbox';
-//# sourceMappingURL=index.js.map

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-checkbox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { NileCheckbox } from './nile-checkbox';\n"]}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-checkbox/nile-checkbox.css.d.ts

@@ -1,12 +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.
- */
-/**
- * Checkbox CSS
- */
-export declare const styles: import("lit-element").CSSResult;
-declare const _default: import("lit-element").CSSResult[];
-export default _default;

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-checkbox/nile-checkbox.css.js

@@ -1,120 +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';
-/**
- * Checkbox CSS
- */
-export const styles = css `
-   :host {
-    display: inline-block;
-  }
-
-  .checkbox {
-    position: relative;
-    display: inline-flex;
-    align-items: top;
-    font-weight: 400;
-    color: var(--nile-colors-dark-900);
-    vertical-align: middle;
-    cursor: pointer;
-  }
-
-  .checkbox--medium {
-    --toggle-size: var(--nile-type-scale-3);
-    font-size: var(--nile-type-scale-3);
-  }
-
-  .checkbox__control {
-    flex: 0 0 auto;
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--nile-type-scale-3);
-    height: var(--nile-type-scale-3);
-    border: solid 1px var(--nile-colors-neutral-700);
-    background-color: var(--nile-colors-white-base);
-    border-radius: 4px;
-    transition: var(--nile-transition-duration-default border-color), var(--nile-transition-duration-default) background-color,
-    var(--nile-transition-duration-default) color, var(--nile-transition-duration-default box-shadow);
-  }
-
-  .checkbox__input {
-    position: absolute;
-    opacity: 0;
-    padding: 0;
-    margin: 0;
-    pointer-events: none;
-  }
-
-
-  /* svg {
-      display:none !important;
-  } */
-
-  /* Hover */
-  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {
-    background: var(--nile-colors-primary-100);
-    border: 1px solid var(--nile-colors-primary-600);
-    border-radius: 4px;
-  }
-
-  /* Focus */
-  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {
-    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);
-    outline-offset: 1px;
-  }
-
-  /* Checked/indeterminate */
-  .checkbox--checked .checkbox__control,
-  .checkbox--indeterminate .checkbox__control {
-    border-color: var(--nile-colors-primary-600);
-    background-color: var(--nile-colors-primary-600);
-  }
-
-  /* Checked/indeterminate + hover */
-  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,
-  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {
-    background: var(--nile-colors-primary-900);
-    border: 1px solid var(--nile-colors-primary-900);
-  }
-
-  /* Checked/indeterminate + focus */
-  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,
-  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {
-    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);
-    outline-offset: 1px;
-  }
-
-  /* Disabled */
-  .checkbox--disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .checkbox__label {
-    display: inline-block;
-    color: var(--nile-type-scale-3);
-    line-height: 14px;
-    font-size: 14px;
-    margin-inline-start: 0.5em;
-    user-select: none;
-    margin-top: 2px;
-  }
-
-  :host([required]) .checkbox__label::after {
-    content: '*';
-    margin-inline-start: -2px
-  }
-
-  :host {
-    --nile-svg-stroke: white;
-    --nile-svg-stroke-width: 2px;
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-checkbox.css.js.map

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-checkbox/nile-checkbox.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-checkbox.css.js","sourceRoot":"","sources":["../../../src/nile-checkbox/nile-checkbox.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2GxB,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 * Checkbox CSS\n */\nexport const styles = css`\n   :host {\n    display: inline-block;\n  }\n\n  .checkbox {\n    position: relative;\n    display: inline-flex;\n    align-items: top;\n    font-weight: 400;\n    color: var(--nile-colors-dark-900);\n    vertical-align: middle;\n    cursor: pointer;\n  }\n\n  .checkbox--medium {\n    --toggle-size: var(--nile-type-scale-3);\n    font-size: var(--nile-type-scale-3);\n  }\n\n  .checkbox__control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--nile-type-scale-3);\n    height: var(--nile-type-scale-3);\n    border: solid 1px var(--nile-colors-neutral-700);\n    background-color: var(--nile-colors-white-base);\n    border-radius: 4px;\n    transition: var(--nile-transition-duration-default border-color), var(--nile-transition-duration-default) background-color,\n    var(--nile-transition-duration-default) color, var(--nile-transition-duration-default box-shadow);\n  }\n\n  .checkbox__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n\n  /* svg {\n      display:none !important;\n  } */\n\n  /* Hover */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {\n    background: var(--nile-colors-primary-100);\n    border: 1px solid var(--nile-colors-primary-600);\n    border-radius: 4px;\n  }\n\n  /* Focus */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  /* Checked/indeterminate */\n  .checkbox--checked .checkbox__control,\n  .checkbox--indeterminate .checkbox__control {\n    border-color: var(--nile-colors-primary-600);\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  /* Checked/indeterminate + hover */\n  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,\n  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {\n    background: var(--nile-colors-primary-900);\n    border: 1px solid var(--nile-colors-primary-900);\n  }\n\n  /* Checked/indeterminate + focus */\n  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,\n  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  /* Disabled */\n  .checkbox--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .checkbox__label {\n    display: inline-block;\n    color: var(--nile-type-scale-3);\n    line-height: 14px;\n    font-size: 14px;\n    margin-inline-start: 0.5em;\n    user-select: none;\n    margin-top: 2px;\n  }\n\n  :host([required]) .checkbox__label::after {\n    content: '*';\n    margin-inline-start: -2px\n  }\n\n  :host {\n    --nile-svg-stroke: white;\n    --nile-svg-stroke-width: 2px;\n  }\n`;\n\nexport default [styles];\n"]}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-checkbox/nile-checkbox.d.ts

@@ -1,88 +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 { TemplateResult } from 'lit-element';
-import NileElement from '../internal/nile-element';
-import type { CSSResultGroup } from 'lit';
-/**
- * @summary Checkboxes allow the user to toggle an option on or off.
- *
- * @dependency nile-icon
- *
- * @slot - The checkbox's label.
- *
- * @event nile-blur - Emitted when the checkbox loses focus.
- * @event nile-change - Emitted when the checked state changes.
- * @event nile-focus - Emitted when the checkbox gains focus.
- * @event nile-input - Emitted when the checkbox receives input.
- * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- *
- * @csspart base - The component's base wrapper.
- * @csspart control - The square container that wraps the checkbox's checked state.
- * @csspart control--checked - Matches the control part when the checkbox is checked.
- * @csspart control--indeterminate - Matches the control part when the checkbox is indeterminate.
- * @csspart checked-icon - The checked icon, an `<nile-icon>` element.
- * @csspart indeterminate-icon - The indeterminate icon, an `<nile-icon>` element.
- * @csspart label - The container that wraps the checkbox's label.
- */
-/**
- * Nile icon component.
- *
- * @tag nile-checkbox
- *
- */
-export declare class NileCheckbox extends NileElement {
-    constructor();
-    static styles: CSSResultGroup;
-    input: HTMLInputElement;
-    private hasFocus;
-    title: string;
-    /** The name of the checkbox, submitted as a name/value pair with form data. */
-    name: string;
-    /** The current value of the checkbox, submitted as a name/value pair with form data. */
-    value: boolean;
-    /** The checkbox's size. */
-    size: 'small' | 'medium' | 'large';
-    /** Disables the checkbox. */
-    disabled: boolean;
-    /** Draws the checkbox in a checked state. */
-    checked: boolean;
-    /** Label, declared this property for backward compatibility of old component  */
-    label: string;
-    /**
-     * Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a "select
-     * all/none" behavior when associated checkboxes have a mix of checked and unchecked states.
-     */
-    indeterminate: boolean;
-    /** The default value of the form control. Primarily used for resetting the form control. */
-    defaultChecked: boolean;
-    /**
-     * 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;
-    /** Makes the checkbox a required field. */
-    required: boolean;
-    private handleClick;
-    private handleBlur;
-    private handleInput;
-    private handleFocus;
-    handleStateChange(): void;
-    /** Simulates a click on the checkbox. */
-    click(): void;
-    /** Sets focus on the checkbox. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the checkbox. */
-    blur(): void;
-    render(): TemplateResult<1>;
-}
-export default NileCheckbox;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-checkbox': NileCheckbox;
-    }
-}