@semcore/feature-highlight 16.0.4 → 16.1.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 (60) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/lib/cjs/components/badge/Badge.js +2 -2
  3. package/lib/cjs/components/badge/badge.shadow.css +1 -10
  4. package/lib/cjs/components/button/Button.js +10 -11
  5. package/lib/cjs/components/button/Button.js.map +1 -1
  6. package/lib/cjs/components/button/button.shadow.css +34 -9
  7. package/lib/cjs/components/checkbox/Checkbox.js +3 -3
  8. package/lib/cjs/components/input/Input.js +8 -8
  9. package/lib/cjs/components/input/input.shadow.css +1 -1
  10. package/lib/cjs/components/notice/Notice.js +4 -3
  11. package/lib/cjs/components/notice/Notice.js.map +1 -1
  12. package/lib/cjs/components/notice/notice.shadow.css +4 -0
  13. package/lib/cjs/components/pills/Pills.js +6 -6
  14. package/lib/cjs/components/pills/pills.shadow.css +1 -2
  15. package/lib/cjs/components/radio/Radio.js +3 -3
  16. package/lib/cjs/components/radio/radio.shadow.css +1 -2
  17. package/lib/cjs/components/switch/Switch.js +4 -4
  18. package/lib/cjs/components/tab-line/TabLine.js +4 -4
  19. package/lib/cjs/inner-components/button-trigger/ButtonTrigger.js +8 -8
  20. package/lib/cjs/inner-components/button-trigger/buttonTrigger.shadow.css +2 -2
  21. package/lib/cjs/inner-components/sparkle/Sparkle.js +13 -13
  22. package/lib/es6/components/badge/Badge.js +2 -2
  23. package/lib/es6/components/badge/badge.shadow.css +1 -10
  24. package/lib/es6/components/button/Button.js +10 -11
  25. package/lib/es6/components/button/Button.js.map +1 -1
  26. package/lib/es6/components/button/button.shadow.css +34 -9
  27. package/lib/es6/components/checkbox/Checkbox.js +3 -3
  28. package/lib/es6/components/input/Input.js +8 -8
  29. package/lib/es6/components/input/input.shadow.css +1 -1
  30. package/lib/es6/components/notice/Notice.js +4 -3
  31. package/lib/es6/components/notice/Notice.js.map +1 -1
  32. package/lib/es6/components/notice/notice.shadow.css +4 -0
  33. package/lib/es6/components/pills/Pills.js +6 -6
  34. package/lib/es6/components/pills/pills.shadow.css +1 -2
  35. package/lib/es6/components/radio/Radio.js +3 -3
  36. package/lib/es6/components/radio/radio.shadow.css +1 -2
  37. package/lib/es6/components/switch/Switch.js +4 -4
  38. package/lib/es6/components/tab-line/TabLine.js +4 -4
  39. package/lib/es6/inner-components/button-trigger/ButtonTrigger.js +8 -8
  40. package/lib/es6/inner-components/button-trigger/buttonTrigger.shadow.css +2 -2
  41. package/lib/es6/inner-components/sparkle/Sparkle.js +13 -13
  42. package/lib/esm/components/badge/Badge.mjs +3 -3
  43. package/lib/esm/components/badge/badge.shadow.css +1 -10
  44. package/lib/esm/components/button/Button.mjs +11 -12
  45. package/lib/esm/components/button/button.shadow.css +34 -9
  46. package/lib/esm/components/checkbox/Checkbox.mjs +4 -4
  47. package/lib/esm/components/input/Input.mjs +9 -9
  48. package/lib/esm/components/input/input.shadow.css +1 -1
  49. package/lib/esm/components/notice/Notice.mjs +5 -4
  50. package/lib/esm/components/notice/notice.shadow.css +4 -0
  51. package/lib/esm/components/pills/Pills.mjs +7 -7
  52. package/lib/esm/components/pills/pills.shadow.css +1 -2
  53. package/lib/esm/components/radio/Radio.mjs +4 -4
  54. package/lib/esm/components/radio/radio.shadow.css +1 -2
  55. package/lib/esm/components/switch/Switch.mjs +5 -5
  56. package/lib/esm/components/tab-line/TabLine.mjs +5 -5
  57. package/lib/esm/inner-components/button-trigger/ButtonTrigger.mjs +9 -9
  58. package/lib/esm/inner-components/button-trigger/buttonTrigger.shadow.css +2 -2
  59. package/lib/esm/inner-components/sparkle/Sparkle.mjs +14 -14
  60. package/package.json +2 -2
