@semcore/feature-highlight 17.0.1-prerelease.1 → 17.1.0-prerelease.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.1.0] - 2026-05-12
+
+### Added
+
+- New brand theme.
+
 ## [17.0.1] - 2026-04-16
 
 ### Fixed

package/lib/cjs/components/badge/Badge.js

@@ -11,13 +11,13 @@ var _badge = _interopRequireDefault(require("@semcore/badge"));
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./badge.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedBadge_1yxcs_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___SHighlightedBadge_1yxcs_gg_._use_accent_1yxcs_gg_{background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SHighlightedBadge_1yxcs_gg_.__bg_1yxcs_gg_{background-color:var(--bg_1yxcs)}", /*__inner_css_end__*/"1yxcs_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedBadge_b73tz_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949))}.___SHighlightedBadge_b73tz_gg_._use_accent_b73tz_gg_{background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245)))}.___SHighlightedBadge_b73tz_gg_.__bg_b73tz_gg_{background-color:var(--bg_b73tz)}", /*__inner_css_end__*/"b73tz_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedBadge": "___SHighlightedBadge_1yxcs_gg_",
-  "_use_accent": "_use_accent_1yxcs_gg_",
-  "_bg": "__bg_1yxcs_gg_",
-  "--bg": "--bg_1yxcs"
+  "__SHighlightedBadge": "___SHighlightedBadge_b73tz_gg_",
+  "_use_accent": "_use_accent_b73tz_gg_",
+  "_bg": "__bg_b73tz_gg_",
+  "--bg": "--bg_b73tz"
 });
 class BadgeFHRoot extends _core.Component {
   render() {

package/lib/cjs/components/badge/badge.shadow.css

@@ -1,9 +1,9 @@
 SHighlightedBadge {
-  color: var(--intergalactic-text-primary-invert, #ffffff);
+  color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
 }
 
 SHighlightedBadge[use='accent'] {
-  background-image: var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8));
+  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)));
 }
 
 SHighlightedBadge[bg] {

package/lib/cjs/components/button/Button.js

@@ -12,17 +12,17 @@ var _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
 var _react = _interopRequireDefault(require("react"));
 var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
 /*!__reshadow-styles__:"./button.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:linear-gradient(90deg,var(--intergalactic-violet-500, #8649e1),var(--intergalactic-blue-500, #006dca),var(--intergalactic-violet-400, #ab6cfe),var(--intergalactic-blue-400, #008ff8));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-position-x:1%}}.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_.__active_dqm1q_gg_,.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:var(--intergalactic-control-primary-feature-highlight-active, linear-gradient(90deg, #5925ab, #044792));background-size:100%}.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_:focus-visible{outline:0}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1);background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_ .___SText_dqm1q_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight, #8649e1);background-image:var(--intergalactic-text-feature-highlight, linear-gradient(90deg, #8649e1, #006dca));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (hover:hover){.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg, #f2e4ff, #d6edfe)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4)}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:hover .___SText_dqm1q_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f))}}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_.__active_dqm1q_gg_,.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg, #edd9ff, #c4e5fe)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4)}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_.__active_dqm1q_gg_ .___SText_dqm1q_gg_,.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:active .___SText_dqm1q_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f))}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:focus-visible{outline:0}.___SHighlightedButton_dqm1q_gg_{position:relative}.___SHighlightedButton_dqm1q_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);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}.___SHighlightedButton_dqm1q_gg_._neighborLocation_left_dqm1q_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_dqm1q_gg_._neighborLocation_right_dqm1q_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_dqm1q_gg_._neighborLocation_both_dqm1q_gg_::before{border-radius:0}.___SHighlightedButton_dqm1q_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedButton_dqm1q_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButton_dqm1q_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"dqm1q_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedButton_1gg3z_gg_._theme_primary-highlighted_1gg3z_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-image:linear-gradient(90deg,var(--intergalactic-violet-500, rgb(128, 41, 236)),var(--intergalactic-blue-500, rgb(92, 92, 196)),var(--intergalactic-violet-400, rgb(162, 97, 253)),var(--intergalactic-blue-400, rgb(102, 107, 219)));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.___SHighlightedButton_1gg3z_gg_._theme_primary-highlighted_1gg3z_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-position-x:1%}}.___SHighlightedButton_1gg3z_gg_._theme_primary-highlighted_1gg3z_gg_.__active_1gg3z_gg_,.___SHighlightedButton_1gg3z_gg_._theme_primary-highlighted_1gg3z_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-image:var(--intergalactic-control-primary-feature-highlight-active, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(102, 107, 219)));background-size:100%}.___SHighlightedButton_1gg3z_gg_._theme_primary-highlighted_1gg3z_gg_:focus-visible{outline:0}.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_{color:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250));background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(240, 245, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) 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%)){.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_{background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(240, 245, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_{background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.94438 0.95907 0.99998))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_ .___SText_1gg3z_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250));background-image:var(--intergalactic-text-feature-highlight, linear-gradient(90deg in oklch, rgb(128, 41, 236), rgb(92, 92, 196)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (hover:hover){.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg in oklch, color(display-p3 0.89136 0.83496 0.99956), color(display-p3 0.8189 0.86425 1))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:hover .___SText_1gg3z_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236));background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(128, 41, 236), rgb(92, 92, 196)))}}.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_.__active_1gg3z_gg_,.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_.__active_1gg3z_gg_,.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_.__active_1gg3z_gg_,.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.89136 0.83496 0.99956), color(display-p3 0.8189 0.86425 1))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_.__active_1gg3z_gg_ .___SText_1gg3z_gg_,.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:active .___SText_1gg3z_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236));background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(128, 41, 236), rgb(92, 92, 196)))}.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:focus-visible{outline:0}.___SHighlightedButton_1gg3z_gg_{position:relative}.___SHighlightedButton_1gg3z_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);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%)){.___SHighlightedButton_1gg3z_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){.___SHighlightedButton_1gg3z_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)))}}}.___SHighlightedButton_1gg3z_gg_._neighborLocation_left_1gg3z_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_1gg3z_gg_._neighborLocation_right_1gg3z_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_1gg3z_gg_._neighborLocation_both_1gg3z_gg_::before{border-radius:0}.___SHighlightedButton_1gg3z_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedButton_1gg3z_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButton_1gg3z_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"1gg3z_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedButton": "___SHighlightedButton_dqm1q_gg_",
-  "_theme_primary-highlighted": "_theme_primary-highlighted_dqm1q_gg_",
-  "_active": "__active_dqm1q_gg_",
-  "_theme_secondary-highlighted": "_theme_secondary-highlighted_dqm1q_gg_",
-  "__SText": "___SText_dqm1q_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_dqm1q_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_dqm1q_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_dqm1q_gg_"
+  "__SHighlightedButton": "___SHighlightedButton_1gg3z_gg_",
+  "_theme_primary-highlighted": "_theme_primary-highlighted_1gg3z_gg_",
+  "_active": "__active_1gg3z_gg_",
+  "_theme_secondary-highlighted": "_theme_secondary-highlighted_1gg3z_gg_",
+  "__SText": "___SText_1gg3z_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1gg3z_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_1gg3z_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_1gg3z_gg_"
 });
 class ButtonFHRoot extends _core.Component {
   constructor(...args) {

package/lib/cjs/components/button/button.shadow.css

@@ -1,23 +1,23 @@
 SHighlightedButton[theme='primary-highlighted'] {
-  color: var(--intergalactic-text-primary-invert, #ffffff);
+  color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
   background-image: linear-gradient(90deg,
-  var(--intergalactic-violet-500, #8649e1),
-  var(--intergalactic-blue-500, #006dca),
-  var(--intergalactic-violet-400, #ab6cfe),
-  var(--intergalactic-blue-400, #008ff8));
+  var(--intergalactic-violet-500, oklch(0.53 0.26 296)),
+  var(--intergalactic-blue-500, oklch(0.53 0.157 279.2)),
+  var(--intergalactic-violet-400, oklch(0.64 0.223 299.3)),
+  var(--intergalactic-blue-400, oklch(0.58 0.168 278.2)));
   background-position-x: 99%;
   background-size: 300%;
   transition: background-position-x 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
 
   &:hover {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
     background-position-x: 1%;
   }
 
   &:active,
   &[active] {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-image: var(--intergalactic-control-primary-feature-highlight-active, linear-gradient(90deg, #5925ab, #044792));
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-image: var(--intergalactic-control-primary-feature-highlight-active, linear-gradient(90deg in oklch, oklch(0.64 0.223 299.3), oklch(0.58 0.168 278.2)));
     background-size: 100%;
   }
 
@@ -27,45 +27,45 @@ SHighlightedButton[theme='primary-highlighted'] {
 }
 
 SHighlightedButton[theme='secondary-highlighted'] {
-  color: var(--intergalactic-icon-primary-feature-highlight, #8649e1);
+  color: var(--intergalactic-icon-primary-feature-highlight, oklch(0.58 0.254 297.1));
 
   background:
-    var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,
-    var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;
+    var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg in oklch, oklch(0.97 0.019 303.4), oklch(0.969 0.016 267.7))) padding-box,
+    var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.74 0.117 274.1))) border-box;
   background-origin: border-box;
   background-clip: padding-box, border-box;
 
   & SText {
-    background-color: var(--intergalactic-icon-primary-feature-highlight, #8649e1);
-    background-image: var(--intergalactic-text-feature-highlight, linear-gradient(90deg, #8649e1, #006dca));
+    background-color: var(--intergalactic-icon-primary-feature-highlight, oklch(0.58 0.254 297.1));
+    background-image: var(--intergalactic-text-feature-highlight, linear-gradient(90deg in oklch, oklch(0.53 0.26 296), oklch(0.53 0.157 279.2)));
     background-clip: text;
     -webkit-text-fill-color: transparent;
   }
 
   &:hover {
     background:
-      var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg, #f2e4ff, #d6edfe)) padding-box,
-      var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;
+      var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg in oklch, oklch(0.9 0.065 303), oklch(0.898 0.054 268.3))) padding-box,
+      var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.74 0.117 274.1))) border-box;
 
-    color: var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);
+    color: var(--intergalactic-icon-primary-feature-highlight-hover-active, oklch(0.53 0.26 296));
 
     & SText {
-      background-color: var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);
-      background-image: var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f));
+      background-color: var(--intergalactic-icon-primary-feature-highlight-hover-active, oklch(0.53 0.26 296));
+      background-image: var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg in oklch, oklch(0.53 0.26 296), oklch(0.53 0.157 279.2)));
     }
   }
 
   &:active,
   &[active] {
     background:
-      var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg, #edd9ff, #c4e5fe)) padding-box,
-      var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;
+      var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg in oklch, oklch(0.9 0.065 303), oklch(0.898 0.054 268.3))) padding-box,
+      var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.74 0.117 274.1))) border-box;
 
-    color: var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);
+    color: var(--intergalactic-icon-primary-feature-highlight-hover-active, oklch(0.53 0.26 296));
 
     & SText {
-      background-color: var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);
-      background-image: var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f));
+      background-color: var(--intergalactic-icon-primary-feature-highlight-hover-active, oklch(0.53 0.26 296));
+      background-image: var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg in oklch, oklch(0.53 0.26 296), oklch(0.53 0.157 279.2)));
     }
   }
 
@@ -87,7 +87,7 @@ SHighlightedButton {
     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));
+    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)));
 
     mask: linear-gradient(0deg, #fff, #fff) content-box, linear-gradient(0deg, #fff, #fff);
     mask-composite: exclude;

package/lib/cjs/components/checkbox/Checkbox.js

@@ -11,11 +11,11 @@ var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
 var _react = _interopRequireDefault(require("react"));
 var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
 /*!__reshadow-styles__:"./checkbox.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_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_7bobd_gg_:not(._state_invalid_7bobd_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_7bobd_gg_:not(._state_invalid_7bobd_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_7bobd_gg_:not(._state_invalid_7bobd_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:not(:focus-visible)+[data-ui-name=\"Value.CheckMark\"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_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}", /*__inner_css_end__*/"7bobd_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) [data-ui-name=\"Value.CheckMark\"]{position:relative;transform:translate(0);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_zq7su_gg_:not(._state_invalid_zq7su_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_zq7su_gg_:not(._state_invalid_zq7su_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_zq7su_gg_:not(._state_invalid_zq7su_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_zq7su_gg_:not(._state_invalid_zq7su_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_zq7su_gg_:not(._state_invalid_zq7su_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_zq7su_gg_:not(._state_invalid_zq7su_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_zq7su_gg_:not(._state_invalid_zq7su_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_zq7su_gg_:not(._state_invalid_zq7su_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_zq7su_gg_:not(._state_invalid_zq7su_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:not(:focus-visible)+[data-ui-name=\"Value.CheckMark\"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_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_zq7su_gg_:not(._state_invalid_zq7su_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_zq7su_gg_:not(._state_invalid_zq7su_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}}}", /*__inner_css_end__*/"zq7su_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedCheckbox": "___SHighlightedCheckbox_7bobd_gg_",
-  "_state_invalid": "_state_invalid_7bobd_gg_"
+  "__SHighlightedCheckbox": "___SHighlightedCheckbox_zq7su_gg_",
+  "_state_invalid": "_state_invalid_zq7su_gg_"
 });
 class CheckboxFHRoot extends _core.Component {
   constructor(...args) {

package/lib/cjs/components/checkbox/checkbox.shadow.css

@@ -1,17 +1,20 @@
 SHighlightedCheckbox:not([state="invalid"]) {
   [data-ui-name="Value.CheckMark"] {
+    position: relative;
+    transform: translate(0);
+
     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;
+      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;
     background-origin: border-box;
     background-clip: padding-box, border-box;
   }
 
   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;
+    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,
+      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;
   }
 
   [data-ui-name="Value.CheckMark"]::before {
@@ -25,7 +28,7 @@ SHighlightedCheckbox:not([state="invalid"]) {
     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;
+    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;
     mask: linear-gradient(0deg, #fff, #fff) content-box, linear-gradient(0deg, #fff, #fff);
     mask-composite: exclude;
 
@@ -49,6 +52,6 @@ SHighlightedCheckbox:not([state="invalid"]) {
 
   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;
+    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;
   }
 }

package/lib/cjs/components/input/Input.js

@@ -11,16 +11,16 @@ var _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
 var _input = _interopRequireDefault(require("@semcore/input"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./input.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_ .___SOutline_1ozif_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_1ozif_gg_._state_normal_1ozif_gg_ .___SOutline_1ozif_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_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_{outline:0}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_::before{opacity:1}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_._neighborLocation_left_1ozif_gg_ .___SOutline_1ozif_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_._neighborLocation_right_1ozif_gg_ .___SOutline_1ozif_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_._neighborLocation_both_1ozif_gg_ .___SOutline_1ozif_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_::before{display:none}}", /*__inner_css_end__*/"1ozif_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_ .___SOutline_1ryba_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_1ryba_gg_._state_normal_1ryba_gg_ .___SOutline_1ryba_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_1ryba_gg_._state_normal_1ryba_gg_ .___SOutline_1ryba_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_1ryba_gg_._state_normal_1ryba_gg_ .___SOutline_1ryba_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_1ryba_gg_._state_normal_1ryba_gg_ .___SOutline_1ryba_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_1ryba_gg_._state_normal_1ryba_gg_ .___SOutline_1ryba_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_1ryba_gg_._state_normal_1ryba_gg_:has(.___SValue_1ryba_gg_:focus-visible) .___SOutline_1ryba_gg_{outline:0}.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_:has(.___SValue_1ryba_gg_:focus-visible) .___SOutline_1ryba_gg_::before{opacity:1}.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_._neighborLocation_left_1ryba_gg_ .___SOutline_1ryba_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_._neighborLocation_right_1ryba_gg_ .___SOutline_1ryba_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_._neighborLocation_both_1ryba_gg_ .___SOutline_1ryba_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_:has(.___SValue_1ryba_gg_:focus-visible) .___SOutline_1ryba_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_:has(.___SValue_1ryba_gg_:focus-visible) .___SOutline_1ryba_gg_::before{display:none}}", /*__inner_css_end__*/"1ryba_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedInput": "___SHighlightedInput_1ozif_gg_",
-  "_state_normal": "_state_normal_1ozif_gg_",
-  "__SValue": "___SValue_1ozif_gg_",
-  "__SOutline": "___SOutline_1ozif_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1ozif_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1ozif_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1ozif_gg_"
+  "__SHighlightedInput": "___SHighlightedInput_1ryba_gg_",
+  "_state_normal": "_state_normal_1ryba_gg_",
+  "__SValue": "___SValue_1ryba_gg_",
+  "__SOutline": "___SOutline_1ryba_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1ryba_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_1ryba_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_1ryba_gg_"
 });
 class InputFHRoot extends _core.Component {
   render() {

package/lib/cjs/components/input/input.shadow.css

@@ -1,7 +1,7 @@
 SHighlightedInput[state='normal'] {
   SOutline {
     background: linear-gradient(white, white) padding-box,
-      var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-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;
     background-origin: border-box;
     background-clip: padding-box, border-box;
     border-color: transparent;
@@ -15,7 +15,7 @@ SHighlightedInput[state='normal'] {
       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));
+      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)));
       mask: linear-gradient(0deg, #fff, #fff) content-box, linear-gradient(0deg, #fff, #fff);
       mask-composite: exclude;
 

package/lib/cjs/components/notice/Notice.js

@@ -12,14 +12,14 @@ var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
 var _notice = _interopRequireDefault(require("@semcore/notice"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./notice.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));border-color:transparent;background-clip:padding-box;position:relative}.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_1rypr);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_1rypr_gg_.__beforeVisibility_1rypr_gg_ .___SLabel_1rypr_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_ .___SCloseIcon_1rypr_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_ .___SCloseIcon_1rypr_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}", /*__inner_css_end__*/"1rypr_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedNotice_1slbx_gg_.__beforeVisibility_1slbx_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_1slbx_gg_.__beforeVisibility_1slbx_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_1slbx_gg_.__beforeVisibility_1slbx_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_1slbx_gg_.__beforeVisibility_1slbx_gg_:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_1slbx);background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))  ) 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_1slbx_gg_.__beforeVisibility_1slbx_gg_:before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))  ) 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_1slbx_gg_.__beforeVisibility_1slbx_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))  ) 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_1slbx_gg_.__beforeVisibility_1slbx_gg_ .___SLabel_1slbx_gg_{color:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SHighlightedNotice_1slbx_gg_.__beforeVisibility_1slbx_gg_ .___SCloseIcon_1slbx_gg_{color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}@media (hover:hover){.___SHighlightedNotice_1slbx_gg_.__beforeVisibility_1slbx_gg_ .___SCloseIcon_1slbx_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_1slbx_gg_.__beforeVisibility_1slbx_gg_ .___SCloseIcon_1slbx_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SHighlightedNotice_1slbx_gg_.__beforeVisibility_1slbx_gg_ .___SCloseIcon_1slbx_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}", /*__inner_css_end__*/"1slbx_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedNotice": "___SHighlightedNotice_1rypr_gg_",
-  "_beforeVisibility": "__beforeVisibility_1rypr_gg_",
-  "--beforeVisibility": "--beforeVisibility_1rypr",
-  "__SLabel": "___SLabel_1rypr_gg_",
-  "__SCloseIcon": "___SCloseIcon_1rypr_gg_"
+  "__SHighlightedNotice": "___SHighlightedNotice_1slbx_gg_",
+  "_beforeVisibility": "__beforeVisibility_1slbx_gg_",
+  "--beforeVisibility": "--beforeVisibility_1slbx",
+  "__SLabel": "___SLabel_1slbx_gg_",
+  "__SCloseIcon": "___SCloseIcon_1slbx_gg_"
 });
 class NoticeFHRoot extends _core.Component {
   renderSmartMode() {

package/lib/cjs/components/notice/notice.shadow.css

@@ -1,5 +1,5 @@
 SHighlightedNotice[beforeVisibility] {
-  background-image: var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));
+  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)));
   border-color: transparent;
   background-clip: padding-box;
   position: relative;
