@aquera/nile-elements 2.0.15 → 2.0.16

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 (28) hide show
  1. package/README.md +3 -0
  2. package/demo/nxtgen-classes.css +5 -5
  3. package/demo/nxtgen-dark.css +16 -16
  4. package/demo/nxtgen-properties.css +2 -2
  5. package/demo/nxtgen-utilities.css +5 -5
  6. package/demo/nxtgen.css +5 -5
  7. package/demo/utilities.css +2 -2
  8. package/demo/variables.css +2 -2
  9. package/dist/index.js +3 -3
  10. package/dist/nile-lite-tooltip/nile-lite-tooltip.css.cjs.js +1 -1
  11. package/dist/nile-lite-tooltip/nile-lite-tooltip.css.cjs.js.map +1 -1
  12. package/dist/nile-lite-tooltip/nile-lite-tooltip.css.esm.js +1 -1
  13. package/dist/nile-tooltip/nile-tooltip.css.cjs.js +1 -1
  14. package/dist/nile-tooltip/nile-tooltip.css.cjs.js.map +1 -1
  15. package/dist/nile-tooltip/nile-tooltip.css.esm.js +1 -1
  16. package/dist/src/nile-lite-tooltip/nile-lite-tooltip.css.js +1 -1
  17. package/dist/src/nile-lite-tooltip/nile-lite-tooltip.css.js.map +1 -1
  18. package/dist/src/nile-tooltip/nile-tooltip.css.js +1 -1
  19. package/dist/src/nile-tooltip/nile-tooltip.css.js.map +1 -1
  20. package/dist/src/version.js +1 -1
  21. package/dist/src/version.js.map +1 -1
  22. package/dist/tsconfig.tsbuildinfo +1 -1
  23. package/dist/version.cjs.js +1 -1
  24. package/dist/version.cjs.js.map +1 -1
  25. package/dist/version.esm.js +1 -1
  26. package/package.json +1 -1
  27. package/src/nile-lite-tooltip/nile-lite-tooltip.css.ts +1 -1
  28. package/src/nile-tooltip/nile-tooltip.css.ts +1 -1
