@aquera/nile-elements 0.0.1-beta.2 → 0.0.1-beta.4

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

@@ -1,419 +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';
-/**
- * Input CSS
- */
-export const styles = css `
-  :host {
-    display: block;
-  }
-
-  .form-control .form-control__label {
-    display: none;
-  }
-
-  .form-control .form-control__help-text {
-    display: none;
-  }
-
-  /* Label */
-  .form-control--has-label .form-control__label {
-    display: inline-block;
-    color: inherit;
-    margin-bottom: 0.125rem;
-  }
-
-  .form-control--has-label.form-control--small .form-control__label {
-    font-size: 0.875rem;
-  }
-
-  .form-control--has-label.form-control--medium .form-control__label {
-    font-size: 1rem;
-  }
-
-  .form-control--has-label.form-control--large .form-control__label {
-    font-size: 1.25rem;
-  }
-
-  :host([required]) .form-control--has-label .form-control__label::after {
-    content: '*';
-    margin-inline-start: -2px;
-    color: undefined;
-  }
-
-  /* Help text */
-  .form-control--has-help-text .form-control__help-text {
-    display: block;
-    color: hsl(240 3.8% 46.1%);
-    margin-top: 0.125rem;
-  }
-
-  .form-control--has-help-text.form-control--small .form-control__help-text {
-    font-size: 0.75rem;
-  }
-
-  .form-control--has-help-text.form-control--medium .form-control__help-text {
-    font-size: 0.875rem;
-  }
-
-  .form-control--has-help-text.form-control--large .form-control__help-text {
-    font-size: 1rem;
-  }
-
-  .form-control--has-help-text.form-control--radio-group
-    .form-control__help-text {
-    margin-top: 0.25rem;
-  }
-
-  .input {
-    flex: 1 1 auto;
-    display: inline-flex;
-    align-items: stretch;
-    justify-content: start;
-    position: relative;
-    width: 100%;
-    font-family: inherit;
-    font-weight: 400;
-    letter-spacing: normal;
-    vertical-align: middle;
-    overflow: hidden;
-    cursor: text;
-    transition: 150ms color, 150ms border, 150ms box-shadow,
-      150ms background-color;
-  }
-
-  /* Standard inputs */
-  .input--standard {
-    background-color: hsl(0, 0%, 100%);
-    border: solid 1px #c7ced4;
-  }
-
-  .input--standard:hover:not(.input--disabled) {
-    background-color: hsl(0, 0%, 100%);
-    border-color: #000000;
-  }
-
-  .input--standard.input--focused:not(.input--disabled) {
-    background-color: hsl(0, 0%, 100%);
-    border-color: #005ea6;
-    box-shadow: 0 0 0 3px hsl(198.6 88.7% 48.4% / 40%);
-  }
-
-  .input--standard.input--focused:not(.input--disabled) .input__control {
-    color: hsl(240 5.3% 26.1%);
-  }
-
-  .input--standard.input--disabled {
-    background-color: hsl(240 4.8% 95.9%);
-    border-color: hsl(240 4.9% 83.9%);
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .input--standard.input--disabled .input__control {
-    color: hsl(240 5.9% 10%);
-  }
-
-  .input--standard.input--disabled .input__control::placeholder {
-    color: hsl(240 5.2% 33.9%);
-  }
-
-  .input--standard.input--warning {
-    border-color: #E5BF43;
-  }
-
-  .input--standard.input--error {
-    border-color: #E5434D;
-  }
-
-  .input--standard.input--success {
-    border-color: #43E5C0;
-  }
-
-  /* Filled inputs */
-  .input--filled {
-    border: none;
-    background-color: hsl(240 4.8% 95.9%);
-    color: hsl(240 5.3% 26.1%);
-  }
-
-  .input--filled:hover:not(.input--disabled) {
-    background-color: hsl(240 4.8% 95.9%);
-  }
-
-  .input--filled.input--focused:not(.input--disabled) {
-    background-color: hsl(240 4.8% 95.9%);
-    outline: solid 3px hsl(200.4 98% 39.4%);
-    outline-offset: 1px;
-  }
-
-  .input--filled.input--disabled {
-    background-color: hsl(240 4.8% 95.9%);
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .input__control {
-    flex: 1 1 auto;
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: inherit;
-    min-width: 0;
-    height: 100%;
-    color: hsl(240 5.3% 26.1%);
-    border: none;
-    background: none;
-    box-shadow: none;
-    padding: 0;
-    margin: 0;
-    cursor: inherit;
-    -webkit-appearance: none;
-  }
-
-  .input__control::-webkit-search-decoration,
-  .input__control::-webkit-search-cancel-button,
-  .input__control::-webkit-search-results-button,
-  .input__control::-webkit-search-results-decoration {
-    -webkit-appearance: none;
-  }
-
-  .input__control:-webkit-autofill {
-    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;
-    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);
-    caret-color: hsl(240 5.3% 26.1%);
-  }
-
-  .input__control:-webkit-autofill:hover {
-    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;
-    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);
-    caret-color: hsl(240 5.3% 26.1%);
-  }
-
-  .input__control:-webkit-autofill:focus {
-    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;
-    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);
-    caret-color: hsl(240 5.3% 26.1%);
-  }
-
-  .input__control:-webkit-autofill:active {
-    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;
-    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);
-    caret-color: hsl(240 5.3% 26.1%);
-  }
-
-  .input--filled .input__control:-webkit-autofill {
-    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;
-  }
-
-  .input--filled .input__control:-webkit-autofill:hover {
-    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;
-  }
-
-  .input--filled .input__control:-webkit-autofill:focus {
-    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;
-  }
-
-  .input--filled .input__control:-webkit-autofill:active {
-    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;
-  }
-
-  .input__control::placeholder {
-    color: hsl(240 3.8% 46.1%);
-    user-select: none;
-  }
-
-  .input:hover:not(.input--disabled) .input__control {
-    color: hsl(240 5.3% 26.1%);
-  }
-
-  .input__control:focus {
-    outline: none;
-  }
-
-  .input__prefix,
-  .input__suffix {
-    display: inline-flex;
-    flex: 0 0 auto;
-    align-items: center;
-    cursor: default;
-  }
-
-  .input__prefix::slotted(nile-icon) {
-    color: hsl(240 3.8% 46.1%);
-  }
-
-  .input__suffix::slotted(nile-icon) {
-    color: hsl(240 3.8% 46.1%);
-  }
-
-  /*
-   * Size modifiers
-   */
-
-  .input--small {
-    border-radius: 0.25rem;
-    font-size: 0.875rem;
-    height: 1.875rem;
-  }
-
-  .input--small .input__control {
-    height: calc(1.875rem - 1px * 2);
-    padding: 0 0.75rem;
-  }
-
-  .input--small .input__clear {
-    width: calc(1em + 0.75rem * 2);
-  }
-
-  .input--small .input__password-toggle {
-    width: calc(1em + 0.75rem * 2);
-  }
-
-  .input--small .input__prefix::slotted(*) {
-    margin-inline-start: 0.75rem;
-  }
-
-  .input--small .input__suffix::slotted(*) {
-    margin-inline-end: 0.75rem;
-  }
-
-  .input--medium {
-    border-radius: 0.25rem;
-    font-size: 1rem;
-    height: 38px;
-  }
-
-  .input--medium .input__control {
-    height: calc(42px - 1px * 2);
-    padding: 0 1rem;
-  }
-
-  .input--medium .input__clear {
-    width: calc(1em + 1rem * 2);
-  }
-
-  .input--medium .input__password-toggle {
-    width: calc(1em + 1rem * 2);
-  }
-
-  .input--medium .input__prefix::slotted(*) {
-    margin-inline-start: 1rem;
-  }
-
-  .input--medium .input__suffix::slotted(*) {
-    margin-inline-end: 1rem;
-  }
-
-  .input--large {
-    border-radius: 0.25rem;
-    font-size: 1.25rem;
-    height: 3.125rem;
-  }
-
-  .input--large .input__control {
-    height: calc(3.125rem - 1px * 2);
-    padding: 0 1.25rem;
-  }
-
-  .input--large .input__clear {
-    width: calc(1em + 1.25rem * 2);
-  }
-
-  .input--large .input__password-toggle {
-    width: calc(1em + 1.25rem * 2);
-  }
-
-  .input--large .input__prefix::slotted(*) {
-    margin-inline-start: 1.25rem;
-  }
-
-  .input--large .input__suffix::slotted(*) {
-    margin-inline-end: 1.25rem;
-  }
-
-  /*
-   * Pill modifier
-   */
-
-  .input--pill.input--small {
-    border-radius: 1.875rem;
-  }
-
-  .input--pill.input--medium {
-    border-radius: 2.5rem;
-  }
-
-  .input--pill.input--large {
-    border-radius: 3.125rem;
-  }
-
-  /*
-   * Clearable + Password Toggle
-   */
-
-  .input__clear {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    font-size: inherit;
-    color: hsl(240 3.8% 46.1%);
-    border: none;
-    background: none;
-    padding: 0;
-    transition: 150ms color;
-    cursor: pointer;
-  }
-
-  .input__password-toggle {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    font-size: inherit;
-    color: hsl(240 3.8% 46.1%);
-    border: none;
-    background: none;
-    padding: 0;
-    transition: 150ms color;
-    cursor: pointer;
-  }
-
-  .input__clear:hover {
-    color: hsl(240 5.2% 33.9%);
-  }
-
-  .input__password-toggle:hover {
-    color: hsl(240 5.2% 33.9%);
-  }
-
-  .input__clear:focus,
-  .input__password-toggle:focus {
-    outline: none;
-  }
-
-  .input--empty .input__clear {
-    visibility: hidden;
-  }
-
-  /* Don't show the browser's password toggle in Edge */
-  ::-ms-reveal {
-    display: none;
-  }
-
-  /* Hide the built-in number spinner */
-  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,
-  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    display: none;
-  }
-
-  .input--no-spin-buttons input[type='number'] {
-    -moz-appearance: textfield;
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-input.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-input.css.js","sourceRoot":"","sources":["../../../src/nile-input/nile-input.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsZxB,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 * Input CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 0.125rem;\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 1rem;\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    font-size: 1.25rem;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-family: inherit;\n    font-weight: 400;\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n  }\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: hsl(0, 0%, 100%);\n    border: solid 1px #c7ced4;\n  }\n\n  .input--standard:hover:not(.input--disabled) {\n    background-color: hsl(0, 0%, 100%);\n    border-color: #000000;\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: hsl(0, 0%, 100%);\n    border-color: #005ea6;\n    box-shadow: 0 0 0 3px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--standard.input--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color: hsl(240 5.9% 10%);\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input--standard.input--warning {\n    border-color: #E5BF43;\n  }\n\n  .input--standard.input--error {\n    border-color: #E5434D;\n  }\n\n  .input--standard.input--success {\n    border-color: #43E5C0;\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: hsl(240 4.8% 95.9%);\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: hsl(240 4.8% 95.9%);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: hsl(240 4.8% 95.9%);\n    outline: solid 3px hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .input--filled.input--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    min-width: 0;\n    height: 100%;\n    color: hsl(240 5.3% 26.1%);\n    border: none;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    margin: 0;\n    cursor: inherit;\n    -webkit-appearance: none;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: hsl(240 3.8% 46.1%);\n    user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix::slotted(nile-icon) {\n    color: hsl(240 3.8% 46.1%);\n  }\n\n  .input__suffix::slotted(nile-icon) {\n    color: hsl(240 3.8% 46.1%);\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: 0.25rem;\n    font-size: 0.875rem;\n    height: 1.875rem;\n  }\n\n  .input--small .input__control {\n    height: calc(1.875rem - 1px * 2);\n    padding: 0 0.75rem;\n  }\n\n  .input--small .input__clear {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__password-toggle {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__prefix::slotted(*) {\n    margin-inline-start: 0.75rem;\n  }\n\n  .input--small .input__suffix::slotted(*) {\n    margin-inline-end: 0.75rem;\n  }\n\n  .input--medium {\n    border-radius: 0.25rem;\n    font-size: 1rem;\n    height: 38px;\n  }\n\n  .input--medium .input__control {\n    height: calc(42px - 1px * 2);\n    padding: 0 1rem;\n  }\n\n  .input--medium .input__clear {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__password-toggle {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__prefix::slotted(*) {\n    margin-inline-start: 1rem;\n  }\n\n  .input--medium .input__suffix::slotted(*) {\n    margin-inline-end: 1rem;\n  }\n\n  .input--large {\n    border-radius: 0.25rem;\n    font-size: 1.25rem;\n    height: 3.125rem;\n  }\n\n  .input--large .input__control {\n    height: calc(3.125rem - 1px * 2);\n    padding: 0 1.25rem;\n  }\n\n  .input--large .input__clear {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__password-toggle {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__prefix::slotted(*) {\n    margin-inline-start: 1.25rem;\n  }\n\n  .input--large .input__suffix::slotted(*) {\n    margin-inline-end: 1.25rem;\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius: 1.875rem;\n  }\n\n  .input--pill.input--medium {\n    border-radius: 2.5rem;\n  }\n\n  .input--pill.input--large {\n    border-radius: 3.125rem;\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: hsl(240 3.8% 46.1%);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: hsl(240 3.8% 46.1%);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input__password-toggle:hover {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  .input--empty .input__clear {\n    visibility: hidden;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n`;\n\nexport default [styles];\n"]}

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

