@semcore/feature-highlight 16.3.0-prerelease.4 → 17.0.0-prerelease.17

package/lib/esm/inner-components/sparkle/Sparkle.mjs

@@ -1,54 +1,60 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { createBaseComponent, sstyled, assignProps } from "@semcore/core";
 import React from "react";
 /*!__reshadow-styles__:"./style/sparkle.shadow.css"*/
-var styles = (
+const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    "@keyframes sparkles_140ly{50%{transform:rotate(calc(1deg*var(--angle_140ly))) translateY(200%) scale(var(--scale_140ly))}to{transform:rotate(calc(1deg*var(--angle_140ly))) translateY(200%) scale(0)}}.___SSparkle_140ly_gg_{position:absolute}.___SSparkle_140ly_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SSparkle_140ly_gg_.__angle_140ly_gg_.__scale_140ly_gg_.__duration_140ly_gg_{transform:rotate(calc(1deg*var(--angle_140ly))) scale(var(--scale_140ly));animation-name:sparkles_140ly;animation-fill-mode:forwards;animation-duration:var(--duration_140ly)}.___SSparkle_140ly_gg_.__left_140ly_gg_{left:var(--left_140ly)}.___SSparkle_140ly_gg_.__top_140ly_gg_{top:var(--top_140ly)}",
+    "@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)}",
     /*__inner_css_end__*/
-    "140ly_gg_"
+    "1tv21_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SSparkle": "___SSparkle_140ly_gg_",
-    "_angle": "__angle_140ly_gg_",
-    "_scale": "__scale_140ly_gg_",
-    "_duration": "__duration_140ly_gg_",
-    "--angle": "--angle_140ly",
-    "--scale": "--scale_140ly",
-    "--duration": "--duration_140ly",
-    "@sparkles": "sparkles_140ly",
-    "_left": "__left_140ly_gg_",
-    "--left": "--left_140ly",
-    "_top": "__top_140ly_gg_",
-    "--top": "--top_140ly"
+    "__SSparkle": "___SSparkle_1tv21_gg_",
+    "_angle": "__angle_1tv21_gg_",
+    "_scale": "__scale_1tv21_gg_",
+    "_duration": "__duration_1tv21_gg_",
+    "--angle": "--angle_1tv21",
+    "--scale": "--scale_1tv21",
+    "--duration": "--duration_1tv21",
+    "@sparkles": "sparkles_1tv21",
+    "_left": "__left_1tv21_gg_",
+    "--left": "--left_1tv21",
+    "_top": "__top_1tv21_gg_",
+    "--top": "--top_1tv21"
   })
 );
 function SvgSparkle(props, ref) {
   var _ref = arguments[0], _ref2;
-  var SSparkle = "svg";
-  var num = props.num, index = props.index, curve = props.curve, left = props.left;
-  var rand = Math.floor(Math.random() * 50);
-  var angle = 360 / num * index + rand;
-  var sin = Math.sin(Math.PI * angle / 180);
-  var x = curve ? Math.trunc(sin * -1 * curve) : 0;
-  var odd = index % 2;
-  var scale = 1 - odd * 0.3;
-  var animationDuration = "".concat(0.6 - odd * 0.2, "s");
-  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SSparkle, _ref2.cn("SSparkle", _objectSpread({}, assignProps({
-    "ref": ref,
-    "aria-hidden": true,
-    "use:left": x ? "".concat(x + 14, "px") : left,
-    "scale": scale,
-    "duration": animationDuration,
-    "angle": angle,
-    "width": "10",
-    "height": "10",
-    "viewBox": "0 0 10 10",
-    "fill": "none",
-    "xmlns": "http://www.w3.org/2000/svg"
-  }, _ref))), /* @__PURE__ */ React.createElement("path", _ref2.cn("path", {
+  const SSparkle = "svg";
+  const {
+    num,
+    index,
+    curve,
+    left
+  } = props;
+  const rand = Math.floor(Math.random() * 50);
+  const angle = 360 / num * index + rand;
+  const sin = Math.sin(Math.PI * angle / 180);
+  const x = curve ? Math.trunc(sin * -1 * curve) : 0;
+  const odd = index % 2;
+  const scale = 1 - odd * 0.3;
+  const animationDuration = `${0.6 - odd * 0.2}s`;
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SSparkle, _ref2.cn("SSparkle", {
+    ...assignProps({
+      "ref": ref,
+      "aria-hidden": true,
+      "use:left": x ? `${x + 14}px` : left,
+      "scale": scale,
+      "duration": animationDuration,
+      "angle": angle,
+      "width": "10",
+      "height": "10",
+      "viewBox": "0 0 10 10",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    }, _ref)
+  }), /* @__PURE__ */ React.createElement("path", _ref2.cn("path", {
     "d": "M5.371.269a.39.39 0 0 0-.742 0L3.704 3.08a.977.977 0 0 1-.623.623L.27 4.629a.39.39 0 0 0 0 .742l2.812.925a.977.977 0 0 1 .623.623l.925 2.812a.39.39 0 0 0 .742 0l.925-2.812a.977.977 0 0 1 .623-.623l2.812-.925a.39.39 0 0 0 0-.742L6.92 3.704a.977.977 0 0 1-.623-.623L5.371.27Z"
   })));
 }

package/lib/types/components/badge/Badge.d.ts

@@ -1,3 +1,11 @@
-export declare const BadgeFH: import("@semcore/core/lib/coreFactory").ComponentType<unknown, {}, {}, {
-    [key: string]: (arg: unknown) => void;
-}, null>;
+import { type BadgeMargins } from '@semcore/badge';
+type BadgeFHUse = 'accent' | 'neutral';
+type BadgeFHProps = BadgeMargins & {
+    /**
+     * Type of feature badge.
+     * @default accent
+     */
+    use?: BadgeFHUse;
+};
+export declare const BadgeFH: import("@semcore/core").Intergalactic.Component<"span", BadgeFHProps, {}, never[]>;
+export {};

package/lib/types/inner-components/sparkle/Sparkle.d.ts

@@ -1,4 +1,3 @@
-import type { Intergalactic } from '@semcore/core';
 type SparkleProps = {
     index: number;
     num: number;
@@ -6,5 +5,5 @@ type SparkleProps = {
     top?: string;
     left?: string;
 };
-declare const _default: Intergalactic.Component<"svg", SparkleProps>;
+declare const _default: import("@semcore/core").Intergalactic.Component<"svg", SparkleProps, {}, never[]>;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/feature-highlight",
   "description": "Semrush toolkit for accent features",
-  "version": "16.3.0-prerelease.4",
+  "version": "17.0.0-prerelease.17",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.mjs",
   "typings": "lib/types/index.d.ts",
@@ -16,21 +16,21 @@
     }
   },
   "dependencies": {
-    "@semcore/badge": "^16.0.0",
-    "@semcore/base-trigger": "^16.0.0",
-    "@semcore/button": "^16.0.0",
-    "@semcore/checkbox": "^16.0.0",
-    "@semcore/input": "^16.0.0",
-    "@semcore/notice": "^16.0.0",
-    "@semcore/pills": "^16.0.0",
-    "@semcore/radio": "^16.0.0",
-    "@semcore/select": "^16.0.0",
-    "@semcore/switch": "^16.0.0",
-    "@semcore/tab-line": "^16.0.0",
-    "@semcore/typography": "^16.0.0"
+    "@semcore/badge": "^17.0.0-prerelease.17",
+    "@semcore/base-trigger": "^16.4.6-prerelease.17",
+    "@semcore/button": "^16.0.13-prerelease.17",
+    "@semcore/checkbox": "^17.0.0-prerelease.17",
+    "@semcore/input": "^16.1.2-prerelease.17",
+    "@semcore/notice": "^17.0.0-prerelease.17",
+    "@semcore/pills": "^17.0.0-prerelease.17",
+    "@semcore/radio": "^17.0.0-prerelease.17",
+    "@semcore/select": "^17.0.0-prerelease.17",
+    "@semcore/switch": "^17.0.0-prerelease.17",
+    "@semcore/tab-line": "^17.0.0-prerelease.17",
+    "@semcore/typography": "^16.3.3-prerelease.17"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^17.0.0-prerelease.17"
   },
   "repository": {
     "type": "git",
@@ -38,8 +38,9 @@
     "directory": "semcore/feature-highlight"
   },
   "devDependencies": {
-    "@semcore/base-components": "16.4.2",
-    "@semcore/testing-utils": "1.0.0"
+    "@semcore/base-components": "17.0.0-prerelease.17",
+    "@semcore/testing-utils": "1.0.0",
+    "@semcore/core": "17.0.0-prerelease.17"
   },
   "scripts": {
     "build": "pnpm semcore-builder && pnpm vite build"