@semcore/feature-highlight 16.3.0-prerelease.4 → 16.4.0-prerelease.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 (68) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/components/badge/Badge.js +2 -2
  3. package/lib/cjs/components/badge/badge.shadow.css +2 -2
  4. package/lib/cjs/components/button/Button.js +9 -9
  5. package/lib/cjs/components/button/button.shadow.css +24 -24
  6. package/lib/cjs/components/checkbox/Checkbox.js +3 -3
  7. package/lib/cjs/components/checkbox/checkbox.shadow.css +5 -5
  8. package/lib/cjs/components/input/Input.js +8 -8
  9. package/lib/cjs/components/input/input.shadow.css +2 -2
  10. package/lib/cjs/components/notice/Notice.js +6 -6
  11. package/lib/cjs/components/notice/notice.shadow.css +6 -6
  12. package/lib/cjs/components/pills/Pills.js +7 -7
  13. package/lib/cjs/components/pills/pills.shadow.css +6 -6
  14. package/lib/cjs/components/radio/Radio.js +3 -3
  15. package/lib/cjs/components/radio/radio.shadow.css +3 -3
  16. package/lib/cjs/components/switch/Switch.js +4 -4
  17. package/lib/cjs/components/switch/switch.shadow.css +3 -3
  18. package/lib/cjs/components/tab-line/TabLine.js +4 -4
  19. package/lib/cjs/components/tab-line/tabLine.shadow.css +3 -3
  20. package/lib/cjs/inner-components/button-trigger/ButtonTrigger.js +8 -8
  21. package/lib/cjs/inner-components/button-trigger/buttonTrigger.shadow.css +5 -5
  22. package/lib/cjs/inner-components/sparkle/Sparkle.js +13 -13
  23. package/lib/cjs/inner-components/sparkle/style/sparkle.shadow.css +1 -1
  24. package/lib/es6/components/badge/Badge.js +2 -2
  25. package/lib/es6/components/badge/badge.shadow.css +2 -2
  26. package/lib/es6/components/button/Button.js +9 -9
  27. package/lib/es6/components/button/button.shadow.css +24 -24
  28. package/lib/es6/components/checkbox/Checkbox.js +3 -3
  29. package/lib/es6/components/checkbox/checkbox.shadow.css +5 -5
  30. package/lib/es6/components/input/Input.js +8 -8
  31. package/lib/es6/components/input/input.shadow.css +2 -2
  32. package/lib/es6/components/notice/Notice.js +6 -6
  33. package/lib/es6/components/notice/notice.shadow.css +6 -6
  34. package/lib/es6/components/pills/Pills.js +7 -7
  35. package/lib/es6/components/pills/pills.shadow.css +6 -6
  36. package/lib/es6/components/radio/Radio.js +3 -3
  37. package/lib/es6/components/radio/radio.shadow.css +3 -3
  38. package/lib/es6/components/switch/Switch.js +4 -4
  39. package/lib/es6/components/switch/switch.shadow.css +3 -3
  40. package/lib/es6/components/tab-line/TabLine.js +4 -4
  41. package/lib/es6/components/tab-line/tabLine.shadow.css +3 -3
  42. package/lib/es6/inner-components/button-trigger/ButtonTrigger.js +8 -8
  43. package/lib/es6/inner-components/button-trigger/buttonTrigger.shadow.css +5 -5
  44. package/lib/es6/inner-components/sparkle/Sparkle.js +13 -13
  45. package/lib/es6/inner-components/sparkle/style/sparkle.shadow.css +1 -1
  46. package/lib/esm/components/badge/Badge.mjs +3 -3
  47. package/lib/esm/components/badge/badge.shadow.css +2 -2
  48. package/lib/esm/components/button/Button.mjs +10 -10
  49. package/lib/esm/components/button/button.shadow.css +24 -24
  50. package/lib/esm/components/checkbox/Checkbox.mjs +4 -4
  51. package/lib/esm/components/checkbox/checkbox.shadow.css +5 -5
  52. package/lib/esm/components/input/Input.mjs +9 -9
  53. package/lib/esm/components/input/input.shadow.css +2 -2
  54. package/lib/esm/components/notice/Notice.mjs +7 -7
  55. package/lib/esm/components/notice/notice.shadow.css +6 -6
  56. package/lib/esm/components/pills/Pills.mjs +8 -8
  57. package/lib/esm/components/pills/pills.shadow.css +6 -6
  58. package/lib/esm/components/radio/Radio.mjs +4 -4
  59. package/lib/esm/components/radio/radio.shadow.css +3 -3
  60. package/lib/esm/components/switch/Switch.mjs +5 -5
  61. package/lib/esm/components/switch/switch.shadow.css +3 -3
  62. package/lib/esm/components/tab-line/TabLine.mjs +5 -5
  63. package/lib/esm/components/tab-line/tabLine.shadow.css +3 -3
  64. package/lib/esm/inner-components/button-trigger/ButtonTrigger.mjs +9 -9
  65. package/lib/esm/inner-components/button-trigger/buttonTrigger.shadow.css +5 -5
  66. package/lib/esm/inner-components/sparkle/Sparkle.mjs +14 -14
  67. package/lib/esm/inner-components/sparkle/style/sparkle.shadow.css +1 -1
  68. package/package.json +16 -16
