npm - @aquera/nile-elements - Versions diffs - 0.1.46-beta-1.8 → 0.1.46-beta-2.0 - Mend

@aquera/nile-elements 0.1.46-beta-1.8 → 0.1.46-beta-2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2070) hide show

package/dist/src/nile-badge/nile-badge.css.js CHANGED Viewed

@@ -10,195 +10,166 @@ import { css } from 'lit';
  */
 export const styles = css `
   :host {
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
   .badge {
-    padding: var(--nile-spacing-xxs, var(--ng-spacing-xxs)) var(--nile-spacing-sm, var(--ng-spacing-md));
-    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-sm));
+    padding: 2px 6px;
+    border-radius: 4px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
-    height: var(--nile-height-22px, var(--ng-height-22px));
+    height: 22px;
   }
   .badge__content {
-    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
-    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-family: var(--nile-font-family-serif);
+    font-size: 12px;
     font-style: normal;
-    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
-    line-height: var(--nile-type-scale-5, var(--ng-font-size-text-xs));
+    font-weight: 500;
+    line-height: 18px;
     letter-spacing: 0.2px;
   }
   .badge--primary {
-    background: var(--nile-badge-color-background-primary, var(--ng-componentcolors-utility-brand-50));
-    color: var(--nile-badge-color-font-primary, var(--ng-componentcolors-utility-brand-700));
+    background: var(--nile-badge-color-background-primary);
+    color: var(--nile-badge-color-font-primary);
   }
   .badge--normal {
-    background: var(--nile-badge-color-background-normal, var(--ng-componentcolors-utility-gray-50));
+    background: var(--nile-badge-color-background-normal);
   }
   .badge--info {
-    background: var(--nile-badge-color-background-info, var(--ng-componentcolors-utility-blue-light-50));
+    background: var(--nile-badge-color-background-info);
   }
   /* for v2 */
-    .badge--pill-outline {
-    background: transparent ;
-  }
   .badge--pink {
-    color: var(--nile-badge-color-font-pink, var(--ng-componentcolors-utility-pink-700));
-    border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));
-    border-style: solid;
-    border-color: var(--nile-badge-color-border-color-pink, var(--ng-componentcolors-utility-pink-200));
-    background: var(--nile-badge-color-background-pink, var(--ng-componentcolors-utility-pink-50));
+    color: var(--nile-badge-color-font-pink);
+    border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-pink);
+    background: var(--nile-badge-color-background-pink);
   }
   .badge--orange {
-    color: var(--nile-badge-color-font-orange, var(--ng-componentcolors-utility-orange-700));
-    border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));
-    border-style: solid;
-    border-color: var(--nile-badge-color-border-color-orange, var(--ng-componentcolors-utility-orange-dark-200));
-    background: var(--nile-badge-color-background-orange, var(--ng-componentcolors-utility-orange-dark-50));
+    color: var(--nile-badge-color-font-orange);
+    border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-orange);
+    background: var(--nile-badge-color-background-orange);
   }
   .badge--purple {
-    color: var(--nile-badge-color-font-purple, var(--ng-componentcolors-utility-purple-700));
-    border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));
-    border-style: solid;
-    border-color: var(--nile-badge-color-border-color-purple, var(--ng-componentcolors-utility-purple-200));
-    background: var(--nile-badge-color-background-purple, var(--ng-componentcolors-utility-purple-50));
+    color: var(--nile-badge-color-font-purple);
+    border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-purple);
+    background: var(--nile-badge-color-background-purple);
   }
   .badge--indigo {
-    color: var(--nile-badge-color-font-indigo, var(--ng-componentcolors-utility-indigo-700));
-    border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));
-    border-style: solid;
-    border-color: var(--nile-badge-color-border-color-indigo, var(--ng-componentcolors-utility-indigo-200));
-    background: var(--nile-badge-color-background-indigo, var(--ng-componentcolors-utility-indigo-50));
+    color: var(--nile-badge-color-font-indigo);
+    border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-indigo);
+    background: var(--nile-badge-color-background-indigo);
   }
   .badge--blue {
-    color: var(--nile-badge-color-font-blue, var(--ng-componentcolors-utility-blue-700));
-    border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));
-    border-style: solid;
-    border-color: var(--nile-badge-color-border-color-blue, var(--ng-componentcolors-utility-blue-200));
-    background: var(--nile-badge-color-background-blue, var(--ng-componentcolors-utility-blue-50));
+    color: var(--nile-badge-color-font-blue);
+    border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-blue);
+    background: var(--nile-badge-color-background-blue);
   }
   .badge--blue-light {
-    color:var(--nile-badge-color-font-bluelight, var(--ng-componentcolors-utility-blue-light-700));
-    border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));
-    border-style: solid;
-    border-color: var(--nile-badge-color-border-color-bluelight, var(--ng-componentcolors-utility-blue-light-200));
-    background: var(--nile-badge-color-background-bluelight, var(--ng-componentcolors-utility-blue-light-50));
+    color:var(--nile-badge-color-font-bluelight);
+    border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-bluelight);
+    background: var(--nile-badge-color-background-bluelight);
   }
   .badge--gray-blue {
-    color: var(--nile-badge-color-font-grayblue, var(--ng-componentcolors-utility-gray-blue-700));
-    border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));
-    border-style: solid;
-    border-color: var(--nile-badge-color-border-color-grayblue, var(--ng-componentcolors-utility-gray-blue-200));
-    background: var(--nile-badge-color-background-grayblue, var(--ng-componentcolors-utility-gray-blue-50));
+    color: var(--nile-badge-color-font-grayblue);
+    border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-grablue);
+    background: var(--nile-badge-color-background-grayblue);
   }
   .badge--success {
-    color: var(--nile-badge-color-font-success, var(--ng-componentcolors-utility-success-700));
-    border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));
-    border-style: solid;
-    border-color: var(--nile-badge-color-border-color-success, var(--ng-componentcolors-utility-success-200));
-    background: var(--nile-badge-color-background-success, var(--ng-componentcolors-utility-success-50));
+    color: var(--nile-badge-color-font-success);
+    border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-success);
+    background: var(--nile-badge-color-background-success);
   }
   .badge--warning {
-    color: var(--nile-badge-color-font-warning, var(--ng-componentcolors-utility-warning-700));
-    border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));
-    border-style: solid;
-    border-color: var(--nile-badge-color-border-color-warning, var(--ng-componentcolors-utility-warning-200));
-    background: var(--nile-badge-color-background-warning, var(--ng-componentcolors-utility-warning-50));
+    color: var(--nile-badge-color-font-warning);
+    border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-warning);
+    background: var(--nile-badge-color-background-warning);
   }
   .badge--error {
-    color: var(--nile-badge-color-font-error, var(--ng-componentcolors-utility-error-700));
-    border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));
-    border-style: solid;
-    border-color: var(--nile-badge-color-border-color-error, var(--ng-componentcolors-utility-error-200));
-    background: var(--nile-badge-color-background-error, var(--ng-componentcolors-utility-error-50));
+    color: var(--nile-badge-color-font-error);
+    border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-error);
+    background: var(--nile-badge-color-background-error);
   }
   .badge--brand {
-    color: var(--nile-badge-color-font-brand, var(--ng-componentcolors-utility-brand-700));
-    border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));
-    border-style: solid;
-    border-color: var(--nile-badge-color-border-color-brand, var(--ng-componentcolors-utility-brand-200));
-    background: var(--nile-badge-color-background-brand, var(--ng-componentcolors-utility-brand-50));
+    color: var(--nile-badge-color-font-brand);
+    border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-brand);
+    background: var(--nile-badge-color-background-brand);
   }
   .badge--gray {
-    color: var(--nile-badge-color-font-gray, var(--ng-componentcolors-utility-gray-700));
-    border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));
-    border-style: solid;
-    border-color: var(--nile-badge-color-border-color-gray, var(--ng-componentcolors-utility-gray-200));
-    background: var(--nile-badge-color-background-gray, var(--ng-componentcolors-utility-gray-50));
+    color: var(--nile-badge-color-font-gray);
+    border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-gray);
+    background: var(--nile-badge-color-background-gray);
   }
   .badge--pink.badge--pill-outline {
-    border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-pink, var(--ng-componentcolors-utility-pink-200));
+    border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-pink);
   }
   .badge--orange.badge--pill-outline {
-    border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-orange, var(--ng-componentcolors-utility-orange-dark-200));
+    border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-orange);
   }
   .badge--purple.badge--pill-outline {
-    border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-purple, var(--ng-componentcolors-utility-purple-200));
+    border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-purple);
   }
   .badge--indigo.badge--pill-outline {
-    border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-indigo, var(--ng-componentcolors-utility-indigo-200));
+    border: var(--nile-badge-color-border-width-pill-outline) solid var(var(--nile-badge-color-pill-outline-indigo));
   }
   .badge--blue.badge--pill-outline {
-    border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-blue, var(--ng-componentcolors-utility-blue-200));
+    border: var(--nile-badge-color-border-width-pill-outline) solid var(var(--nile-badge-color-pill-outline-blue));
   }
   .badge--blue-light.badge--pill-outline {
-    border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-bluelight,  var(--ng-componentcolors-utility-blue-light-200));
+    border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-bluelight);
   }
   .badge--gray-blue.badge--pill-outline {
-    border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-gray, var(--ng-componentcolors-utility-gray-blue-200));
+    border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-gray);
   }
   .badge--success.badge--pill-outline {
-    border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-success, var(--ng-componentcolors-utility-success-200));
+    border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-success);
   }
   .badge--warning.badge--pill-outline {
-    border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-warning, var(--ng-componentcolors-utility-warning-200));
+    border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-warning);
   }
   .badge--error.badge--pill-outline {
-    border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-error, var(--ng-componentcolors-utility-error-200));
+    border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-error);
   }
   .badge--brand.badge--pill-outline {
-    border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-brand, var(--ng-componentcolors-utility-brand-200));
+    border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-brand);
   }
   .badge--gray.badge--pill-outline {
-    border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-gray, var(--ng-componentcolors-utility-gray-200));
+    border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-gray);
   }
+  .badge--pill-outline {
+    background: transparent;
+  }
   .badge--rounded {
-    padding: var(--nile-spacing-xxs, var(--ng-spacing-xxs)) var(--nile-spacing-md, var(--ng-spacing-md));
-    border-radius: var(--nile-radius-full, var(--ng-radius-full));
+    padding: 2px 8px;
+    border-radius: 100px;
   }
 `;
 export default [styles];

