@semcore/feature-highlight 17.0.0 → 17.0.1-prerelease.1

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 (45) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/components/badge/Badge.js +5 -5
  3. package/lib/cjs/components/button/Button.js +9 -9
  4. package/lib/cjs/components/checkbox/Checkbox.js +3 -3
  5. package/lib/cjs/components/checkbox/Checkbox.js.map +1 -1
  6. package/lib/cjs/components/checkbox/Checkbox.type.js.map +1 -1
  7. package/lib/cjs/components/input/Input.js +8 -8
  8. package/lib/cjs/components/notice/Notice.js +6 -6
  9. package/lib/cjs/components/pills/Pills.js +7 -7
  10. package/lib/cjs/components/radio/Radio.js +3 -3
  11. package/lib/cjs/components/radio/Radio.js.map +1 -1
  12. package/lib/cjs/components/radio/Radio.type.js.map +1 -1
  13. package/lib/cjs/components/switch/Switch.js +4 -4
  14. package/lib/cjs/components/tab-line/TabLine.js +4 -4
  15. package/lib/cjs/inner-components/button-trigger/ButtonTrigger.js +8 -8
  16. package/lib/cjs/inner-components/sparkle/Sparkle.js +13 -13
  17. package/lib/es6/components/badge/Badge.js +5 -5
  18. package/lib/es6/components/button/Button.js +9 -9
  19. package/lib/es6/components/checkbox/Checkbox.js +3 -3
  20. package/lib/es6/components/checkbox/Checkbox.js.map +1 -1
  21. package/lib/es6/components/checkbox/Checkbox.type.js.map +1 -1
  22. package/lib/es6/components/input/Input.js +8 -8
  23. package/lib/es6/components/notice/Notice.js +6 -6
  24. package/lib/es6/components/pills/Pills.js +7 -7
  25. package/lib/es6/components/radio/Radio.js +3 -3
  26. package/lib/es6/components/radio/Radio.js.map +1 -1
  27. package/lib/es6/components/radio/Radio.type.js.map +1 -1
  28. package/lib/es6/components/switch/Switch.js +4 -4
  29. package/lib/es6/components/tab-line/TabLine.js +4 -4
  30. package/lib/es6/inner-components/button-trigger/ButtonTrigger.js +8 -8
  31. package/lib/es6/inner-components/sparkle/Sparkle.js +13 -13
  32. package/lib/esm/components/badge/Badge.mjs +7 -6
  33. package/lib/esm/components/button/Button.mjs +11 -10
  34. package/lib/esm/components/checkbox/Checkbox.mjs +5 -4
  35. package/lib/esm/components/input/Input.mjs +10 -9
  36. package/lib/esm/components/notice/Notice.mjs +8 -7
  37. package/lib/esm/components/pills/Pills.mjs +9 -8
  38. package/lib/esm/components/radio/Radio.mjs +5 -4
  39. package/lib/esm/components/switch/Switch.mjs +6 -5
  40. package/lib/esm/components/tab-line/TabLine.mjs +6 -5
  41. package/lib/esm/inner-components/button-trigger/ButtonTrigger.mjs +10 -9
  42. package/lib/esm/inner-components/sparkle/Sparkle.mjs +15 -14
  43. package/lib/types/components/checkbox/Checkbox.type.d.ts +4 -4
  44. package/lib/types/components/radio/Radio.type.d.ts +3 -3
  45. package/package.json +19 -19
@@ -3,18 +3,19 @@ import { sstyled, Component, assignProps, createComponent } from "@semcore/core"
3
3
  import Switch from "@semcore/switch";
4
4
  import React from "react";
5
5
  import { AnimatedSparkles } from "../../inner-components/sparkle/AnimatedSparkles.mjs";