package/README.md CHANGED
@@ -91,6 +91,9 @@ To run a local development server that serves the basic demo located in `demo/in
91
91
 
92
92
  In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
93
93
 
94
+ #### Version 2.0.16 (October 12, 2026)
95
+ - Nile Tooltip, Nile Lite Tooltip: Text now falls back to `--ng-colors-text-white` instead of `--ng-colors-text-primary-on-brand`. With `@aquera/nile` 1.3.5 the dark-mode tooltip fill (`--ng-colors-bg-primary-solid`) becomes `graydarkmode-950`, and `text-primary-on-brand` is dark in dark mode, which would have left tooltip text at 1.14:1; it is now 19.32:1. Light mode is unchanged (both tokens are white). Pair with `@aquera/nile` 1.3.5 (UIF-1380)
96
+
94
97
  #### Version 2.0.15 (October 07, 2026)
95
98
  - Nile Badge: Added a `size` property (`sm` | `md` | `lg`, default `md`; 22 / 24 / 28px with nxtgen tokens). The `orange` variant now uses `utility-orange-50` fill, `utility-orange-300` border and `utility-error-600` text, and the `warning` border uses `utility-warning-300`, so the error, orange and warning badges no longer look alike (UIF-1375)
96
99
 
package/demo/nxtgen-classes.css CHANGED
@@ -1,5 +1,5 @@
1
- /* @nile-version 1.3.4 */
2
- :root { --nile-version: "1.3.4"; }
1
+ /* @nile-version 1.3.5 */
2
+ :root { --nile-version: "1.3.5"; }
3
3
 
4
4
  /**
5
5
  * Do not edit directly
@@ -4378,7 +4378,7 @@
4378
4378
  /* colors-bg-primary-alt: var(--ng-color-base-white) */
4379
4379
  .ng-bg-primary-alt { background-color: var(--ng-colors-bg-primary-alt); }
4380
4380
 
4381
- /* colors-bg-primary-hover: var(--ng-color-graylightmode-50) */
4381
+ /* colors-bg-primary-hover: var(--ng-color-graylightmode-100) */
4382
4382
  .ng-bg-primary-hover { background-color: var(--ng-colors-bg-primary-hover); }
4383
4383
 
4384
4384
  /* colors-bg-primary-solid: var(--ng-color-graylightmode-950) */
@@ -4390,7 +4390,7 @@
4390
4390
  /* colors-bg-secondary-alt: var(--ng-color-graylightmode-50) */
4391
4391
  .ng-bg-secondary-alt { background-color: var(--ng-colors-bg-secondary-alt); }
4392
4392
 
4393
- /* colors-bg-secondary-hover: var(--ng-color-graylightmode-100) */
4393
+ /* colors-bg-secondary-hover: var(--ng-color-graylightmode-200) */
4394
4394
  .ng-bg-secondary-hover { background-color: var(--ng-colors-bg-secondary-hover); }
4395
4395
 
4396
4396
  /* colors-bg-secondary-subtle: var(--ng-color-graylightmode-25) */
@@ -4411,7 +4411,7 @@
4411
4411
  /* colors-bg-active: var(--ng-color-graylightmode-50) */
4412
4412
  .ng-bg-active { background-color: var(--ng-colors-bg-active); }
4413
4413
 
4414
- /* colors-bg-disabled: var(--ng-color-graylightmode-100) */
4414
+ /* colors-bg-disabled: var(--ng-color-graylightmode-50) */
4415
4415
  .ng-bg-disabled { background-color: var(--ng-colors-bg-disabled); }
4416
4416
 
4417
4417
  /* colors-bg-disabled-subtle: var(--ng-color-graylightmode-50) */
package/demo/nxtgen-dark.css CHANGED
@@ -709,18 +709,18 @@
709
709
  --ng-colors-effects-shadow-skeumorphic-inner: #0A0D120D;
710
710
  --ng-colors-effects-shadow-skeumorphic-inner-border: #0A0D122E;
711
711
  --ng-colors-bg-primary-alt: var(--ng-color-base-white);
712
- --ng-colors-bg-primary-hover: var(--ng-color-graylightmode-50);
712
+ --ng-colors-bg-primary-hover: var(--ng-color-graylightmode-100);
713
713
  --ng-colors-bg-primary-solid: var(--ng-color-graylightmode-950);
714
714
  --ng-colors-bg-secondary: var(--ng-color-graylightmode-50);
715
715
  --ng-colors-bg-secondary-alt: var(--ng-color-graylightmode-50);
716
- --ng-colors-bg-secondary-hover: var(--ng-color-graylightmode-100);
716
+ --ng-colors-bg-secondary-hover: var(--ng-color-graylightmode-200);
717
717
  --ng-colors-bg-secondary-subtle: var(--ng-color-graylightmode-25);
718
718
  --ng-colors-bg-secondary-solid: var(--ng-color-graylightmode-600);
719
719
  --ng-colors-bg-tertiary: var(--ng-color-graylightmode-100);
720
720
  --ng-colors-bg-quaternary: var(--ng-color-graylightmode-200);
721
721
  --ng-colors-bg-quaternary-alt: var(--ng-color-graylightmode-300);
722
722
  --ng-colors-bg-active: var(--ng-color-graylightmode-50);
723
- --ng-colors-bg-disabled: var(--ng-color-graylightmode-100);
723
+ --ng-colors-bg-disabled: var(--ng-color-graylightmode-50);
724
724
  --ng-colors-bg-disabled-subtle: var(--ng-color-graylightmode-50);
725
725
  --ng-colors-bg-overlay: var(--ng-color-graylightmode-950);
726
726
  --ng-colors-bg-brand-primary: var(--ng-color-bluedark-50);
@@ -1097,22 +1097,22 @@
1097
1097
  --ng-colors-effects-shadow-skeumorphic-inner-border: var(--ng-colors-border-primary);
1098
1098
  --ng-colors-bg-primary-alt: var(--ng-color-graydarkmode-800);
1099
1099
  --ng-colors-bg-primary-hover: var(--ng-color-graydarkmode-900);
1100
- --ng-colors-bg-primary-solid: var(--ng-color-graydarkmode-100);
1100
+ --ng-colors-bg-primary-solid: var(--ng-color-graydarkmode-950);
1101
1101
  --ng-colors-bg-secondary: var(--ng-color-graydarkmode-900);
1102
1102
  --ng-colors-bg-secondary-alt: var(--ng-color-graydarkmode-900);
1103
- --ng-colors-bg-secondary-hover: var(--ng-color-graydarkmode-800);
1103
+ --ng-colors-bg-secondary-hover: var(--ng-color-graydarkmode-950);
1104
1104
  --ng-colors-bg-secondary-subtle: var(--ng-color-graydarkmode-800);
1105
1105
  --ng-colors-bg-secondary-solid: var(--ng-color-graydarkmode-400);
1106
1106
  --ng-colors-bg-tertiary: var(--ng-color-graydarkmode-950);
1107
1107
  --ng-colors-bg-quaternary: var(--ng-color-graydarkmode-700);
1108
1108
  --ng-colors-bg-quaternary-alt: var(--ng-color-graydarkmode-600);
1109
- --ng-colors-bg-active: var(--ng-color-graydarkmode-900);
1109
+ --ng-colors-bg-active: var(--ng-color-graydarkmode-950);
1110
1110
  --ng-colors-bg-disabled: var(--ng-color-graydarkmode-700);
1111
1111
  --ng-colors-bg-disabled-subtle: var(--ng-color-graydarkmode-800);
1112
1112
  --ng-colors-bg-overlay: var(--ng-color-base-black);
1113
- --ng-colors-bg-brand-primary: var(--ng-color-bluedark-950);
1113
+ --ng-colors-bg-brand-primary: var(--ng-color-graydarkmode-700);
1114
1114
  --ng-colors-bg-brand-primary-alt: var(--ng-color-bluedark-950);
1115
- --ng-colors-bg-brand-secondary: var(--ng-color-bluedark-900);
1115
+ --ng-colors-bg-brand-secondary: var(--ng-color-bluedark-950);
1116
1116
  --ng-colors-bg-brand-solid: var(--ng-color-bluedark-500);
1117
1117
  --ng-colors-bg-brand-solid-hover: var(--ng-color-bluedark-400);
1118
1118
  --ng-colors-bg-brand-section: var(--ng-color-bluedark-900);
@@ -1508,18 +1508,18 @@
1508
1508
  --ng-colors-effects-shadow-skeumorphic-inner: #0A0D120D;
1509
1509
  --ng-colors-effects-shadow-skeumorphic-inner-border: #0A0D122E;
1510
1510
  --ng-colors-bg-primary-alt: var(--ng-color-base-white);
1511
- --ng-colors-bg-primary-hover: var(--ng-color-graylightmode-50);
1511
+ --ng-colors-bg-primary-hover: var(--ng-color-graylightmode-100);
1512
1512
  --ng-colors-bg-primary-solid: var(--ng-color-graylightmode-950);
1513
1513
  --ng-colors-bg-secondary: var(--ng-color-graylightmode-50);
1514
1514
  --ng-colors-bg-secondary-alt: var(--ng-color-graylightmode-50);
1515
- --ng-colors-bg-secondary-hover: var(--ng-color-graylightmode-100);
1515
+ --ng-colors-bg-secondary-hover: var(--ng-color-graylightmode-200);
1516
1516
  --ng-colors-bg-secondary-subtle: var(--ng-color-graylightmode-25);
1517
1517
  --ng-colors-bg-secondary-solid: var(--ng-color-graylightmode-600);
1518
1518
  --ng-colors-bg-tertiary: var(--ng-color-graylightmode-100);
1519
1519
  --ng-colors-bg-quaternary: var(--ng-color-graylightmode-200);
1520
1520
  --ng-colors-bg-quaternary-alt: var(--ng-color-graylightmode-300);
1521
1521
  --ng-colors-bg-active: var(--ng-color-graylightmode-50);
1522
- --ng-colors-bg-disabled: var(--ng-color-graylightmode-100);
1522
+ --ng-colors-bg-disabled: var(--ng-color-graylightmode-50);
1523
1523
  --ng-colors-bg-disabled-subtle: var(--ng-color-graylightmode-50);
1524
1524
  --ng-colors-bg-overlay: var(--ng-color-graylightmode-950);
1525
1525
  --ng-colors-bg-brand-primary: var(--ng-color-bluedark-50);
@@ -1896,22 +1896,22 @@
1896
1896
  --ng-colors-effects-shadow-skeumorphic-inner-border: var(--ng-colors-border-primary);
1897
1897
  --ng-colors-bg-primary-alt: var(--ng-color-graydarkmode-800);
1898
1898
  --ng-colors-bg-primary-hover: var(--ng-color-graydarkmode-900);
1899
- --ng-colors-bg-primary-solid: var(--ng-color-graydarkmode-100);
1899
+ --ng-colors-bg-primary-solid: var(--ng-color-graydarkmode-950);
1900
1900
  --ng-colors-bg-secondary: var(--ng-color-graydarkmode-900);
1901
1901
  --ng-colors-bg-secondary-alt: var(--ng-color-graydarkmode-900);
1902
- --ng-colors-bg-secondary-hover: var(--ng-color-graydarkmode-800);
1902
+ --ng-colors-bg-secondary-hover: var(--ng-color-graydarkmode-950);
1903
1903
  --ng-colors-bg-secondary-subtle: var(--ng-color-graydarkmode-800);
1904
1904
  --ng-colors-bg-secondary-solid: var(--ng-color-graydarkmode-400);
1905
1905
  --ng-colors-bg-tertiary: var(--ng-color-graydarkmode-950);
1906
1906
  --ng-colors-bg-quaternary: var(--ng-color-graydarkmode-700);
1907
1907
  --ng-colors-bg-quaternary-alt: var(--ng-color-graydarkmode-600);
1908
- --ng-colors-bg-active: var(--ng-color-graydarkmode-900);
1908
+ --ng-colors-bg-active: var(--ng-color-graydarkmode-950);
1909
1909
  --ng-colors-bg-disabled: var(--ng-color-graydarkmode-700);
1910
1910
  --ng-colors-bg-disabled-subtle: var(--ng-color-graydarkmode-800);
1911
1911
  --ng-colors-bg-overlay: var(--ng-color-base-black);
1912
- --ng-colors-bg-brand-primary: var(--ng-color-bluedark-950);
1912
+ --ng-colors-bg-brand-primary: var(--ng-color-graydarkmode-700);
1913
1913
  --ng-colors-bg-brand-primary-alt: var(--ng-color-bluedark-950);
1914
- --ng-colors-bg-brand-secondary: var(--ng-color-bluedark-900);
1914
+ --ng-colors-bg-brand-secondary: var(--ng-color-bluedark-950);
1915
1915
  --ng-colors-bg-brand-solid: var(--ng-color-bluedark-500);
1916
1916
  --ng-colors-bg-brand-solid-hover: var(--ng-color-bluedark-400);
1917
1917
  --ng-colors-bg-brand-section: var(--ng-color-bluedark-900);
package/demo/nxtgen-properties.css CHANGED
@@ -1,5 +1,5 @@
1
- /* @nile-version 1.3.4 */
2
- :root { --nile-version: "1.3.4"; }
1
+ /* @nile-version 1.3.5 */
2
+ :root { --nile-version: "1.3.5"; }
3
3
 
4
4
  /**
5
5
  * Do not edit directly
package/demo/nxtgen-utilities.css CHANGED
@@ -1,5 +1,5 @@
1
- /* @nile-version 1.3.4 */
2
- :root { --nile-version: "1.3.4"; }
1
+ /* @nile-version 1.3.5 */
2
+ :root { --nile-version: "1.3.5"; }
3
3
 
4
4
  /**
5
5
  * Do not edit directly
@@ -9626,7 +9626,7 @@
9626
9626
  /* colors-bg-primary-alt: var(--ng-color-base-white) */
9627
9627
  .ng-bg-primary-alt { background-color: var(--ng-colors-bg-primary-alt); }
9628
9628
 
9629
- /* colors-bg-primary-hover: var(--ng-color-graylightmode-50) */
9629
+ /* colors-bg-primary-hover: var(--ng-color-graylightmode-100) */
9630
9630
  .ng-bg-primary-hover { background-color: var(--ng-colors-bg-primary-hover); }
9631
9631
 
9632
9632
  /* colors-bg-primary-solid: var(--ng-color-graylightmode-950) */
@@ -9638,7 +9638,7 @@
9638
9638
  /* colors-bg-secondary-alt: var(--ng-color-graylightmode-50) */
9639
9639
  .ng-bg-secondary-alt { background-color: var(--ng-colors-bg-secondary-alt); }
9640
9640
 
9641
- /* colors-bg-secondary-hover: var(--ng-color-graylightmode-100) */
9641
+ /* colors-bg-secondary-hover: var(--ng-color-graylightmode-200) */
9642
9642
  .ng-bg-secondary-hover { background-color: var(--ng-colors-bg-secondary-hover); }
9643
9643
 
9644
9644
  /* colors-bg-secondary-subtle: var(--ng-color-graylightmode-25) */
@@ -9659,7 +9659,7 @@
9659
9659
  /* colors-bg-active: var(--ng-color-graylightmode-50) */
9660
9660
  .ng-bg-active { background-color: var(--ng-colors-bg-active); }
9661
9661
 
9662
- /* colors-bg-disabled: var(--ng-color-graylightmode-100) */
9662
+ /* colors-bg-disabled: var(--ng-color-graylightmode-50) */
9663
9663
  .ng-bg-disabled { background-color: var(--ng-colors-bg-disabled); }
9664
9664
 
9665
9665
  /* colors-bg-disabled-subtle: var(--ng-color-graylightmode-50) */
package/demo/nxtgen.css CHANGED
@@ -1,5 +1,5 @@
1
- /* @nile-version 1.3.4 */
2
- :root { --nile-version: "1.3.4"; }
1
+ /* @nile-version 1.3.5 */
2
+ :root { --nile-version: "1.3.5"; }
3
3
 
4
4
  /* _Primitives - Style */
5
5
 
@@ -708,18 +708,18 @@
708
708
  --ng-colors-effects-shadow-skeumorphic-inner: #0A0D120D;
709
709
  --ng-colors-effects-shadow-skeumorphic-inner-border: #0A0D122E;
710
710
  --ng-colors-bg-primary-alt: var(--ng-color-base-white);
711
- --ng-colors-bg-primary-hover: var(--ng-color-graylightmode-50);
711
+ --ng-colors-bg-primary-hover: var(--ng-color-graylightmode-100);
712
712
  --ng-colors-bg-primary-solid: var(--ng-color-graylightmode-950);
713
713
  --ng-colors-bg-secondary: var(--ng-color-graylightmode-50);
714
714
  --ng-colors-bg-secondary-alt: var(--ng-color-graylightmode-50);
715
- --ng-colors-bg-secondary-hover: var(--ng-color-graylightmode-100);
715
+ --ng-colors-bg-secondary-hover: var(--ng-color-graylightmode-200);
716
716
  --ng-colors-bg-secondary-subtle: var(--ng-color-graylightmode-25);
717
717
  --ng-colors-bg-secondary-solid: var(--ng-color-graylightmode-600);
718
718
  --ng-colors-bg-tertiary: var(--ng-color-graylightmode-100);
719
719
  --ng-colors-bg-quaternary: var(--ng-color-graylightmode-200);
720
720
  --ng-colors-bg-quaternary-alt: var(--ng-color-graylightmode-300);
721
721
  --ng-colors-bg-active: var(--ng-color-graylightmode-50);
722
- --ng-colors-bg-disabled: var(--ng-color-graylightmode-100);
722
+ --ng-colors-bg-disabled: var(--ng-color-graylightmode-50);
723
723
  --ng-colors-bg-disabled-subtle: var(--ng-color-graylightmode-50);
724
724
  --ng-colors-bg-overlay: var(--ng-color-graylightmode-950);
725
725
  --ng-colors-bg-brand-primary: var(--ng-color-bluedark-50);
package/demo/utilities.css CHANGED
@@ -1,5 +1,5 @@
1
- /* @nile-version 1.3.4 */
2
- :root { --nile-version: "1.3.4"; }
1
+ /* @nile-version 1.3.5 */
2
+ :root { --nile-version: "1.3.5"; }
3
3
 
4
4
  /**
5
5
  * Do not edit directly
package/demo/variables.css CHANGED
@@ -1,5 +1,5 @@
1
- /* @nile-version 1.3.4 */
2
- :root { --nile-version: "1.3.4"; }
1
+ /* @nile-version 1.3.5 */
2
+ :root { --nile-version: "1.3.5"; }
3
3
 
4
4
  /**
5
5
  * Do not edit directly
package/dist/index.js CHANGED
@@ -3970,7 +3970,7 @@ ${o?R`
3970
3970
  font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));
