@aquera/nile-elements 0.0.49 → 0.0.50

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

@@ -1,488 +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';
-/**
- * Button CSS
- */
-export const styles = css `
-  :host {
-    display: inline-block;
-    position: relative;
-    width: auto;
-    cursor: pointer;
-  }
-
-  .button {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border-style: solid;
-    border-width: 1px;
-    font-style: normal;
-    font-weight: var(--nile-font-weight-regular);
-    font-family: var(--nile-font-family-serif);
-    font-size: var(--nile-type-scale-3);
-    text-align: center;
-    letter-spacing: 0.2px;
-    text-decoration: none;
-    user-select: none;
-    white-space: nowrap;
-    vertical-align: middle;
-    transition: var(--nile-transition-duration-default) background-color,
-      var(--nile-transition-duration-default) color,
-      var(--nile-transition-duration-default) border,
-      var(--nile-transition-duration-default) box-shadow;
-    cursor: inherit;
-    padding: var(--nile-spacing-2-x);
-    gap: var(--nile-spacing-2-x);
-    border-radius: var(--nile-radius-base-standard);
-    line-height: var(--nile-type-scale-3);
-    box-sizing: border-box;
-    height: 38px;
-  }
-
-  .button::-moz-focus-inner {
-    border: 0;
-  }
-
-  .button:focus {
-    outline: none;
-  }
-
-  .button:focus-visible {
-    outline: 5px auto -webkit-focus-ring-color;
-    outline-offset: 2px;
-  }
-
-  .button--disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .button--disabled * {
-    pointer-events: none;
-  }
-
-  .button__label::slotted(nile-icon) {
-    /* vertical-align: -2px; */
-  }
-
-  .button--standard.button--secondary {
-    background-color: var(--nile-colors-button-secondary);
-    border-color: var(--nile-colors-button-secondary-border);
-    color: var(--nile-colors-button-secondary-text);
-  }
-
-  .button--standard.button--secondary:hover:not(.button--disabled) {
-    background-color: var(--nile-colors-button-secondary-hover);
-    border-color: var(--nile-colors-button-secondary-border);
-    color: var(--nile-colors-button-secondary-text);
-  }
-
-  .button--standard.button--secondary:active:not(.button--disabled) {
-    background-color: var(--nile-colors-button-secondary-pressed);
-    border-color: var(--nile-colors-button-secondary-pressed-border);
-    color: var(--nile-colors-button-secondary-text);
-  }
-
-  .button--standard.button--secondary.button--disabled {
-    background-color: var(--nile-colors-button-secondary-disabled);
-    border-color: var(--nile-colors-button-secondary-disabled-border);
-    color: var(--nile-colors-button-secondary-disabled-text);
-    cursor: not-allowed;
-  }
-
-  .button--standard.button--secondary.button--disabled:hover,
-  .button--standard.button--secondary.button--disabled:active {
-    background-color: var(--nile-colors-button-secondary-disabled);
-    border-color: var(--nile-colors-button-secondary-disabled-border);
-    color: var(--nile-colors-button-secondary-disabled-text);
-    cursor: not-allowed;
-  }
-
-  /* Primary */
-  .button--standard.button--primary {
-    background-color: var(--nile-colors-button-primary);
-    border-color: var(--nile-colors-button-primary-border);
-    color: var(--nile-colors-button-primary-text);
-  }
-
-  .button--standard.button--primary:hover:not(.button--disabled) {
-    background-color: var(--nile-colors-button-primary-hover);
-    border-color: var(--nile-colors-button-primary-hover);
-    color: var(--nile-colors-button-primary-text);
-  }
-
-  .button--standard.button--primary:active:not(.button--disabled) {
-    background-color: var(--nile-colors-button-primary-pressed);
-    border-color: var(--nile-colors-button-primary-pressed-border);
-    color: var(--nile-colors-button-primary-text);
-  }
-
-  .button--standard.button--primary.button--disabled {
-    background-color: var(--nile-colors-button-primary-disabled);
-    border-color: var(--nile-colors-button-primary-disabled);
-    color: var(--nile-colors-button-primary-disabled-text);
-    cursor: not-allowed;
-  }
-
-  .button--standard.button--primary.button--disabled:hover,
-  .button--standard.button--primary.button--disabled:active {
-    background-color: var(--nile-colors-button-primary-disabled);
-    border-color: var(--nile-colors-button-primary-disabled);
-    color: var(--nile-colors-button-primary-disabled-text);
-    cursor: not-allowed;
-  }
-
-  /* Tertiary */
-  .button--standard.button--tertiary {
-    background-color: var(--nile-colors-button-tertiary);
-    border-color: var(--nile-colors-button-tertiary-border);
-    color: var(--nile-colors-button-tertiary-text);
-  }
-
-  .button--standard.button--tertiary:hover:not(.button--disabled) {
-    background-color: var(--nile-colors-button-tertiary-hover);
-    border-color: var(--nile-colors-neutral-500);
-    color: var(--nile-colors-button-tertiary-text);
-  }
-
-  .button--standard.button--tertiary:active:not(.button--disabled) {
-    background-color: var(--nile-colors-button-tertiary-pressed);
-    border-color: var(--nile-colors-button-tertiary-pressed-border);
-    color: var(--nile-colors-button-tertiary-text);
-  }
-
-  .button--standard.button--tertiary.button--disabled,
-  .button--standard.button--tertiary.button--disabled:hover,
-  .button--standard.button--tertiary.button--disabled:active {
-    border-color: var(--nile-colors-neutral-500);
-    background-color: var(--nile-colors-button-tertiary-disabled);
-    color: var(--nile-colors-button-tertiary-disabled-text);
-    cursor: not-allowed;
-    box-shadow: none;
-  }
-
-  /* ghost  */
-  .button--standard.button--ghost{
-    background-color: var(--nile-colors-button-tertiary);
-    border-color: transparent;
-    color: var(--nile-colors-button-tertiary-text);
-  }
-
-  .button--standard.button--ghost:hover:not(.button--disabled) {
-    background-color: var(--nile-colors-button-tertiary-hover);
-    border-color: transparent;
-    color: var(--nile-colors-button-tertiary-text);
-  }
-
-  .button--standard.button--ghost:active:not(.button--disabled) {
-    background-color: var(--nile-colors-button-tertiary-pressed);
-    border-color:transparent;
-    color: var(--nile-colors-button-tertiary-text);
-  }
-
-  .button--standard.button--ghost.button--disabled,
-  .button--standard.button--ghost.button--disabled:hover,
-  .button--standard.button--ghost.button--disabled:active {
-    border-color:transparent;
-    background-color: var(--nile-colors-button-tertiary-disabled);
-    color: var(--nile-colors-button-tertiary-disabled-text);
-    cursor: not-allowed;
-    box-shadow: none;
-  }
-
-  /* caution */
-  .button--standard.button--caution {
-    background-color: var(--nile-colors-button-caution);
-    border-color: var(--nile-colors-button-caution);
-    color: var(--nile-colors-button-caution-text);
-  }
-
-  .button--standard.button--caution:hover:not(.button--disabled) {
-    background-color: var(--nile-colors-button-caution-hover);
-    border-color: var(--nile-colors-button-caution-hover);
-    color: var(--nile-colors-button-caution-text);
-  }
-
-  .button--standard.button--caution:active:not(.button--disabled) {
-    background-color: var(--nile-colors-button-caution-pressed);
-    border-color: var(--nile-colors-button-caution-pressed-border);
-    color: var(--nile-colors-button-caution-text);
-  }
-
-  .button--standard.button--caution.button--disabled,
-  .button--standard.button--caution.button--disabled:hover,
-  .button--standard.button--caution.button--disabled:active {
-    background-color: var(--nile-colors-button-caution-disabled);
-    border-color: var(--nile-colors-button-caution-disabled);
-    color: var(--nile-colors-button-caution-disabled-text);
-  }
-
-
-        /* Primary Variant - Nile Icon Fill */
-        .button--standard.button--primary ::slotted(nile-icon) {
-        --nile-svg-fill: var(--nile-colors-button-primary-text) !important;
-      }
-      .button--standard.button--primary:hover:not(.button--disabled) ::slotted(nile-icon),
-      .button--standard.button--primary:active:not(.button--disabled) ::slotted(nile-icon) {
-        --nile-svg-fill: var(--nile-colors-button-primary-text) !important;
-      }
-      .button--standard.button--primary.button--disabled ::slotted(nile-icon) {
-        --nile-svg-fill: var(--nile-colors-button-primary-disabled-text) !important;
-      }
-
-      /* Secondary Variant */
-      .button--standard.button--secondary ::slotted(nile-icon) {
-        --nile-svg-fill: var(--nile-colors-button-secondary-text) !important;
-      }
-      .button--standard.button--secondary:hover:not(.button--disabled) ::slotted(nile-icon),
-      .button--standard.button--secondary:active:not(.button--disabled) ::slotted(nile-icon) {
-        --nile-svg-fill: var(--nile-colors-button-secondary-text) !important;
-      }
-      .button--standard.button--secondary.button--disabled ::slotted(nile-icon) {
-        --nile-svg-fill: var(--nile-colors-button-secondary-disabled-text) !important;
-      }
-
-      /* Tertiary Variant */
-      .button--standard.button--tertiary ::slotted(nile-icon) {
-        --nile-svg-fill: var(--nile-colors-button-tertiary-text) !important;
-      }
-      .button--standard.button--tertiary:hover:not(.button--disabled) ::slotted(nile-icon),
-      .button--standard.button--tertiary:active:not(.button--disabled) ::slotted(nile-icon) {
-        --nile-svg-fill: var(--nile-colors-button-tertiary-text) !important;
-      }
-      .button--standard.button--tertiary.button--disabled ::slotted(nile-icon) {
-        --nile-svg-fill: var(--nile-colors-button-tertiary-disabled-text) !important;
-      }
-
-        /* Ghost Variant */
-      .button--standard.button--ghost ::slotted(nile-icon) {
-        --nile-svg-fill: var(--nile-colors-button-tertiary-text) !important;
-      }
-      .button--standard.button--ghost:hover:not(.button--disabled) ::slotted(nile-icon),
-      .button--standard.button--ghost:active:not(.button--disabled) ::slotted(nile-icon) {
-        --nile-svg-fill: var(--nile-colors-button-tertiary-text) !important;
-      }
-      .button--standard.button--ghost ::slotted(nile-icon) {
-        --nile-svg-fill: var(--nile-colors-button-tertiary-disabled-text) !important;
-      }
-
-      /* Caution Variant */
-      .button--standard.button--caution ::slotted(nile-icon) {
-        --nile-svg-fill: var(--nile-colors-button-caution-text) !important;
-      }
-      .button--standard.button--caution:hover:not(.button--disabled) ::slotted(nile-icon),
-      .button--standard.button--caution:active:not(.button--disabled) ::slotted(nile-icon) {
-        --nile-svg-fill: var(--nile-colors-button-caution-text) !important;
-      }
-      .button--standard.button--caution.button--disabled ::slotted(nile-icon) {
-        --nile-svg-fill: var(--nile-colors-button-caution-disabled-text) !important;
-      }
-
-    /*
-   * Outline buttons
-   */
-
-  .button--outline {
-    background: none;
-    border: solid 2px;
-  }
-
-  /* Default */
-  .button--outline.button--secondary {
-    border-color: var(--nile-colors-neutral-300);
-    color: var(--nile-colors-neutral-700);
-  }
-
-  .button--outline.button--secondary:hover:not(.button--disabled),
-  .button--outline.button--secondary.button--checked:not(.button--disabled) {
-    border-color: var(--nile-colors-primary-600);
-    color: var(--nile-colors-white-base);
-  }
-
-  .button--outline.button--secondary:active:not(.button--disabled) {
-    border-color: var(--nile-colors-neutral-700);
-    color: var(--nile-colors-white-base);
-  }
-
-  /* Primary */
-  .button--outline.button--primary {
-    border-color: var(--nile-colors-primary-600);
-    color: var(--nile-colors-primary-600);
-  }
-
-  .button--outline.button--primary:hover:not(.button--disabled),
-  .button--outline.button--primary.button--checked:not(.button--disabled) {
-    color: var(--nile-colors-white-base);
-  }
-
-  .button--outline.button--primary:active:not(.button--disabled) {
-    border-color: var(--nile-colors-primary-700);
-    color: var(--nile-colors-white-base);
-  }
-
-  /* Success */
-  .button--outline.button--success {
-    border-color: var(--nile-colors-green-600);
-    color: var(--nile-colors-green-600);
-  }
-
-  .button--outline.button--success:hover:not(.button--disabled),
-  .button--outline.button--success.button--checked:not(.button--disabled) {
-    color: var(--nile-colors-white-base);
-  }
-
-  .button--outline.button--success:active:not(.button--disabled) {
-    border-color: var(--nile-colors-green-700);
-    color: var(--nile-colors-white-base);
-  }
-
-  /* Neutral */
-  .button--outline.button--neutral {
-    border-color: var(--nile-colors-neutral-600);
-    color: var(--nile-colors-neutral-600);
-  }
-
-  .button--outline.button--neutral:hover:not(.button--disabled),
-  .button--outline.button--neutral.button--checked:not(.button--disabled) {
-    color: var(--nile-colors-white-base);
-  }
-
-  .button--outline.button--neutral:active:not(.button--disabled) {
-    border-color: var(--nile-colors-neutral-700);
-    color: var(--nile-colors-white-base);
-  }
-
-  /* Warning */
-  .button--outline.button--warning {
-    border-color: var(--nile-colors-orange-600);
-    color: var(--nile-colors-orange-600);
-  }
-
-  .button--outline.button--warning:hover:not(.button--disabled),
-  .button--outline.button--warning.button--checked:not(.button--disabled) {
-    color: var(--nile-colors-white-base);
-  }
-
-  .button--outline.button--warning:active:not(.button--disabled) {
-    border-color: var(--nile-colors-orange-700);
-    color: var(--nile-colors-white-base);
-  }
-
-  /* Danger */
-  .button--outline.button--danger {
-    border-color: var(--nile-colors-red-600);
-    color: var(--nile-colors-red-600);
-  }
-
-  .button--outline.button--danger:hover:not(.button--disabled),
-  .button--outline.button--danger.button--checked:not(.button--disabled) {
-    background-color: var(--nile-colors-red-600);
-    color: var(--nile-colors-white-base);
-  }
-
- .button--outline.button--danger:active:not(.button--disabled) {
-    border-color: var(--nile-colors-red-700);
-    background-color: var(--nile-colors-red-700);
-    color: var(--nile-colors-white-base);
-  }
-
-  @media (forced-colors: active) {
-    .button.button--outline.button--checked:not(.button--disabled) {
-      outline: solid 2px transparent;
-    }
-  }
-
-  /*
- * Pill modifier
- */
-
-  .button--pill.button--small {
-    border-radius: 24px;
-  }
-
-  .button--pill.button--medium {
-    border-radius: 32px;
-  }
-
-  /*
- * Circle modifier
- */
-
-  .button--circle {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .button--circle.button--small {
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-  }
-
-  .button--circle.button--medium {
-    width: 38px;
-    height: 38px;
-    border-radius: 50%;
-  }
-
-  .button--circle .button__prefix,
-  .button--circle .button__suffix,
-  .button--circle .button__caret {
-    display: none;
-  }
-
-  /* Caret modifier */
-
-  .button--caret .button__suffix {
-    display: none;
-  }
-
-  .button--caret .button__caret {
-    height: auto;
-  }
-
-  /*
- * Loading modifier
- */
-
-  .button--loading {
-    position: relative;
-    cursor: wait;
-  }
-
-  .button--loading .button__prefix,
-  .button--loading .button__label,
-  .button--loading .button__suffix,
-  .button--loading .button__caret {
-    visibility: hidden;
-  }
-
-  .button--loading nile-spinner {
-    --indicator-color: currentColor;
-    position: absolute;
-    font-size: 1em;
-    height: 1em;
-    width: 1em;
-    top: calc(50% - 0.5em);
-    left: calc(50% - 0.5em);
-  }
-  /*
- * Badges
- */
-
-  .button ::slotted(nile-badge) {
-    position: absolute;
-    top: 0;
-    right: 0;
-    translate: 50% -50%;
-    pointer-events: none;
-  }
-
-`;
-//# sourceMappingURL=nile-button.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-button.css.js","sourceRoot":"","sources":["../../../src/nile-button/nile-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4dxB,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 * Button CSS\n */\nexport const styles = css`\n  :host {\n    display: inline-block;\n    position: relative;\n    width: auto;\n    cursor: pointer;\n  }\n\n  .button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-style: solid;\n    border-width: 1px;\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-3);\n    text-align: center;\n    letter-spacing: 0.2px;\n    text-decoration: none;\n    user-select: none;\n    white-space: nowrap;\n    vertical-align: middle;\n    transition: var(--nile-transition-duration-default) background-color,\n      var(--nile-transition-duration-default) color,\n      var(--nile-transition-duration-default) border,\n      var(--nile-transition-duration-default) box-shadow;\n    cursor: inherit;\n    padding: var(--nile-spacing-2-x);\n    gap: var(--nile-spacing-2-x);\n    border-radius: var(--nile-radius-base-standard);\n    line-height: var(--nile-type-scale-3);\n    box-sizing: border-box;\n    height: 38px;\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: 5px auto -webkit-focus-ring-color;\n    outline-offset: 2px;\n  }\n\n  .button--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .button--disabled * {\n    pointer-events: none;\n  }\n\n  .button__label::slotted(nile-icon) {\n    /* vertical-align: -2px; */\n  }\n\n  .button--standard.button--secondary {\n    background-color: var(--nile-colors-button-secondary);\n    border-color: var(--nile-colors-button-secondary-border);\n    color: var(--nile-colors-button-secondary-text);\n  }\n\n  .button--standard.button--secondary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-button-secondary-hover);\n    border-color: var(--nile-colors-button-secondary-border);\n    color: var(--nile-colors-button-secondary-text);\n  }\n\n  .button--standard.button--secondary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-button-secondary-pressed);\n    border-color: var(--nile-colors-button-secondary-pressed-border);\n    color: var(--nile-colors-button-secondary-text);\n  }\n\n  .button--standard.button--secondary.button--disabled {\n    background-color: var(--nile-colors-button-secondary-disabled);\n    border-color: var(--nile-colors-button-secondary-disabled-border);\n    color: var(--nile-colors-button-secondary-disabled-text);\n    cursor: not-allowed;\n  }\n\n  .button--standard.button--secondary.button--disabled:hover,\n  .button--standard.button--secondary.button--disabled:active {\n    background-color: var(--nile-colors-button-secondary-disabled);\n    border-color: var(--nile-colors-button-secondary-disabled-border);\n    color: var(--nile-colors-button-secondary-disabled-text);\n    cursor: not-allowed;\n  }\n\n  /* Primary */\n  .button--standard.button--primary {\n    background-color: var(--nile-colors-button-primary);\n    border-color: var(--nile-colors-button-primary-border);\n    color: var(--nile-colors-button-primary-text);\n  }\n\n  .button--standard.button--primary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-button-primary-hover);\n    border-color: var(--nile-colors-button-primary-hover);\n    color: var(--nile-colors-button-primary-text);\n  }\n\n  .button--standard.button--primary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-button-primary-pressed);\n    border-color: var(--nile-colors-button-primary-pressed-border);\n    color: var(--nile-colors-button-primary-text);\n  }\n\n  .button--standard.button--primary.button--disabled {\n    background-color: var(--nile-colors-button-primary-disabled);\n    border-color: var(--nile-colors-button-primary-disabled);\n    color: var(--nile-colors-button-primary-disabled-text);\n    cursor: not-allowed;\n  }\n\n  .button--standard.button--primary.button--disabled:hover,\n  .button--standard.button--primary.button--disabled:active {\n    background-color: var(--nile-colors-button-primary-disabled);\n    border-color: var(--nile-colors-button-primary-disabled);\n    color: var(--nile-colors-button-primary-disabled-text);\n    cursor: not-allowed;\n  }\n\n  /* Tertiary */\n  .button--standard.button--tertiary {\n    background-color: var(--nile-colors-button-tertiary);\n    border-color: var(--nile-colors-button-tertiary-border);\n    color: var(--nile-colors-button-tertiary-text);\n  }\n\n  .button--standard.button--tertiary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-button-tertiary-hover);\n    border-color: var(--nile-colors-neutral-500);\n    color: var(--nile-colors-button-tertiary-text);\n  }\n\n  .button--standard.button--tertiary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-button-tertiary-pressed);\n    border-color: var(--nile-colors-button-tertiary-pressed-border);\n    color: var(--nile-colors-button-tertiary-text);\n  }\n\n  .button--standard.button--tertiary.button--disabled,\n  .button--standard.button--tertiary.button--disabled:hover,\n  .button--standard.button--tertiary.button--disabled:active {\n    border-color: var(--nile-colors-neutral-500);\n    background-color: var(--nile-colors-button-tertiary-disabled);\n    color: var(--nile-colors-button-tertiary-disabled-text);\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  /* ghost  */\n  .button--standard.button--ghost{\n    background-color: var(--nile-colors-button-tertiary);\n    border-color: transparent;\n    color: var(--nile-colors-button-tertiary-text);\n  }\n\n  .button--standard.button--ghost:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-button-tertiary-hover);\n    border-color: transparent;\n    color: var(--nile-colors-button-tertiary-text);\n  }\n\n  .button--standard.button--ghost:active:not(.button--disabled) {\n    background-color: var(--nile-colors-button-tertiary-pressed);\n    border-color:transparent;\n    color: var(--nile-colors-button-tertiary-text);\n  }\n\n  .button--standard.button--ghost.button--disabled,\n  .button--standard.button--ghost.button--disabled:hover,\n  .button--standard.button--ghost.button--disabled:active {\n    border-color:transparent;\n    background-color: var(--nile-colors-button-tertiary-disabled);\n    color: var(--nile-colors-button-tertiary-disabled-text);\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  /* caution */\n  .button--standard.button--caution {\n    background-color: var(--nile-colors-button-caution);\n    border-color: var(--nile-colors-button-caution);\n    color: var(--nile-colors-button-caution-text);\n  }\n\n  .button--standard.button--caution:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-button-caution-hover);\n    border-color: var(--nile-colors-button-caution-hover);\n    color: var(--nile-colors-button-caution-text);\n  }\n\n  .button--standard.button--caution:active:not(.button--disabled) {\n    background-color: var(--nile-colors-button-caution-pressed);\n    border-color: var(--nile-colors-button-caution-pressed-border);\n    color: var(--nile-colors-button-caution-text);\n  }\n\n  .button--standard.button--caution.button--disabled,\n  .button--standard.button--caution.button--disabled:hover,\n  .button--standard.button--caution.button--disabled:active {\n    background-color: var(--nile-colors-button-caution-disabled);\n    border-color: var(--nile-colors-button-caution-disabled);\n    color: var(--nile-colors-button-caution-disabled-text);\n  }\n\n\n        /* Primary Variant - Nile Icon Fill */\n        .button--standard.button--primary ::slotted(nile-icon) {\n        --nile-svg-fill: var(--nile-colors-button-primary-text) !important;\n      }\n      .button--standard.button--primary:hover:not(.button--disabled) ::slotted(nile-icon),\n      .button--standard.button--primary:active:not(.button--disabled) ::slotted(nile-icon) {\n        --nile-svg-fill: var(--nile-colors-button-primary-text) !important;\n      }\n      .button--standard.button--primary.button--disabled ::slotted(nile-icon) {\n        --nile-svg-fill: var(--nile-colors-button-primary-disabled-text) !important;\n      }\n\n      /* Secondary Variant */\n      .button--standard.button--secondary ::slotted(nile-icon) {\n        --nile-svg-fill: var(--nile-colors-button-secondary-text) !important;\n      }\n      .button--standard.button--secondary:hover:not(.button--disabled) ::slotted(nile-icon),\n      .button--standard.button--secondary:active:not(.button--disabled) ::slotted(nile-icon) {\n        --nile-svg-fill: var(--nile-colors-button-secondary-text) !important;\n      }\n      .button--standard.button--secondary.button--disabled ::slotted(nile-icon) {\n        --nile-svg-fill: var(--nile-colors-button-secondary-disabled-text) !important;\n      }\n\n      /* Tertiary Variant */\n      .button--standard.button--tertiary ::slotted(nile-icon) {\n        --nile-svg-fill: var(--nile-colors-button-tertiary-text) !important;\n      }\n      .button--standard.button--tertiary:hover:not(.button--disabled) ::slotted(nile-icon),\n      .button--standard.button--tertiary:active:not(.button--disabled) ::slotted(nile-icon) {\n        --nile-svg-fill: var(--nile-colors-button-tertiary-text) !important;\n      }\n      .button--standard.button--tertiary.button--disabled ::slotted(nile-icon) {\n        --nile-svg-fill: var(--nile-colors-button-tertiary-disabled-text) !important;\n      }\n\n        /* Ghost Variant */\n      .button--standard.button--ghost ::slotted(nile-icon) {\n        --nile-svg-fill: var(--nile-colors-button-tertiary-text) !important;\n      }\n      .button--standard.button--ghost:hover:not(.button--disabled) ::slotted(nile-icon),\n      .button--standard.button--ghost:active:not(.button--disabled) ::slotted(nile-icon) {\n        --nile-svg-fill: var(--nile-colors-button-tertiary-text) !important;\n      }\n      .button--standard.button--ghost ::slotted(nile-icon) {\n        --nile-svg-fill: var(--nile-colors-button-tertiary-disabled-text) !important;\n      }\n\n      /* Caution Variant */\n      .button--standard.button--caution ::slotted(nile-icon) {\n        --nile-svg-fill: var(--nile-colors-button-caution-text) !important;\n      }\n      .button--standard.button--caution:hover:not(.button--disabled) ::slotted(nile-icon),\n      .button--standard.button--caution:active:not(.button--disabled) ::slotted(nile-icon) {\n        --nile-svg-fill: var(--nile-colors-button-caution-text) !important;\n      }\n      .button--standard.button--caution.button--disabled ::slotted(nile-icon) {\n        --nile-svg-fill: var(--nile-colors-button-caution-disabled-text) !important;\n      }\n\n    /*\n   * Outline buttons\n   */\n\n  .button--outline {\n    background: none;\n    border: solid 2px;\n  }\n\n  /* Default */\n  .button--outline.button--secondary {\n    border-color: var(--nile-colors-neutral-300);\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .button--outline.button--secondary:hover:not(.button--disabled),\n  .button--outline.button--secondary.button--checked:not(.button--disabled) {\n    border-color: var(--nile-colors-primary-600);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--secondary:active:not(.button--disabled) {\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* Primary */\n  .button--outline.button--primary {\n    border-color: var(--nile-colors-primary-600);\n    color: var(--nile-colors-primary-600);\n  }\n\n  .button--outline.button--primary:hover:not(.button--disabled),\n  .button--outline.button--primary.button--checked:not(.button--disabled) {\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--primary:active:not(.button--disabled) {\n    border-color: var(--nile-colors-primary-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* Success */\n  .button--outline.button--success {\n    border-color: var(--nile-colors-green-600);\n    color: var(--nile-colors-green-600);\n  }\n\n  .button--outline.button--success:hover:not(.button--disabled),\n  .button--outline.button--success.button--checked:not(.button--disabled) {\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--success:active:not(.button--disabled) {\n    border-color: var(--nile-colors-green-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* Neutral */\n  .button--outline.button--neutral {\n    border-color: var(--nile-colors-neutral-600);\n    color: var(--nile-colors-neutral-600);\n  }\n\n  .button--outline.button--neutral:hover:not(.button--disabled),\n  .button--outline.button--neutral.button--checked:not(.button--disabled) {\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--neutral:active:not(.button--disabled) {\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* Warning */\n  .button--outline.button--warning {\n    border-color: var(--nile-colors-orange-600);\n    color: var(--nile-colors-orange-600);\n  }\n\n  .button--outline.button--warning:hover:not(.button--disabled),\n  .button--outline.button--warning.button--checked:not(.button--disabled) {\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--warning:active:not(.button--disabled) {\n    border-color: var(--nile-colors-orange-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* Danger */\n  .button--outline.button--danger {\n    border-color: var(--nile-colors-red-600);\n    color: var(--nile-colors-red-600);\n  }\n\n  .button--outline.button--danger:hover:not(.button--disabled),\n  .button--outline.button--danger.button--checked:not(.button--disabled) {\n    background-color: var(--nile-colors-red-600);\n    color: var(--nile-colors-white-base);\n  }\n\n .button--outline.button--danger:active:not(.button--disabled) {\n    border-color: var(--nile-colors-red-700);\n    background-color: var(--nile-colors-red-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  @media (forced-colors: active) {\n    .button.button--outline.button--checked:not(.button--disabled) {\n      outline: solid 2px transparent;\n    }\n  }\n\n  /*\n * Pill modifier\n */\n\n  .button--pill.button--small {\n    border-radius: 24px;\n  }\n\n  .button--pill.button--medium {\n    border-radius: 32px;\n  }\n\n  /*\n * Circle modifier\n */\n\n  .button--circle {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .button--circle.button--small {\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n  }\n\n  .button--circle.button--medium {\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n  }\n\n  .button--circle .button__prefix,\n  .button--circle .button__suffix,\n  .button--circle .button__caret {\n    display: none;\n  }\n\n  /* Caret modifier */\n\n  .button--caret .button__suffix {\n    display: none;\n  }\n\n  .button--caret .button__caret {\n    height: auto;\n  }\n\n  /*\n * Loading modifier\n */\n\n  .button--loading {\n    position: relative;\n    cursor: wait;\n  }\n\n  .button--loading .button__prefix,\n  .button--loading .button__label,\n  .button--loading .button__suffix,\n  .button--loading .button__caret {\n    visibility: hidden;\n  }\n\n  .button--loading nile-spinner {\n    --indicator-color: currentColor;\n    position: absolute;\n    font-size: 1em;\n    height: 1em;\n    width: 1em;\n    top: calc(50% - 0.5em);\n    left: calc(50% - 0.5em);\n  }\n  /*\n * Badges\n */\n\n  .button ::slotted(nile-badge) {\n    position: absolute;\n    top: 0;\n    right: 0;\n    translate: 50% -50%;\n    pointer-events: none;\n  }\n\n`;\n"]}

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