@@ -1,41 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * An nile-menu element.
- *
- * @fires count-changed - Indicates when the count changes
- * @slot - This element has a slot
- * @csspart button - The button
- */
-export declare class NileMenu extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Button Lab
-     */
-    name: string;
-    /**
-     * Button Lab
-     */
-    icon: string;
-    /**
-     * Button Lab
-     */
-    isActive: boolean;
-    /**
-     * Displays shorter version
-     */
-    short: boolean;
-    get buttonClassMap(): {
-        'nds-menu--active': boolean;
-        'nds-menu--short': boolean;
-    };
-    /**
-     * Button Lab
-     */
-    href: string;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-menu': NileMenu;
-    }
-}

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

@@ -1,120 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-/**
- * An nile-menu element.
- *
- * @fires count-changed - Indicates when the count changes
- * @slot - This element has a slot
- * @csspart button - The button
- */
-let NileMenu = class NileMenu extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Button Lab
-         */
-        this.name = 'Heading 1';
-        /**
-         * Button Lab
-         */
-        this.icon = "";
-        /**
-         * Button Lab
-         */
-        this.isActive = false;
-        /**
-         * Displays shorter version
-         */
-        this.short = false;
-        /**
-         * Button Lab
-         */
-        this.href = "/";
-    }
-    get buttonClassMap() {
-        return {
-            'nds-menu--active': this.isActive,
-            'nds-menu--short': this.short
-        };
-    }
-    render() {
-        const { name, icon, href } = this;
-        const hrefPath = `/${href}`;
-        return html `
-      <a class="nds-menu ${classMap(this.buttonClassMap)}">
-        <span class="nds-menu__icon">
-          <nile-icon name="${this.icon}" size="14" color="#000"></nile-icon>
-        </span>
-        <span class="nds-menu__link">${this.name}</span>
-      </a>
-    `;
-    }
-};
-NileMenu.styles = css `
-    :host {
-      display: block;
-      width: 100%;
-    }
-    .nds-menu {
-      display: flex;
-      padding: 6px 6px;
-      border-radius: 4px;
-      cursor: pointer;
-      margin-bottom: 12px;
-      align-items: center;
-      text-decoration: none;
-    }
-
-    .nds-menu:hover {
-      background: rgba(0, 94, 166, 0.1);
-    }
-    .nds-menu__link {
-      font-family: var(--nile-font-family-sans-serif);
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      line-height: 14px;
-      letter-spacing: 0.2px;
-      color: #131415;
-      text-decoration: none;
-      margin-left: 12px;
-    }
-    .nds-menu--active {
-      background: rgba(0, 94, 166, 0.1);
-    }
-
-    .nds-menu__icon {
-      margin-bottom: 0;
-      height: 14px;
-    }
-
-    .nds-menu--short {
-      width: auto;
-      /* min-width: 30px; */
-    }
-    .nds-menu--short > .nds-menu__link {
-      display:none;
-    }
-  `;
-__decorate([
-    property()
-], NileMenu.prototype, "name", void 0);
-__decorate([
-    property()
-], NileMenu.prototype, "icon", void 0);
-__decorate([
-    property()
-], NileMenu.prototype, "isActive", void 0);
-__decorate([
-    property()
-], NileMenu.prototype, "short", void 0);
-__decorate([
-    property()
-], NileMenu.prototype, "href", void 0);
-NileMenu = __decorate([
-    customElement('nile-menu')
-], NileMenu);
-export { NileMenu };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-menu/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD;;;;;;GAMG;AAEH,IAAa,QAAQ,GAArB,MAAa,QAAS,SAAQ,UAAU;IAAxC;;QAgDE;;WAEG;QAEH,SAAI,GAAG,WAAW,CAAC;QAEnB;;WAEG;QAEH,SAAI,GAAW,EAAE,CAAC;QAElB;;WAEG;QAEH,aAAQ,GAAY,KAAK,CAAC;QAE1B;;WAEG;QAEH,UAAK,GAAY,KAAK,CAAC;QAUvB;;WAEG;QAEH,SAAI,GAAG,GAAG,CAAC;IAcb,CAAC;IAzBC,IAAI,cAAc;QAChB,OAAO;YACL,kBAAkB,EAAE,IAAI,CAAC,QAAQ;YACjC,iBAAiB,EAAE,IAAI,CAAC,KAAK;SAC9B,CAAC;IACJ,CAAC;IAQQ,MAAM;QACb,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QAClC,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAA;2BACY,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC;;6BAE3B,IAAI,CAAC,IAAI;;uCAEC,IAAI,CAAC,IAAI;;KAE3C,CAAC;IACJ,CAAC;CACF,CAAA;AAjGiB,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6C1B,CAAA;AAMF;IADC,QAAQ,EAAE;sCACQ;AAMnB;IADC,QAAQ,EAAE;sCACO;AAMlB;IADC,QAAQ,EAAE;0CACe;AAM1B;IADC,QAAQ,EAAE;uCACY;AAcvB;IADC,QAAQ,EAAE;sCACA;AApFA,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAkGpB;SAlGY,QAAQ","sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n/**\n * An nile-menu element.\n *\n * @fires count-changed - Indicates when the count changes\n * @slot - This element has a slot\n * @csspart button - The button\n */\n@customElement('nile-menu')\nexport class NileMenu extends LitElement {\n  static override styles = css`\n    :host {\n      display: block;\n      width: 100%;\n    }\n    .nds-menu {\n      display: flex;\n      padding: 6px 6px;\n      border-radius: 4px;\n      cursor: pointer;\n      margin-bottom: 12px;\n      align-items: center;\n      text-decoration: none;\n    }\n\n    .nds-menu:hover {\n      background: rgba(0, 94, 166, 0.1);\n    }\n    .nds-menu__link {\n      font-family: var(--nile-font-family-sans-serif);\n      font-style: normal;\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 14px;\n      letter-spacing: 0.2px;\n      color: #131415;\n      text-decoration: none;\n      margin-left: 12px;\n    }\n    .nds-menu--active {\n      background: rgba(0, 94, 166, 0.1);\n    }\n\n    .nds-menu__icon {\n      margin-bottom: 0;\n      height: 14px;\n    }\n\n    .nds-menu--short {\n      width: auto;\n      /* min-width: 30px; */\n    }\n    .nds-menu--short > .nds-menu__link {\n      display:none;\n    }\n  `;\n\n  /**\n   * Button Lab\n   */\n  @property()\n  name = 'Heading 1';\n\n  /**\n   * Button Lab\n   */\n  @property()\n  icon: string = \"\";\n\n  /**\n   * Button Lab\n   */\n  @property()\n  isActive: boolean = false;\n\n  /**\n   * Displays shorter version\n   */\n  @property()\n  short: boolean = false;\n\n\n  get buttonClassMap() {\n    return {\n      'nds-menu--active': this.isActive,\n      'nds-menu--short': this.short\n    };\n  }\n\n  /**\n   * Button Lab\n   */\n  @property()\n  href = \"/\";\n\n  override render() {\n    const { name, icon, href } = this;\n    const hrefPath = `/${href}`;\n    return html`\n      <a class=\"nds-menu ${classMap(this.buttonClassMap)}\">\n        <span class=\"nds-menu__icon\">\n          <nile-icon name=\"${this.icon}\" size=\"14\" color=\"#000\"></nile-icon>\n        </span>\n        <span class=\"nds-menu__link\">${this.name}</span>\n      </a>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-menu': NileMenu;\n  }\n}\n"]}

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