package/lib/esm/components/checkbox/Checkbox.mjs CHANGED
@@ -13,13 +13,13 @@ var style = (
13
13
  /*__reshadow_css_start__*/
14
14
  (sstyled.insert(
15
15
  /*__inner_css_start__*/
16
- '.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) [data-ui-name="Value.CheckMark"]{border:1px solid transparent;border-radius:var(--intergalactic-addon-rounded, 4px);background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) input[data-ui-name="CheckboxFH.Value"]:checked+[data-ui-name="Value.CheckMark"]{border-color:transparent;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) [data-ui-name="Value.CheckMark"]::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:1px;border-width:2px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);border-color:transparent;pointer-events:none;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:not(:focus-visible)+[data-ui-name="Value.CheckMark"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) input[data-ui-name="CheckboxFH.Value"]:focus-visible+[data-ui-name="Value.CheckMark"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}',
16
+ '.___SHighlightedCheckbox_815cq_gg_:not(._state_invalid_815cq_gg_) [data-ui-name="Value.CheckMark"]{border:1px solid transparent;border-radius:var(--intergalactic-addon-rounded, 4px);background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_815cq_gg_:not(._state_invalid_815cq_gg_) [data-ui-name="Value.CheckMark"]{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_815cq_gg_:not(._state_invalid_815cq_gg_) [data-ui-name="Value.CheckMark"]{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedCheckbox_815cq_gg_:not(._state_invalid_815cq_gg_) input[data-ui-name="CheckboxFH.Value"]:checked+[data-ui-name="Value.CheckMark"]{border-color:transparent;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_815cq_gg_:not(._state_invalid_815cq_gg_) input[data-ui-name="CheckboxFH.Value"]:checked+[data-ui-name="Value.CheckMark"]{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_815cq_gg_:not(._state_invalid_815cq_gg_) input[data-ui-name="CheckboxFH.Value"]:checked+[data-ui-name="Value.CheckMark"]{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedCheckbox_815cq_gg_:not(._state_invalid_815cq_gg_) [data-ui-name="Value.CheckMark"]::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:1px;border-width:2px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);border-color:transparent;pointer-events:none;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_815cq_gg_:not(._state_invalid_815cq_gg_) [data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_815cq_gg_:not(._state_invalid_815cq_gg_) [data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedCheckbox_815cq_gg_:not(._state_invalid_815cq_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:not(:focus-visible)+[data-ui-name="Value.CheckMark"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_815cq_gg_:not(._state_invalid_815cq_gg_) input[data-ui-name="CheckboxFH.Value"]:focus-visible+[data-ui-name="Value.CheckMark"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_815cq_gg_:not(._state_invalid_815cq_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_815cq_gg_:not(._state_invalid_815cq_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_815cq_gg_:not(._state_invalid_815cq_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}',
17
17
  /*__inner_css_end__*/
18
- "18hxr_gg_"
18
+ "815cq_gg_"
19
19
  ), /*__reshadow_css_end__*/
20
20
  {
21
- "__SHighlightedCheckbox": "___SHighlightedCheckbox_18hxr_gg_",
22
- "_state_invalid": "_state_invalid_18hxr_gg_"
21
+ "__SHighlightedCheckbox": "___SHighlightedCheckbox_815cq_gg_",
22
+ "_state_invalid": "_state_invalid_815cq_gg_"
23
23
  })
24
24
  );
25
25
  var CheckboxFHRoot = /* @__PURE__ */ (function(_Component) {
package/lib/esm/components/checkbox/checkbox.shadow.css CHANGED
@@ -3,15 +3,15 @@ SHighlightedCheckbox:not([state="invalid"]) {
3
3
  border: 1px solid transparent;
4
4
  border-radius: var(--intergalactic-addon-rounded, 4px);
5
5
  background: linear-gradient(white, white) padding-box,
6
- var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;
6
+ var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, oklch(0.82 0.118 303), oklch(0.82 0.088 272.1))) border-box;
7
7
  background-origin: border-box;
8
8
  background-clip: padding-box, border-box;
9
9
  }
10
10
 
11
11
  input[data-ui-name="CheckboxFH.Value"]:checked + [data-ui-name="Value.CheckMark"] {
12
12
  border-color: transparent;
13
- background: var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,
14
- var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box;
13
+ background: var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.74 0.117 274.1))) padding-box,
14
+ var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.74 0.117 274.1))) border-box;
15
15
  }
16
16
 
17
17
  [data-ui-name="Value.CheckMark"]::before {
@@ -25,7 +25,7 @@ SHighlightedCheckbox:not([state="invalid"]) {
25
25
  border-radius: calc(var(--intergalactic-addon-rounded, 4px) + 3px);
26
26
  border-color: transparent;
27
27
  pointer-events: none;
28
- background: linear-gradient(white, white) padding-box, var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;
28
+ background: linear-gradient(white, white) padding-box, var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, oklch(0.82 0.118 303), oklch(0.82 0.088 272.1))) border-box;
29
29
  mask: linear-gradient(0deg, #fff, #fff) content-box, linear-gradient(0deg, #fff, #fff);
30
30
  mask-composite: exclude;
31
31
 
@@ -49,6 +49,6 @@ SHighlightedCheckbox:not([state="invalid"]) {
49
49
 
50
50
  input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before {
51
51
  border-color: transparent;
52
- background: linear-gradient(white, white) padding-box, var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box;
52
+ background: linear-gradient(white, white) padding-box, var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.74 0.117 274.1))) border-box;
53
53
  }
54
54
  }