@@ -1,133 +0,0 @@
-import '../nile-icon';
-import type { CSSResultGroup, TemplateResult } from 'lit';
-import type { NileFormControl } from '../internal/nile-element';
-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.
- */
-export declare class NileButton extends NileElement implements NileFormControl {
-    static styles: CSSResultGroup;
-    private readonly formControlController;
-    private readonly hasSlotController;
-    button: HTMLButtonElement | HTMLLinkElement;
-    private hasFocus;
-    invalid: boolean;
-    title: string;
-    /** The button's theme variant. */
-    variant: 'primary' | 'secondary' | 'tertiary' | 'caution' | 'ghost';
-    /** The button's size. */
-    size: 'medium';
-    /** Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior. */
-    caret: boolean;
-    /** Disables the button. */
-    disabled: boolean;
-    /** Draws the button in a loading state. */
-    loading: boolean;
-    /** Draws an outlined button. */
-    outline: boolean;
-    /** Draws a pill-style button with rounded edges. */
-    pill: boolean;
-    /**
-     * Draws a circular icon button. When this attribute is present, the button expects a single `<nile-icon>` in the
-     * default slot.
-     */
-    circle: boolean;
-    /**
-     * 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.
-     */
-    type: 'button' | 'submit' | 'reset';
-    /**
-     * 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.
-     */
-    name: string;
-    /**
-     * 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.
-     */
-    value: string;
-    /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */
-    href: string;
-    /** Tells the browser where to open the link. Only used when `href` is present. */
-    target: '_blank' | '_parent' | '_self' | '_top';
-    /**
-     * 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.
-     */
-    rel: string;
-    /** Tells the browser to download the linked file as this filename. Only used when `href` is present. */
-    download?: string;
-    /**
-     * The "form owner" to associate the button with. If omitted, the closest containing form will be used instead. The
-     * value of this attribute must be an id of a form in the same document or shadow root as the button.
-     */
-    form: string;
-    /** Used to override the form owner's `action` attribute. */
-    formAction: string;
-    /** Used to override the form owner's `enctype` attribute.  */
-    formEnctype: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain';
-    /** Used to override the form owner's `method` attribute.  */
-    formMethod: 'post' | 'get';
-    /** Used to override the form owner's `novalidate` attribute. */
-    formNoValidate: boolean;
-    /** Used to override the form owner's `target` attribute. */
-    formTarget: '_self' | '_blank' | '_parent' | '_top' | string;
-    /** Gets the validity state object */
-    get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    private handleBlur;
-    private handleFocus;
-    private handleClick;
-    private handleHostClick;
-    private handleInvalid;
-    private isButton;
-    private isLink;
-    handleDisabledChange(): void;
-    /** Simulates a click on the button. */
-    click(): void;
-    /** Sets focus on the button. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the button. */
-    blur(): void;
-    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-    checkValidity(): boolean;
-    /** Gets the associated form, if one exists. */
-    getForm(): HTMLFormElement | null;
-    /** Checks for validity and shows the browser's validation message if the control is invalid. */
-    reportValidity(): boolean;
-    /** Sets a custom validation message. Pass an empty string to restore validity. */
-    setCustomValidity(message: string): void;
-    render(): TemplateResult;
-}
-export default NileButton;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-button': NileButton;
-    }
-}