@aquera/nile-elements 0.0.47 → 0.0.49

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/index.d.ts

@@ -45,5 +45,6 @@ export { NileBreadcrumb } from './nile-breadcrumb';
 export { NileBreadcrumbItem } from './nile-breadcrumb-item';
 export { NileFormGroup } from './nile-form-group';
 export { NileCard } from './nile-card';
+export { NileAvatar } from './nile-avatar';
 export { NilePopover } from './nile-popover';
 export { NileButtonFilter } from './nile-button-filter';

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/index.js

@@ -45,6 +45,7 @@ export { NileBreadcrumb } from './nile-breadcrumb';
 export { NileBreadcrumbItem } from './nile-breadcrumb-item';
 export { NileFormGroup } from './nile-form-group';
 export { NileCard } from './nile-card';
+export { NileAvatar } from './nile-avatar';
 export { NilePopover } from './nile-popover';
 export { NileButtonFilter } from './nile-button-filter';
 //# sourceMappingURL=index.js.map

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","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 { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport {NileFormGroup} from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport {NilePopover } from './nile-popover';\nexport {NileButtonFilter} from './nile-button-filter';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","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 { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileFormGroup } from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport { NileAvatar } from './nile-avatar';\nexport { NilePopover } from './nile-popover';\nexport { NileButtonFilter } from './nile-button-filter';\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-avatar/index.d.ts

@@ -0,0 +1 @@
+export { NileAvatar } from './nile-avatar';

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-avatar/index.js

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

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-avatar/index.js.map

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

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-avatar/nile-avatar.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.
+ */
+/**
+ * Avatar CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-avatar/nile-avatar.css.js

@@ -0,0 +1,101 @@
+/**
+ * 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';
+/**
+ * Avatar CSS
+ */
+export const styles = css `
+  :host {
+  }
+  .text__avatar {
+    box-sizing: border-box;
+    font-feature-settings: 'clig' off, 'liga' off;
+    font-family: var(--nile-font-family-serif);
+    font-style: normal;
+    font-weight: 500;
+    text-transform: uppercase;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    box-sizing: border-box;
+    border: 1px solid;
+    border-color: var(--nile-colors-neutral-500);
+  }
+
+  .avatar {
+    box-sizing: border-box;
+    border: 1px solid var(--nile-colors-neutral-500);
+    background-position: 50% 50%;
+    background-size: cover;
+    background-repeat: no-repeat;
+  }
+
+  .avatar__small {
+    width: var(--nile-type-scale-4);
+    height: var(--nile-type-scale-4);
+    font-size: 6.516px;
+    line-height: 6.516px;
+  }
+
+  .avatar__medium {
+    width: var(--nile-spacing-3-x);
+    height: var(--nile-spacing-3-x);
+    font-size: var(--nile-type-scale-1);
+    line-height: var(--nile-type-scale-1);
+  }
+
+  .avatar__large {
+    width: 32px;
+    height: 32px;
+    font-size: 12.8px;
+    line-height: 12.8px;
+  }
+
+  .avatar__extralarge {
+    height: 40px;
+    width: 40px;
+    font-size: var(--nile-type-scale-3);
+    line-height: var(--nile-type-scale-3);
+  }
+
+  .avatar__rounded {
+    border-radius: 50%;
+  }
+
+  .variant__yellow {
+    color: var(--nile-colors-yellow-700);
+    border-color: var(--nile-colors-yellow-500);
+    background: var(--nile-colors-yellow-400);
+  }
+
+  .variant__blue {
+    color: var(--nile-colors-blue-700);
+    border-color: var(--nile-colors-blue-500);
+    background: var(--nile-colors-blue-400);
+  }
+
+  .variant__red {
+    color: var(--nile-colors-button-caution-pressed-border);
+    border-color: var(--nile-colors-red-500);
+    background: var(--nile-colors-red-400);
+  }
+
+  .variant__green {
+    color: var(--nile-colors-green-700);
+    border-color: var(--nile-colors-green-500);
+    background: var(--nile-colors-green-400);
+  }
+
+  .variant__neutral {
+    color: var(--nile-colors-neutral-700);
+    border-color: var(--nile-colors-neutral-500);
+    background: var(--nile-colors-dark-200);
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-avatar.css.js.map

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-avatar/nile-avatar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-avatar.css.js","sourceRoot":"","sources":["../../../src/nile-avatar/nile-avatar.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwFxB,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 * Avatar CSS\n */\nexport const styles = css`\n  :host {\n  }\n  .text__avatar {\n    box-sizing: border-box;\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-family: var(--nile-font-family-serif);\n    font-style: normal;\n    font-weight: 500;\n    text-transform: uppercase;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n    border: 1px solid;\n    border-color: var(--nile-colors-neutral-500);\n  }\n\n  .avatar {\n    box-sizing: border-box;\n    border: 1px solid var(--nile-colors-neutral-500);\n    background-position: 50% 50%;\n    background-size: cover;\n    background-repeat: no-repeat;\n  }\n\n  .avatar__small {\n    width: var(--nile-type-scale-4);\n    height: var(--nile-type-scale-4);\n    font-size: 6.516px;\n    line-height: 6.516px;\n  }\n\n  .avatar__medium {\n    width: var(--nile-spacing-3-x);\n    height: var(--nile-spacing-3-x);\n    font-size: var(--nile-type-scale-1);\n    line-height: var(--nile-type-scale-1);\n  }\n\n  .avatar__large {\n    width: 32px;\n    height: 32px;\n    font-size: 12.8px;\n    line-height: 12.8px;\n  }\n\n  .avatar__extralarge {\n    height: 40px;\n    width: 40px;\n    font-size: var(--nile-type-scale-3);\n    line-height: var(--nile-type-scale-3);\n  }\n\n  .avatar__rounded {\n    border-radius: 50%;\n  }\n\n  .variant__yellow {\n    color: var(--nile-colors-yellow-700);\n    border-color: var(--nile-colors-yellow-500);\n    background: var(--nile-colors-yellow-400);\n  }\n\n  .variant__blue {\n    color: var(--nile-colors-blue-700);\n    border-color: var(--nile-colors-blue-500);\n    background: var(--nile-colors-blue-400);\n  }\n\n  .variant__red {\n    color: var(--nile-colors-button-caution-pressed-border);\n    border-color: var(--nile-colors-red-500);\n    background: var(--nile-colors-red-400);\n  }\n\n  .variant__green {\n    color: var(--nile-colors-green-700);\n    border-color: var(--nile-colors-green-500);\n    background: var(--nile-colors-green-400);\n  }\n\n  .variant__neutral {\n    color: var(--nile-colors-neutral-700);\n    border-color: var(--nile-colors-neutral-500);\n    background: var(--nile-colors-dark-200);\n  }\n`;\n\nexport default [styles];\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-avatar/nile-avatar.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 { CSSResultArray, TemplateResult } from 'lit-element';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-avatar
+ *
+ */
+export declare class NileAvatar extends NileElement {
+    /**
+     * The styles for Avatar
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    /** Gives the url to the Avatar */
+    src: string;
+    /** Gives the default Image Letters to the Avatar */
+    name: string;
+    /** Size of the Avatar */
+    size: 'small' | 'medium' | 'large' | 'extralarge';
+    /** Gives a border radius of 50% to the Avatar */
+    isRounded: boolean;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    private isDefaultAvatar;
+    private defaultAvatarContent;
+    private generateInitials;
+    private generateVariantCode;
+    private handleImageError;
+    render(): TemplateResult;
+}
+export default NileAvatar;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-avatar': NileAvatar;
+    }
+}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-avatar/nile-avatar.js

@@ -0,0 +1,134 @@
+/**
+ * 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, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { styles } from './nile-avatar.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-avatar
+ *
+ */
+let NileAvatar = class NileAvatar extends NileElement {
+    constructor() {
+        super(...arguments);
+        /** Gives the url to the Avatar */
+        this.src = '';
+        /** Gives the default Image Letters to the Avatar */
+        this.name = '';
+        /** Size of the Avatar */
+        this.size = 'medium';
+        /** Gives a border radius of 50% to the Avatar */
+        this.isRounded = false;
+        /* #endregion */
+        /* #region Methods */
+        /**
+         * Render method
+         * @slot This is a slot test
+         */
+        this.isDefaultAvatar = true;
+        this.defaultAvatarContent = html ``;
+        /* #endregion */
+    }
+    /**
+     * The styles for Avatar
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    generateInitials(name) {
+        if (!name) {
+            return '';
+        }
+        const nameParts = name
+            .split(' ')
+            .filter(part => part.length > 0)
+            .map(part => part.charAt(0).toUpperCase())
+            .slice(0, 2);
+        return nameParts.length > 1 ? nameParts[0] + nameParts[1] : nameParts[0];
+    }
+    generateVariantCode(initials) {
+        const char1 = initials.charCodeAt(0);
+        const char2 = initials.length == 1 ? char1 : initials.charCodeAt(1);
+        const multifactor = char1 * char2 + (char1 % 23) + (char2 % 23);
+        return multifactor % 5;
+    }
+    handleImageError(event) {
+        const defaultInitials = this.generateInitials(this.name);
+        const variant__code = this.generateVariantCode(defaultInitials);
+        this.defaultAvatarContent = html `<div
+      class=${classMap({
+            text__avatar: true,
+            avatar__small: this.size === 'small',
+            avatar__medium: this.size === 'medium',
+            avatar__large: this.size === 'large',
+            avatar__extralarge: this.size === 'extralarge',
+            avatar__rounded: this.isRounded,
+            variant__yellow: variant__code === 0,
+            variant__blue: variant__code === 1,
+            variant__red: variant__code === 2,
+            variant__green: variant__code === 3,
+            variant__neutral: variant__code === 4,
+        })}
+    >
+      ${defaultInitials
+            ? defaultInitials
+            : html `<nile-icon name="user" color="grey" size="14"></nile-icon>`}
+    </div>`;
+        this.isDefaultAvatar = false;
+    }
+    render() {
+        return html `
+      ${this.isDefaultAvatar
+            ? html ` <img
+            src="${this.src}"
+            class="avatar"
+            class=${classMap({
+                avatar: true,
+                avatar__small: this.size === 'small',
+                avatar__medium: this.size === 'medium',
+                avatar__large: this.size === 'large',
+                avatar__extralarge: this.size === 'extralarge',
+                avatar__rounded: this.isRounded,
+            })}
+            style="	background-image: url(${this
+                .src}), linear-gradient(lightgray, lightgray);"
+            @error="${this.handleImageError}"
+          />`
+            : html `${this.defaultAvatarContent}`}
+    `;
+    }
+};
+__decorate([
+    property({ type: String, reflect: true })
+], NileAvatar.prototype, "src", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NileAvatar.prototype, "name", void 0);
+__decorate([
+    property({ reflect: true })
+], NileAvatar.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileAvatar.prototype, "isRounded", void 0);
+__decorate([
+    state()
+], NileAvatar.prototype, "isDefaultAvatar", void 0);
+__decorate([
+    state()
+], NileAvatar.prototype, "defaultAvatarContent", void 0);
+NileAvatar = __decorate([
+    customElement('nile-avatar')
+], NileAvatar);
+export { NileAvatar };
+// onerror="this.onerror=null;this.src='${defaultimg}';"
+export default NileAvatar;
+//# sourceMappingURL=nile-avatar.js.map

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-avatar/nile-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-avatar.js","sourceRoot":"","sources":["../../../src/nile-avatar/nile-avatar.ts"],"names":[],"mappings":"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","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, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles } from './nile-avatar.css';\nimport NileElement from '../internal/nile-element';\nimport { string } from '../nile-icon/icons/svg';\n\n/**\n * Nile icon component.\n *\n * @tag nile-avatar\n *\n */\n@customElement('nile-avatar')\nexport class NileAvatar extends NileElement {\n  /**\n   * The styles for Avatar\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\n  /** Gives the url to the Avatar */\n  @property({ type: String, reflect: true }) src = '';\n\n  /** Gives the default Image Letters to the Avatar */\n  @property({ type: String, reflect: true }) name = '';\n\n  /** Size of the Avatar */\n  @property({ reflect: true }) size:\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extralarge' = 'medium';\n\n  /** Gives a border radius of 50% to the Avatar */\n  @property({ type: Boolean, reflect: true }) isRounded = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  @state() private isDefaultAvatar = true;\n\n  @state() private defaultAvatarContent = html``;\n\n  private generateInitials(name: String): string {\n    if (!name) {\n      return '';\n    }\n    const nameParts = name\n      .split(' ')\n      .filter(part => part.length > 0)\n      .map(part => part.charAt(0).toUpperCase())\n      .slice(0, 2);\n    return nameParts.length > 1 ? nameParts[0] + nameParts[1] : nameParts[0];\n  }\n\n  private generateVariantCode(initials: string): number {\n    const char1 = initials.charCodeAt(0);\n    const char2 = initials.length == 1 ? char1 : initials.charCodeAt(1);\n    const multifactor = char1 * char2 + (char1 % 23) + (char2 % 23);\n    return multifactor % 5;\n  }\n\n  private handleImageError(event: Event): void {\n    const defaultInitials = this.generateInitials(this.name);\n    const variant__code = this.generateVariantCode(defaultInitials);\n    this.defaultAvatarContent = html`<div\n      class=${classMap({\n        text__avatar: true,\n        avatar__small: this.size === 'small',\n        avatar__medium: this.size === 'medium',\n        avatar__large: this.size === 'large',\n        avatar__extralarge: this.size === 'extralarge',\n        avatar__rounded: this.isRounded,\n        variant__yellow: variant__code === 0,\n        variant__blue: variant__code === 1,\n        variant__red: variant__code === 2,\n        variant__green: variant__code === 3,\n        variant__neutral: variant__code === 4,\n      })}\n    >\n      ${defaultInitials\n        ? defaultInitials\n        : html`<nile-icon name=\"user\" color=\"grey\" size=\"14\"></nile-icon>`}\n    </div>`;\n\n    this.isDefaultAvatar = false;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      ${this.isDefaultAvatar\n        ? html` <img\n            src=\"${this.src}\"\n            class=\"avatar\"\n            class=${classMap({\n              avatar: true,\n              avatar__small: this.size === 'small',\n              avatar__medium: this.size === 'medium',\n              avatar__large: this.size === 'large',\n              avatar__extralarge: this.size === 'extralarge',\n              avatar__rounded: this.isRounded,\n            })}\n            style=\"\tbackground-image: url(${this\n              .src}), linear-gradient(lightgray, lightgray);\"\n            @error=\"${this.handleImageError}\"\n          />`\n        : html`${this.defaultAvatarContent}`}\n    `;\n  }\n\n  /* #endregion */\n}\n// onerror=\"this.onerror=null;this.src='${defaultimg}';\"\n\nexport default NileAvatar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-avatar': NileAvatar;\n  }\n}\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-badge/nile-badge.css.js

@@ -31,32 +31,142 @@ export const styles = css `
   }
 
   .badge--primary {
-    background: #005EA6;
+    background: #005ea6;
   }
 
-  .badge--success {
-    background: #A5F3E1;
+  .badge--normal {
+    background: #e5e9eb;
   }
 
-  .badge--normal {
-    background: #E5E9EB;
+  .badge--info {
+    background: #a5d3f3;
+  }
+
+  /* for v2 */
+  .badge--pink {
+    color: #c11574;
+    border: 1px solid #fcceee;
+    background: #fdf2fa;
+  }
+
+  .badge--orange {
+    color: #b93815;
+    border: 1px solid #f9dbaf;
+    background: #fef6ee;
+  }
+
+  .badge--purple {
+    color: #5925dc;
+    border: 1px solid #d9d6fe;
+    background: #f4f3ff;
+  }
+
+  .badge--indigo {
+    color: #3538cd;
+    border: 1px solid #c7d7fe;
+    background: #eef4ff;
   }
 
+  .badge--blue {
+    color: #175cd3;
+    border: 1px solid #b2ddff;
+    background: #eff8ff;
+  }
+  .badge--blue-light {
+    color: #026aa2;
+    border: 1px solid #b9e6fe;
+    background: #f0f9ff;
+  }
+
+  .badge--gray-blue {
+    color: #363f72;
+    border: 1px solid #d5d9eb;
+    background: #f8f9fc;
+  }
+
+  .badge--success {
+    color: var(--nile-badge-color-font-success);
+    border: var(--nile-badge-color-border-width) solid #abefc6;
+    background: var(--nile-badge-color-background-success);
+  }
   .badge--warning {
-    background: #F3E0A5;
+    color: var(--nile-badge-color-font-warning);
+    border: var(--nile-badge-color-border-width) solid #fedf89;
+    background: var(--nile-badge-color-background-warning);
   }
 
   .badge--error {
-    background: #F3A5AA;
+    color: var(--nile-badge-color-font-error);
+    border: var(--nile-badge-color-border-width) solid #fecdca;
+    background: var(--nile-badge-color-background-error);
   }
 
-  .badge--info {
-    background: #A5D3F3;
+  .badge--brand {
+    color: #005291;
+    border: 1px solid #b5c9e0;
+    background: #eaf0f8;
+  }
+
+  .badge--gray {
+    color: #344054;
+    border: 1px solid #eaecf0;
+    background: #f9fafb;
+  }
+
+  .badge--pink.badge--pill-outline {
+    border: 1px solid #dd2590;
+  }
+
+  .badge--orange.badge--pill-outline {
+    border: 1px solid #e04f16;
+  }
+
+  .badge--purple.badge--pill-outline {
+    border: 1px solid #6938ef;
+  }
+
+  .badge--indigo.badge--pill-outline {
+    border: 1px solid #444ce7;
+  }
+
+  .badge--blue.badge--pill-outline {
+    border: 1px solid #1570ef;
+  }
+
+  .badge--blue-light.badge--pill-outline {
+    border: 1px solid #0086c9;
+  }
+
+  .badge--gray-blue.badge--pill-outline {
+    border: 1px solid #3e4784;
+  }
+
+  .badge--success.badge--pill-outline {
+    border: 1px solid #079455;
+  }
+
+  .badge--warning.badge--pill-outline {
+    border: 1px solid #dc6803;
+  }
+
+  .badge--error.badge--pill-outline {
+    border: 1px solid #d92d20;
+  }
+
+  .badge--brand.badge--pill-outline {
+    border: 1px solid #005ea6;
+  }
+
+  .badge--gray.badge--pill-outline {
+    border: 1px solid #475467;
+  }
+
+  .badge--pill-outline {
+    background: transparent;
   }
 
   .badge--rounded {
     border-radius: 100px;
-    padding: 0 6px;
   }
 `;
 export default [styles];

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-badge/nile-badge.css.js.map

@@ -1 +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: var(--nile-font-family-serif);\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"]}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgKxB,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: var(--nile-font-family-serif);\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--normal {\n    background: #e5e9eb;\n  }\n\n  .badge--info {\n    background: #a5d3f3;\n  }\n\n  /* for v2 */\n  .badge--pink {\n    color: #c11574;\n    border: 1px solid #fcceee;\n    background: #fdf2fa;\n  }\n\n  .badge--orange {\n    color: #b93815;\n    border: 1px solid #f9dbaf;\n    background: #fef6ee;\n  }\n\n  .badge--purple {\n    color: #5925dc;\n    border: 1px solid #d9d6fe;\n    background: #f4f3ff;\n  }\n\n  .badge--indigo {\n    color: #3538cd;\n    border: 1px solid #c7d7fe;\n    background: #eef4ff;\n  }\n\n  .badge--blue {\n    color: #175cd3;\n    border: 1px solid #b2ddff;\n    background: #eff8ff;\n  }\n  .badge--blue-light {\n    color: #026aa2;\n    border: 1px solid #b9e6fe;\n    background: #f0f9ff;\n  }\n\n  .badge--gray-blue {\n    color: #363f72;\n    border: 1px solid #d5d9eb;\n    background: #f8f9fc;\n  }\n\n  .badge--success {\n    color: var(--nile-badge-color-font-success);\n    border: var(--nile-badge-color-border-width) solid #abefc6;\n    background: var(--nile-badge-color-background-success);\n  }\n  .badge--warning {\n    color: var(--nile-badge-color-font-warning);\n    border: var(--nile-badge-color-border-width) solid #fedf89;\n    background: var(--nile-badge-color-background-warning);\n  }\n\n  .badge--error {\n    color: var(--nile-badge-color-font-error);\n    border: var(--nile-badge-color-border-width) solid #fecdca;\n    background: var(--nile-badge-color-background-error);\n  }\n\n  .badge--brand {\n    color: #005291;\n    border: 1px solid #b5c9e0;\n    background: #eaf0f8;\n  }\n\n  .badge--gray {\n    color: #344054;\n    border: 1px solid #eaecf0;\n    background: #f9fafb;\n  }\n\n  .badge--pink.badge--pill-outline {\n    border: 1px solid #dd2590;\n  }\n\n  .badge--orange.badge--pill-outline {\n    border: 1px solid #e04f16;\n  }\n\n  .badge--purple.badge--pill-outline {\n    border: 1px solid #6938ef;\n  }\n\n  .badge--indigo.badge--pill-outline {\n    border: 1px solid #444ce7;\n  }\n\n  .badge--blue.badge--pill-outline {\n    border: 1px solid #1570ef;\n  }\n\n  .badge--blue-light.badge--pill-outline {\n    border: 1px solid #0086c9;\n  }\n\n  .badge--gray-blue.badge--pill-outline {\n    border: 1px solid #3e4784;\n  }\n\n  .badge--success.badge--pill-outline {\n    border: 1px solid #079455;\n  }\n\n  .badge--warning.badge--pill-outline {\n    border: 1px solid #dc6803;\n  }\n\n  .badge--error.badge--pill-outline {\n    border: 1px solid #d92d20;\n  }\n\n  .badge--brand.badge--pill-outline {\n    border: 1px solid #005ea6;\n  }\n\n  .badge--gray.badge--pill-outline {\n    border: 1px solid #475467;\n  }\n\n  .badge--pill-outline {\n    background: transparent;\n  }\n\n  .badge--rounded {\n    border-radius: 100px;\n  }\n`;\nexport default [styles];\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-badge/nile-badge.d.ts

@@ -32,9 +32,10 @@ import type { CSSResultGroup } from 'lit';
 export declare class NileBadge extends NileElement {
     static styles: CSSResultGroup;
     /** The badge's theme variant. */
-    variant: 'primary' | 'success' | 'normal' | 'warning' | 'error' | 'info';
+    variant: 'primary' | 'success' | 'normal' | 'warning' | 'error' | 'info' | 'gray' | 'brand' | 'blue-light' | 'blue' | 'indigo' | 'purple' | 'pink' | 'orange' | 'blue-gray' | 'gray-blue';
     /** Draws a pill-style badge with rounded edges. */
     rounded: boolean;
+    pilltype: 'pill-color' | 'pill-outline' | 'badge-color';
     render(): TemplateResult<1>;
 }
 export default NileBadge;

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-badge/nile-badge.js

@@ -39,6 +39,8 @@ let NileBadge = class NileBadge extends NileElement {
         this.variant = 'normal';
         /** Draws a pill-style badge with rounded edges. */
         this.rounded = false;
+        //  For setting pill type
+        this.pilltype = 'badge-color';
     }
     render() {
         return html `
@@ -46,21 +48,29 @@ let NileBadge = class NileBadge extends NileElement {
         part="base"
         class=${classMap({
             badge: true,
-            // Types
             'badge--primary': this.variant === 'primary',
-            'badge--success': this.variant === 'success',
             'badge--normal': this.variant === 'normal',
+            'badge--info': this.variant === 'info',
+            'badge--pink': this.variant === 'pink',
+            'badge--orange': this.variant === 'orange',
+            'badge--purple': this.variant === 'purple',
+            'badge--indigo': this.variant === 'indigo',
+            'badge--blue': this.variant === 'blue',
+            'badge--blue-light': this.variant === 'blue-light',
+            'badge--gray-blue': this.variant === 'gray-blue',
+            'badge--success': this.variant === 'success',
             'badge--warning': this.variant === 'warning',
             'badge--error': this.variant === 'error',
-            'badge--info': this.variant === 'info',
-            'badge--rounded': this.rounded,
+            'badge--brand': this.variant === 'brand',
+            'badge--gray': this.variant === 'gray',
+            'badge--pill-outline': this.pilltype == 'pill-outline',
+            'badge--badge-color': this.pilltype == 'badge-color',
+            'badge--rounded': this.rounded ||
+                this.pilltype == 'pill-outline' ||
+                this.pilltype == 'pill-color',
         })}
       >
-
-
-        <slot  part="content" class="badge__content"></slot>
-
-
+        <slot part="content" class="badge__content"></slot>
       </span>
     `;
     }
@@ -72,6 +82,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], NileBadge.prototype, "rounded", void 0);
+__decorate([
+    property({ reflect: true })
+], NileBadge.prototype, "pilltype", void 0);
 NileBadge = __decorate([
     customElement('nile-badge')
 ], NileBadge);

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-badge/nile-badge.js.map