package/lib/esm/components/input/Input.mjs CHANGED
@@ -13,18 +13,18 @@ var style = (
13
13
  /*__reshadow_css_start__*/
14
14
  (sstyled.insert(
15
15
  /*__inner_css_start__*/
16
- '.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_ .___SOutline_1ddq4_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_ .___SOutline_1ddq4_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:3px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_:has(.___SValue_1ddq4_gg_:focus-visible) .___SOutline_1ddq4_gg_{outline:0}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_:has(.___SValue_1ddq4_gg_:focus-visible) .___SOutline_1ddq4_gg_::before{opacity:1}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_._neighborLocation_left_1ddq4_gg_ .___SOutline_1ddq4_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_._neighborLocation_right_1ddq4_gg_ .___SOutline_1ddq4_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_._neighborLocation_both_1ddq4_gg_ .___SOutline_1ddq4_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_:has(.___SValue_1ddq4_gg_:focus-visible) .___SOutline_1ddq4_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_:has(.___SValue_1ddq4_gg_:focus-visible) .___SOutline_1ddq4_gg_::before{display:none}}',
16
+ '.___SHighlightedInput_j3ti6_gg_._state_normal_j3ti6_gg_ .___SOutline_j3ti6_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_j3ti6_gg_._state_normal_j3ti6_gg_ .___SOutline_j3ti6_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedInput_j3ti6_gg_._state_normal_j3ti6_gg_ .___SOutline_j3ti6_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedInput_j3ti6_gg_._state_normal_j3ti6_gg_ .___SOutline_j3ti6_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:3px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_j3ti6_gg_._state_normal_j3ti6_gg_ .___SOutline_j3ti6_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedInput_j3ti6_gg_._state_normal_j3ti6_gg_ .___SOutline_j3ti6_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedInput_j3ti6_gg_._state_normal_j3ti6_gg_:has(.___SValue_j3ti6_gg_:focus-visible) .___SOutline_j3ti6_gg_{outline:0}.___SHighlightedInput_j3ti6_gg_._state_normal_j3ti6_gg_:has(.___SValue_j3ti6_gg_:focus-visible) .___SOutline_j3ti6_gg_::before{opacity:1}.___SHighlightedInput_j3ti6_gg_._state_normal_j3ti6_gg_._neighborLocation_left_j3ti6_gg_ .___SOutline_j3ti6_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_j3ti6_gg_._state_normal_j3ti6_gg_._neighborLocation_right_j3ti6_gg_ .___SOutline_j3ti6_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_j3ti6_gg_._state_normal_j3ti6_gg_._neighborLocation_both_j3ti6_gg_ .___SOutline_j3ti6_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_j3ti6_gg_._state_normal_j3ti6_gg_:has(.___SValue_j3ti6_gg_:focus-visible) .___SOutline_j3ti6_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_j3ti6_gg_._state_normal_j3ti6_gg_:has(.___SValue_j3ti6_gg_:focus-visible) .___SOutline_j3ti6_gg_::before{display:none}}',
17
17
  /*__inner_css_end__*/
18
- "1ddq4_gg_"
18
+ "j3ti6_gg_"
19
19
  ), /*__reshadow_css_end__*/
20
20
  {
21
- "__SHighlightedInput": "___SHighlightedInput_1ddq4_gg_",
22
- "_state_normal": "_state_normal_1ddq4_gg_",
23
- "__SValue": "___SValue_1ddq4_gg_",
24
- "__SOutline": "___SOutline_1ddq4_gg_",
25
- "_neighborLocation_left": "_neighborLocation_left_1ddq4_gg_",
26
- "_neighborLocation_right": "_neighborLocation_right_1ddq4_gg_",
27
- "_neighborLocation_both": "_neighborLocation_both_1ddq4_gg_"
21
+ "__SHighlightedInput": "___SHighlightedInput_j3ti6_gg_",
22
+ "_state_normal": "_state_normal_j3ti6_gg_",
23
+ "__SValue": "___SValue_j3ti6_gg_",
24
+ "__SOutline": "___SOutline_j3ti6_gg_",
25
+ "_neighborLocation_left": "_neighborLocation_left_j3ti6_gg_",
26
+ "_neighborLocation_right": "_neighborLocation_right_j3ti6_gg_",
27
+ "_neighborLocation_both": "_neighborLocation_both_j3ti6_gg_"
28
28
  })
29
29
  );
