@semcore/feature-highlight 16.4.0-prerelease.1 → 16.4.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 (73) hide show
  1. package/lib/cjs/components/badge/Badge.js +18 -4
  2. package/lib/cjs/components/badge/Badge.js.map +1 -1
  3. package/lib/cjs/components/badge/badge.shadow.css +6 -0
  4. package/lib/cjs/components/button/Button.js +9 -9
  5. package/lib/cjs/components/button/Button.js.map +1 -1
  6. package/lib/cjs/components/checkbox/Checkbox.js +3 -3
  7. package/lib/cjs/components/checkbox/Checkbox.js.map +1 -1
  8. package/lib/cjs/components/checkbox/Checkbox.type.js.map +1 -1
  9. package/lib/cjs/components/checkbox/checkbox.shadow.css +3 -0
  10. package/lib/cjs/components/input/Input.js +8 -8
  11. package/lib/cjs/components/notice/Notice.js +18 -32
  12. package/lib/cjs/components/notice/Notice.js.map +1 -1
  13. package/lib/cjs/components/notice/Notice.type.js.map +1 -1
  14. package/lib/cjs/components/pills/Pills.js +7 -7
  15. package/lib/cjs/components/pills/Pills.js.map +1 -1
  16. package/lib/cjs/components/radio/Radio.js +3 -3
  17. package/lib/cjs/components/radio/Radio.js.map +1 -1
  18. package/lib/cjs/components/radio/Radio.type.js.map +1 -1
  19. package/lib/cjs/components/select/Select.js.map +1 -1
  20. package/lib/cjs/components/switch/Switch.js +4 -4
  21. package/lib/cjs/components/switch/switch.shadow.css +1 -0
  22. package/lib/cjs/components/tab-line/TabLine.js +4 -4
  23. package/lib/cjs/components/tab-line/TabLine.js.map +1 -1
  24. package/lib/cjs/inner-components/button-trigger/ButtonTrigger.js +8 -8
  25. package/lib/cjs/inner-components/sparkle/Sparkle.js +13 -13
  26. package/lib/cjs/inner-components/sparkle/Sparkle.js.map +1 -1
  27. package/lib/es6/components/badge/Badge.js +18 -4
  28. package/lib/es6/components/badge/Badge.js.map +1 -1
  29. package/lib/es6/components/badge/badge.shadow.css +6 -0
  30. package/lib/es6/components/button/Button.js +9 -9
  31. package/lib/es6/components/button/Button.js.map +1 -1
  32. package/lib/es6/components/checkbox/Checkbox.js +3 -3
  33. package/lib/es6/components/checkbox/Checkbox.js.map +1 -1
  34. package/lib/es6/components/checkbox/Checkbox.type.js.map +1 -1
  35. package/lib/es6/components/checkbox/checkbox.shadow.css +3 -0
  36. package/lib/es6/components/input/Input.js +8 -8
  37. package/lib/es6/components/notice/Notice.js +18 -32
  38. package/lib/es6/components/notice/Notice.js.map +1 -1
  39. package/lib/es6/components/notice/Notice.type.js.map +1 -1
  40. package/lib/es6/components/pills/Pills.js +7 -7
  41. package/lib/es6/components/pills/Pills.js.map +1 -1
  42. package/lib/es6/components/radio/Radio.js +3 -3
  43. package/lib/es6/components/radio/Radio.js.map +1 -1
  44. package/lib/es6/components/radio/Radio.type.js.map +1 -1
  45. package/lib/es6/components/select/Select.js.map +1 -1
  46. package/lib/es6/components/switch/Switch.js +4 -4
  47. package/lib/es6/components/switch/switch.shadow.css +1 -0
  48. package/lib/es6/components/tab-line/TabLine.js +4 -4
  49. package/lib/es6/components/tab-line/TabLine.js.map +1 -1
  50. package/lib/es6/inner-components/button-trigger/ButtonTrigger.js +8 -8
  51. package/lib/es6/inner-components/sparkle/Sparkle.js +13 -13
  52. package/lib/es6/inner-components/sparkle/Sparkle.js.map +1 -1
  53. package/lib/esm/components/badge/Badge.mjs +17 -6
  54. package/lib/esm/components/badge/badge.shadow.css +6 -0
  55. package/lib/esm/components/button/Button.mjs +11 -11
  56. package/lib/esm/components/checkbox/Checkbox.mjs +5 -5
  57. package/lib/esm/components/checkbox/checkbox.shadow.css +3 -0
  58. package/lib/esm/components/input/Input.mjs +10 -10
  59. package/lib/esm/components/notice/Notice.mjs +12 -23
  60. package/lib/esm/components/pills/Pills.mjs +9 -9
  61. package/lib/esm/components/radio/Radio.mjs +5 -5
  62. package/lib/esm/components/select/Select.mjs +1 -1
  63. package/lib/esm/components/switch/Switch.mjs +6 -6
  64. package/lib/esm/components/switch/switch.shadow.css +1 -0
  65. package/lib/esm/components/tab-line/TabLine.mjs +6 -6
  66. package/lib/esm/inner-components/button-trigger/ButtonTrigger.mjs +10 -10
  67. package/lib/esm/inner-components/sparkle/Sparkle.mjs +15 -15
  68. package/lib/types/components/badge/Badge.d.ts +11 -3
  69. package/lib/types/components/checkbox/Checkbox.type.d.ts +4 -4
  70. package/lib/types/components/notice/Notice.type.d.ts +10 -2
  71. package/lib/types/components/radio/Radio.type.d.ts +3 -3
  72. package/lib/types/inner-components/sparkle/Sparkle.d.ts +1 -2
  73. package/package.json +16 -16