@@ -19,18 +19,19 @@ var style = (
19
19
  /*__reshadow_css_start__*/
20
20
  (sstyled.insert(
21
21
  /*__inner_css_start__*/
22
- '.___SHighlightedButton_j485s_gg_._theme_primary-highlighted_j485s_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_j485s_gg_._theme_primary-highlighted_j485s_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-position-x:1%}}.___SHighlightedButton_j485s_gg_._theme_primary-highlighted_j485s_gg_.__active_j485s_gg_,.___SHighlightedButton_j485s_gg_._theme_primary-highlighted_j485s_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_j485s_gg_._theme_secondary-highlighted_j485s_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SHighlightedButton_j485s_gg_._theme_secondary-highlighted_j485s_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SHighlightedButton_j485s_gg_._theme_secondary-highlighted_j485s_gg_.__active_j485s_gg_,.___SHighlightedButton_j485s_gg_._theme_secondary-highlighted_j485s_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SHighlightedButton_j485s_gg_:focus-visible{outline:0;position:relative}.___SHighlightedButton_j485s_gg_:focus-visible::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedButton_j485s_gg_._neighborLocation_left_j485s_gg_:focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_j485s_gg_._neighborLocation_right_j485s_gg_:focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_j485s_gg_._neighborLocation_both_j485s_gg_:focus-visible::before{border-radius:0}',
22
+ '.___SHighlightedButton_1uou6_gg_._theme_primary-highlighted_1uou6_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_1uou6_gg_._theme_primary-highlighted_1uou6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-position-x:1%}}.___SHighlightedButton_1uou6_gg_._theme_primary-highlighted_1uou6_gg_.__active_1uou6_gg_,.___SHighlightedButton_1uou6_gg_._theme_primary-highlighted_1uou6_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_1uou6_gg_._theme_secondary-highlighted_1uou6_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_1uou6_gg_._theme_secondary-highlighted_1uou6_gg_ .___SText_1uou6_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_1uou6_gg_._theme_secondary-highlighted_1uou6_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_1uou6_gg_._theme_secondary-highlighted_1uou6_gg_:hover .___SText_1uou6_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_1uou6_gg_._theme_secondary-highlighted_1uou6_gg_.__active_1uou6_gg_,.___SHighlightedButton_1uou6_gg_._theme_secondary-highlighted_1uou6_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_1uou6_gg_._theme_secondary-highlighted_1uou6_gg_.__active_1uou6_gg_ .___SText_1uou6_gg_,.___SHighlightedButton_1uou6_gg_._theme_secondary-highlighted_1uou6_gg_:active .___SText_1uou6_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_1uou6_gg_:focus-visible{outline:0;position:relative}.___SHighlightedButton_1uou6_gg_:focus-visible::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedButton_1uou6_gg_._neighborLocation_left_1uou6_gg_:focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_1uou6_gg_._neighborLocation_right_1uou6_gg_:focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_1uou6_gg_._neighborLocation_both_1uou6_gg_:focus-visible::before{border-radius:0}',
23
23
  /*__inner_css_end__*/
24
- "j485s_gg_"
24
+ "1uou6_gg_"
25
25
  ), /*__reshadow_css_end__*/
26
26
  {
27
- "__SHighlightedButton": "___SHighlightedButton_j485s_gg_",
28
- "_theme_primary-highlighted": "_theme_primary-highlighted_j485s_gg_",
29
- "_active": "__active_j485s_gg_",
30
- "_theme_secondary-highlighted": "_theme_secondary-highlighted_j485s_gg_",
31
- "_neighborLocation_left": "_neighborLocation_left_j485s_gg_",
32
- "_neighborLocation_right": "_neighborLocation_right_j485s_gg_",
33
- "_neighborLocation_both": "_neighborLocation_both_j485s_gg_"
27
+ "__SHighlightedButton": "___SHighlightedButton_1uou6_gg_",
28
+ "_theme_primary-highlighted": "_theme_primary-highlighted_1uou6_gg_",
29
+ "_active": "__active_1uou6_gg_",
30
+ "_theme_secondary-highlighted": "_theme_secondary-highlighted_1uou6_gg_",
31
+ "__SText": "___SText_1uou6_gg_",
32
+ "_neighborLocation_left": "_neighborLocation_left_1uou6_gg_",
33
+ "_neighborLocation_right": "_neighborLocation_right_1uou6_gg_",
34
+ "_neighborLocation_both": "_neighborLocation_both_1uou6_gg_"
34
35
  })
35
36
  );
36
37
  var ButtonFHRoot = /* @__PURE__ */ function(_Component) {
@@ -90,9 +91,7 @@ function HighlightAddon(props) {
90
91
  var _ref2 = arguments[0], _ref4;
91
92
  var SAddon = Button.Addon;
92
93
  var clicked = props.clicked, animatedSparkleCount = props.animatedSparkleCount, Children = props.Children, hasChildren = props.children;
93
- return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, assignProps({}, _ref2))), hasChildren ? /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SummaryAI, _ref4.cn("SummaryAI", {
94
- "color": "--intergalactic-icon-primary-feature-highlight"
95
- })), /* @__PURE__ */ React.createElement(AnimatedSparkles, _ref4.cn("AnimatedSparkles", {
94
+ return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, assignProps({}, _ref2))), hasChildren ? /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SummaryAI, _ref4.cn("SummaryAI", {})), /* @__PURE__ */ React.createElement(AnimatedSparkles, _ref4.cn("AnimatedSparkles", {
96
95
  "show": clicked,
97
96
  "count": animatedSparkleCount
98
97
  }))));
@@ -25,21 +25,46 @@ SHighlightedButton[theme='primary-highlighted'] {
25
25
  }