@@ -1 +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"]}
+{"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,GAgBlB,QAAQ,CAAC;QAE3B,mDAAmD;QACP,YAAO,GAAG,KAAK,CAAC;QAE5D,yBAAyB;QACI,aAAQ,GAGnB,aAAa,CAAC;IAmClC,CAAC;IAjCC,MAAM;QACJ,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC;YACf,KAAK,EAAE,IAAI;YACX,gBAAgB,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC5C,eAAe,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YAC1C,aAAa,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;YACtC,aAAa,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;YACtC,eAAe,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YAC1C,eAAe,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YAC1C,eAAe,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YAC1C,aAAa,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;YACtC,mBAAmB,EAAE,IAAI,CAAC,OAAO,KAAK,YAAY;YAClD,kBAAkB,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW;YAChD,gBAAgB,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC5C,gBAAgB,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC5C,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO;YACxC,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO;YACxC,aAAa,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;YACtC,qBAAqB,EAAE,IAAI,CAAC,QAAQ,IAAI,cAAc;YACtD,oBAAoB,EAAE,IAAI,CAAC,QAAQ,IAAI,aAAa;YACpD,gBAAgB,EACd,IAAI,CAAC,OAAO;gBACZ,IAAI,CAAC,QAAQ,IAAI,cAAc;gBAC/B,IAAI,CAAC,QAAQ,IAAI,YAAY;SAChC,CAAC;;;;KAIL,CAAC;IACJ,CAAC;;AA9DM,gBAAM,GAAmB,MAAM,CAAC;AAGV;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAgBD;AAGiB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAiB;AAG/B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAGI;AA7BrB,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAgErB;SAhEY,SAAS;AAkEtB,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'\n    | 'gray'\n    | 'brand'\n    | 'blue-light'\n    | 'blue'\n    | 'indigo'\n    | 'purple'\n    | 'pink'\n    | 'orange'\n    | 'blue-gray'\n    | 'gray-blue' = 'normal';\n\n  /** Draws a pill-style badge with rounded edges. */\n  @property({ type: Boolean, reflect: true }) rounded = false;\n\n  //  For setting pill type\n  @property({ reflect: true }) pilltype:\n    | 'pill-color'\n    | 'pill-outline'\n    | 'badge-color'='badge-color';\n\n  render() {\n    return html`\n      <span\n        part=\"base\"\n        class=${classMap({\n          badge: true,\n          'badge--primary': this.variant === 'primary',\n          'badge--normal': this.variant === 'normal',\n          'badge--info': this.variant === 'info',\n          'badge--pink': this.variant === 'pink',\n          'badge--orange': this.variant === 'orange',\n          'badge--purple': this.variant === 'purple',\n          'badge--indigo': this.variant === 'indigo',\n          'badge--blue': this.variant === 'blue',\n          'badge--blue-light': this.variant === 'blue-light',\n          'badge--gray-blue': this.variant === 'gray-blue',\n          'badge--success': this.variant === 'success',\n          'badge--warning': this.variant === 'warning',\n          'badge--error': this.variant === 'error',\n          'badge--brand': this.variant === 'brand',\n          'badge--gray': this.variant === 'gray',\n          'badge--pill-outline': this.pilltype == 'pill-outline',\n          'badge--badge-color': this.pilltype == 'badge-color',\n          'badge--rounded':\n            this.rounded ||\n            this.pilltype == 'pill-outline' ||\n            this.pilltype == 'pill-color',\n        })}\n      >\n        <slot part=\"content\" class=\"badge__content\"></slot>\n      </span>\n    `;\n  }\n}\n\nexport default NileBadge;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-badge': NileBadge;\n  }\n}\n"]}