30
30
  var InputFHRoot = /* @__PURE__ */ (function(_Component) {
package/lib/esm/components/input/input.shadow.css CHANGED
@@ -1,7 +1,7 @@
1
1
  SHighlightedInput[state='normal'] {
2
2
  SOutline {
3
3
  background: linear-gradient(white, white) padding-box,
4
- var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;
4
+ var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, oklch(0.82 0.118 303), oklch(0.82 0.088 272.1))) border-box;
5
5
  background-origin: border-box;
6
6
  background-clip: padding-box, border-box;
7
7
  border-color: transparent;
@@ -15,7 +15,7 @@ SHighlightedInput[state='normal'] {
15
15
  padding: 3px;
16
16
  border-radius: calc(var(--intergalactic-control-rounded, 6px) + 3px);
17
17
 
18
- background-image: var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));
18
+ background-image: var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.58 0.168 278.2)));
19
19
  mask: linear-gradient(0deg, #fff, #fff) content-box, linear-gradient(0deg, #fff, #fff);
20
20
  mask-composite: exclude;
21
21
 
package/lib/esm/components/notice/Notice.mjs CHANGED
@@ -14,16 +14,16 @@ var style = (
14
14
  /*__reshadow_css_start__*/
15
15
  (sstyled.insert(
16
16
  /*__inner_css_start__*/
17
- '.___SHighlightedNotice_wzdzl_gg_.__beforeVisibility_wzdzl_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));border-color:transparent;background-clip:padding-box;position:relative}.___SHighlightedNotice_wzdzl_gg_.__beforeVisibility_wzdzl_gg_:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_wzdzl);background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box}.___SHighlightedNotice_wzdzl_gg_.__beforeVisibility_wzdzl_gg_ .___SLabel_wzdzl_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SHighlightedNotice_wzdzl_gg_.__beforeVisibility_wzdzl_gg_ .___SCloseIcon_wzdzl_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SHighlightedNotice_wzdzl_gg_.__beforeVisibility_wzdzl_gg_ .___SCloseIcon_wzdzl_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}',
17
+ '.___SHighlightedNotice_cv1lt_gg_.__beforeVisibility_cv1lt_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255)));border-color:transparent;background-clip:padding-box;position:relative}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_cv1lt_gg_.__beforeVisibility_cv1lt_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255)))}@media (color-gamut:p3){.___SHighlightedNotice_cv1lt_gg_.__beforeVisibility_cv1lt_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962)))}}}.___SHighlightedNotice_cv1lt_gg_.__beforeVisibility_cv1lt_gg_:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_cv1lt);background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))\n ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_cv1lt_gg_.__beforeVisibility_cv1lt_gg_:before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))\n ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box}@media (color-gamut:p3){.___SHighlightedNotice_cv1lt_gg_.__beforeVisibility_cv1lt_gg_:before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))\n ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) padding-box}}}.___SHighlightedNotice_cv1lt_gg_.__beforeVisibility_cv1lt_gg_ .___SLabel_cv1lt_gg_{color:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SHighlightedNotice_cv1lt_gg_.__beforeVisibility_cv1lt_gg_ .___SCloseIcon_cv1lt_gg_{color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}@media (hover:hover){.___SHighlightedNotice_cv1lt_gg_.__beforeVisibility_cv1lt_gg_ .___SCloseIcon_cv1lt_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_cv1lt_gg_.__beforeVisibility_cv1lt_gg_ .___SCloseIcon_cv1lt_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SHighlightedNotice_cv1lt_gg_.__beforeVisibility_cv1lt_gg_ .___SCloseIcon_cv1lt_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}',
18
18
  /*__inner_css_end__*/
19
- "wzdzl_gg_"
19
+ "cv1lt_gg_"
20
20
  ), /*__reshadow_css_end__*/
21
21
  {
22
- "__SHighlightedNotice": "___SHighlightedNotice_wzdzl_gg_",
23
- "_beforeVisibility": "__beforeVisibility_wzdzl_gg_",
24
- "--beforeVisibility": "--beforeVisibility_wzdzl",
25
- "__SLabel": "___SLabel_wzdzl_gg_",
26
- "__SCloseIcon": "___SCloseIcon_wzdzl_gg_"
22
+ "__SHighlightedNotice": "___SHighlightedNotice_cv1lt_gg_",
23
+ "_beforeVisibility": "__beforeVisibility_cv1lt_gg_",
24
+ "--beforeVisibility": "--beforeVisibility_cv1lt",
25
+ "__SLabel": "___SLabel_cv1lt_gg_",
26
+ "__SCloseIcon": "___SCloseIcon_cv1lt_gg_"
27
27
  })
28
28
  );
29
29
  var NoticeFHRoot = /* @__PURE__ */ (function(_Component) {
package/lib/esm/components/notice/notice.shadow.css CHANGED
@@ -1,5 +1,5 @@
1
1
  SHighlightedNotice[beforeVisibility] {
2
- background-image: var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));
2
+ background-image: var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, oklch(0.97 0.019 303.4), oklch(0.929 0.037 268)));
3
3
  border-color: transparent;
4
4
  background-clip: padding-box;
5
5
  position: relative;
@@ -13,19 +13,19 @@ SHighlightedNotice[beforeVisibility] {
13
13
  border-radius: inherit;
14
14
  visibility: var(--beforeVisibility);
15
15
 
16
- background: var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)
17
- ) border-box, var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box;
16
+ background: var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, oklch(0.82 0.118 303), oklch(0.82 0.088 272.1))
17
+ ) border-box, var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.74 0.117 274.1))) padding-box;
18
18
  }
19
19
 
