@semcore/feature-highlight 16.4.0 → 16.4.1

package/lib/esm/inner-components/button-trigger/ButtonTrigger.mjs

@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
+import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
 import { ButtonTrigger } from "@semcore/base-trigger";
 import SummaryAI from "@semcore/icon/SummaryAI/m";
 import React from "react";
@@ -13,18 +13,18 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___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}}',
+    '.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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_11f2l_gg_.__active_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_),.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_11f2l_gg_._neighborLocation_left_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_11f2l_gg_._neighborLocation_right_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_11f2l_gg_._neighborLocation_both_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):focus-visible::before{display:none}}',
     /*__inner_css_end__*/
-    "8armz_gg_"
+    "11f2l_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_8armz_gg_",
-    "_state_invalid": "_state_invalid_8armz_gg_",
-    "_state_valid": "_state_valid_8armz_gg_",
-    "_active": "__active_8armz_gg_",
-    "_neighborLocation_left": "_neighborLocation_left_8armz_gg_",
-    "_neighborLocation_right": "_neighborLocation_right_8armz_gg_",
-    "_neighborLocation_both": "_neighborLocation_both_8armz_gg_"
+    "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_11f2l_gg_",
+    "_state_invalid": "_state_invalid_11f2l_gg_",
+    "_state_valid": "_state_valid_11f2l_gg_",
+    "_active": "__active_11f2l_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_11f2l_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_11f2l_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_11f2l_gg_"
   })
 );
 var ButtonTriggerFHRoot = /* @__PURE__ */ (function(_Component) {

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

@@ -1,28 +1,28 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled, assignProps, createBaseComponent } from "@semcore/core";
+import { createBaseComponent, sstyled, assignProps } from "@semcore/core";
 import React from "react";
 /*!__reshadow-styles__:"./style/sparkle.shadow.css"*/
 var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    "@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)}",
+    "@keyframes sparkles_18gww{50%{transform:rotate(calc(1deg*var(--angle_18gww))) translateY(200%) scale(var(--scale_18gww))}to{transform:rotate(calc(1deg*var(--angle_18gww))) translateY(200%) scale(0)}}.___SSparkle_18gww_gg_{position:absolute}.___SSparkle_18gww_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SSparkle_18gww_gg_.__angle_18gww_gg_.__scale_18gww_gg_.__duration_18gww_gg_{transform:rotate(calc(1deg*var(--angle_18gww))) scale(var(--scale_18gww));animation-name:sparkles_18gww;animation-fill-mode:forwards;animation-duration:var(--duration_18gww)}.___SSparkle_18gww_gg_.__left_18gww_gg_{left:var(--left_18gww)}.___SSparkle_18gww_gg_.__top_18gww_gg_{top:var(--top_18gww)}",
     /*__inner_css_end__*/
-    "s1mrj_gg_"
+    "18gww_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SSparkle": "___SSparkle_s1mrj_gg_",
-    "_angle": "__angle_s1mrj_gg_",
-    "_scale": "__scale_s1mrj_gg_",
-    "_duration": "__duration_s1mrj_gg_",
-    "--angle": "--angle_s1mrj",
-    "--scale": "--scale_s1mrj",
-    "--duration": "--duration_s1mrj",
-    "@sparkles": "sparkles_s1mrj",
-    "_left": "__left_s1mrj_gg_",
-    "--left": "--left_s1mrj",
-    "_top": "__top_s1mrj_gg_",
-    "--top": "--top_s1mrj"
+    "__SSparkle": "___SSparkle_18gww_gg_",
+    "_angle": "__angle_18gww_gg_",
+    "_scale": "__scale_18gww_gg_",
+    "_duration": "__duration_18gww_gg_",
+    "--angle": "--angle_18gww",
+    "--scale": "--scale_18gww",
+    "--duration": "--duration_18gww",
+    "@sparkles": "sparkles_18gww",
+    "_left": "__left_18gww_gg_",
+    "--left": "--left_18gww",
+    "_top": "__top_18gww_gg_",
+    "--top": "--top_18gww"
   })
 );
 function SvgSparkle(props, ref) {

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

@@ -1,11 +1,3 @@
-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 {};
+export declare const BadgeFH: import("@semcore/core/lib/coreFactory").ComponentType<unknown, {}, {}, {
+    [key: string]: (arg: unknown) => void;
+}, null>;

package/lib/types/components/checkbox/Checkbox.type.d.ts

@@ -1,8 +1,8 @@
-import type { NSCheckbox } from '@semcore/checkbox';
+import type { CheckboxContext, CheckboxProps, CheckboxTextProps, CheckboxValueProps } from '@semcore/checkbox';
 import type { Intergalactic } from '@semcore/core';
 import type { AnimatedSparklesProps } from '../../inner-components/sparkle/AnimatedSparkles';
-export type HighlightedCheckboxComponent = Intergalactic.Component<'label', NSCheckbox.Props, NSCheckbox.Ctx> & {
-    Text: Intergalactic.Component<'span', NSCheckbox.Text.Props>;
-    Value: Intergalactic.Component<'input', NSCheckbox.Value.Props>;
+export type HighlightedCheckboxComponent = Intergalactic.Component<'label', CheckboxProps, CheckboxContext> & {
+    Text: Intergalactic.Component<'span', CheckboxTextProps>;
+    Value: Intergalactic.Component<'input', CheckboxValueProps>;
     AnimatedSparkles: Intergalactic.Component<'div', AnimatedSparklesProps>;
 };

package/lib/types/components/notice/Notice.type.d.ts

@@ -1,11 +1,3 @@
-import type { Intergalactic } from '@semcore/core';
-import type { NoticeSmartProps } from '@semcore/notice';
+import type { NoticeSmart } from '@semcore/notice';
 import type Notice from '@semcore/notice';
-export type HighlightedNoticeComponent = Intergalactic.Component<'div', NoticeSmartProps> & {
-    Label: typeof Notice['Label'];
-    Actions: typeof Notice['Actions'];
-    Content: typeof Notice['Content'];
-    Title: typeof Notice['Title'];
-    Text: typeof Notice['Text'];
-    Close: typeof Notice['Close'];
-};
+export type HighlightedNoticeComponent = typeof Notice & typeof NoticeSmart;

package/lib/types/components/radio/Radio.type.d.ts

@@ -1,9 +1,9 @@
 import type { Intergalactic } from '@semcore/core';
-import type { NSRadio } from '@semcore/radio';
+import type { RadioCtx, RadioProps, RadioValueProps } from '@semcore/radio';
 import type { Text } from '@semcore/typography';
 import type { AnimatedSparklesProps } from '../../inner-components/sparkle/AnimatedSparkles';
-export type HighlightedRadioComponent = Intergalactic.Component<'label', NSRadio.Props, NSRadio.Ctx> & {
-    Value: Intergalactic.Component<'input', NSRadio.Value.Props>;
+export type HighlightedRadioComponent = Intergalactic.Component<'label', RadioProps, RadioCtx> & {
+    Value: Intergalactic.Component<'input', RadioValueProps>;
     Text: typeof Text;
     AnimatedSparkles: Intergalactic.Component<'div', AnimatedSparklesProps>;
 };

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/feature-highlight",
   "description": "Semrush toolkit for accent features",
-  "version": "16.4.0",
+  "version": "16.4.1",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.mjs",
   "typings": "lib/types/index.d.ts",