package/dist/src/nile-badge/nile-badge.css.js.map CHANGED Viewed

	@@ -1 +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,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgMxB,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';\n\n/\n Tag CSS\n /\nexport const styles = css`\n :host {\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .badge {\n padding: var(--nile-spacing-xxs, var(--ng-spacing-xxs)) var(--nile-spacing-sm, var(--ng-spacing-md));\n border-radius: var(--nile-radius-radius-xs, var(--ng-radius-sm));\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n height: var(--nile-height-22px, var(--ng-height-22px));\n }\n\n .badge__content {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n font-style: normal;\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n line-height: var(--nile-type-scale-5, var(--ng-font-size-text-xs));\n letter-spacing: 0.2px;\n }\n\n .badge--primary {\n background: var(--nile-badge-color-background-primary, var(--ng-componentcolors-utility-brand-50));\n color: var(--nile-badge-color-font-primary, var(--ng-componentcolors-utility-brand-700));\n }\n\n .badge--normal {\n background: var(--nile-badge-color-background-normal, var(--ng-componentcolors-utility-gray-50));\n }\n\n .badge--info {\n background: var(--nile-badge-color-background-info, var(--ng-componentcolors-utility-blue-light-50));\n }\n\n / for v2 */\n\n .badge--pill-outline {\n background: transparent ;\n }\n .badge--pink {\n color: var(--nile-badge-color-font-pink, var(--ng-componentcolors-utility-pink-700));\n border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));\n border-style: solid;\n border-color: var(--nile-badge-color-border-color-pink, var(--ng-componentcolors-utility-pink-200));\n background: var(--nile-badge-color-background-pink, var(--ng-componentcolors-utility-pink-50));\n }\n\n .badge--orange {\n color: var(--nile-badge-color-font-orange, var(--ng-componentcolors-utility-orange-700));\n border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));\n border-style: solid;\n border-color: var(--nile-badge-color-border-color-orange, var(--ng-componentcolors-utility-orange-dark-200));\n background: var(--nile-badge-color-background-orange, var(--ng-componentcolors-utility-orange-dark-50));\n }\n\n .badge--purple {\n color: var(--nile-badge-color-font-purple, var(--ng-componentcolors-utility-purple-700));\n border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));\n border-style: solid;\n border-color: var(--nile-badge-color-border-color-purple, var(--ng-componentcolors-utility-purple-200));\n background: var(--nile-badge-color-background-purple, var(--ng-componentcolors-utility-purple-50));\n }\n\n .badge--indigo {\n color: var(--nile-badge-color-font-indigo, var(--ng-componentcolors-utility-indigo-700));\n border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));\n border-style: solid;\n border-color: var(--nile-badge-color-border-color-indigo, var(--ng-componentcolors-utility-indigo-200));\n background: var(--nile-badge-color-background-indigo, var(--ng-componentcolors-utility-indigo-50));\n }\n\n .badge--blue {\n color: var(--nile-badge-color-font-blue, var(--ng-componentcolors-utility-blue-700));\n border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));\n border-style: solid;\n border-color: var(--nile-badge-color-border-color-blue, var(--ng-componentcolors-utility-blue-200));\n background: var(--nile-badge-color-background-blue, var(--ng-componentcolors-utility-blue-50));\n }\n .badge--blue-light {\n color:var(--nile-badge-color-font-bluelight, var(--ng-componentcolors-utility-blue-light-700));\n border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));\n border-style: solid;\n border-color: var(--nile-badge-color-border-color-bluelight, var(--ng-componentcolors-utility-blue-light-200));\n background: var(--nile-badge-color-background-bluelight, var(--ng-componentcolors-utility-blue-light-50));\n }\n\n .badge--gray-blue {\n color: var(--nile-badge-color-font-grayblue, var(--ng-componentcolors-utility-gray-blue-700));\n border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));\n border-style: solid;\n border-color: var(--nile-badge-color-border-color-grayblue, var(--ng-componentcolors-utility-gray-blue-200));\n background: var(--nile-badge-color-background-grayblue, var(--ng-componentcolors-utility-gray-blue-50));\n }\n\n .badge--success {\n color: var(--nile-badge-color-font-success, var(--ng-componentcolors-utility-success-700));\n border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));\n border-style: solid;\n border-color: var(--nile-badge-color-border-color-success, var(--ng-componentcolors-utility-success-200));\n background: var(--nile-badge-color-background-success, var(--ng-componentcolors-utility-success-50));\n }\n .badge--warning {\n color: var(--nile-badge-color-font-warning, var(--ng-componentcolors-utility-warning-700));\n border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));\n border-style: solid;\n border-color: var(--nile-badge-color-border-color-warning, var(--ng-componentcolors-utility-warning-200));\n background: var(--nile-badge-color-background-warning, var(--ng-componentcolors-utility-warning-50));\n }\n\n .badge--error {\n color: var(--nile-badge-color-font-error, var(--ng-componentcolors-utility-error-700));\n border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));\n border-style: solid;\n border-color: var(--nile-badge-color-border-color-error, var(--ng-componentcolors-utility-error-200));\n background: var(--nile-badge-color-background-error, var(--ng-componentcolors-utility-error-50));\n }\n\n .badge--brand {\n color: var(--nile-badge-color-font-brand, var(--ng-componentcolors-utility-brand-700));\n border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));\n border-style: solid;\n border-color: var(--nile-badge-color-border-color-brand, var(--ng-componentcolors-utility-brand-200));\n background: var(--nile-badge-color-background-brand, var(--ng-componentcolors-utility-brand-50));\n }\n\n .badge--gray {\n color: var(--nile-badge-color-font-gray, var(--ng-componentcolors-utility-gray-700));\n border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));\n border-style: solid;\n border-color: var(--nile-badge-color-border-color-gray, var(--ng-componentcolors-utility-gray-200));\n background: var(--nile-badge-color-background-gray, var(--ng-componentcolors-utility-gray-50));\n }\n\n .badge--pink.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-pink, var(--ng-componentcolors-utility-pink-200));\n }\n\n .badge--orange.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-orange, var(--ng-componentcolors-utility-orange-dark-200));\n }\n\n .badge--purple.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-purple, var(--ng-componentcolors-utility-purple-200));\n }\n\n .badge--indigo.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-indigo, var(--ng-componentcolors-utility-indigo-200));\n }\n\n .badge--blue.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-blue, var(--ng-componentcolors-utility-blue-200));\n }\n\n .badge--blue-light.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-bluelight, var(--ng-componentcolors-utility-blue-light-200));\n }\n\n .badge--gray-blue.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-gray, var(--ng-componentcolors-utility-gray-blue-200));\n }\n\n .badge--success.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-success, var(--ng-componentcolors-utility-success-200));\n }\n\n .badge--warning.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-warning, var(--ng-componentcolors-utility-warning-200));\n }\n\n .badge--error.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-error, var(--ng-componentcolors-utility-error-200));\n }\n\n .badge--brand.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-brand, var(--ng-componentcolors-utility-brand-200));\n }\n\n .badge--gray.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline, var(--ng-border-width-1)) solid var(--nile-badge-color-pill-outline-gray, var(--ng-componentcolors-utility-gray-200));\n }\n\n\n\n .badge--rounded {\n padding: var(--nile-spacing-xxs, var(--ng-spacing-xxs)) var(--nile-spacing-md, var(--ng-spacing-md));\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n }\n`;\nexport default [styles];\n\n"]}
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,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmKxB,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';\n\n/\n Tag CSS\n /\nexport const styles = css`\n :host {\n }\n\n .badge {\n padding: 2px 6px;\n border-radius: 4px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n height: 22px;\n }\n\n .badge__content {\n font-family: var(--nile-font-family-serif);\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n letter-spacing: 0.2px;\n }\n\n .badge--primary {\n background: var(--nile-badge-color-background-primary);\n color: var(--nile-badge-color-font-primary);\n }\n\n .badge--normal {\n background: var(--nile-badge-color-background-normal);\n }\n\n .badge--info {\n background: var(--nile-badge-color-background-info);\n }\n\n / for v2 */\n .badge--pink {\n color: var(--nile-badge-color-font-pink);\n border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-pink);\n background: var(--nile-badge-color-background-pink);\n }\n\n .badge--orange {\n color: var(--nile-badge-color-font-orange);\n border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-orange);\n background: var(--nile-badge-color-background-orange);\n }\n\n .badge--purple {\n color: var(--nile-badge-color-font-purple);\n border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-purple);\n background: var(--nile-badge-color-background-purple);\n }\n\n .badge--indigo {\n color: var(--nile-badge-color-font-indigo);\n border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-indigo);\n background: var(--nile-badge-color-background-indigo);\n }\n\n .badge--blue {\n color: var(--nile-badge-color-font-blue);\n border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-blue);\n background: var(--nile-badge-color-background-blue);\n }\n .badge--blue-light {\n color:var(--nile-badge-color-font-bluelight);\n border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-bluelight);\n background: var(--nile-badge-color-background-bluelight);\n }\n\n .badge--gray-blue {\n color: var(--nile-badge-color-font-grayblue);\n border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-grablue);\n background: var(--nile-badge-color-background-grayblue);\n }\n\n .badge--success {\n color: var(--nile-badge-color-font-success);\n border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-success);\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 var(--nile-badge-color-border-color-warning);\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 var(--nile-badge-color-border-color-error);\n background: var(--nile-badge-color-background-error);\n }\n\n .badge--brand {\n color: var(--nile-badge-color-font-brand);\n border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-brand);\n background: var(--nile-badge-color-background-brand);\n }\n\n .badge--gray {\n color: var(--nile-badge-color-font-gray);\n border: var(--nile-badge-color-border-width) solid var(--nile-badge-color-border-color-gray);\n background: var(--nile-badge-color-background-gray);\n }\n\n .badge--pink.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-pink);\n }\n\n .badge--orange.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-orange);\n }\n\n .badge--purple.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-purple);\n }\n\n .badge--indigo.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline) solid var(var(--nile-badge-color-pill-outline-indigo));\n }\n\n .badge--blue.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline) solid var(var(--nile-badge-color-pill-outline-blue));\n }\n\n .badge--blue-light.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-bluelight);\n }\n\n .badge--gray-blue.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-gray);\n }\n\n .badge--success.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-success);\n }\n\n .badge--warning.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-warning);\n }\n\n .badge--error.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-error);\n }\n\n .badge--brand.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-brand);\n }\n\n .badge--gray.badge--pill-outline {\n border: var(--nile-badge-color-border-width-pill-outline) solid var(--nile-badge-color-pill-outline-gray);\n }\n\n .badge--pill-outline {\n background: transparent;\n }\n\n .badge--rounded {\n padding: 2px 8px;\n border-radius: 100px;\n }\n`;\nexport default [styles];\n"]}