6
+ /*!__reshadow-styles__:"./switch.shadow.css"*/
6
7
  const style = (
7
8
  /*__reshadow_css_start__*/
8
9
  (sstyled.insert(
9
10
  /*__inner_css_start__*/
10
- '.___SToggle_12wh3_gg_{position:relative}.___SToggle_12wh3_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_12wh3_gg_.__checked_12wh3_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_12wh3_gg_:has(.___SInput_12wh3_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_12wh3_gg_:has(.___SInput_12wh3_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_12wh3_gg_:has(.___SInput_12wh3_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_12wh3_gg_:has(.___SInput_12wh3_gg_:focus-visible)::before{display:none}}',
11
+ '.___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}}',
11
12
  /*__inner_css_end__*/
12
- "12wh3_gg_"
13
+ "3w9j3_gg_"
13
14
  ), /*__reshadow_css_end__*/
14
15
  {
15
- "__SToggle": "___SToggle_12wh3_gg_",
16
- "_checked": "__checked_12wh3_gg_",
17
- "__SInput": "___SInput_12wh3_gg_"
16
+ "__SToggle": "___SToggle_3w9j3_gg_",
17
+ "_checked": "__checked_3w9j3_gg_",
18
+ "__SInput": "___SInput_3w9j3_gg_"
18
19
  })
19
20
  );