20
20
  & SLabel {
21
- color: var(--intergalactic-icon-primary-feature-highlight, #8649e1);
21
+ color: var(--intergalactic-icon-primary-feature-highlight, oklch(0.58 0.254 297.1));
22
22
  }
23
23
 
24
24
  & SCloseIcon {
25
- color: var(--intergalactic-icon-primary-neutral, #6c6e79);
25
+ color: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
26
26
 
27
27
  &:hover {
28
- color: var(--intergalactic-icon-primary-neutral-hover-active, #565861);
28
+ color: var(--intergalactic-icon-primary-neutral-hover-active, oklch(0.088 0.026 147.7 / 0.583));
29
29
  }
30
30
  }
31
31
  }
package/lib/esm/components/pills/Pills.mjs CHANGED
@@ -14,17 +14,17 @@ var style = (
14
14
  /*__reshadow_css_start__*/
15
15
  (sstyled.insert(
16
16
  /*__inner_css_start__*/
17
- '.___SHighlightedPill_f2r4b_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1;position:relative}.___SHighlightedPill_f2r4b_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);will-change:opacity,transform;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedPill_f2r4b_gg_._neighborLocation_left_f2r4b_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_f2r4b_gg_._neighborLocation_right_f2r4b_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_f2r4b_gg_._neighborLocation_both_f2r4b_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_f2r4b_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box}}.___SHighlightedPill_f2r4b_gg_.__selected_f2r4b_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SPills_f2r4b_gg_ .___SHighlightedPill_f2r4b_gg_:focus-visible{outline:0}.___SPills_f2r4b_gg_ .___SHighlightedPill_f2r4b_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_f2r4b_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_f2r4b_gg_:focus-visible::before{display:none}}',
17
+ '.___SHighlightedPill_1flc6_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1;position:relative}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_1flc6_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedPill_1flc6_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedPill_1flc6_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);will-change:opacity,transform;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_1flc6_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedPill_1flc6_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedPill_1flc6_gg_._neighborLocation_left_1flc6_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_1flc6_gg_._neighborLocation_right_1flc6_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_1flc6_gg_._neighborLocation_both_1flc6_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_1flc6_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_1flc6_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedPill_1flc6_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}}.___SHighlightedPill_1flc6_gg_.__selected_1flc6_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_1flc6_gg_.__selected_1flc6_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedPill_1flc6_gg_.__selected_1flc6_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box}}}.___SPills_1flc6_gg_ .___SHighlightedPill_1flc6_gg_:focus-visible{outline:0}.___SPills_1flc6_gg_ .___SHighlightedPill_1flc6_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_1flc6_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_1flc6_gg_:focus-visible::before{display:none}}',
18
18
  /*__inner_css_end__*/
19
- "f2r4b_gg_"
19
+ "1flc6_gg_"
20
20
  ), /*__reshadow_css_end__*/
21
21
  {
22
- "__SHighlightedPill": "___SHighlightedPill_f2r4b_gg_",
23
- "_neighborLocation_left": "_neighborLocation_left_f2r4b_gg_",
24
- "_neighborLocation_right": "_neighborLocation_right_f2r4b_gg_",
25
- "_neighborLocation_both": "_neighborLocation_both_f2r4b_gg_",
26
- "_selected": "__selected_f2r4b_gg_",
27
- "__SPills": "___SPills_f2r4b_gg_"
22
+ "__SHighlightedPill": "___SHighlightedPill_1flc6_gg_",
23
+ "_neighborLocation_left": "_neighborLocation_left_1flc6_gg_",
24
+ "_neighborLocation_right": "_neighborLocation_right_1flc6_gg_",
25
+ "_neighborLocation_both": "_neighborLocation_both_1flc6_gg_",
26
+ "_selected": "__selected_1flc6_gg_",
27
+ "__SPills": "___SPills_1flc6_gg_"
28
28
  })
29
29
  );
30
30
  var PillsFHRoot = /* @__PURE__ */ (function(_Component) {
package/lib/esm/components/pills/pills.shadow.css CHANGED
@@ -2,7 +2,7 @@ SHighlightedPill {
2
2
  border: 1px solid transparent;
3
3
  background:
4
4
  linear-gradient(white, white) padding-box,
5
- var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;
5
+ var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, oklch(0.82 0.118 303), oklch(0.82 0.088 272.1))) border-box;
6
6
  background-origin: border-box;
7
7
  background-clip: padding-box, border-box;
8
8
  z-index: 1;
@@ -17,7 +17,7 @@ SHighlightedPill {
17
17
  padding: 2px;
18
18
  border-radius: calc(var(--intergalactic-control-rounded, 6px) + 3px);
19
19
 
20
- background-image: var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));
20
+ background-image: var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.58 0.168 278.2)));
21
21
  mask: linear-gradient(0deg, #fff, #fff) content-box, linear-gradient(0deg, #fff, #fff);
22
22
  mask-composite: exclude;
23
23
 
@@ -46,14 +46,14 @@ SHighlightedPill {
46
46
  }
47
47
 
48
48
  &:hover {
49
- background: var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,
50
- var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;
49
+ background: var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, oklch(0.97 0.019 303.4), oklch(0.929 0.037 268))) padding-box,
50
+ var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, oklch(0.82 0.118 303), oklch(0.82 0.088 272.1))) border-box;
51
51
  }
52
52
 
53
53
  &[selected] {
54
54
  background:
55
- var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,
56
- var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;
55
+ var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, oklch(0.97 0.019 303.4), oklch(0.929 0.037 268))) padding-box,
56
+ var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, oklch(0.64 0.223 299.3), oklch(0.74 0.117 274.1))) border-box;
57
57
  background-origin: border-box;
58
58
  background-clip: padding-box, border-box;
59
59
  border-color: transparent;
package/lib/esm/components/radio/Radio.mjs CHANGED
@@ -13,13 +13,13 @@ var style = (
13
13
  /*__reshadow_css_start__*/
14
14
  (sstyled.insert(
15
15
  /*__inner_css_start__*/
16
- '.___SHighlightedRadio_is7ms_gg_{position:relative}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_gg_) [data-ui-name="Value.RadioMark"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_gg_) [data-ui-name="Value.RadioMark"]::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:50%;border-width:0;pointer-events:none;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:margin calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_gg_) [data-ui-name="Value.RadioMark"]::after{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff);top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,height calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]::before{margin:-4px;opacity:1;transform:scale(1);transition:inherit}@supports not (-webkit-mask-composite:xor){.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]::before{display:none}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_gg_) input[data-ui-name="RadioFH.Value"]:checked:focus-visible+[data-ui-name="Value.RadioMark"]::before{display:none}}',
16
+ '.___SHighlightedRadio_1xau1_gg_{position:relative}.___SHighlightedRadio_1xau1_gg_:not(._state_invalid_1xau1_gg_) [data-ui-name="Value.RadioMark"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedRadio_1xau1_gg_:not(._state_invalid_1xau1_gg_) [data-ui-name="Value.RadioMark"]{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)))}@media (color-gamut:p3){.___SHighlightedRadio_1xau1_gg_:not(._state_invalid_1xau1_gg_) [data-ui-name="Value.RadioMark"]{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254)))}}}.___SHighlightedRadio_1xau1_gg_:not(._state_invalid_1xau1_gg_) [data-ui-name="Value.RadioMark"]::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:50%;border-width:0;pointer-events:none;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:margin calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedRadio_1xau1_gg_:not(._state_invalid_1xau1_gg_) [data-ui-name="Value.RadioMark"]::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedRadio_1xau1_gg_:not(._state_invalid_1xau1_gg_) [data-ui-name="Value.RadioMark"]::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedRadio_1xau1_gg_:not(._state_invalid_1xau1_gg_) [data-ui-name="Value.RadioMark"]::after{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,height calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_1xau1_gg_:not(._state_invalid_1xau1_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]::before{margin:-4px;opacity:1;transform:scale(1);transition:inherit}@supports not (-webkit-mask-composite:xor){.___SHighlightedRadio_1xau1_gg_:not(._state_invalid_1xau1_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedRadio_1xau1_gg_:not(._state_invalid_1xau1_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]::before{display:none}.___SHighlightedRadio_1xau1_gg_:not(._state_invalid_1xau1_gg_) input[data-ui-name="RadioFH.Value"]:checked:focus-visible+[data-ui-name="Value.RadioMark"]::before{display:none}}',
17
17
  /*__inner_css_end__*/
18
- "is7ms_gg_"
18
+ "1xau1_gg_"
19
19
  ), /*__reshadow_css_end__*/
20
20
  {
21
- "__SHighlightedRadio": "___SHighlightedRadio_is7ms_gg_",
22
- "_state_invalid": "_state_invalid_is7ms_gg_"
21
+ "__SHighlightedRadio": "___SHighlightedRadio_1xau1_gg_",
22
+ "_state_invalid": "_state_invalid_1xau1_gg_"
23
23
  })
24
24
  );