@@ -13,19 +13,19 @@ SHighlightedNotice[beforeVisibility] {
     border-radius: inherit;
     visibility: var(--beforeVisibility);
 
-    background: var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)
-  ) border-box, var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box;
+    background: 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, 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;
   }
 
   & SLabel {
-    color: var(--intergalactic-icon-primary-feature-highlight, #8649e1);
+    color: var(--intergalactic-icon-primary-feature-highlight, oklch(0.58 0.254 297.1));
   }
 
   & SCloseIcon {
-    color: var(--intergalactic-icon-primary-neutral, #6c6e79);
+    color: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
 
     &:hover {
-      color: var(--intergalactic-icon-primary-neutral-hover-active, #565861);
+      color: var(--intergalactic-icon-primary-neutral-hover-active, oklch(0.088 0.026 147.7 / 0.583));
     }
   }
 }

package/lib/cjs/components/pills/Pills.js

@@ -12,15 +12,15 @@ var _pills = _interopRequireDefault(require("@semcore/pills"));
 var _react = _interopRequireDefault(require("react"));
 var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
 /*!__reshadow-styles__:"./pills.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedPill_mfzk8_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_mfzk8_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_mfzk8_gg_._neighborLocation_left_mfzk8_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_mfzk8_gg_._neighborLocation_right_mfzk8_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_mfzk8_gg_._neighborLocation_both_mfzk8_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_mfzk8_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_mfzk8_gg_.__selected_mfzk8_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_mfzk8_gg_ .___SHighlightedPill_mfzk8_gg_:focus-visible{outline:0}.___SPills_mfzk8_gg_ .___SHighlightedPill_mfzk8_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_mfzk8_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_mfzk8_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"mfzk8_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedPill_126ap_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_126ap_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_126ap_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_126ap_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_126ap_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_126ap_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_126ap_gg_._neighborLocation_left_126ap_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_126ap_gg_._neighborLocation_right_126ap_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_126ap_gg_._neighborLocation_both_126ap_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_126ap_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_126ap_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_126ap_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_126ap_gg_.__selected_126ap_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_126ap_gg_.__selected_126ap_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_126ap_gg_.__selected_126ap_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_126ap_gg_ .___SHighlightedPill_126ap_gg_:focus-visible{outline:0}.___SPills_126ap_gg_ .___SHighlightedPill_126ap_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_126ap_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_126ap_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"126ap_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedPill": "___SHighlightedPill_mfzk8_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_mfzk8_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_mfzk8_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_mfzk8_gg_",
-  "_selected": "__selected_mfzk8_gg_",
-  "__SPills": "___SPills_mfzk8_gg_"
+  "__SHighlightedPill": "___SHighlightedPill_126ap_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_126ap_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_126ap_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_126ap_gg_",
+  "_selected": "__selected_126ap_gg_",
+  "__SPills": "___SPills_126ap_gg_"
 });
 class PillsFHRoot extends _core.Component {
   render() {

package/lib/cjs/components/pills/pills.shadow.css

@@ -2,7 +2,7 @@ SHighlightedPill {
   border: 1px solid transparent;
   background:
     linear-gradient(white, white) padding-box,
-    var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-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;
   background-origin: border-box;
   background-clip: padding-box, border-box;
   z-index: 1;
@@ -17,7 +17,7 @@ SHighlightedPill {
     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));
+    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)));
     mask: linear-gradient(0deg, #fff, #fff) content-box, linear-gradient(0deg, #fff, #fff);
     mask-composite: exclude;
 
@@ -46,14 +46,14 @@ SHighlightedPill {
   }
 
   &: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;
+    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,
+      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;
   }
 
   &[selected] {
     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;
+      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,
+      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;
     background-origin: border-box;
     background-clip: padding-box, border-box;
     border-color: transparent;

package/lib/cjs/components/radio/Radio.js

@@ -12,11 +12,11 @@ var _radio = _interopRequireWildcard(require("@semcore/radio"));
 var _react = _interopRequireDefault(require("react"));
 var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
 /*!__reshadow-styles__:"./radio.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedRadio_ww9ev_gg_{position:relative}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) [data-ui-name=\"Value.RadioMark\"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_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_ww9ev_gg_:not(._state_invalid_ww9ev_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_ww9ev_gg_:not(._state_invalid_ww9ev_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_ww9ev_gg_:not(._state_invalid_ww9ev_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_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) input[data-ui-name=\"RadioFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}}", /*__inner_css_end__*/"ww9ev_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedRadio_1r6r3_gg_{position:relative}.___SHighlightedRadio_1r6r3_gg_:not(._state_invalid_1r6r3_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_1r6r3_gg_:not(._state_invalid_1r6r3_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_1r6r3_gg_:not(._state_invalid_1r6r3_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_1r6r3_gg_:not(._state_invalid_1r6r3_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_1r6r3_gg_:not(._state_invalid_1r6r3_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_1r6r3_gg_:not(._state_invalid_1r6r3_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_1r6r3_gg_:not(._state_invalid_1r6r3_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_1r6r3_gg_:not(._state_invalid_1r6r3_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_1r6r3_gg_:not(._state_invalid_1r6r3_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_1r6r3_gg_:not(._state_invalid_1r6r3_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}.___SHighlightedRadio_1r6r3_gg_:not(._state_invalid_1r6r3_gg_) input[data-ui-name=\"RadioFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}}", /*__inner_css_end__*/"1r6r3_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedRadio": "___SHighlightedRadio_ww9ev_gg_",
-  "_state_invalid": "_state_invalid_ww9ev_gg_"
+  "__SHighlightedRadio": "___SHighlightedRadio_1r6r3_gg_",
+  "_state_invalid": "_state_invalid_1r6r3_gg_"
 });
 class RadioFHRoot extends _core.Component {
   constructor(...args) {

package/lib/cjs/components/radio/radio.shadow.css

@@ -5,7 +5,7 @@ SHighlightedRadio {
 SHighlightedRadio:not([state="invalid"]) {
   [data-ui-name="Value.RadioMark"] {
     border-radius: 50%;
-    background: var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff));
+    background: var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, oklch(0.82 0.118 303), oklch(0.82 0.088 272.1)));
   }
 
   [data-ui-name="Value.RadioMark"]::before {
@@ -18,7 +18,7 @@ SHighlightedRadio:not([state="invalid"]) {
     border-radius: 50%;
     border-width: 0;
     pointer-events: none;
-    background-image: var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));
+    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)));
 
     mask: linear-gradient(0deg, #fff, #fff) content-box, linear-gradient(0deg, #fff, #fff);
     mask-composite: exclude;
@@ -38,7 +38,7 @@ SHighlightedRadio:not([state="invalid"]) {
     right: 0;
     bottom: 0;
     border-radius: 50%;
-    background: var(--intergalactic-bg-primary-neutral, #ffffff);
+    background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
     top: 50%;
     left: 50%;
     width: calc(100% - 2px);

package/lib/cjs/components/switch/Switch.js

@@ -11,12 +11,12 @@ var _switch = _interopRequireDefault(require("@semcore/switch"));
 var _react = _interopRequireDefault(require("react"));
 var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
 /*!__reshadow-styles__:"./switch.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SToggle_3w9j3_gg_{position:relative}.___SToggle_3w9j3_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_3w9j3_gg_.__checked_3w9j3_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_3w9j3_gg_:has(.___SInput_3w9j3_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_3w9j3_gg_:has(.___SInput_3w9j3_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_3w9j3_gg_:has(.___SInput_3w9j3_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_3w9j3_gg_:has(.___SInput_3w9j3_gg_:focus-visible)::before{display:none}}", /*__inner_css_end__*/"3w9j3_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SToggle_2rjpq_gg_{position:relative;transform:translate(0)}.___SToggle_2rjpq_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_2rjpq_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_2rjpq_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_2rjpq_gg_.__checked_2rjpq_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_2rjpq_gg_:has(.___SInput_2rjpq_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_2rjpq_gg_:has(.___SInput_2rjpq_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_2rjpq_gg_:has(.___SInput_2rjpq_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_2rjpq_gg_:has(.___SInput_2rjpq_gg_:focus-visible)::before{display:none}}", /*__inner_css_end__*/"2rjpq_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SToggle": "___SToggle_3w9j3_gg_",
-  "_checked": "__checked_3w9j3_gg_",
-  "__SInput": "___SInput_3w9j3_gg_"
+  "__SToggle": "___SToggle_2rjpq_gg_",
+  "_checked": "__checked_2rjpq_gg_",
+  "__SInput": "___SInput_2rjpq_gg_"
 });
 class SwitchFHRoot extends _core.Component {
   constructor(...args) {