20
21
  class SwitchFHRoot extends Component {
@@ -4,18 +4,19 @@ import SummaryAI from "@semcore/icon/SummaryAI/m";
4
4
  import TabLine from "@semcore/tab-line";
5
5
  import React from "react";
6
6
  import { AnimatedSparkles } from "../../inner-components/sparkle/AnimatedSparkles.mjs";
7
+ /*!__reshadow-styles__:"./tabLine.shadow.css"*/
7
8
  const style = (
8
9
  /*__reshadow_css_start__*/
9
10
  (sstyled.insert(
10
11
  /*__inner_css_start__*/
11
- '.___SHighlightedItem_1tazm_gg_:focus-visible{outline:0}.___SHighlightedItem_1tazm_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_1tazm_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_1tazm_gg_.__selected_1tazm_gg_::after{opacity:1}@media (hover:hover){.___SHighlightedItem_1tazm_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}}.___SHighlightedItem_1tazm_gg_::before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:auto;width:calc(100% + 4px);margin:-4px;padding:2px;box-sizing:content-box;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedCaret_1tazm_gg_,.___SHighlightedItem_1tazm_gg_.__selected_1tazm_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}',
12
+ '.___SHighlightedItem_cwpc4_gg_:focus-visible{outline:0}.___SHighlightedItem_cwpc4_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_cwpc4_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_cwpc4_gg_.__selected_cwpc4_gg_::after{opacity:1}@media (hover:hover){.___SHighlightedItem_cwpc4_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}}.___SHighlightedItem_cwpc4_gg_::before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:auto;width:calc(100% + 4px);margin:-4px;padding:2px;box-sizing:content-box;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedCaret_cwpc4_gg_,.___SHighlightedItem_cwpc4_gg_.__selected_cwpc4_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}',
12
13
  /*__inner_css_end__*/
13
- "1tazm_gg_"
14
+ "cwpc4_gg_"
14
15
  ), /*__reshadow_css_end__*/
15
16
  {
16
- "__SHighlightedCaret": "___SHighlightedCaret_1tazm_gg_",
17
- "__SHighlightedItem": "___SHighlightedItem_1tazm_gg_",
18
- "_selected": "__selected_1tazm_gg_"
17
+ "__SHighlightedCaret": "___SHighlightedCaret_cwpc4_gg_",
18
+ "__SHighlightedItem": "___SHighlightedItem_cwpc4_gg_",
19
+ "_selected": "__selected_cwpc4_gg_"
19
20
  })
20
21
  );
21
22
  class TabLineFHRoot extends Component {
@@ -3,22 +3,23 @@ import { sstyled, Component, assignProps, createComponent } from "@semcore/core"
3
3
  import { ButtonTrigger } from "@semcore/base-trigger";
4
4
  import SummaryAI from "@semcore/icon/SummaryAI/m";
5
5
  import React from "react";
6
+ /*!__reshadow-styles__:"./buttonTrigger.shadow.css"*/
6
7
  const style = (
7
8
  /*__reshadow_css_start__*/
8
9
  (sstyled.insert(
9
10
  /*__inner_css_start__*/
10
- '.___SHighlightedButtonTrigger_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}.___SHighlightedButtonTrigger_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_)::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@media (hover:hover){.___SHighlightedButtonTrigger_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box}}.___SHighlightedButtonTrigger_1q2s6_gg_.__active_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_),.___SHighlightedButtonTrigger_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_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_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_1q2s6_gg_._neighborLocation_left_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_1q2s6_gg_._neighborLocation_right_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_1q2s6_gg_._neighborLocation_both_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_):focus-visible::before{display:none}}',
11
+ '.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_)::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@media (hover:hover){.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box}}.___SHighlightedButtonTrigger_1vlbt_gg_.__active_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_),.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_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_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_1vlbt_gg_._neighborLocation_left_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_1vlbt_gg_._neighborLocation_right_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_1vlbt_gg_._neighborLocation_both_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):focus-visible::before{display:none}}',
11
12
  /*__inner_css_end__*/
12
- "1q2s6_gg_"
13
+ "1vlbt_gg_"
13
14
  ), /*__reshadow_css_end__*/
14
15
  {
15
- "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_1q2s6_gg_",
16
- "_state_invalid": "_state_invalid_1q2s6_gg_",
17
- "_state_valid": "_state_valid_1q2s6_gg_",
18
- "_active": "__active_1q2s6_gg_",
19
- "_neighborLocation_left": "_neighborLocation_left_1q2s6_gg_",
20
- "_neighborLocation_right": "_neighborLocation_right_1q2s6_gg_",
21
- "_neighborLocation_both": "_neighborLocation_both_1q2s6_gg_"
16
+ "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_1vlbt_gg_",
17
+ "_state_invalid": "_state_invalid_1vlbt_gg_",
18
+ "_state_valid": "_state_valid_1vlbt_gg_",
19
+ "_active": "__active_1vlbt_gg_",
20
+ "_neighborLocation_left": "_neighborLocation_left_1vlbt_gg_",
21
+ "_neighborLocation_right": "_neighborLocation_right_1vlbt_gg_",
22
+ "_neighborLocation_both": "_neighborLocation_both_1vlbt_gg_"
22
23
  })
23
24
  );
24
25
  class ButtonTriggerFHRoot extends Component {
@@ -1,26 +1,27 @@
1
1
  import { sstyled, assignProps, createBaseComponent } from "@semcore/core";
2
2
  import React from "react";
3
+ /*!__reshadow-styles__:"./style/sparkle.shadow.css"*/
3
4
  const styles = (
4
5
  /*__reshadow_css_start__*/
5
6
  (sstyled.insert(
6
7
  /*__inner_css_start__*/
7
- "@keyframes sparkles_1tv21{50%{transform:rotate(calc(1deg*var(--angle_1tv21))) translateY(200%) scale(var(--scale_1tv21))}to{transform:rotate(calc(1deg*var(--angle_1tv21))) translateY(200%) scale(0)}}.___SSparkle_1tv21_gg_{position:absolute}.___SSparkle_1tv21_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SSparkle_1tv21_gg_.__angle_1tv21_gg_.__scale_1tv21_gg_.__duration_1tv21_gg_{transform:rotate(calc(1deg*var(--angle_1tv21))) scale(var(--scale_1tv21));animation-name:sparkles_1tv21;animation-fill-mode:forwards;animation-duration:var(--duration_1tv21)}.___SSparkle_1tv21_gg_.__left_1tv21_gg_{left:var(--left_1tv21)}.___SSparkle_1tv21_gg_.__top_1tv21_gg_{top:var(--top_1tv21)}",
8
+ "@keyframes sparkles_1gy26{50%{transform:rotate(calc(1deg*var(--angle_1gy26))) translateY(200%) scale(var(--scale_1gy26))}to{transform:rotate(calc(1deg*var(--angle_1gy26))) translateY(200%) scale(0)}}.___SSparkle_1gy26_gg_{position:absolute}.___SSparkle_1gy26_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SSparkle_1gy26_gg_.__angle_1gy26_gg_.__scale_1gy26_gg_.__duration_1gy26_gg_{transform:rotate(calc(1deg*var(--angle_1gy26))) scale(var(--scale_1gy26));animation-name:sparkles_1gy26;animation-fill-mode:forwards;animation-duration:var(--duration_1gy26)}.___SSparkle_1gy26_gg_.__left_1gy26_gg_{left:var(--left_1gy26)}.___SSparkle_1gy26_gg_.__top_1gy26_gg_{top:var(--top_1gy26)}",
8
9
  /*__inner_css_end__*/
9
- "1tv21_gg_"
10
+ "1gy26_gg_"
10
11
  ), /*__reshadow_css_end__*/
11
12
  {
12
- "__SSparkle": "___SSparkle_1tv21_gg_",
13
- "_angle": "__angle_1tv21_gg_",
14
- "_scale": "__scale_1tv21_gg_",
15
- "_duration": "__duration_1tv21_gg_",
16
- "--angle": "--angle_1tv21",
17
- "--scale": "--scale_1tv21",
18
- "--duration": "--duration_1tv21",
19
- "@sparkles": "sparkles_1tv21",
20
- "_left": "__left_1tv21_gg_",
21
- "--left": "--left_1tv21",
22
- "_top": "__top_1tv21_gg_",
23
- "--top": "--top_1tv21"
13
+ "__SSparkle": "___SSparkle_1gy26_gg_",
14
+ "_angle": "__angle_1gy26_gg_",
15
+ "_scale": "__scale_1gy26_gg_",
16
+ "_duration": "__duration_1gy26_gg_",
17
+ "--angle": "--angle_1gy26",
18
+ "--scale": "--scale_1gy26",
19
+ "--duration": "--duration_1gy26",
20
+ "@sparkles": "sparkles_1gy26",
21
+ "_left": "__left_1gy26_gg_",
22
+ "--left": "--left_1gy26",
23
+ "_top": "__top_1gy26_gg_",
24
+ "--top": "--top_1gy26"
24
25
  })
25
26
  );
26
27
  function SvgSparkle(props, ref) {
@@ -1,8 +1,8 @@
1
- import type { CheckboxContext, CheckboxProps, CheckboxTextProps, CheckboxValueProps } from '@semcore/checkbox';
1
+ import type { NSCheckbox } from '@semcore/checkbox';
2
2
  import type { Intergalactic } from '@semcore/core';
3
3
  import type { AnimatedSparklesProps } from '../../inner-components/sparkle/AnimatedSparkles';
4
- export type HighlightedCheckboxComponent = Intergalactic.Component<'label', CheckboxProps, CheckboxContext> & {
5
- Text: Intergalactic.Component<'span', CheckboxTextProps>;
6
- Value: Intergalactic.Component<'input', CheckboxValueProps>;
4
+ export type HighlightedCheckboxComponent = Intergalactic.Component<'label', NSCheckbox.Props, NSCheckbox.Ctx> & {
5
+ Text: Intergalactic.Component<'span', NSCheckbox.Text.Props>;
6
+ Value: Intergalactic.Component<'input', NSCheckbox.Value.Props>;
7
7
  AnimatedSparkles: Intergalactic.Component<'div', AnimatedSparklesProps>;
8
8
  };
@@ -1,9 +1,9 @@
1
1
  import type { Intergalactic } from '@semcore/core';
2
- import type { RadioCtx, RadioProps, RadioValueProps } from '@semcore/radio';
2
+ import type { NSRadio } from '@semcore/radio';
3
3
  import type { Text } from '@semcore/typography';
4
4
  import type { AnimatedSparklesProps } from '../../inner-components/sparkle/AnimatedSparkles';
5
- export type HighlightedRadioComponent = Intergalactic.Component<'label', RadioProps, RadioCtx> & {
6
- Value: Intergalactic.Component<'input', RadioValueProps>;
5
+ export type HighlightedRadioComponent = Intergalactic.Component<'label', NSRadio.Props, NSRadio.Ctx> & {
6
+ Value: Intergalactic.Component<'input', NSRadio.Value.Props>;
7
7
  Text: typeof Text;
8
8
  AnimatedSparkles: Intergalactic.Component<'div', AnimatedSparklesProps>;
9
9
  };
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": "17.0.0",
4
+ "version": "17.0.1-prerelease.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/esm/index.mjs",
7
7
  "typings": "lib/types/index.d.ts",
@@ -10,27 +10,27 @@
10
10
  "license": "MIT",
11
11
  "exports": {
12
12
  ".": {
13
- "require": "./lib/cjs/index.js",
13
+ "types": "./lib/types/index.d.ts",
14
14
  "import": "./lib/esm/index.mjs",
15
- "types": "./lib/types/index.d.ts"
15
+ "require": "./lib/cjs/index.js"
16
16
  }
17
17
  },
18
18
  "dependencies": {
19
- "@semcore/badge": "^17.0.0",
20
- "@semcore/base-trigger": "^17.0.0",
21
- "@semcore/button": "^17.0.0",
22
- "@semcore/checkbox": "^17.0.0",
23
- "@semcore/input": "^17.0.0",
24
- "@semcore/notice": "^17.0.0",
25
- "@semcore/pills": "^17.0.0",
26
- "@semcore/radio": "^17.0.0",
27
- "@semcore/select": "^17.0.0",
28
- "@semcore/switch": "^17.0.0",
29
- "@semcore/tab-line": "^17.0.0",
30
- "@semcore/typography": "^17.0.0"
19
+ "@semcore/badge": "^17.0.1-prerelease.1",
20
+ "@semcore/base-trigger": "^17.0.1-prerelease.1",
21
+ "@semcore/button": "^17.0.1-prerelease.1",
22
+ "@semcore/checkbox": "^17.0.2-prerelease.1",
23
+ "@semcore/input": "^17.0.1-prerelease.1",
24
+ "@semcore/notice": "^17.0.1-prerelease.1",
25
+ "@semcore/pills": "^17.0.2-prerelease.1",
26
+ "@semcore/radio": "^17.0.2-prerelease.1",
27
+ "@semcore/select": "^17.0.1-prerelease.1",
28
+ "@semcore/switch": "^17.0.1-prerelease.1",
29
+ "@semcore/tab-line": "^17.0.2-prerelease.1",
30
+ "@semcore/typography": "^17.0.2-prerelease.1"
31
31
  },
32
32
  "peerDependencies": {
33
- "@semcore/base-components": "^17.0.0 || ^17.0.0-0"
33
+ "@semcore/base-components": "^17.0.2"
34
34
  },
35
35
  "repository": {
36
36
  "type": "git",
@@ -38,9 +38,9 @@
38
38
  "directory": "semcore/feature-highlight"
39
39
  },
40
40
  "devDependencies": {
41
- "@semcore/base-components": "17.0.0",
42
- "@semcore/core": "17.0.0",
43
- "@semcore/testing-utils": "1.0.0"
41
+ "@semcore/base-components": "17.0.2-prerelease.1",
42
+ "@semcore/testing-utils": "1.0.0",
43
+ "@semcore/core": "17.0.1"
44
44
  },
45
45
  "scripts": {
46
46
  "build": "pnpm semcore-builder && pnpm vite build"