25
25
  var RadioFHRoot = /* @__PURE__ */ (function(_Component) {
package/lib/esm/components/radio/radio.shadow.css CHANGED
@@ -5,7 +5,7 @@ SHighlightedRadio {
5
5
  SHighlightedRadio:not([state="invalid"]) {
6
6
  [data-ui-name="Value.RadioMark"] {
7
7
  border-radius: 50%;
8
- background: var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff));
8
+ background: var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, oklch(0.82 0.118 303), oklch(0.82 0.088 272.1)));
9
9
  }
10
10
 
11
11
  [data-ui-name="Value.RadioMark"]::before {
@@ -18,7 +18,7 @@ SHighlightedRadio:not([state="invalid"]) {
18
18
  border-radius: 50%;
19
19
  border-width: 0;
20
20
  pointer-events: none;
21
- background-image: var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));
21
+ background-image: var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.58 0.168 278.2)));
22
22
 
23
23
  mask: linear-gradient(0deg, #fff, #fff) content-box, linear-gradient(0deg, #fff, #fff);
24
24
  mask-composite: exclude;
@@ -38,7 +38,7 @@ SHighlightedRadio:not([state="invalid"]) {
38
38
  right: 0;
39
39
  bottom: 0;
40
40
  border-radius: 50%;
41
- background: var(--intergalactic-bg-primary-neutral, #ffffff);
41
+ background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
42
42
  top: 50%;
43
43
  left: 50%;
44
44
  width: calc(100% - 2px);
package/lib/esm/components/switch/Switch.mjs CHANGED
@@ -13,14 +13,14 @@ var style = (
13
13
  /*__reshadow_css_start__*/
14
14
  (sstyled.insert(
15
15
  /*__inner_css_start__*/
16
- '.___SToggle_188ar_gg_{position:relative}.___SToggle_188ar_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SToggle_188ar_gg_.__checked_188ar_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_188ar_gg_:has(.___SInput_188ar_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_188ar_gg_:has(.___SInput_188ar_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_188ar_gg_:has(.___SInput_188ar_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_188ar_gg_:has(.___SInput_188ar_gg_:focus-visible)::before{display:none}}',
16
+ '.___SToggle_h38gc_gg_{position:relative}.___SToggle_h38gc_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SToggle_h38gc_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SToggle_h38gc_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SToggle_h38gc_gg_.__checked_h38gc_gg_{color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245)))}.___SToggle_h38gc_gg_:has(.___SInput_h38gc_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_h38gc_gg_:has(.___SInput_h38gc_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_h38gc_gg_:has(.___SInput_h38gc_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_h38gc_gg_:has(.___SInput_h38gc_gg_:focus-visible)::before{display:none}}',
17
17
  /*__inner_css_end__*/
18
- "188ar_gg_"
18
+ "h38gc_gg_"
19
19
  ), /*__reshadow_css_end__*/
20
20
  {
21
- "__SToggle": "___SToggle_188ar_gg_",
22
- "_checked": "__checked_188ar_gg_",
23
- "__SInput": "___SInput_188ar_gg_"
21
+ "__SToggle": "___SToggle_h38gc_gg_",
22
+ "_checked": "__checked_h38gc_gg_",
23
+ "__SInput": "___SInput_h38gc_gg_"
24
24
  })
25
25
  );
26
26
  var SwitchFHRoot = /* @__PURE__ */ (function(_Component) {
package/lib/esm/components/switch/switch.shadow.css CHANGED
@@ -10,7 +10,7 @@ SToggle {
10
10
  padding: 2px;
11
11
  border-radius: inherit;
12
12
 
13
- background-image: var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));
13
+ background-image: var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.58 0.168 278.2)));
14
14
  mask: linear-gradient(0deg, #fff, #fff) content-box, linear-gradient(0deg, #fff, #fff);
15
15
  mask-composite: exclude;
16
16
 
@@ -25,8 +25,8 @@ SToggle {
25
25
  }
26
26
 
27
27
  SToggle[checked] {
28
- color: var(--intergalactic-control-primary-info, #008ff8);
29
- background-image: var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8));
28
+ color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
29
+ background-image: var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg in oklch, oklch(0.64 0.223 299.3), oklch(0.74 0.117 274.1)));
30
30
  }
31
31
 