26
26
 
27
27
  SHighlightedButton[theme='secondary-highlighted'] {
28
- color: var(--intergalactic-text-secondary, #6c6e79);
29
- border-color: var(--intergalactic-border-primary, #c4c7cf);
30
- background-color: var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1));
28
+ color: var(--intergalactic-icon-primary-feature-highlight, #8649e1);
29
+
30
+ background:
31
+ var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,
32
+ var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;
33
+ background-origin: border-box;
34
+ background-clip: padding-box, border-box;
35
+
36
+ & SText {
37
+ background-color: var(--intergalactic-icon-primary-feature-highlight, #8649e1);
38
+ background-image: var(--intergalactic-text-feature-highlight, linear-gradient(90deg, #8649e1, #006dca));
39
+ background-clip: text;
40
+ -webkit-text-fill-color: transparent;
41
+ }
31
42
 
32
43
  &:hover {
33
- background-color: var(--intergalactic-control-secondary-neutral-hover,
34
- rgba(138, 142, 155, 0.2));
35
- color: var(--intergalactic-text-primary, #191b23);
44
+ background:
45
+ var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg, #f2e4ff, #d6edfe)) padding-box,
46
+ var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;
47
+
48
+ color: var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);
49
+
50
+ & SText {
51
+ background-color: var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);
52
+ background-image: var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f));
53
+ }
36
54
  }
37
55
 
38
56
  &:active,
39
57
  &[active] {
40
- background-color: var(--intergalactic-control-secondary-neutral-active,
41
- rgba(138, 142, 155, 0.3));
42
- color: var(--intergalactic-text-primary, #191b23);
58
+ background:
59
+ var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg, #edd9ff, #c4e5fe)) padding-box,
60
+ var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;
61
+
62
+ color: var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);
63
+
64
+ & SText {
65
+ background-color: var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);
66
+ background-image: var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f));
67
+ }
43
68
  }
44
69
  }
45
70
 
@@ -18,13 +18,13 @@ var style = (
18
18
  /*__reshadow_css_start__*/
19
19
  (sstyled.insert(
20
20
  /*__inner_css_start__*/
21
- '.___SHighlightedCheckbox_m9l5f_gg_:not(._state_invalid_m9l5f_gg_) input[data-ui-name="CheckboxFH.Value"]:focus-visible+[data-ui-name="Value.CheckMark"]::before{box-shadow:none;content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:1px;opacity:1;border-width:3px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) 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}.___SHighlightedCheckbox_m9l5f_gg_:not(._state_invalid_m9l5f_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before{-webkit-mask:none;mask:none;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) border-box}.___SHighlightedCheckbox_m9l5f_gg_:not(._state_invalid_m9l5f_gg_) [data-ui-name="Value.CheckMark"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedCheckbox_m9l5f_gg_:not(._state_invalid_m9l5f_gg_) input[data-ui-name="CheckboxFH.Value"]:checked~[data-ui-name="Value.CheckMark"]::before{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}',
21
+ '.___SHighlightedCheckbox_1e82x_gg_:not(._state_invalid_1e82x_gg_) input[data-ui-name="CheckboxFH.Value"]:focus-visible+[data-ui-name="Value.CheckMark"]::before{box-shadow:none;content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:1px;opacity:1;border-width:3px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) 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}.___SHighlightedCheckbox_1e82x_gg_:not(._state_invalid_1e82x_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before{-webkit-mask:none;mask:none;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) border-box}.___SHighlightedCheckbox_1e82x_gg_:not(._state_invalid_1e82x_gg_) [data-ui-name="Value.CheckMark"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedCheckbox_1e82x_gg_:not(._state_invalid_1e82x_gg_) input[data-ui-name="CheckboxFH.Value"]:checked~[data-ui-name="Value.CheckMark"]::before{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}',
22
22
  /*__inner_css_end__*/
23
- "m9l5f_gg_"
23
+ "1e82x_gg_"
24
24
  ), /*__reshadow_css_end__*/
25
25
  {
26
- "__SHighlightedCheckbox": "___SHighlightedCheckbox_m9l5f_gg_",
27
- "_state_invalid": "_state_invalid_m9l5f_gg_"
26
+ "__SHighlightedCheckbox": "___SHighlightedCheckbox_1e82x_gg_",
27
+ "_state_invalid": "_state_invalid_1e82x_gg_"
28
28
  })
29
29
  );