@@ -1,52 +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';
-/**
- * Popup CSS
- */
-export const styles = css `
-
-:host {
-    --arrow-color: var(--sl-color-neutral-1000);
-    --arrow-size: 6px;
-
-    /*
-     * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant
-     * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.
-     */
-    --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);
-    --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));
-
-    display: contents;
-  }
-
-  .popup {
-    position: absolute;
-    isolation: isolate;
-    max-width: var(--auto-size-available-width, none);
-    max-height: var(--auto-size-available-height, none);
-  }
-
-  .popup--fixed {
-    position: fixed;
-  }
-
-  .popup:not(.popup--active) {
-    display: none;
-  }
-
-  .popup__arrow {
-    position: absolute;
-    width: calc(var(--arrow-size-diagonal) * 2);
-    height: calc(var(--arrow-size-diagonal) * 2);
-    rotate: 45deg;
-    background: var(--arrow-color);
-    z-index: -1;
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-popup.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-popup.css.js","sourceRoot":"","sources":["../../../src/nile-popup/nile-popup.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCxB,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 * Popup CSS\n */\nexport const styles = css`\n\n:host {\n    --arrow-color: var(--sl-color-neutral-1000);\n    --arrow-size: 6px;\n\n    /*\n     * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant\n     * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.\n     */\n    --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);\n    --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));\n\n    display: contents;\n  }\n\n  .popup {\n    position: absolute;\n    isolation: isolate;\n    max-width: var(--auto-size-available-width, none);\n    max-height: var(--auto-size-available-height, none);\n  }\n\n  .popup--fixed {\n    position: fixed;\n  }\n\n  .popup:not(.popup--active) {\n    display: none;\n  }\n\n  .popup__arrow {\n    position: absolute;\n    width: calc(var(--arrow-size-diagonal) * 2);\n    height: calc(var(--arrow-size-diagonal) * 2);\n    rotate: 45deg;\n    background: var(--arrow-color);\n    z-index: -1;\n  }\n`;\n\nexport default [styles];\n"]}