package/dist/src/nile-breadcrumb/nile-breadcrumb.css.js CHANGED Viewed

@@ -12,9 +12,6 @@ export const styles = css `
   :host {
     display: flex;
     align-items: center;
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 `;
 export default [styles];

package/dist/src/nile-breadcrumb/nile-breadcrumb.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-breadcrumb.css.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb/nile-breadcrumb.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;CAQxB~~,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';\n\n/\n Breadcrumb CSS\n */\nexport const styles = css`\n :host {\n display: flex;\n align-items: center;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-breadcrumb.css.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb/nile-breadcrumb.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;CAKxB,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';\n\n/\n Breadcrumb CSS\n */\nexport const styles = css`\n :host {\n display: flex;\n align-items: center;\n }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js CHANGED Viewed

@@ -13,19 +13,16 @@ export const styles = css `
     display: flex;
     align-items: center;
     text-align: center;
-    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
-    font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));
+    font-family: var(--nile-font-family-serif);
+    font-size: var(--nile-font-size-small);
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-600));
-    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));
-    letter-spacing: 0.2px;
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+    font-weight: var(--nile-font-weight-regular);
+    line-height: 16.8px;
+    letter-spacing: 0.2px;
   }
   .nile-breadcrumb-item__arrow {
-    margin: 0 var(--nile-spacing-md, var(--ng-spacing-md));
+    margin: 0 8px;
   }
   .nile-breadcrumb-item__arrow-hidden {
@@ -33,16 +30,16 @@ export const styles = css `
   }
   .nile-breadcrumb-item__slot-text {
-    color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));
+    color: var(--nile-colors-dark-500);
   }
   .nile-breadcrumb-item__slot-text:hover {
-    color: var(--nile-colors-primary-600, var(--ng-colors-text-tertiary-hover));
+    color: var(--nile-colors-primary-600);
     cursor: pointer;
   }
   .nile-breadcrumb-item__last-slot-text {
-    color: var(--nile-breadcrumb-color, var(--ng-colors-text-brand-secondary-700));
+    color: var(--nile-breadcrumb-color);
   }
 `;
 export default [styles];

package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-breadcrumb-item.css.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb-item/nile-breadcrumb-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCxB~~,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';\n\n/\n Breadcrumb-item CSS\n */\nexport const styles = css`\n :host {\n display: flex;\n align-items: center;\n text-align: center;\n font-family: var(--nile-font-family-serif~~, var(--ng-font-family-body~~));\n font-size: var(--nile-font-size-small~~, var(--ng-font-size-text-sm~~));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular~~, var(--ng-font-weight-600~~));\n line-height: ~~var(--nile-line-height-xsmall, var(--ng-line-height-text-sm))~~;\n letter-spacing: 0.2px~~; \n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing))~~;\n ~~-moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n~~ }\n\n .nile-breadcrumb-item__arrow {\n margin: 0 ~~var(--nile-spacing-md, var(--ng-spacing-md))~~;\n }\n\n .nile-breadcrumb-item__arrow-hidden {\n display: none;\n }\n\n .nile-breadcrumb-item__slot-text {\n color: var(--nile-colors-dark-500~~, var(--ng-colors-text-quaternary-500~~));\n }\n\n .nile-breadcrumb-item__slot-text:hover {\n color: var(--nile-colors-primary-600~~, var(--ng-colors-text-tertiary-hover~~));\n cursor: pointer;\n }\n\n .nile-breadcrumb-item__last-slot-text {\n color: var(--nile-breadcrumb-color~~, var(--ng-colors-text-brand-secondary-700~~));\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-breadcrumb-item.css.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb-item/nile-breadcrumb-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCxB,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';\n\n/\n Breadcrumb-item CSS\n */\nexport const styles = css`\n :host {\n display: flex;\n align-items: center;\n text-align: center;\n font-family: var(--nile-font-family-serif);\n font-size: var(--nile-font-size-small);\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: 16.8px;\n letter-spacing: 0.2px;\n }\n\n .nile-breadcrumb-item__arrow {\n margin: 0 8px;\n }\n\n .nile-breadcrumb-item__arrow-hidden {\n display: none;\n }\n\n .nile-breadcrumb-item__slot-text {\n color: var(--nile-colors-dark-500);\n }\n\n .nile-breadcrumb-item__slot-text:hover {\n color: var(--nile-colors-primary-600);\n cursor: pointer;\n }\n\n .nile-breadcrumb-item__last-slot-text {\n color: var(--nile-breadcrumb-color);\n }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.d.ts CHANGED Viewed

@@ -23,7 +23,6 @@ export declare class NileBreadcrumbItem extends NileElement {
      * Render method
      * @slot This is a slot test
      */
-    separator: string;
     private handleClick;
     render(): TemplateResult;
 }

package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.js CHANGED Viewed

@@ -6,7 +6,7 @@
  */
 import { __decorate } from "tslib";
 import { html, } from 'lit';
-import { customElement, state, property } from 'lit/decorators.js';
+import { customElement, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styles } from './nile-breadcrumb-item.css';
 import NileElement from '../internal/nile-element';
@@ -21,13 +21,6 @@ let NileBreadcrumbItem = class NileBreadcrumbItem extends NileElement {
         super(...arguments);
         this.isLast = false;
         /* #endregion */
-        /* #region Methods */
-        /**
-         * Render method
-         * @slot This is a slot test
-         */
-        this.separator = 'arrowright';
-        /* #endregion */
     }
     /**
      * The styles for BreadcrumbItem
@@ -36,6 +29,12 @@ let NileBreadcrumbItem = class NileBreadcrumbItem extends NileElement {
     static get styles() {
         return [styles];
     }
+    /* #endregion */
+    /* #region Methods */
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
     handleClick() {
         if (this.isLast) {
             return;
@@ -52,9 +51,9 @@ let NileBreadcrumbItem = class NileBreadcrumbItem extends NileElement {
         @click=${this.handleClick}
       ></slot>
       <nile-icon
-        name=${this.separator}
-        aria-label=${this.separator}
-        color="var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400))"
+        name="arrowright"
+        aria-label="arrowright"
+        color="var(--nile-colors-dark-500)"
         class=${classMap({
             'nile-breadcrumb-item__arrow': true,
             'nile-breadcrumb-item__arrow-hidden': this.isLast,
@@ -67,9 +66,6 @@ let NileBreadcrumbItem = class NileBreadcrumbItem extends NileElement {
 __decorate([
     state()
 ], NileBreadcrumbItem.prototype, "isLast", void 0);
-__decorate([
-    property({ type: String })
-], NileBreadcrumbItem.prototype, "separator", void 0);
 NileBreadcrumbItem = __decorate([
     customElement('nile-breadcrumb-item')
 ], NileBreadcrumbItem);

package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-breadcrumb-item.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb-item/nile-breadcrumb-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAGL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,KAAK,~~EAAE~~,~~QAAQ,EAAE,~~MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD;;;;;GAKG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,WAAW;IAA5C;;QASY,WAAM,GAAG,KAAK,CAAC;~~QAEhC~~,gBAAgB;~~QAEhB,qBAAqB;QAErB;;;WAGG;QAEyB,cAAS,GAAG,YAAY,CAAC;QA+BrD,gBAAgB;~~IAClB,CAAC;~~IAnDC~~;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;~~IAeO~~,WAAW;QACjB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC/B,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,iCAAiC,EAAE,CAAC,IAAI,CAAC,MAAM;YAC/C,sCAAsC,EAAE,IAAI,CAAC,MAAM;SACpD,CAAC;iBACO,IAAI,CAAC,WAAW~~;;;eAGlB~~,~~IAAI,CAAC,SAAS;qBACR,IAAI,CAAC,SAAS;;gBAEnB,~~QAAQ,CAAC;YACf,6BAA6B,EAAE,IAAI;YACnC,oCAAoC,EAAE,IAAI,CAAC,MAAM;SAClD,CAAC;;;KAGL,CAAC;IACJ,CAAC;CAGF,CAAA;~~AA3CkB~~;IAAhB,KAAK,EAAE;kDAAwB;~~AAWJ;IAA3B~~,~~QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAA0B;AApB1C,~~kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,~~CAoD9B~~;;AAED,eAAe,kBAAkB,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 CSSResultArray,\n TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-breadcrumb-item.css';\nimport NileElement from '../internal/nile-element';\n/\n Nile BreadCrumb Item component.\n \n @tag nile-breadcrumb-item\n \n /\n@customElement('nile-breadcrumb-item')\nexport class NileBreadcrumbItem extends NileElement {\n /*\n The styles for BreadcrumbItem\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 @state() private isLast = false;\n\n / #endregion /\n\n / #region Methods /\n\n /\n Render method\n * @slot This is a slot test\n /\n\n ~~@property({ type: String }) separator = 'arrowright';\n\n~~ private handleClick() {\n if (this.isLast) {\n return;\n }\n this.emit('nile-click-item');\n }\n\n public render(): TemplateResult {\n return html`\n <slot\n class=${classMap({\n 'nile-breadcrumb-item__slot-text': !this.isLast,\n 'nile-breadcrumb-item__last-slot-text': this.isLast,\n })}\n @click=${this.handleClick}\n ></slot>\n <nile-icon\n name~~=${this.separator}~~\n aria-label~~=${this.separator}~~\n color=\"var(--nile-colors-dark-500~~, var(--ng-colors-fg-quaternary-400~~))\"\n class=${classMap({\n 'nile-breadcrumb-item__arrow': true,\n 'nile-breadcrumb-item__arrow-hidden': this.isLast,\n })}\n size=\"14\"\n ></nile-icon>\n `;\n }\n\n / #endregion */\n}\n\nexport default NileBreadcrumbItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-breadcrumb-item': NileBreadcrumbItem;\n }\n}\n"]}
1	+ {"version":3,"file":"nile-breadcrumb-item.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb-item/nile-breadcrumb-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAGL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,KAAK,EAAY,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD;;;;;GAKG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,WAAW;IAA5C;;QASY,WAAM,GAAG,KAAK,CAAC;QAuChC,gBAAgB;IAClB,CAAC;IAhDC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAID,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACK,WAAW;QACjB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC/B,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,iCAAiC,EAAE,CAAC,IAAI,CAAC,MAAM;YAC/C,sCAAsC,EAAE,IAAI,CAAC,MAAM;SACpD,CAAC;iBACO,IAAI,CAAC,WAAW;;;;;;gBAMjB,QAAQ,CAAC;YACf,6BAA6B,EAAE,IAAI;YACnC,oCAAoC,EAAE,IAAI,CAAC,MAAM;SAClD,CAAC;;;KAGL,CAAC;IACJ,CAAC;CAGF,CAAA;AAxCkB;IAAhB,KAAK,EAAE;kDAAwB;AATrB,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAiD9B;;AAED,eAAe,kBAAkB,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 CSSResultArray,\n TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-breadcrumb-item.css';\nimport NileElement from '../internal/nile-element';\n/\n Nile BreadCrumb Item component.\n \n @tag nile-breadcrumb-item\n \n /\n@customElement('nile-breadcrumb-item')\nexport class NileBreadcrumbItem extends NileElement {\n /*\n The styles for BreadcrumbItem\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 @state() private isLast = false;\n\n / #endregion /\n\n / #region Methods /\n\n /\n Render method\n * @slot This is a slot test\n /\n private handleClick() {\n if (this.isLast) {\n return;\n }\n this.emit('nile-click-item');\n }\n\n public render(): TemplateResult {\n return html`\n <slot\n class=${classMap({\n 'nile-breadcrumb-item__slot-text': !this.isLast,\n 'nile-breadcrumb-item__last-slot-text': this.isLast,\n })}\n @click=${this.handleClick}\n ></slot>\n <nile-icon\n name=\"arrowright\"\n aria-label=\"arrowright\"\n color=\"var(--nile-colors-dark-500)\"\n class=${classMap({\n 'nile-breadcrumb-item__arrow': true,\n 'nile-breadcrumb-item__arrow-hidden': this.isLast,\n })}\n size=\"14\"\n ></nile-icon>\n `;\n }\n\n / #endregion */\n}\n\nexport default NileBreadcrumbItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-breadcrumb-item': NileBreadcrumbItem;\n }\n}\n"]}