32
32
  SToggle:has(SInput:focus-visible) {
package/lib/esm/components/tab-line/TabLine.mjs CHANGED
@@ -14,14 +14,14 @@ var style = (
14
14
  /*__reshadow_css_start__*/
15
15
  (sstyled.insert(
16
16
  /*__inner_css_start__*/
17
- '.___SHighlightedItem_7mtik_gg_:focus-visible{outline:0}.___SHighlightedItem_7mtik_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_7mtik_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_7mtik_gg_.__selected_7mtik_gg_::after{opacity:1}@media (hover:hover){.___SHighlightedItem_7mtik_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}}.___SHighlightedItem_7mtik_gg_::before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:auto;width:calc(100% + 4px);margin:-4px;padding:2px;box-sizing:content-box;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedCaret_7mtik_gg_,.___SHighlightedItem_7mtik_gg_.__selected_7mtik_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}',
17
+ '.___SHighlightedItem_1vl4u_gg_:focus-visible{outline:0}.___SHighlightedItem_1vl4u_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_1vl4u_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_1vl4u_gg_.__selected_1vl4u_gg_::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_1vl4u_gg_.__selected_1vl4u_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedItem_1vl4u_gg_.__selected_1vl4u_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}@media (hover:hover){.___SHighlightedItem_1vl4u_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_1vl4u_gg_:hover:not(:focus-visible)::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedItem_1vl4u_gg_:hover:not(:focus-visible)::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}}.___SHighlightedItem_1vl4u_gg_::before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:auto;width:calc(100% + 4px);margin:-4px;padding:2px;box-sizing:content-box;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_1vl4u_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedItem_1vl4u_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedCaret_1vl4u_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCaret_1vl4u_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedCaret_1vl4u_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}',
18
18
  /*__inner_css_end__*/
19
- "7mtik_gg_"
19
+ "1vl4u_gg_"
20
20
  ), /*__reshadow_css_end__*/
21
21
  {
22
- "__SHighlightedCaret": "___SHighlightedCaret_7mtik_gg_",
23
- "__SHighlightedItem": "___SHighlightedItem_7mtik_gg_",
24
- "_selected": "__selected_7mtik_gg_"
22
+ "__SHighlightedCaret": "___SHighlightedCaret_1vl4u_gg_",
23
+ "__SHighlightedItem": "___SHighlightedItem_1vl4u_gg_",
24
+ "_selected": "__selected_1vl4u_gg_"
25
25
  })
26
26
  );
27
27
  var TabLineFHRoot = /* @__PURE__ */ (function(_Component) {
package/lib/esm/components/tab-line/tabLine.shadow.css CHANGED
@@ -14,7 +14,7 @@ SHighlightedItem {
14
14
  }
15
15
  &[selected]::after, &:hover:not(:focus-visible)::after {
16
16
  opacity: 1;
17
- background: var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8));
17
+ background: var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.74 0.117 274.1)));
18
18
  }
19
19
 
20
20
  &::before {
@@ -27,7 +27,7 @@ SHighlightedItem {
27
27
  margin: -4px;
28
28
  padding: 2px;
29
29
  box-sizing: content-box;
30
- background-image: var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));
30
+ background-image: var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.58 0.168 278.2)));
31
31
 
32
32
  mask: linear-gradient(0deg, #fff, #fff) content-box, linear-gradient(0deg, #fff, #fff);
33
33
  mask-composite: exclude;
@@ -42,5 +42,5 @@ SHighlightedItem {
42
42
  }
43
43
 
44
44
  SHighlightedCaret {
45
- background: var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8));
45
+ background: var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.74 0.117 274.1)));
46
46
  }
package/lib/esm/inner-components/button-trigger/ButtonTrigger.mjs CHANGED
@@ -13,18 +13,18 @@ var style = (
13
13
  /*__reshadow_css_start__*/
14
14
  (sstyled.insert(
15
15
  /*__inner_css_start__*/
16
- '.___SHighlightedButtonTrigger_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}.___SHighlightedButtonTrigger_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_)::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@media (hover:hover){.___SHighlightedButtonTrigger_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box}}.___SHighlightedButtonTrigger_1vitv_gg_.__active_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_),.___SHighlightedButtonTrigger_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_):active{background:linear-gradient(white,white) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedButtonTrigger_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_1vitv_gg_._neighborLocation_left_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_1vitv_gg_._neighborLocation_right_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_1vitv_gg_._neighborLocation_both_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_):focus-visible::before{display:none}}',
16
+ '.___SHighlightedButtonTrigger_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedButtonTrigger_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_)::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedButtonTrigger_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}@media (hover:hover){.___SHighlightedButtonTrigger_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}}.___SHighlightedButtonTrigger_1b6yr_gg_.__active_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_),.___SHighlightedButtonTrigger_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_):active{background:linear-gradient(white,white) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedButtonTrigger_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_1b6yr_gg_._neighborLocation_left_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_1b6yr_gg_._neighborLocation_right_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_1b6yr_gg_._neighborLocation_both_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_1b6yr_gg_:not(._state_invalid_1b6yr_gg_):not(._state_valid_1b6yr_gg_):focus-visible::before{display:none}}',
17
17
  /*__inner_css_end__*/
18
- "1vitv_gg_"
18
+ "1b6yr_gg_"
19
19
  ), /*__reshadow_css_end__*/
20
20
  {
21
- "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_1vitv_gg_",
22
- "_state_invalid": "_state_invalid_1vitv_gg_",
23
- "_state_valid": "_state_valid_1vitv_gg_",
24
- "_active": "__active_1vitv_gg_",
25
- "_neighborLocation_left": "_neighborLocation_left_1vitv_gg_",
26
- "_neighborLocation_right": "_neighborLocation_right_1vitv_gg_",
27
- "_neighborLocation_both": "_neighborLocation_both_1vitv_gg_"
21
+ "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_1b6yr_gg_",
22
+ "_state_invalid": "_state_invalid_1b6yr_gg_",
23
+ "_state_valid": "_state_valid_1b6yr_gg_",
24
+ "_active": "__active_1b6yr_gg_",
25
+ "_neighborLocation_left": "_neighborLocation_left_1b6yr_gg_",
26
+ "_neighborLocation_right": "_neighborLocation_right_1b6yr_gg_",
27
+ "_neighborLocation_both": "_neighborLocation_both_1b6yr_gg_"
28
28
  })
29
29
  );