@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
4
  import _callSuper from "@babel/runtime/helpers/esm/callSuper";
5
5
  import _inherits from "@babel/runtime/helpers/esm/inherits";
6
6
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
- import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
7
+ import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
8
8
  import { ButtonTrigger } from "@semcore/base-trigger";
9
9
  import SummaryAI from "@semcore/icon/SummaryAI/m";
10
10
  import React from "react";
@@ -13,18 +13,18 @@ var style = (
13
13
  /*__reshadow_css_start__*/
14
14
  (sstyled.insert(
15
15
  /*__inner_css_start__*/
16
- '.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_)::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}@media (hover:hover){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}}.___SHighlightedButtonTrigger_113sj_gg_.__active_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_),.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):active{background:linear-gradient(white,white) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_113sj_gg_._neighborLocation_left_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_113sj_gg_._neighborLocation_right_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_113sj_gg_._neighborLocation_both_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):focus-visible::before{display:none}}',
16
+ '.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_)::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}@media (hover:hover){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}}.___SHighlightedButtonTrigger_8armz_gg_.__active_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_),.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):active{background:linear-gradient(white,white) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_8armz_gg_._neighborLocation_left_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_8armz_gg_._neighborLocation_right_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_8armz_gg_._neighborLocation_both_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):focus-visible::before{display:none}}',
17
17
  /*__inner_css_end__*/
18
- "113sj_gg_"
18
+ "8armz_gg_"
19
19
  ), /*__reshadow_css_end__*/
20
20
  {
21
- "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_113sj_gg_",
22
- "_state_invalid": "_state_invalid_113sj_gg_",
23
- "_state_valid": "_state_valid_113sj_gg_",
24
- "_active": "__active_113sj_gg_",
25
- "_neighborLocation_left": "_neighborLocation_left_113sj_gg_",
26
- "_neighborLocation_right": "_neighborLocation_right_113sj_gg_",
27
- "_neighborLocation_both": "_neighborLocation_both_113sj_gg_"
21
+ "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_8armz_gg_",
22
+ "_state_invalid": "_state_invalid_8armz_gg_",
23
+ "_state_valid": "_state_valid_8armz_gg_",
24
+ "_active": "__active_8armz_gg_",
25
+ "_neighborLocation_left": "_neighborLocation_left_8armz_gg_",
26
+ "_neighborLocation_right": "_neighborLocation_right_8armz_gg_",
27
+ "_neighborLocation_both": "_neighborLocation_both_8armz_gg_"
28
28
  })
29
29
  );