30
30
  var CheckboxFHRoot = /* @__PURE__ */ function(_Component) {
@@ -18,18 +18,18 @@ var style = (
18
18
  /*__reshadow_css_start__*/
19
19
  (sstyled.insert(
20
20
  /*__inner_css_start__*/
21
- '.___SHighlightedInput_1yv3b_gg_._state_normal_1yv3b_gg_ .___SOutline_1yv3b_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_1yv3b_gg_._state_normal_1yv3b_gg_:has(.___SValue_1yv3b_gg_:focus-visible) .___SOutline_1yv3b_gg_{box-shadow:none;border-color:transparent}.___SHighlightedInput_1yv3b_gg_._state_normal_1yv3b_gg_:has(.___SValue_1yv3b_gg_:focus-visible) .___SOutline_1yv3b_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedInput_1yv3b_gg_._state_normal_1yv3b_gg_._neighborLocation_left_1yv3b_gg_:has(.___SValue_1yv3b_gg_:focus-visible) .___SOutline_1yv3b_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_1yv3b_gg_._state_normal_1yv3b_gg_._neighborLocation_right_1yv3b_gg_:has(.___SValue_1yv3b_gg_:focus-visible) .___SOutline_1yv3b_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_1yv3b_gg_._state_normal_1yv3b_gg_._neighborLocation_both_1yv3b_gg_:has(.___SValue_1yv3b_gg_:focus-visible) .___SOutline_1yv3b_gg_::before{border-radius:0}',
21
+ '.___SHighlightedInput_wfmcz_gg_._state_normal_wfmcz_gg_ .___SOutline_wfmcz_gg_{background:linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff),var(--intergalactic-bg-primary-neutral, #ffffff)) 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_wfmcz_gg_._state_normal_wfmcz_gg_:has(.___SValue_wfmcz_gg_:focus-visible) .___SOutline_wfmcz_gg_{box-shadow:none;border-color:transparent}.___SHighlightedInput_wfmcz_gg_._state_normal_wfmcz_gg_:has(.___SValue_wfmcz_gg_:focus-visible) .___SOutline_wfmcz_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedInput_wfmcz_gg_._state_normal_wfmcz_gg_._neighborLocation_left_wfmcz_gg_:has(.___SValue_wfmcz_gg_:focus-visible) .___SOutline_wfmcz_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_wfmcz_gg_._state_normal_wfmcz_gg_._neighborLocation_right_wfmcz_gg_:has(.___SValue_wfmcz_gg_:focus-visible) .___SOutline_wfmcz_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_wfmcz_gg_._state_normal_wfmcz_gg_._neighborLocation_both_wfmcz_gg_:has(.___SValue_wfmcz_gg_:focus-visible) .___SOutline_wfmcz_gg_::before{border-radius:0}',
22
22
  /*__inner_css_end__*/
23
- "1yv3b_gg_"
23
+ "wfmcz_gg_"
24
24
  ), /*__reshadow_css_end__*/
25
25
  {
26
- "__SHighlightedInput": "___SHighlightedInput_1yv3b_gg_",
27
- "_state_normal": "_state_normal_1yv3b_gg_",
28
- "__SOutline": "___SOutline_1yv3b_gg_",
29
- "__SValue": "___SValue_1yv3b_gg_",
30
- "_neighborLocation_left": "_neighborLocation_left_1yv3b_gg_",
31
- "_neighborLocation_right": "_neighborLocation_right_1yv3b_gg_",
32
- "_neighborLocation_both": "_neighborLocation_both_1yv3b_gg_"
26
+ "__SHighlightedInput": "___SHighlightedInput_wfmcz_gg_",
27
+ "_state_normal": "_state_normal_wfmcz_gg_",
28
+ "__SOutline": "___SOutline_wfmcz_gg_",
29
+ "__SValue": "___SValue_wfmcz_gg_",
30
+ "_neighborLocation_left": "_neighborLocation_left_wfmcz_gg_",
31
+ "_neighborLocation_right": "_neighborLocation_right_wfmcz_gg_",
32
+ "_neighborLocation_both": "_neighborLocation_both_wfmcz_gg_"
33
33
  })
34
34
  );
35
35
  var InputFHRoot = /* @__PURE__ */ function(_Component) {
@@ -1,7 +1,7 @@
1
1
  SHighlightedInput[state='normal'] {
2
2
  & SOutline {
3
3
  background:
4
- linear-gradient(white, white) padding-box,
4
+ linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff), var(--intergalactic-bg-primary-neutral, #ffffff)) padding-box,
5
5
  var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;
6
6
  background-origin: border-box;
7
7
  background-clip: padding-box, border-box;
@@ -18,13 +18,14 @@ var style = (
18
18
  /*__reshadow_css_start__*/
19
19
  (sstyled.insert(
20
20
  /*__inner_css_start__*/
21
- '.___SHighlightedNotice_1hb7k_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));border-color:transparent;background-clip:padding-box;position:relative}.___SHighlightedNotice_1hb7k_gg_:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;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_1hb7k_gg_ .___SCloseIcon_1hb7k_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SHighlightedNotice_1hb7k_gg_ .___SCloseIcon_1hb7k_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}',
21
+ '.___SHighlightedNotice_16ngo_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));border-color:transparent;background-clip:padding-box;position:relative}.___SHighlightedNotice_16ngo_gg_:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;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_16ngo_gg_ .___SLabel_16ngo_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SHighlightedNotice_16ngo_gg_ .___SCloseIcon_16ngo_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SHighlightedNotice_16ngo_gg_ .___SCloseIcon_16ngo_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}',
22
22
  /*__inner_css_end__*/
23
- "1hb7k_gg_"
23
+ "16ngo_gg_"
24
24
  ), /*__reshadow_css_end__*/
25
25
  {
26
- "__SHighlightedNotice": "___SHighlightedNotice_1hb7k_gg_",
27
- "__SCloseIcon": "___SCloseIcon_1hb7k_gg_"
26
+ "__SHighlightedNotice": "___SHighlightedNotice_16ngo_gg_",
27
+ "__SLabel": "___SLabel_16ngo_gg_",
28
+ "__SCloseIcon": "___SCloseIcon_16ngo_gg_"
28
29
  })
29
30
  );
30
31
  var NoticeFHRoot = /* @__PURE__ */ function(_Component) {
@@ -16,6 +16,10 @@ SHighlightedNotice {
16
16
  ) border-box, var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box;
17
17
  }
18
18
 
19
+ & SLabel {
20
+ color: var(--intergalactic-icon-primary-feature-highlight, #8649e1);
21
+ }
22
+
19
23
  & SCloseIcon {
20
24
  color: var(--intergalactic-icon-primary-neutral, #6c6e79);
21
25
 
@@ -19,16 +19,16 @@ var style = (
19
19
  /*__reshadow_css_start__*/
20
20
  (sstyled.insert(
21
21
  /*__inner_css_start__*/
22
- '.___SHighlightedPill_gober_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1}@media (hover:hover){.___SHighlightedPill_gober_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)\n ) border-box}}.___SHighlightedPill_gober_gg_.__selected_gober_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}.___SHighlightedPill_gober_gg_:focus-visible{outline:0;position:relative}.___SHighlightedPill_gober_gg_:focus-visible::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedPill_gober_gg_._neighborLocation_left_gober_gg_:focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_gober_gg_._neighborLocation_right_gober_gg_:focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_gober_gg_._neighborLocation_both_gober_gg_:focus-visible::before{border-radius:0}',
22
+ '.___SHighlightedPill_f01ib_gg_{border:1px solid transparent;background:linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff),var(--intergalactic-bg-primary-neutral, #ffffff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1}@media (hover:hover){.___SHighlightedPill_f01ib_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)\n ) border-box}}.___SHighlightedPill_f01ib_gg_.__selected_f01ib_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}.___SHighlightedPill_f01ib_gg_:focus-visible{outline:0;position:relative}.___SHighlightedPill_f01ib_gg_:focus-visible::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedPill_f01ib_gg_._neighborLocation_left_f01ib_gg_:focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_f01ib_gg_._neighborLocation_right_f01ib_gg_:focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_f01ib_gg_._neighborLocation_both_f01ib_gg_:focus-visible::before{border-radius:0}',
23
23
  /*__inner_css_end__*/
24
- "gober_gg_"
24
+ "f01ib_gg_"
25
25
  ), /*__reshadow_css_end__*/
26
26
  {
27
- "__SHighlightedPill": "___SHighlightedPill_gober_gg_",
28
- "_selected": "__selected_gober_gg_",
29
- "_neighborLocation_left": "_neighborLocation_left_gober_gg_",
30
- "_neighborLocation_right": "_neighborLocation_right_gober_gg_",
31
- "_neighborLocation_both": "_neighborLocation_both_gober_gg_"
27
+ "__SHighlightedPill": "___SHighlightedPill_f01ib_gg_",
28
+ "_selected": "__selected_f01ib_gg_",
29
+ "_neighborLocation_left": "_neighborLocation_left_f01ib_gg_",
30
+ "_neighborLocation_right": "_neighborLocation_right_f01ib_gg_",
31
+ "_neighborLocation_both": "_neighborLocation_both_f01ib_gg_"
32
32
  })
33
33
  );
34
34
  var PillsFHRoot = /* @__PURE__ */ function(_Component) {
@@ -1,7 +1,7 @@
1
1
  SHighlightedPill {
2
2
  border: 1px solid transparent;
3
3
  background:
4
- linear-gradient(white, white) padding-box,
4
+ linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff), var(--intergalactic-bg-primary-neutral, #ffffff)) padding-box,
5
5
  var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)
6
6
  ) border-box;
7
7
  background-origin: border-box;
@@ -26,7 +26,6 @@ SHighlightedPill {
26
26
  SHighlightedPill:focus-visible {
27
27
  outline: none;
28
28
  position: relative;
29
- /*isolation: isolate;*/
30
29
 
31
30
  &::before {
32
31
  content: "";
@@ -18,13 +18,13 @@ var style = (
18
18
  /*__reshadow_css_start__*/
19
19
  (sstyled.insert(
20
20
  /*__inner_css_start__*/
21
- '.___SHighlightedRadio_1ab9s_gg_{position:relative}.___SHighlightedRadio_1ab9s_gg_:not(._state_invalid_1ab9s_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]::before{box-shadow:none;border-color:transparent;content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:1px;opacity:1;border-width:3px;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) 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}.___SHighlightedRadio_1ab9s_gg_:not(._state_invalid_1ab9s_gg_) input[data-ui-name="RadioFH.Value"]:checked:focus-visible+[data-ui-name="Value.RadioMark"]::before{-webkit-mask:none;mask:none;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) border-box}.___SHighlightedRadio_1ab9s_gg_:not(._state_invalid_1ab9s_gg_) input[data-ui-name="RadioFH.Value"]+[data-ui-name="Value.RadioMark"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedRadio_1ab9s_gg_:not(._state_invalid_1ab9s_gg_) input[data-ui-name="RadioFH.Value"]:checked:not(:focus-visible)+[data-ui-name="Value.RadioMark"]::before{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}',
21
+ '.___SHighlightedRadio_17a2y_gg_{position:relative}.___SHighlightedRadio_17a2y_gg_:not(._state_invalid_17a2y_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]::before{box-shadow:none;border-color:transparent;content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:1px;opacity:1;border-width:3px;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) 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}.___SHighlightedRadio_17a2y_gg_:not(._state_invalid_17a2y_gg_) input[data-ui-name="RadioFH.Value"]:checked:focus-visible+[data-ui-name="Value.RadioMark"]::before{-webkit-mask:none;mask:none;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) border-box}.___SHighlightedRadio_17a2y_gg_:not(._state_invalid_17a2y_gg_) input[data-ui-name="RadioFH.Value"]+[data-ui-name="Value.RadioMark"]::before{border-color:transparent;background:linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff),var(--intergalactic-bg-primary-neutral, #ffffff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedRadio_17a2y_gg_:not(._state_invalid_17a2y_gg_) input[data-ui-name="RadioFH.Value"]:checked:not(:focus-visible)+[data-ui-name="Value.RadioMark"]::before{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}',
22
22
  /*__inner_css_end__*/
23
- "1ab9s_gg_"
23
+ "17a2y_gg_"
24
24
  ), /*__reshadow_css_end__*/
25
25
  {
26
- "__SHighlightedRadio": "___SHighlightedRadio_1ab9s_gg_",
27
- "_state_invalid": "_state_invalid_1ab9s_gg_"
26
+ "__SHighlightedRadio": "___SHighlightedRadio_17a2y_gg_",
27
+ "_state_invalid": "_state_invalid_17a2y_gg_"
28
28
  })
29
29
  );
30
30
  var RadioFHRoot = /* @__PURE__ */ function(_Component) {
@@ -26,9 +26,8 @@ SHighlightedRadio:not([state="invalid"]) {
26
26
  }
27
27
 
28
28
  input[data-ui-name="RadioFH.Value"] + [data-ui-name="Value.RadioMark"]::before {
29
- /*SValue[state='normal']::before {*/
30
29
  border-color: transparent;
31
- background: linear-gradient(white, white) padding-box,
30
+ background: linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff), var(--intergalactic-bg-primary-neutral, #ffffff)) padding-box,
32
31
  var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)
33
32
  ) border-box;
34
33
  background-origin: border-box;
@@ -18,14 +18,14 @@ var style = (
18
18
  /*__reshadow_css_start__*/
19
19
  (sstyled.insert(
20
20
  /*__inner_css_start__*/
21
- '.___SToggle_9fk0b_gg_.__checked_9fk0b_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_9fk0b_gg_:has(.___SInput_9fk0b_gg_:focus-visible){box-shadow:none}.___SToggle_9fk0b_gg_:has(.___SInput_9fk0b_gg_:focus-visible)::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}',
21
+ '.___SToggle_15mmv_gg_.__checked_15mmv_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_15mmv_gg_:has(.___SInput_15mmv_gg_:focus-visible){box-shadow:none}.___SToggle_15mmv_gg_:has(.___SInput_15mmv_gg_:focus-visible)::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}',
22
22
  /*__inner_css_end__*/
23
- "9fk0b_gg_"
23
+ "15mmv_gg_"
24
24
  ), /*__reshadow_css_end__*/
25
25
  {
26
- "__SToggle": "___SToggle_9fk0b_gg_",
27
- "_checked": "__checked_9fk0b_gg_",
28
- "__SInput": "___SInput_9fk0b_gg_"
26
+ "__SToggle": "___SToggle_15mmv_gg_",
27
+ "_checked": "__checked_15mmv_gg_",
28
+ "__SInput": "___SInput_15mmv_gg_"
29
29
  })
30
30
  );
31
31
  var SwitchFHRoot = /* @__PURE__ */ function(_Component) {
@@ -19,14 +19,14 @@ var style = (
19
19
  /*__reshadow_css_start__*/
20
20
  (sstyled.insert(
21
21
  /*__inner_css_start__*/
22
- ".___SHighlightedItem_1j5bp_gg_::after,.___SHighlightedItem_1j5bp_gg_:not(:focus-visible)::before{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_1j5bp_gg_:not(:focus-visible)::before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}@media (hover:hover){.___SHighlightedItem_1j5bp_gg_:hover:not(:focus-visible)::before{opacity:1}}.___SHighlightedItem_1j5bp_gg_.__selected_1j5bp_gg_::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SHighlightedItem_1j5bp_gg_:focus-visible::before{height:auto}.___SHighlightedCaret_1j5bp_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}",
22
+ ".___SHighlightedItem_8bf6g_gg_::after,.___SHighlightedItem_8bf6g_gg_:not(:focus-visible)::before{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_8bf6g_gg_:not(:focus-visible)::before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}@media (hover:hover){.___SHighlightedItem_8bf6g_gg_:hover:not(:focus-visible)::before{opacity:1}}.___SHighlightedItem_8bf6g_gg_.__selected_8bf6g_gg_::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SHighlightedItem_8bf6g_gg_:focus-visible::before{height:auto}.___SHighlightedCaret_8bf6g_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}",
23
23
  /*__inner_css_end__*/
24
- "1j5bp_gg_"
24
+ "8bf6g_gg_"
25
25
  ), /*__reshadow_css_end__*/
26
26
  {
27
- "__SHighlightedCaret": "___SHighlightedCaret_1j5bp_gg_",
28
- "__SHighlightedItem": "___SHighlightedItem_1j5bp_gg_",
29
- "_selected": "__selected_1j5bp_gg_"
27
+ "__SHighlightedCaret": "___SHighlightedCaret_8bf6g_gg_",
28
+ "__SHighlightedItem": "___SHighlightedItem_8bf6g_gg_",
29
+ "_selected": "__selected_8bf6g_gg_"
30
30
  })
31
31
  );
32
32
  var TabLineFHRoot = /* @__PURE__ */ function(_Component) {
@@ -18,18 +18,18 @@ var style = (
18
18
  /*__reshadow_css_start__*/
19
19
  (sstyled.insert(
20
20
  /*__inner_css_start__*/
21
- '.___SHighlightedButtonTrigger_q8oou_gg_:not(._state_invalid_q8oou_gg_):not(._state_valid_q8oou_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box}@media (hover:hover){.___SHighlightedButtonTrigger_q8oou_gg_:not(._state_invalid_q8oou_gg_):not(._state_valid_q8oou_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)\n ) border-box}}.___SHighlightedButtonTrigger_q8oou_gg_.__active_q8oou_gg_:not(._state_invalid_q8oou_gg_):not(._state_valid_q8oou_gg_),.___SHighlightedButtonTrigger_q8oou_gg_:not(._state_invalid_q8oou_gg_):not(._state_valid_q8oou_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_q8oou_gg_:not(._state_invalid_q8oou_gg_):not(._state_valid_q8oou_gg_):focus-visible{outline:0;position:relative;border-color:transparent}.___SHighlightedButtonTrigger_q8oou_gg_:not(._state_invalid_q8oou_gg_):not(._state_valid_q8oou_gg_):focus-visible::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedButtonTrigger_q8oou_gg_._neighborLocation_left_q8oou_gg_:not(._state_invalid_q8oou_gg_):not(._state_valid_q8oou_gg_):focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_q8oou_gg_._neighborLocation_right_q8oou_gg_:not(._state_invalid_q8oou_gg_):not(._state_valid_q8oou_gg_):focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_q8oou_gg_._neighborLocation_both_q8oou_gg_:not(._state_invalid_q8oou_gg_):not(._state_valid_q8oou_gg_):focus-visible::before{border-radius:0}',
21
+ '.___SHighlightedButtonTrigger_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_gg_){border:1px solid transparent;background:linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff),var(--intergalactic-bg-primary-neutral, #ffffff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box}@media (hover:hover){.___SHighlightedButtonTrigger_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_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)\n ) border-box}}.___SHighlightedButtonTrigger_1xrap_gg_.__active_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_gg_),.___SHighlightedButtonTrigger_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_gg_):active{background:linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff),var(--intergalactic-bg-primary-neutral, #ffffff)) 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_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_gg_):focus-visible{outline:0;position:relative;border-color:transparent}.___SHighlightedButtonTrigger_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_gg_):focus-visible::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedButtonTrigger_1xrap_gg_._neighborLocation_left_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_gg_):focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_1xrap_gg_._neighborLocation_right_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_gg_):focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_1xrap_gg_._neighborLocation_both_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_gg_):focus-visible::before{border-radius:0}',
22
22
  /*__inner_css_end__*/
23
- "q8oou_gg_"
23
+ "1xrap_gg_"
24
24
  ), /*__reshadow_css_end__*/
25
25
  {
26
- "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_q8oou_gg_",
27
- "_state_invalid": "_state_invalid_q8oou_gg_",
28
- "_state_valid": "_state_valid_q8oou_gg_",
29
- "_active": "__active_q8oou_gg_",
30
- "_neighborLocation_left": "_neighborLocation_left_q8oou_gg_",
31
- "_neighborLocation_right": "_neighborLocation_right_q8oou_gg_",
32
- "_neighborLocation_both": "_neighborLocation_both_q8oou_gg_"
26
+ "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_1xrap_gg_",
27
+ "_state_invalid": "_state_invalid_1xrap_gg_",
28
+ "_state_valid": "_state_valid_1xrap_gg_",
29
+ "_active": "__active_1xrap_gg_",
30
+ "_neighborLocation_left": "_neighborLocation_left_1xrap_gg_",
31
+ "_neighborLocation_right": "_neighborLocation_right_1xrap_gg_",
32
+ "_neighborLocation_both": "_neighborLocation_both_1xrap_gg_"
33
33
  })
34
34
  );
35
35
  var ButtonTriggerFHRoot = /* @__PURE__ */ function(_Component) {
@@ -1,7 +1,7 @@
1
1
  SHighlightedButtonTrigger:not([state="invalid"]):not([state="valid"]) {
2
2
  border: 1px solid transparent;
3
3
  background:
4
- linear-gradient(white, white) padding-box,
4
+ linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff), var(--intergalactic-bg-primary-neutral, #ffffff)) padding-box,
5
5
  var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)
6
6
  ) border-box; /* border */
7
7
  background-origin: border-box;
@@ -16,7 +16,7 @@ SHighlightedButtonTrigger:not([state="invalid"]):not([state="valid"]) {
16
16
  &:active,
17
17
  &[active] {
18
18
  background:
19
- linear-gradient(white, white) padding-box,
19
+ linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff), var(--intergalactic-bg-primary-neutral, #ffffff)) padding-box,
20
20
  var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;
21
21
  background-origin: border-box;
22
22
  background-clip: padding-box, border-box;
@@ -6,23 +6,23 @@ var styles = (
6
6
  /*__reshadow_css_start__*/
7
7
  (sstyled.insert(
8
8
  /*__inner_css_start__*/
9
- "@keyframes sparkles_1idzl{50%{transform:rotate(calc(1deg*var(--angle_1idzl))) translateY(200%) scale(var(--scale_1idzl))}to{transform:rotate(calc(1deg*var(--angle_1idzl))) translateY(200%) scale(0)}}.___SSparkle_1idzl_gg_{position:absolute}.___SSparkle_1idzl_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SSparkle_1idzl_gg_.__angle_1idzl_gg_.__scale_1idzl_gg_.__duration_1idzl_gg_{transform:rotate(calc(1deg*var(--angle_1idzl))) scale(var(--scale_1idzl));animation-name:sparkles_1idzl;animation-fill-mode:forwards;animation-duration:var(--duration_1idzl)}.___SSparkle_1idzl_gg_.__left_1idzl_gg_{left:var(--left_1idzl)}.___SSparkle_1idzl_gg_.__top_1idzl_gg_{top:var(--top_1idzl)}",
9
+ "@keyframes sparkles_equly{50%{transform:rotate(calc(1deg*var(--angle_equly))) translateY(200%) scale(var(--scale_equly))}to{transform:rotate(calc(1deg*var(--angle_equly))) translateY(200%) scale(0)}}.___SSparkle_equly_gg_{position:absolute}.___SSparkle_equly_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SSparkle_equly_gg_.__angle_equly_gg_.__scale_equly_gg_.__duration_equly_gg_{transform:rotate(calc(1deg*var(--angle_equly))) scale(var(--scale_equly));animation-name:sparkles_equly;animation-fill-mode:forwards;animation-duration:var(--duration_equly)}.___SSparkle_equly_gg_.__left_equly_gg_{left:var(--left_equly)}.___SSparkle_equly_gg_.__top_equly_gg_{top:var(--top_equly)}",
10
10
  /*__inner_css_end__*/
11
- "1idzl_gg_"
11
+ "equly_gg_"
12
12
  ), /*__reshadow_css_end__*/
13
13
  {
14
- "__SSparkle": "___SSparkle_1idzl_gg_",
15
- "_angle": "__angle_1idzl_gg_",
16
- "_scale": "__scale_1idzl_gg_",
17
- "_duration": "__duration_1idzl_gg_",
18
- "--angle": "--angle_1idzl",
19
- "--scale": "--scale_1idzl",
20
- "--duration": "--duration_1idzl",
21
- "@sparkles": "sparkles_1idzl",
22
- "_left": "__left_1idzl_gg_",
23
- "--left": "--left_1idzl",
24
- "_top": "__top_1idzl_gg_",
25
- "--top": "--top_1idzl"
14
+ "__SSparkle": "___SSparkle_equly_gg_",
15
+ "_angle": "__angle_equly_gg_",
16
+ "_scale": "__scale_equly_gg_",
17
+ "_duration": "__duration_equly_gg_",
18
+ "--angle": "--angle_equly",
19
+ "--scale": "--scale_equly",
20
+ "--duration": "--duration_equly",
21
+ "@sparkles": "sparkles_equly",
22
+ "_left": "__left_equly_gg_",
23
+ "--left": "--left_equly",
24
+ "_top": "__top_equly_gg_",
25
+ "--top": "--top_equly"
26
26
  })
27
27
  );
28
28
  function SvgSparkle(props, ref) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/feature-highlight",
3
3
  "description": "Semrush toolkit for accent features",
4
- "version": "16.0.4",
4
+ "version": "16.1.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/esm/index.mjs",
7
7
  "typings": "lib/types/index.d.ts",
@@ -38,7 +38,7 @@
38
38
  "directory": "semcore/feature-highlight"
39
39
  },
40
40
  "devDependencies": {
41
- "@semcore/base-components": "16.2.1",
41
+ "@semcore/base-components": "16.2.2",
42
42
  "@semcore/testing-utils": "1.0.0"
43
43
  },
44
44
  "scripts": {