30
30
  var ButtonTriggerFHRoot = /* @__PURE__ */ (function(_Component) {
package/lib/esm/inner-components/button-trigger/buttonTrigger.shadow.css CHANGED
@@ -2,7 +2,7 @@ SHighlightedButtonTrigger:not([state="invalid"]):not([state="valid"]) {
2
2
  border: 1px solid transparent;
3
3
  background:
4
4
  linear-gradient(white, white) padding-box,
5
- var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;
5
+ var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, oklch(0.82 0.118 303), oklch(0.82 0.088 272.1))) border-box;
6
6
  background-origin: border-box;
7
7
  background-clip: padding-box, border-box;
8
8
  position: relative;
@@ -16,7 +16,7 @@ SHighlightedButtonTrigger:not([state="invalid"]):not([state="valid"]) {
16
16
  margin: -5px;
17
17
  padding: 2px;
18
18
  border-radius: calc(var(--intergalactic-control-rounded, 6px) + 3px);
19
- background-image: var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));
19
+ background-image: var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.58 0.168 278.2)));
20
20
 
21
21
  mask: linear-gradient(0deg, #fff, #fff) content-box, linear-gradient(0deg, #fff, #fff);
22
22
  mask-composite: exclude;
@@ -31,15 +31,15 @@ SHighlightedButtonTrigger:not([state="invalid"]):not([state="valid"]) {
31
31
  }
32
32
 
33
33
  &:hover {
34
- background: var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,
35
- var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;
34
+ background: var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, oklch(0.97 0.019 303.4), oklch(0.929 0.037 268))) padding-box,
35
+ var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, oklch(0.82 0.118 303), oklch(0.82 0.088 272.1))) border-box;
36
36
  }
37
37
 
38
38
  &:active,
39
39
  &[active] {
40
40
  background:
41
41
  linear-gradient(white, white) padding-box,
42
- var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;
42
+ var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, oklch(0.64 0.223 299.3), oklch(0.74 0.117 274.1))) border-box;
43
43
  background-origin: border-box;
44
44
  background-clip: padding-box, border-box;
45
45
  border-color: transparent;
package/lib/esm/inner-components/sparkle/Sparkle.mjs CHANGED
@@ -6,23 +6,23 @@ var styles = (
6
6
  /*__reshadow_css_start__*/
7
7
  (sstyled.insert(
8
8
  /*__inner_css_start__*/
9
- "@keyframes sparkles_140ly{50%{transform:rotate(calc(1deg*var(--angle_140ly))) translateY(200%) scale(var(--scale_140ly))}to{transform:rotate(calc(1deg*var(--angle_140ly))) translateY(200%) scale(0)}}.___SSparkle_140ly_gg_{position:absolute}.___SSparkle_140ly_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SSparkle_140ly_gg_.__angle_140ly_gg_.__scale_140ly_gg_.__duration_140ly_gg_{transform:rotate(calc(1deg*var(--angle_140ly))) scale(var(--scale_140ly));animation-name:sparkles_140ly;animation-fill-mode:forwards;animation-duration:var(--duration_140ly)}.___SSparkle_140ly_gg_.__left_140ly_gg_{left:var(--left_140ly)}.___SSparkle_140ly_gg_.__top_140ly_gg_{top:var(--top_140ly)}",
9
+ "@keyframes sparkles_c1yxu{50%{transform:rotate(calc(1deg*var(--angle_c1yxu))) translateY(200%) scale(var(--scale_c1yxu))}to{transform:rotate(calc(1deg*var(--angle_c1yxu))) translateY(200%) scale(0)}}.___SSparkle_c1yxu_gg_{position:absolute}.___SSparkle_c1yxu_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SSparkle_c1yxu_gg_.__angle_c1yxu_gg_.__scale_c1yxu_gg_.__duration_c1yxu_gg_{transform:rotate(calc(1deg*var(--angle_c1yxu))) scale(var(--scale_c1yxu));animation-name:sparkles_c1yxu;animation-fill-mode:forwards;animation-duration:var(--duration_c1yxu)}.___SSparkle_c1yxu_gg_.__left_c1yxu_gg_{left:var(--left_c1yxu)}.___SSparkle_c1yxu_gg_.__top_c1yxu_gg_{top:var(--top_c1yxu)}",
10
10
  /*__inner_css_end__*/
11
- "140ly_gg_"
11
+ "c1yxu_gg_"
12
12
  ), /*__reshadow_css_end__*/
13
13
  {
14
- "__SSparkle": "___SSparkle_140ly_gg_",
15
- "_angle": "__angle_140ly_gg_",
16
- "_scale": "__scale_140ly_gg_",
17
- "_duration": "__duration_140ly_gg_",
18
- "--angle": "--angle_140ly",
19
- "--scale": "--scale_140ly",
20
- "--duration": "--duration_140ly",
21
- "@sparkles": "sparkles_140ly",
22
- "_left": "__left_140ly_gg_",
23
- "--left": "--left_140ly",
24
- "_top": "__top_140ly_gg_",
25
- "--top": "--top_140ly"
14
+ "__SSparkle": "___SSparkle_c1yxu_gg_",
15
+ "_angle": "__angle_c1yxu_gg_",
16
+ "_scale": "__scale_c1yxu_gg_",
17
+ "_duration": "__duration_c1yxu_gg_",
18
+ "--angle": "--angle_c1yxu",
19
+ "--scale": "--scale_c1yxu",
20
+ "--duration": "--duration_c1yxu",
21
+ "@sparkles": "sparkles_c1yxu",
22
+ "_left": "__left_c1yxu_gg_",
23
+ "--left": "--left_c1yxu",
24
+ "_top": "__top_c1yxu_gg_",
25
+ "--top": "--top_c1yxu"
26
26
  })
27
27
  );
28
28
  function SvgSparkle(props, ref) {
package/lib/esm/inner-components/sparkle/style/sparkle.shadow.css CHANGED
@@ -2,7 +2,7 @@ SSparkle {
2
2
  position: absolute;
3
3
 
4
4
  & path {
5
- fill: var(--intergalactic-icon-primary-feature-highlight, #8649e1);
5
+ fill: var(--intergalactic-icon-primary-feature-highlight, oklch(0.58 0.254 297.1));
6
6
  }
7
7
  }
8
8