30
30
  var ButtonTriggerFHRoot = /* @__PURE__ */ (function(_Component) {
@@ -1,28 +1,28 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
- import { createBaseComponent, sstyled, assignProps } from "@semcore/core";
2
+ import { sstyled, assignProps, createBaseComponent } from "@semcore/core";
3
3
  import React from "react";
4
4
  /*!__reshadow-styles__:"./style/sparkle.shadow.css"*/
5
5
  var styles = (
6
6
  /*__reshadow_css_start__*/
7
7
  (sstyled.insert(
8
8
  /*__inner_css_start__*/
9
- "@keyframes sparkles_1qirw{50%{transform:rotate(calc(1deg*var(--angle_1qirw))) translateY(200%) scale(var(--scale_1qirw))}to{transform:rotate(calc(1deg*var(--angle_1qirw))) translateY(200%) scale(0)}}.___SSparkle_1qirw_gg_{position:absolute}.___SSparkle_1qirw_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SSparkle_1qirw_gg_.__angle_1qirw_gg_.__scale_1qirw_gg_.__duration_1qirw_gg_{transform:rotate(calc(1deg*var(--angle_1qirw))) scale(var(--scale_1qirw));animation-name:sparkles_1qirw;animation-fill-mode:forwards;animation-duration:var(--duration_1qirw)}.___SSparkle_1qirw_gg_.__left_1qirw_gg_{left:var(--left_1qirw)}.___SSparkle_1qirw_gg_.__top_1qirw_gg_{top:var(--top_1qirw)}",
9
+ "@keyframes sparkles_s1mrj{50%{transform:rotate(calc(1deg*var(--angle_s1mrj))) translateY(200%) scale(var(--scale_s1mrj))}to{transform:rotate(calc(1deg*var(--angle_s1mrj))) translateY(200%) scale(0)}}.___SSparkle_s1mrj_gg_{position:absolute}.___SSparkle_s1mrj_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SSparkle_s1mrj_gg_.__angle_s1mrj_gg_.__scale_s1mrj_gg_.__duration_s1mrj_gg_{transform:rotate(calc(1deg*var(--angle_s1mrj))) scale(var(--scale_s1mrj));animation-name:sparkles_s1mrj;animation-fill-mode:forwards;animation-duration:var(--duration_s1mrj)}.___SSparkle_s1mrj_gg_.__left_s1mrj_gg_{left:var(--left_s1mrj)}.___SSparkle_s1mrj_gg_.__top_s1mrj_gg_{top:var(--top_s1mrj)}",
10
10
  /*__inner_css_end__*/
11
- "1qirw_gg_"
11
+ "s1mrj_gg_"
12
12
  ), /*__reshadow_css_end__*/
13
13
  {
14
- "__SSparkle": "___SSparkle_1qirw_gg_",
15
- "_angle": "__angle_1qirw_gg_",
16
- "_scale": "__scale_1qirw_gg_",
17
- "_duration": "__duration_1qirw_gg_",
18
- "--angle": "--angle_1qirw",
19
- "--scale": "--scale_1qirw",
20
- "--duration": "--duration_1qirw",
21
- "@sparkles": "sparkles_1qirw",
22
- "_left": "__left_1qirw_gg_",
23
- "--left": "--left_1qirw",
24
- "_top": "__top_1qirw_gg_",
25
- "--top": "--top_1qirw"
14
+ "__SSparkle": "___SSparkle_s1mrj_gg_",
15
+ "_angle": "__angle_s1mrj_gg_",
16
+ "_scale": "__scale_s1mrj_gg_",
17
+ "_duration": "__duration_s1mrj_gg_",
18
+ "--angle": "--angle_s1mrj",
19
+ "--scale": "--scale_s1mrj",
20
+ "--duration": "--duration_s1mrj",
21
+ "@sparkles": "sparkles_s1mrj",
22
+ "_left": "__left_s1mrj_gg_",
23
+ "--left": "--left_s1mrj",
24
+ "_top": "__top_s1mrj_gg_",
25
+ "--top": "--top_s1mrj"
26
26
  })
27
27
  );
28
28
  function SvgSparkle(props, ref) {
@@ -1,3 +1,11 @@
1
- export declare const BadgeFH: import("@semcore/core/lib/coreFactory").ComponentType<unknown, {}, {}, {
2
- [key: string]: (arg: unknown) => void;
3
- }, null>;
1
+ import { type BadgeMargins } from '@semcore/badge';
2
+ type BadgeFHUse = 'accent' | 'neutral';
3
+ type BadgeFHProps = BadgeMargins & {
4
+ /**
5
+ * Type of feature badge.
6
+ * @default accent
7
+ */
8
+ use?: BadgeFHUse;
9
+ };
10
+ export declare const BadgeFH: import("@semcore/core").Intergalactic.Component<"span", BadgeFHProps, {}, never[]>;
11
+ export {};
@@ -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,3 +1,11 @@
1
- import type { NoticeSmart } from '@semcore/notice';
1
+ import type { Intergalactic } from '@semcore/core';
2
+ import type { NoticeSmartProps } from '@semcore/notice';
2
3
  import type Notice from '@semcore/notice';
3
- export type HighlightedNoticeComponent = typeof Notice & typeof NoticeSmart;
4
+ export type HighlightedNoticeComponent = Intergalactic.Component<'div', NoticeSmartProps> & {
5
+ Label: typeof Notice['Label'];
6
+ Actions: typeof Notice['Actions'];
7
+ Content: typeof Notice['Content'];
8
+ Title: typeof Notice['Title'];
9
+ Text: typeof Notice['Text'];
10
+ Close: typeof Notice['Close'];
11
+ };
@@ -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
  };
@@ -1,4 +1,3 @@
1
- import type { Intergalactic } from '@semcore/core';
2
1
  type SparkleProps = {
3
2
  index: number;
4
3
  num: number;
@@ -6,5 +5,5 @@ type SparkleProps = {
6
5
  top?: string;
7
6
  left?: string;
8
7
  };
9
- declare const _default: Intergalactic.Component<"svg", SparkleProps>;
8
+ declare const _default: import("@semcore/core").Intergalactic.Component<"svg", SparkleProps, {}, never[]>;
10
9
  export default _default;
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.4.0-prerelease.1",
4
+ "version": "16.4.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/esm/index.mjs",
7
7
  "typings": "lib/types/index.d.ts",
@@ -16,21 +16,21 @@
16
16
  }
17
17
  },
18
18
  "dependencies": {
19
- "@semcore/badge": "^16.1.0-prerelease.1",
20
- "@semcore/base-trigger": "^16.5.0-prerelease.1",
21
- "@semcore/button": "^16.1.0-prerelease.1",
22
- "@semcore/checkbox": "^16.3.0-prerelease.1",
23
- "@semcore/input": "^16.2.0-prerelease.1",
24
- "@semcore/notice": "^16.2.0-prerelease.1",
25
- "@semcore/pills": "^16.1.0-prerelease.1",
26
- "@semcore/radio": "^16.2.0-prerelease.1",
27
- "@semcore/select": "^16.2.0-prerelease.1",
28
- "@semcore/switch": "^16.2.0-prerelease.1",
29
- "@semcore/tab-line": "^16.1.0-prerelease.1",
30
- "@semcore/typography": "^16.4.0-prerelease.1"
19
+ "@semcore/badge": "^16.1.0",
20
+ "@semcore/base-trigger": "^16.5.0",
21
+ "@semcore/button": "^16.1.0",
22
+ "@semcore/checkbox": "^16.3.0",
23
+ "@semcore/input": "^16.2.0",
24
+ "@semcore/notice": "^16.2.0",
25
+ "@semcore/pills": "^16.1.0",
26
+ "@semcore/radio": "^16.2.0",
27
+ "@semcore/select": "^16.2.0",
28
+ "@semcore/switch": "^16.2.0",
29
+ "@semcore/tab-line": "^16.1.0",
30
+ "@semcore/typography": "^16.4.0"
31
31
  },
32
32
  "peerDependencies": {
33
- "@semcore/base-components": "^16.6.0-prerelease.1"
33
+ "@semcore/base-components": "^16.6.0"
34
34
  },
35
35
  "repository": {
36
36
  "type": "git",
@@ -38,8 +38,8 @@
38
38
  "directory": "semcore/feature-highlight"
39
39
  },
40
40
  "devDependencies": {
41
- "@semcore/base-components": "16.6.0-prerelease.1",
42
- "@semcore/testing-utils": "1.0.0"
41
+ "@semcore/testing-utils": "1.0.0",
42
+ "@semcore/base-components": "16.6.0"
43
43
  },
44
44
  "scripts": {
45
45
  "build": "pnpm semcore-builder && pnpm vite build"