3971
3971
  line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));
3972
3972
  padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));
3973
- color: var(--nile-colors-white-base, var(--ng-colors-text-primary-on-brand));
3973
+ color: var(--nile-colors-white-base, var(--ng-colors-text-white));
3974
3974
  pointer-events: none;
3975
3975
  word-break: break-word;
3976
3976
  font-family: var(--nile-font-family-inherit, var(--ng-font-family-body));
@@ -4663,7 +4663,7 @@ ${o?R`
4663
4663
  .tippy-box {
4664
4664
  position: relative;
4665
4665
  background-color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));
4666
- color: var(--nile-colors-dark-200, var(--ng-colors-text-primary-on-brand));
4666
+ color: var(--nile-colors-dark-200, var(--ng-colors-text-white));
4667
4667
  font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));
4668
4668
  border-radius: var(--nile-radius-sm, var(--ng-radius-md));
4669
4669
  font-size: var(--nile-type-scale-3, var(--ng-font-size-text-xs));
@@ -19658,7 +19658,7 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
19658
19658
  ${this._renderTrigger()}
19659
19659
  ${e}
19660
19660
  </nile-popover>
19661
- `:e}};e([de({type:String,attribute:!0,reflect:!0})],NS.prototype,"type",void 0),e([de({type:String,attribute:!0,reflect:!0})],NS.prototype,"value",void 0),e([de({type:String,reflect:!0})],NS.prototype,"swatchTooltip",void 0),e([de({type:Number,reflect:!0})],NS.prototype,"recentColorsCount",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"noFill",void 0),e([de({type:String,reflect:!0})],NS.prototype,"mode",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showCanvas",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showHue",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showInputs",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showActions",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],NS.prototype,"open",void 0),e([de({attribute:"palette",converter:{fromAttribute:e=>{try{const t=JSON.parse(e);return Array.isArray(t)?t.map((e=>"string"==typeof e?{color:e,name:e}:e&&"string"==typeof e.color?{color:e.color,name:e.name||e.color}:null)).filter(Boolean):[]}catch{return[]}},toAttribute:e=>JSON.stringify(e)}})],NS.prototype,"palette",void 0),e([he()],NS.prototype,"_view",void 0),e([he()],NS.prototype,"_recentColors",void 0),e([he()],NS.prototype,"_hue",void 0),e([he()],NS.prototype,"_sat",void 0),e([he()],NS.prototype,"_val",void 0),e([he()],NS.prototype,"_colorMode",void 0),e([he()],NS.prototype,"_hexInput",void 0),e([he()],NS.prototype,"_r",void 0),e([he()],NS.prototype,"_g",void 0),e([he()],NS.prototype,"_b",void 0),NS=e([ce("nile-color-picker")],NS);function pS(){return function(){if("undefined"==typeof window||"function"!=typeof getComputedStyle)return null;try{return getComputedStyle(document.documentElement).getPropertyValue("--nile-version").trim().replace(/^["']|["']$/g,"")||null}catch{return null}}()??"1.3.4"}if("undefined"!=typeof window){window.nileElementsVersion='"2.0.15"';let e=null;Object.defineProperty(window,"nileVersion",{configurable:!0,get:()=>e??pS(),set:t=>{e=t}}),window.process=window.process||{env:{NODE_ENV:"production"}}}const DS=s`
19661
+ `:e}};e([de({type:String,attribute:!0,reflect:!0})],NS.prototype,"type",void 0),e([de({type:String,attribute:!0,reflect:!0})],NS.prototype,"value",void 0),e([de({type:String,reflect:!0})],NS.prototype,"swatchTooltip",void 0),e([de({type:Number,reflect:!0})],NS.prototype,"recentColorsCount",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"noFill",void 0),e([de({type:String,reflect:!0})],NS.prototype,"mode",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showCanvas",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showHue",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showInputs",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showActions",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],NS.prototype,"open",void 0),e([de({attribute:"palette",converter:{fromAttribute:e=>{try{const t=JSON.parse(e);return Array.isArray(t)?t.map((e=>"string"==typeof e?{color:e,name:e}:e&&"string"==typeof e.color?{color:e.color,name:e.name||e.color}:null)).filter(Boolean):[]}catch{return[]}},toAttribute:e=>JSON.stringify(e)}})],NS.prototype,"palette",void 0),e([he()],NS.prototype,"_view",void 0),e([he()],NS.prototype,"_recentColors",void 0),e([he()],NS.prototype,"_hue",void 0),e([he()],NS.prototype,"_sat",void 0),e([he()],NS.prototype,"_val",void 0),e([he()],NS.prototype,"_colorMode",void 0),e([he()],NS.prototype,"_hexInput",void 0),e([he()],NS.prototype,"_r",void 0),e([he()],NS.prototype,"_g",void 0),e([he()],NS.prototype,"_b",void 0),NS=e([ce("nile-color-picker")],NS);function pS(){return function(){if("undefined"==typeof window||"function"!=typeof getComputedStyle)return null;try{return getComputedStyle(document.documentElement).getPropertyValue("--nile-version").trim().replace(/^["']|["']$/g,"")||null}catch{return null}}()??"1.3.5"}if("undefined"!=typeof window){window.nileElementsVersion='"2.0.16"';let e=null;Object.defineProperty(window,"nileVersion",{configurable:!0,get:()=>e??pS(),set:t=>{e=t}}),window.process=window.process||{env:{NODE_ENV:"production"}}}const DS=s`
19662
19662
  .utility-control::part(base) {
19663
19663
  width: var(--nile-app-shell-utility-size, 32px);
19664
19664
  height: var(--nile-app-shell-utility-size, 32px);
package/dist/nile-lite-tooltip/nile-lite-tooltip.css.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- System.register(["lit"],function(_export,_context){"use strict";var t,_templateObject,p;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){t=_lit.css;}],execute:function execute(){_export("s",p=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host { }\n\n .tippy-box[data-animation=fade][data-state=hidden] { opacity: 0; }\n [data-tippy-root] { max-width: calc(100vw - 10px); }\n\n .tippy-box {\n position: relative;\n background-color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));\n color: var(--nile-colors-dark-200, var(--ng-colors-text-primary-on-brand));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-xs));\n line-height: 1.4;\n white-space: normal;\n outline: 0;\n transition-property: transform, visibility, opacity;\n padding: var(--nile-spacing-xs, var(--ng-spacing-md)) var(--nile-spacing-sm, var(--ng-spacing-lg));\n box-shadow: 0px 12px 16px -4px #0A0D1214, 0px 4px 6px -2px #0A0D1208, 0px 2px 2px -1px #0A0D120A;\n }\n\n \n .tippy-box[data-placement^=top] > .tippy-arrow { bottom: 0; }\n .tippy-box[data-placement^=top] > .tippy-arrow:before {\n bottom: -7px;\n border-width: 8px 8px 0;\n border-top-color: initial;\n }\n\n .tippy-box[data-placement^=bottom] > .tippy-arrow { top: 0; }\n .tippy-box[data-placement^=bottom] > .tippy-arrow:before {\n top: -7px;\n border-width: 0 8px 8px;\n border-bottom-color: initial;\n }\n\n .tippy-box[data-placement^=left] > .tippy-arrow { right: 0; }\n .tippy-box[data-placement^=left] > .tippy-arrow:before {\n right: -7px;\n border-width: 8px 0 8px 8px;\n border-left-color: initial;\n }\n\n .tippy-box[data-placement^=right] > .tippy-arrow { left: 0; }\n .tippy-box[data-placement^=right] > .tippy-arrow:before {\n left: -7px;\n border-width: 8px 8px 8px 0;\n border-right-color: initial;\n }\n\n .tippy-box[data-inertia][data-state=visible] {\n transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);\n }\n\n .tippy-box.large { font-size: 16px; padding: 8px 12px; }\n .tippy-arrow { width: 16px; height: 16px; color: #333; }\n .tippy-arrow:before {\n content: \"\";\n position: absolute;\n border-color: transparent;\n border-style: solid;\n }\n\n .tippy-content {\n position: relative;\n z-index: 1;\n }\n\n .tippy-box[data-placement^=top] > .tippy-svg-arrow { bottom: 0; }\n .tippy-box[data-placement^=top] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {\n top: 16px;\n transform: rotate(180deg);\n }\n .tippy-box[data-placement^=bottom] > .tippy-svg-arrow { top: 0; }\n .tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg { bottom: 16px; }\n .tippy-box[data-placement^=left] > .tippy-svg-arrow { right: 0; }\n .tippy-box[data-placement^=left] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {\n transform: rotate(90deg);\n top: calc(50% - 3px);\n left: 11px;\n }\n .tippy-box[data-placement^=right] > .tippy-svg-arrow { left: 0; }\n .tippy-box[data-placement^=right] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {\n transform: rotate(-90deg);\n top: calc(50% - 3px);\n right: 11px;\n }\n\n .tippy-svg-arrow {\n width: 16px;\n height: 16px;\n fill: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));\n text-align: initial;\n position: absolute;\n }\n\n .tippy-svg-arrow > svg {\n position: absolute;\n }\n"]))));!function(){var t="nile-lite-tooltip-styles";if(document.getElementById(t))return;var o=document.createElement("style");o.id=t,o.textContent=p.cssText,document.head.appendChild(o);}();}};});
1
+ System.register(["lit"],function(_export,_context){"use strict";var t,_templateObject,p;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){t=_lit.css;}],execute:function execute(){_export("s",p=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host { }\n\n .tippy-box[data-animation=fade][data-state=hidden] { opacity: 0; }\n [data-tippy-root] { max-width: calc(100vw - 10px); }\n\n .tippy-box {\n position: relative;\n background-color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));\n color: var(--nile-colors-dark-200, var(--ng-colors-text-white));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-xs));\n line-height: 1.4;\n white-space: normal;\n outline: 0;\n transition-property: transform, visibility, opacity;\n padding: var(--nile-spacing-xs, var(--ng-spacing-md)) var(--nile-spacing-sm, var(--ng-spacing-lg));\n box-shadow: 0px 12px 16px -4px #0A0D1214, 0px 4px 6px -2px #0A0D1208, 0px 2px 2px -1px #0A0D120A;\n }\n\n \n .tippy-box[data-placement^=top] > .tippy-arrow { bottom: 0; }\n .tippy-box[data-placement^=top] > .tippy-arrow:before {\n bottom: -7px;\n border-width: 8px 8px 0;\n border-top-color: initial;\n }\n\n .tippy-box[data-placement^=bottom] > .tippy-arrow { top: 0; }\n .tippy-box[data-placement^=bottom] > .tippy-arrow:before {\n top: -7px;\n border-width: 0 8px 8px;\n border-bottom-color: initial;\n }\n\n .tippy-box[data-placement^=left] > .tippy-arrow { right: 0; }\n .tippy-box[data-placement^=left] > .tippy-arrow:before {\n right: -7px;\n border-width: 8px 0 8px 8px;\n border-left-color: initial;\n }\n\n .tippy-box[data-placement^=right] > .tippy-arrow { left: 0; }\n .tippy-box[data-placement^=right] > .tippy-arrow:before {\n left: -7px;\n border-width: 8px 8px 8px 0;\n border-right-color: initial;\n }\n\n .tippy-box[data-inertia][data-state=visible] {\n transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);\n }\n\n .tippy-box.large { font-size: 16px; padding: 8px 12px; }\n .tippy-arrow { width: 16px; height: 16px; color: #333; }\n .tippy-arrow:before {\n content: \"\";\n position: absolute;\n border-color: transparent;\n border-style: solid;\n }\n\n .tippy-content {\n position: relative;\n z-index: 1;\n }\n\n .tippy-box[data-placement^=top] > .tippy-svg-arrow { bottom: 0; }\n .tippy-box[data-placement^=top] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {\n top: 16px;\n transform: rotate(180deg);\n }\n .tippy-box[data-placement^=bottom] > .tippy-svg-arrow { top: 0; }\n .tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg { bottom: 16px; }\n .tippy-box[data-placement^=left] > .tippy-svg-arrow { right: 0; }\n .tippy-box[data-placement^=left] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {\n transform: rotate(90deg);\n top: calc(50% - 3px);\n left: 11px;\n }\n .tippy-box[data-placement^=right] > .tippy-svg-arrow { left: 0; }\n .tippy-box[data-placement^=right] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {\n transform: rotate(-90deg);\n top: calc(50% - 3px);\n right: 11px;\n }\n\n .tippy-svg-arrow {\n width: 16px;\n height: 16px;\n fill: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));\n text-align: initial;\n position: absolute;\n }\n\n .tippy-svg-arrow > svg {\n position: absolute;\n }\n"]))));!function(){var t="nile-lite-tooltip-styles";if(document.getElementById(t))return;var o=document.createElement("style");o.id=t,o.textContent=p.cssText,document.head.appendChild(o);}();}};});
2
2
  //# sourceMappingURL=nile-lite-tooltip.css.cjs.js.map
package/dist/nile-lite-tooltip/nile-lite-tooltip.css.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nile-lite-tooltip.css.cjs.js","sources":["../../../src/nile-lite-tooltip/nile-lite-tooltip.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2025\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 * LightTooltip CSS\n */\nexport const styles = css`\n :host { }\n\n .tippy-box[data-animation=fade][data-state=hidden] { opacity: 0; }\n [data-tippy-root] { max-width: calc(100vw - 10px); }\n\n .tippy-box {\n position: relative;\n background-color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));\n color: var(--nile-colors-dark-200, var(--ng-colors-text-primary-on-brand));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-xs));\n line-height: 1.4;\n white-space: normal;\n outline: 0;\n transition-property: transform, visibility, opacity;\n padding: var(--nile-spacing-xs, var(--ng-spacing-md)) var(--nile-spacing-sm, var(--ng-spacing-lg));\n box-shadow: 0px 12px 16px -4px #0A0D1214, 0px 4px 6px -2px #0A0D1208, 0px 2px 2px -1px #0A0D120A;\n }\n\n \n .tippy-box[data-placement^=top] > .tippy-arrow { bottom: 0; }\n .tippy-box[data-placement^=top] > .tippy-arrow:before {\n bottom: -7px;\n border-width: 8px 8px 0;\n border-top-color: initial;\n }\n\n .tippy-box[data-placement^=bottom] > .tippy-arrow { top: 0; }\n .tippy-box[data-placement^=bottom] > .tippy-arrow:before {\n top: -7px;\n border-width: 0 8px 8px;\n border-bottom-color: initial;\n }\n\n .tippy-box[data-placement^=left] > .tippy-arrow { right: 0; }\n .tippy-box[data-placement^=left] > .tippy-arrow:before {\n right: -7px;\n border-width: 8px 0 8px 8px;\n border-left-color: initial;\n }\n\n .tippy-box[data-placement^=right] > .tippy-arrow { left: 0; }\n .tippy-box[data-placement^=right] > .tippy-arrow:before {\n left: -7px;\n border-width: 8px 8px 8px 0;\n border-right-color: initial;\n }\n\n .tippy-box[data-inertia][data-state=visible] {\n transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);\n }\n\n .tippy-box.large { font-size: 16px; padding: 8px 12px; }\n .tippy-arrow { width: 16px; height: 16px; color: #333; }\n .tippy-arrow:before {\n content: \"\";\n position: absolute;\n border-color: transparent;\n border-style: solid;\n }\n\n .tippy-content {\n position: relative;\n z-index: 1;\n }\n\n .tippy-box[data-placement^=top] > .tippy-svg-arrow { bottom: 0; }\n .tippy-box[data-placement^=top] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {\n top: 16px;\n transform: rotate(180deg);\n }\n .tippy-box[data-placement^=bottom] > .tippy-svg-arrow { top: 0; }\n .tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg { bottom: 16px; }\n .tippy-box[data-placement^=left] > .tippy-svg-arrow { right: 0; }\n .tippy-box[data-placement^=left] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {\n transform: rotate(90deg);\n top: calc(50% - 3px);\n left: 11px;\n }\n .tippy-box[data-placement^=right] > .tippy-svg-arrow { left: 0; }\n .tippy-box[data-placement^=right] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {\n transform: rotate(-90deg);\n top: calc(50% - 3px);\n right: 11px;\n }\n\n .tippy-svg-arrow {\n width: 16px;\n height: 16px;\n fill: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));\n text-align: initial;\n position: absolute;\n }\n\n .tippy-svg-arrow > svg {\n position: absolute;\n }\n`;\n\n\nexport function injectGlobalTippyStyles(): void {\n const STYLE_ID = 'nile-lite-tooltip-styles';\n if (document.getElementById(STYLE_ID)) return;\n\n const style = document.createElement('style');\n style.id = STYLE_ID;\n style.textContent = styles.cssText;\n document.head.appendChild(style);\n}\n \ninjectGlobalTippyStyles();\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral","STYLE_ID","document","getElementById","style","createElement","id","textContent","cssText","head","appendChild","injectGlobalTippyStyles"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,s3GA0GvB,CAAA,GAAMC,CAAAA,CAAW,CAAA,0BAAA,CACjB,GAAIC,QAAAA,CAASC,eAAeF,CAAW,CAAA,CAAA,OAEvC,GAAMG,CAAAA,CAAAA,CAAQF,QAASG,CAAAA,aAAAA,CAAc,SACrCD,CAAME,CAAAA,EAAAA,CAAKL,CACXG,CAAAA,CAAAA,CAAMG,WAAcV,CAAAA,CAAAA,CAAOW,OAC3BN,CAAAA,QAAAA,CAASO,IAAKC,CAAAA,WAAAA,CAAYN,CAC5B,CAAA,EAEAO"}
1
+ {"version":3,"file":"nile-lite-tooltip.css.cjs.js","sources":["../../../src/nile-lite-tooltip/nile-lite-tooltip.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2025\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 * LightTooltip CSS\n */\nexport const styles = css`\n :host { }\n\n .tippy-box[data-animation=fade][data-state=hidden] { opacity: 0; }\n [data-tippy-root] { max-width: calc(100vw - 10px); }\n\n .tippy-box {\n position: relative;\n background-color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));\n color: var(--nile-colors-dark-200, var(--ng-colors-text-white));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-xs));\n line-height: 1.4;\n white-space: normal;\n outline: 0;\n transition-property: transform, visibility, opacity;\n padding: var(--nile-spacing-xs, var(--ng-spacing-md)) var(--nile-spacing-sm, var(--ng-spacing-lg));\n box-shadow: 0px 12px 16px -4px #0A0D1214, 0px 4px 6px -2px #0A0D1208, 0px 2px 2px -1px #0A0D120A;\n }\n\n \n .tippy-box[data-placement^=top] > .tippy-arrow { bottom: 0; }\n .tippy-box[data-placement^=top] > .tippy-arrow:before {\n bottom: -7px;\n border-width: 8px 8px 0;\n border-top-color: initial;\n }\n\n .tippy-box[data-placement^=bottom] > .tippy-arrow { top: 0; }\n .tippy-box[data-placement^=bottom] > .tippy-arrow:before {\n top: -7px;\n border-width: 0 8px 8px;\n border-bottom-color: initial;\n }\n\n .tippy-box[data-placement^=left] > .tippy-arrow { right: 0; }\n .tippy-box[data-placement^=left] > .tippy-arrow:before {\n right: -7px;\n border-width: 8px 0 8px 8px;\n border-left-color: initial;\n }\n\n .tippy-box[data-placement^=right] > .tippy-arrow { left: 0; }\n .tippy-box[data-placement^=right] > .tippy-arrow:before {\n left: -7px;\n border-width: 8px 8px 8px 0;\n border-right-color: initial;\n }\n\n .tippy-box[data-inertia][data-state=visible] {\n transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);\n }\n\n .tippy-box.large { font-size: 16px; padding: 8px 12px; }\n .tippy-arrow { width: 16px; height: 16px; color: #333; }\n .tippy-arrow:before {\n content: \"\";\n position: absolute;\n border-color: transparent;\n border-style: solid;\n }\n\n .tippy-content {\n position: relative;\n z-index: 1;\n }\n\n .tippy-box[data-placement^=top] > .tippy-svg-arrow { bottom: 0; }\n .tippy-box[data-placement^=top] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {\n top: 16px;\n transform: rotate(180deg);\n }\n .tippy-box[data-placement^=bottom] > .tippy-svg-arrow { top: 0; }\n .tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg { bottom: 16px; }\n .tippy-box[data-placement^=left] > .tippy-svg-arrow { right: 0; }\n .tippy-box[data-placement^=left] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {\n transform: rotate(90deg);\n top: calc(50% - 3px);\n left: 11px;\n }\n .tippy-box[data-placement^=right] > .tippy-svg-arrow { left: 0; }\n .tippy-box[data-placement^=right] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {\n transform: rotate(-90deg);\n top: calc(50% - 3px);\n right: 11px;\n }\n\n .tippy-svg-arrow {\n width: 16px;\n height: 16px;\n fill: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));\n text-align: initial;\n position: absolute;\n }\n\n .tippy-svg-arrow > svg {\n position: absolute;\n }\n`;\n\n\nexport function injectGlobalTippyStyles(): void {\n const STYLE_ID = 'nile-lite-tooltip-styles';\n if (document.getElementById(STYLE_ID)) return;\n\n const style = document.createElement('style');\n style.id = STYLE_ID;\n style.textContent = styles.cssText;\n document.head.appendChild(style);\n}\n \ninjectGlobalTippyStyles();\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral","STYLE_ID","document","getElementById","style","createElement","id","textContent","cssText","head","appendChild","injectGlobalTippyStyles"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,22GA0GvB,CAAA,GAAMC,CAAAA,CAAW,CAAA,0BAAA,CACjB,GAAIC,QAAAA,CAASC,eAAeF,CAAW,CAAA,CAAA,OAEvC,GAAMG,CAAAA,CAAAA,CAAQF,QAASG,CAAAA,aAAAA,CAAc,SACrCD,CAAME,CAAAA,EAAAA,CAAKL,CACXG,CAAAA,CAAAA,CAAMG,WAAcV,CAAAA,CAAAA,CAAOW,OAC3BN,CAAAA,QAAAA,CAASO,IAAKC,CAAAA,WAAAA,CAAYN,CAC5B,CAAA,EAEAO"}
package/dist/nile-lite-tooltip/nile-lite-tooltip.css.esm.js CHANGED
@@ -7,7 +7,7 @@ import{css as t}from"lit";const p=t`
7
7
  .tippy-box {
8
8
  position: relative;
9
9
  background-color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));
10
- color: var(--nile-colors-dark-200, var(--ng-colors-text-primary-on-brand));
10
+ color: var(--nile-colors-dark-200, var(--ng-colors-text-white));
11
11
  font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));
12
12
  border-radius: var(--nile-radius-sm, var(--ng-radius-md));
13
13
  font-size: var(--nile-type-scale-3, var(--ng-font-size-text-xs));
package/dist/nile-tooltip/nile-tooltip.css.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\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 display: contents;\n }\n\n .tooltip {\n --arrow-size: var(--nile-height-6px, var(--ng-height-5px));\n --arrow-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n --arrow-border-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip::part(arrow) {\n z-index: 1;\n box-shadow: none;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n font-size: var(--nile-tooltip-font-size-sm, var(--ng-font-size-text-xs));\n font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));\n line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));\n padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));\n color: var(--nile-colors-white-base, var(--ng-colors-text-primary-on-brand));\n pointer-events: none;\n word-break: break-word;\n font-family: var(--nile-font-family-inherit, var(--ng-font-family-body));\n box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .tooltip__body--large {\n font-size: var(--nile-tooltip-font-size-lg);\n line-height: var(--nile-tooltip-line-height-lg);\n font-weight: var(--nile-tooltip-font-weight-lg);\n }\n"]))));}};});
1
+ System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\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 display: contents;\n }\n\n .tooltip {\n --arrow-size: var(--nile-height-6px, var(--ng-height-5px));\n --arrow-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n --arrow-border-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip::part(arrow) {\n z-index: 1;\n box-shadow: none;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n font-size: var(--nile-tooltip-font-size-sm, var(--ng-font-size-text-xs));\n font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));\n line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));\n padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n pointer-events: none;\n word-break: break-word;\n font-family: var(--nile-font-family-inherit, var(--ng-font-family-body));\n box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .tooltip__body--large {\n font-size: var(--nile-tooltip-font-size-lg);\n line-height: var(--nile-tooltip-line-height-lg);\n font-weight: var(--nile-tooltip-font-weight-lg);\n }\n"]))));}};});
2
2
  //# sourceMappingURL=nile-tooltip.css.cjs.js.map
package/dist/nile-tooltip/nile-tooltip.css.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nile-tooltip.css.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.css.ts"],"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 * Tooltip CSS\n */\nexport const styles = css`\n :host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\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 display: contents;\n }\n\n .tooltip {\n --arrow-size: var(--nile-height-6px, var(--ng-height-5px));\n --arrow-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n --arrow-border-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip::part(arrow) {\n z-index: 1;\n box-shadow: none;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n font-size: var(--nile-tooltip-font-size-sm, var(--ng-font-size-text-xs));\n font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));\n line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));\n padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));\n color: var(--nile-colors-white-base, var(--ng-colors-text-primary-on-brand));\n pointer-events: none;\n word-break: break-word;\n font-family: var(--nile-font-family-inherit, var(--ng-font-family-body));\n box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .tooltip__body--large {\n font-size: var(--nile-tooltip-font-size-lg);\n line-height: var(--nile-tooltip-line-height-lg);\n font-weight: var(--nile-tooltip-font-weight-lg);\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1
+ {"version":3,"file":"nile-tooltip.css.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.css.ts"],"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 * Tooltip CSS\n */\nexport const styles = css`\n :host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\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 display: contents;\n }\n\n .tooltip {\n --arrow-size: var(--nile-height-6px, var(--ng-height-5px));\n --arrow-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n --arrow-border-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip::part(arrow) {\n z-index: 1;\n box-shadow: none;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n font-size: var(--nile-tooltip-font-size-sm, var(--ng-font-size-text-xs));\n font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));\n line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));\n padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n pointer-events: none;\n word-break: break-word;\n font-family: var(--nile-font-family-inherit, var(--ng-font-family-body));\n box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .tooltip__body--large {\n font-size: var(--nile-tooltip-font-size-lg);\n line-height: var(--nile-tooltip-line-height-lg);\n font-weight: var(--nile-tooltip-font-weight-lg);\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
package/dist/nile-tooltip/nile-tooltip.css.esm.js CHANGED
@@ -51,7 +51,7 @@ import{css as o}from"lit";const t=o`
51
51
  font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));
52
52
  line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));
53
53
  padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));
54
- color: var(--nile-colors-white-base, var(--ng-colors-text-primary-on-brand));
54
+ color: var(--nile-colors-white-base, var(--ng-colors-text-white));
55
55
  pointer-events: none;
56
56
  word-break: break-word;
57
57
  font-family: var(--nile-font-family-inherit, var(--ng-font-family-body));
package/dist/src/nile-lite-tooltip/nile-lite-tooltip.css.js CHANGED
@@ -17,7 +17,7 @@ export const styles = css `
17
17
  .tippy-box {
18
18
  position: relative;
19
19
  background-color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));
20
- color: var(--nile-colors-dark-200, var(--ng-colors-text-primary-on-brand));
20
+ color: var(--nile-colors-dark-200, var(--ng-colors-text-white));
21
21
  font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));
22
22
  border-radius: var(--nile-radius-sm, var(--ng-radius-md));
23
23
  font-size: var(--nile-type-scale-3, var(--ng-font-size-text-xs));
package/dist/src/nile-lite-tooltip/nile-lite-tooltip.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nile-lite-tooltip.css.js","sourceRoot":"","sources":["../../../src/nile-lite-tooltip/nile-lite-tooltip.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGxB,CAAC;AAGF,MAAM,UAAU,uBAAuB;IACrC,MAAM,QAAQ,GAAG,0BAA0B,CAAC;IAC5C,IAAI,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC;QAAE,OAAO;IAE9C,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,GAAG,QAAQ,CAAC;IACpB,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC;IACnC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC;AAED,uBAAuB,EAAE,CAAC;AAE1B,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2025\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 * LightTooltip CSS\n */\nexport const styles = css`\n :host { }\n\n .tippy-box[data-animation=fade][data-state=hidden] { opacity: 0; }\n [data-tippy-root] { max-width: calc(100vw - 10px); }\n\n .tippy-box {\n position: relative;\n background-color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));\n color: var(--nile-colors-dark-200, var(--ng-colors-text-primary-on-brand));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-xs));\n line-height: 1.4;\n white-space: normal;\n outline: 0;\n transition-property: transform, visibility, opacity;\n padding: var(--nile-spacing-xs, var(--ng-spacing-md)) var(--nile-spacing-sm, var(--ng-spacing-lg));\n box-shadow: 0px 12px 16px -4px #0A0D1214, 0px 4px 6px -2px #0A0D1208, 0px 2px 2px -1px #0A0D120A;\n }\n\n \n .tippy-box[data-placement^=top] > .tippy-arrow { bottom: 0; }\n .tippy-box[data-placement^=top] > .tippy-arrow:before {\n bottom: -7px;\n border-width: 8px 8px 0;\n border-top-color: initial;\n }\n\n .tippy-box[data-placement^=bottom] > .tippy-arrow { top: 0; }\n .tippy-box[data-placement^=bottom] > .tippy-arrow:before {\n top: -7px;\n border-width: 0 8px 8px;\n border-bottom-color: initial;\n }\n\n .tippy-box[data-placement^=left] > .tippy-arrow { right: 0; }\n .tippy-box[data-placement^=left] > .tippy-arrow:before {\n right: -7px;\n border-width: 8px 0 8px 8px;\n border-left-color: initial;\n }\n\n .tippy-box[data-placement^=right] > .tippy-arrow { left: 0; }\n .tippy-box[data-placement^=right] > .tippy-arrow:before {\n left: -7px;\n border-width: 8px 8px 8px 0;\n border-right-color: initial;\n }\n\n .tippy-box[data-inertia][data-state=visible] {\n transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);\n }\n\n .tippy-box.large { font-size: 16px; padding: 8px 12px; }\n .tippy-arrow { width: 16px; height: 16px; color: #333; }\n .tippy-arrow:before {\n content: \"\";\n position: absolute;\n border-color: transparent;\n border-style: solid;\n }\n\n .tippy-content {\n position: relative;\n z-index: 1;\n }\n\n .tippy-box[data-placement^=top] > .tippy-svg-arrow { bottom: 0; }\n .tippy-box[data-placement^=top] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {\n top: 16px;\n transform: rotate(180deg);\n }\n .tippy-box[data-placement^=bottom] > .tippy-svg-arrow { top: 0; }\n .tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg { bottom: 16px; }\n .tippy-box[data-placement^=left] > .tippy-svg-arrow { right: 0; }\n .tippy-box[data-placement^=left] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {\n transform: rotate(90deg);\n top: calc(50% - 3px);\n left: 11px;\n }\n .tippy-box[data-placement^=right] > .tippy-svg-arrow { left: 0; }\n .tippy-box[data-placement^=right] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {\n transform: rotate(-90deg);\n top: calc(50% - 3px);\n right: 11px;\n }\n\n .tippy-svg-arrow {\n width: 16px;\n height: 16px;\n fill: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));\n text-align: initial;\n position: absolute;\n }\n\n .tippy-svg-arrow > svg {\n position: absolute;\n }\n`;\n\n\nexport function injectGlobalTippyStyles(): void {\n const STYLE_ID = 'nile-lite-tooltip-styles';\n if (document.getElementById(STYLE_ID)) return;\n\n const style = document.createElement('style');\n style.id = STYLE_ID;\n style.textContent = styles.cssText;\n document.head.appendChild(style);\n}\n \ninjectGlobalTippyStyles();\n\nexport default [styles];\n"]}
1
+ {"version":3,"file":"nile-lite-tooltip.css.js","sourceRoot":"","sources":["../../../src/nile-lite-tooltip/nile-lite-tooltip.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGxB,CAAC;AAGF,MAAM,UAAU,uBAAuB;IACrC,MAAM,QAAQ,GAAG,0BAA0B,CAAC;IAC5C,IAAI,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC;QAAE,OAAO;IAE9C,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,GAAG,QAAQ,CAAC;IACpB,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC;IACnC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC;AAED,uBAAuB,EAAE,CAAC;AAE1B,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2025\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 * LightTooltip CSS\n */\nexport const styles = css`\n :host { }\n\n .tippy-box[data-animation=fade][data-state=hidden] { opacity: 0; }\n [data-tippy-root] { max-width: calc(100vw - 10px); }\n\n .tippy-box {\n position: relative;\n background-color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));\n color: var(--nile-colors-dark-200, var(--ng-colors-text-white));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-xs));\n line-height: 1.4;\n white-space: normal;\n outline: 0;\n transition-property: transform, visibility, opacity;\n padding: var(--nile-spacing-xs, var(--ng-spacing-md)) var(--nile-spacing-sm, var(--ng-spacing-lg));\n box-shadow: 0px 12px 16px -4px #0A0D1214, 0px 4px 6px -2px #0A0D1208, 0px 2px 2px -1px #0A0D120A;\n }\n\n \n .tippy-box[data-placement^=top] > .tippy-arrow { bottom: 0; }\n .tippy-box[data-placement^=top] > .tippy-arrow:before {\n bottom: -7px;\n border-width: 8px 8px 0;\n border-top-color: initial;\n }\n\n .tippy-box[data-placement^=bottom] > .tippy-arrow { top: 0; }\n .tippy-box[data-placement^=bottom] > .tippy-arrow:before {\n top: -7px;\n border-width: 0 8px 8px;\n border-bottom-color: initial;\n }\n\n .tippy-box[data-placement^=left] > .tippy-arrow { right: 0; }\n .tippy-box[data-placement^=left] > .tippy-arrow:before {\n right: -7px;\n border-width: 8px 0 8px 8px;\n border-left-color: initial;\n }\n\n .tippy-box[data-placement^=right] > .tippy-arrow { left: 0; }\n .tippy-box[data-placement^=right] > .tippy-arrow:before {\n left: -7px;\n border-width: 8px 8px 8px 0;\n border-right-color: initial;\n }\n\n .tippy-box[data-inertia][data-state=visible] {\n transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);\n }\n\n .tippy-box.large { font-size: 16px; padding: 8px 12px; }\n .tippy-arrow { width: 16px; height: 16px; color: #333; }\n .tippy-arrow:before {\n content: \"\";\n position: absolute;\n border-color: transparent;\n border-style: solid;\n }\n\n .tippy-content {\n position: relative;\n z-index: 1;\n }\n\n .tippy-box[data-placement^=top] > .tippy-svg-arrow { bottom: 0; }\n .tippy-box[data-placement^=top] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {\n top: 16px;\n transform: rotate(180deg);\n }\n .tippy-box[data-placement^=bottom] > .tippy-svg-arrow { top: 0; }\n .tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg { bottom: 16px; }\n .tippy-box[data-placement^=left] > .tippy-svg-arrow { right: 0; }\n .tippy-box[data-placement^=left] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {\n transform: rotate(90deg);\n top: calc(50% - 3px);\n left: 11px;\n }\n .tippy-box[data-placement^=right] > .tippy-svg-arrow { left: 0; }\n .tippy-box[data-placement^=right] > .tippy-svg-arrow:after,\n .tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {\n transform: rotate(-90deg);\n top: calc(50% - 3px);\n right: 11px;\n }\n\n .tippy-svg-arrow {\n width: 16px;\n height: 16px;\n fill: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));\n text-align: initial;\n position: absolute;\n }\n\n .tippy-svg-arrow > svg {\n position: absolute;\n }\n`;\n\n\nexport function injectGlobalTippyStyles(): void {\n const STYLE_ID = 'nile-lite-tooltip-styles';\n if (document.getElementById(STYLE_ID)) return;\n\n const style = document.createElement('style');\n style.id = STYLE_ID;\n style.textContent = styles.cssText;\n document.head.appendChild(style);\n}\n \ninjectGlobalTippyStyles();\n\nexport default [styles];\n"]}
package/dist/src/nile-tooltip/nile-tooltip.css.js CHANGED
@@ -61,7 +61,7 @@ export const styles = css `
61
61
  font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));
62
62
  line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));
63
63
  padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));
64
- color: var(--nile-colors-white-base, var(--ng-colors-text-primary-on-brand));
64
+ color: var(--nile-colors-white-base, var(--ng-colors-text-white));
65
65
  pointer-events: none;
66
66
  word-break: break-word;
67
67
  font-family: var(--nile-font-family-inherit, var(--ng-font-family-body));
package/dist/src/nile-tooltip/nile-tooltip.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nile-tooltip.css.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiExB,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 * Tooltip CSS\n */\nexport const styles = css`\n :host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\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 display: contents;\n }\n\n .tooltip {\n --arrow-size: var(--nile-height-6px, var(--ng-height-5px));\n --arrow-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n --arrow-border-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip::part(arrow) {\n z-index: 1;\n box-shadow: none;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n font-size: var(--nile-tooltip-font-size-sm, var(--ng-font-size-text-xs));\n font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));\n line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));\n padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));\n color: var(--nile-colors-white-base, var(--ng-colors-text-primary-on-brand));\n pointer-events: none;\n word-break: break-word;\n font-family: var(--nile-font-family-inherit, var(--ng-font-family-body));\n box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .tooltip__body--large {\n font-size: var(--nile-tooltip-font-size-lg);\n line-height: var(--nile-tooltip-line-height-lg);\n font-weight: var(--nile-tooltip-font-weight-lg);\n }\n`;\n\nexport default [styles];\n"]}
1
+ {"version":3,"file":"nile-tooltip.css.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiExB,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 * Tooltip CSS\n */\nexport const styles = css`\n :host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\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 display: contents;\n }\n\n .tooltip {\n --arrow-size: var(--nile-height-6px, var(--ng-height-5px));\n --arrow-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n --arrow-border-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip::part(arrow) {\n z-index: 1;\n box-shadow: none;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n font-size: var(--nile-tooltip-font-size-sm, var(--ng-font-size-text-xs));\n font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));\n line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));\n padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n pointer-events: none;\n word-break: break-word;\n font-family: var(--nile-font-family-inherit, var(--ng-font-family-body));\n box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .tooltip__body--large {\n font-size: var(--nile-tooltip-font-size-lg);\n line-height: var(--nile-tooltip-line-height-lg);\n font-weight: var(--nile-tooltip-font-weight-lg);\n }\n`;\n\nexport default [styles];\n"]}
package/dist/src/version.js CHANGED
@@ -12,7 +12,7 @@
12
12
  // @aquera/nile/lib/version.js into dist/index.js, so on the CDN build it is
13
13
  // frozen at this package's build time. The stylesheet is the live source.
14
14
  import { NILE_VERSION as BUILT_IN_NILE_VERSION } from '@aquera/nile/lib/version.js';
15
- export const NILE_ELEMENTS_VERSION = '2.0.15';
15
+ export const NILE_ELEMENTS_VERSION = '2.0.16';
16
16
  function readStylesheetNileVersion() {
17
17
  if (typeof window === 'undefined' || typeof getComputedStyle !== 'function') {
18
18
  return null;
package/dist/src/version.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,mBAAmB;AACnB,EAAE;AACF,+EAA+E;AAC/E,gDAAgD;AAChD,EAAE;AACF,8EAA8E;AAC9E,6EAA6E;AAC7E,qEAAqE;AACrE,EAAE;AACF,0EAA0E;AAC1E,kEAAkE;AAClE,4EAA4E;AAC5E,0EAA0E;AAC1E,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpF,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AAEjE,SAAS,yBAAyB;IAChC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,gBAAgB,KAAK,UAAU,EAAE,CAAC;QAC5E,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC;QACH,MAAM,KAAK,GAAG,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC;aACrD,gBAAgB,CAAC,gBAAgB,CAAC;aAClC,IAAI,EAAE;aACN,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;QAE/B,OAAO,KAAK,IAAI,IAAI,CAAC;IACvB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,yBAAyB,EAAE,IAAI,qBAAqB,CAAC;AAC9D,CAAC;AAED,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAE5D,yEAAyE;IACzE,yEAAyE;IACzE,IAAI,QAAQ,GAAkB,IAAI,CAAC;IACnC,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE;QAC3C,YAAY,EAAE,IAAI;QAClB,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,cAAc,EAAE;QACvC,GAAG,EAAE,CAAC,KAAa,EAAE,EAAE;YACrB,QAAQ,GAAG,KAAK,CAAC;QACnB,CAAC;KACF,CAAC,CAAC;IAEF,MAAc,CAAC,OAAO,GAAI,MAAc,CAAC,OAAO,IAAI;QACnD,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE;KAChC,CAAC;AACJ,CAAC","sourcesContent":["// Version utility.\n//\n// NILE_ELEMENTS_VERSION is this package's own version and is still substituted\n// at build time by scripts/replace-version.cjs.\n//\n// The tokens version is read from the loaded Nile stylesheet's --nile-version\n// custom property (stamped by @aquera/nile's scripts/stamp-css-version.mjs),\n// falling back to the @aquera/nile installed alongside this package.\n//\n// Reading the stylesheet is what makes a tokens-only release visible. The\n// imported constant alone is not enough: rollup.config.js bundles\n// @aquera/nile/lib/version.js into dist/index.js, so on the CDN build it is\n// frozen at this package's build time. The stylesheet is the live source.\nimport { NILE_VERSION as BUILT_IN_NILE_VERSION } from '@aquera/nile/lib/version.js';\n\nexport const NILE_ELEMENTS_VERSION = '2.0.15';\n\nfunction readStylesheetNileVersion(): string | null {\n if (typeof window === 'undefined' || typeof getComputedStyle !== 'function') {\n return null;\n }\n\n try {\n const value = getComputedStyle(document.documentElement)\n .getPropertyValue('--nile-version')\n .trim()\n .replace(/^[\"']|[\"']$/g, '');\n\n return value || null;\n } catch {\n return null;\n }\n}\n\n/**\n * The version of @aquera/nile (tokens/stylesheets) whose CSS is loaded in the\n * page, falling back to the @aquera/nile bundled into this package when no\n * stamped stylesheet is present.\n *\n * This is the canonical runtime API. It resolves on every call rather than\n * caching, so it is correct even when the Nile stylesheet is added to the page\n * after this module evaluates - which is the common case, and why no\n * module-evaluation-time snapshot of it is exported.\n */\nexport function getNileVersion(): string {\n return readStylesheetNileVersion() ?? BUILT_IN_NILE_VERSION;\n}\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n\n // A getter rather than a value, so window.nileVersion reflects whichever\n // stylesheet is loaded at read time regardless of script/style ordering.\n let override: string | null = null;\n Object.defineProperty(window, 'nileVersion', {\n configurable: true,\n get: () => override ?? getNileVersion(),\n set: (value: string) => {\n override = value;\n },\n });\n\n (window as any).process = (window as any).process || {\n env: { NODE_ENV: 'production' },\n };\n}\n"]}
1
+ {"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,mBAAmB;AACnB,EAAE;AACF,+EAA+E;AAC/E,gDAAgD;AAChD,EAAE;AACF,8EAA8E;AAC9E,6EAA6E;AAC7E,qEAAqE;AACrE,EAAE;AACF,0EAA0E;AAC1E,kEAAkE;AAClE,4EAA4E;AAC5E,0EAA0E;AAC1E,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpF,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AAEjE,SAAS,yBAAyB;IAChC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,gBAAgB,KAAK,UAAU,EAAE,CAAC;QAC5E,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC;QACH,MAAM,KAAK,GAAG,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC;aACrD,gBAAgB,CAAC,gBAAgB,CAAC;aAClC,IAAI,EAAE;aACN,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;QAE/B,OAAO,KAAK,IAAI,IAAI,CAAC;IACvB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,yBAAyB,EAAE,IAAI,qBAAqB,CAAC;AAC9D,CAAC;AAED,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAE5D,yEAAyE;IACzE,yEAAyE;IACzE,IAAI,QAAQ,GAAkB,IAAI,CAAC;IACnC,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE;QAC3C,YAAY,EAAE,IAAI;QAClB,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,cAAc,EAAE;QACvC,GAAG,EAAE,CAAC,KAAa,EAAE,EAAE;YACrB,QAAQ,GAAG,KAAK,CAAC;QACnB,CAAC;KACF,CAAC,CAAC;IAEF,MAAc,CAAC,OAAO,GAAI,MAAc,CAAC,OAAO,IAAI;QACnD,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE;KAChC,CAAC;AACJ,CAAC","sourcesContent":["// Version utility.\n//\n// NILE_ELEMENTS_VERSION is this package's own version and is still substituted\n// at build time by scripts/replace-version.cjs.\n//\n// The tokens version is read from the loaded Nile stylesheet's --nile-version\n// custom property (stamped by @aquera/nile's scripts/stamp-css-version.mjs),\n// falling back to the @aquera/nile installed alongside this package.\n//\n// Reading the stylesheet is what makes a tokens-only release visible. The\n// imported constant alone is not enough: rollup.config.js bundles\n// @aquera/nile/lib/version.js into dist/index.js, so on the CDN build it is\n// frozen at this package's build time. The stylesheet is the live source.\nimport { NILE_VERSION as BUILT_IN_NILE_VERSION } from '@aquera/nile/lib/version.js';\n\nexport const NILE_ELEMENTS_VERSION = '2.0.16';\n\nfunction readStylesheetNileVersion(): string | null {\n if (typeof window === 'undefined' || typeof getComputedStyle !== 'function') {\n return null;\n }\n\n try {\n const value = getComputedStyle(document.documentElement)\n .getPropertyValue('--nile-version')\n .trim()\n .replace(/^[\"']|[\"']$/g, '');\n\n return value || null;\n } catch {\n return null;\n }\n}\n\n/**\n * The version of @aquera/nile (tokens/stylesheets) whose CSS is loaded in the\n * page, falling back to the @aquera/nile bundled into this package when no\n * stamped stylesheet is present.\n *\n * This is the canonical runtime API. It resolves on every call rather than\n * caching, so it is correct even when the Nile stylesheet is added to the page\n * after this module evaluates - which is the common case, and why no\n * module-evaluation-time snapshot of it is exported.\n */\nexport function getNileVersion(): string {\n return readStylesheetNileVersion() ?? BUILT_IN_NILE_VERSION;\n}\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n\n // A getter rather than a value, so window.nileVersion reflects whichever\n // stylesheet is loaded at read time regardless of script/style ordering.\n let override: string | null = null;\n Object.defineProperty(window, 'nileVersion', {\n configurable: true,\n get: () => override ?? getNileVersion(),\n set: (value: string) => {\n override = value;\n },\n });\n\n (window as any).process = (window as any).process || {\n env: { NODE_ENV: 'production' },\n };\n}\n"]}