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

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.0.0] - 2026-02-18
+
+### BREAK
+
+- New major version.
+
 ## [16.3.0] - 2026-02-10
 
 ### Added

package/lib/cjs/components/badge/Badge.js

@@ -1,43 +1,47 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BadgeFH = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
 var _badge = _interopRequireDefault(require("@semcore/badge"));
+var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./badge.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedBadge_1fduk_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}", /*__inner_css_end__*/"1fduk_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedBadge_11dff_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___SHighlightedBadge_11dff_gg_._use_accent_11dff_gg_{background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SHighlightedBadge_11dff_gg_.__bg_11dff_gg_{background-color:var(--bg_11dff)}", /*__inner_css_end__*/"11dff_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedBadge": "___SHighlightedBadge_1fduk_gg_"
+  "__SHighlightedBadge": "___SHighlightedBadge_11dff_gg_",
+  "_use_accent": "_use_accent_11dff_gg_",
+  "_bg": "__bg_11dff_gg_",
+  "--bg": "--bg_11dff"
 });
-var BadgeFHRoot = /*#__PURE__*/function (_Component) {
-  function BadgeFHRoot() {
-    (0, _classCallCheck2["default"])(this, BadgeFHRoot);
-    return (0, _callSuper2["default"])(this, BadgeFHRoot, arguments);
+class BadgeFHRoot extends _core.Component {
+  render() {
+    var _ref = this.asProps,
+      _ref2;
+    const SHighlightedBadge = _badge.default;
+    const {
+      styles,
+      use,
+      resolveColor
+    } = this.asProps;
+    const bg = use === 'neutral' ? resolveColor('--violet-400') : undefined;
+    return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SHighlightedBadge, _ref2.cn("SHighlightedBadge", {
+      ...(0, _core.assignProps)({
+        "use:bg": bg
+      }, _ref)
+    }));
   }
-  (0, _inherits2["default"])(BadgeFHRoot, _Component);
-  return (0, _createClass2["default"])(BadgeFHRoot, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref2;
-      var SHighlightedBadge = _badge["default"];
-      var styles = this.asProps.styles;
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHighlightedBadge, _ref2.cn("SHighlightedBadge", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(BadgeFHRoot, "displayName", 'BadgeFH');
-(0, _defineProperty2["default"])(BadgeFHRoot, "style", style);
-var BadgeFH = exports.BadgeFH = (0, _core.createComponent)(BadgeFHRoot);
+}
+(0, _defineProperty2.default)(BadgeFHRoot, "displayName", 'BadgeFH');
+(0, _defineProperty2.default)(BadgeFHRoot, "style", style);
+(0, _defineProperty2.default)(BadgeFHRoot, "enhance", [(0, _resolveColorEnhance.default)()]);
+(0, _defineProperty2.default)(BadgeFHRoot, "defaultProps", {
+  use: 'accent'
+});
+const BadgeFH = exports.BadgeFH = (0, _core.createComponent)(BadgeFHRoot);
 //# sourceMappingURL=Badge.js.map

package/lib/cjs/components/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["_core","require","_badge","_interopRequireDefault","_react","style","sstyled","insert","BadgeFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref2","SHighlightedBadge","Badge","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","BadgeFH","exports","createComponent"],"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import Badge from '@semcore/badge';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport style from './badge.shadow.css';\n\nclass BadgeFHRoot extends Component {\n  static displayName = 'BadgeFH';\n  static style = style;\n\n  render() {\n    const SHighlightedBadge = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(\n      <SHighlightedBadge render={Badge} />,\n    );\n  }\n}\n\nexport const BadgeFH = createComponent(BadgeFHRoot);\n"],"mappings":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA0B;AAAA,IAAAI,KAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;AAAA;AAAA,IAIpBC,WAAW,0BAAAC,UAAA;EAAA,SAAAD,YAAA;IAAA,IAAAE,gBAAA,mBAAAF,WAAA;IAAA,WAAAG,WAAA,mBAAAH,WAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,WAAA,EAAAC,UAAA;EAAA,WAAAK,aAAA,aAAAN,WAAA;IAAAO,GAAA;IAAAC,KAAA,EAIf,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,iBAAiB,GAIMC,iBAAK;MAHlC,IAAQC,MAAM,GAAK,IAAI,CAACJ,OAAO,CAAvBI,MAAM;MAEd,OAAAH,KAAA,GAAO,IAAAd,aAAO,EAACiB,MAAM,CAAC,eACpBnB,MAAA,YAAAoB,aAAA,CAACH,iBAAiB,EAAAD,KAAA,CAAAK,EAAA,0BAAAC,cAAA,qBAAA1B,KAAA,CAAA2B,WAAA,MAAAT,IAAA,GAAiB,CAAC;IAExC;EAAC;AAAA,EAXuBU,eAAS;AAAA,IAAAC,gBAAA,aAA7BrB,WAAW,iBACM,SAAS;AAAA,IAAAqB,gBAAA,aAD1BrB,WAAW,WAEAH,KAAK;AAYf,IAAMyB,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,IAAAE,qBAAe,EAACxB,WAAW,CAAC","ignoreList":[]}
+{"version":3,"file":"Badge.js","names":["_core","require","_badge","_interopRequireDefault","_resolveColorEnhance","_react","style","sstyled","insert","BadgeFHRoot","Component","render","_ref","asProps","_ref2","SHighlightedBadge","Badge","styles","use","resolveColor","bg","undefined","default","createElement","cn","assignProps","_defineProperty2","resolveColorEnhance","BadgeFH","exports","createComponent"],"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import Badge, { type BadgeMargins } from '@semcore/badge';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport style from './badge.shadow.css';\n\ntype BadgeFHUse = 'accent' | 'neutral';\n\ntype BadgeFHProps = BadgeMargins & {\n  /**\n   * Type of feature badge.\n   * @default accent\n   */\n  use?: BadgeFHUse;\n};\n\ntype DefaultProps = {\n  use: BadgeFHUse;\n};\n\nclass BadgeFHRoot extends Component<BadgeFHProps, typeof BadgeFHRoot.enhance, never, DefaultProps> {\n  static displayName = 'BadgeFH';\n  static style = style;\n  static enhance = [resolveColorEnhance()] as const;\n  static defaultProps: DefaultProps = {\n    use: 'accent',\n  };\n\n  render() {\n    const SHighlightedBadge = Root;\n    const { styles, use, resolveColor } = this.asProps;\n\n    const bg = use === 'neutral' ? resolveColor('--violet-400') : undefined;\n\n    return sstyled(styles)(\n      <SHighlightedBadge\n        render={Badge}\n        use:bg={bg}\n      />,\n    );\n  }\n}\n\nexport const BadgeFH = createComponent<'span', BadgeFHProps>(BadgeFHRoot);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,oBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA0B;AAAA,MAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAkB1B,MAAMC,WAAW,SAASC,eAAS,CAAgE;EAQjGC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,iBAAiB,GAOXC,cAAK;IANjB,MAAM;MAAEC,MAAM;MAAEC,GAAG;MAAEC;IAAa,CAAC,GAAG,IAAI,CAACN,OAAO;IAElD,MAAMO,EAAE,GAAGF,GAAG,KAAK,SAAS,GAAGC,YAAY,CAAC,cAAc,CAAC,GAAGE,SAAS;IAEvE,OAAAP,KAAA,GAAO,IAAAP,aAAO,EAACU,MAAM,CAAC,eACpBZ,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACR,iBAAiB,EAAAD,KAAA,CAAAU,EAAA;MAAA,OAAAxB,KAAA,CAAAyB,WAAA;QAAA,UAERL;MAAE,GAAAR,IAAA;IAAA,EACX,CAAC;EAEN;AACF;AAAC,IAAAc,gBAAA,CAAAJ,OAAA,EArBKb,WAAW,iBACM,SAAS;AAAA,IAAAiB,gBAAA,CAAAJ,OAAA,EAD1Bb,WAAW,WAEAH,KAAK;AAAA,IAAAoB,gBAAA,CAAAJ,OAAA,EAFhBb,WAAW,aAGE,CAAC,IAAAkB,4BAAmB,EAAC,CAAC,CAAC;AAAA,IAAAD,gBAAA,CAAAJ,OAAA,EAHpCb,WAAW,kBAIqB;EAClCS,GAAG,EAAE;AACP,CAAC;AAiBI,MAAMU,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,IAAAE,qBAAe,EAAuBrB,WAAW,CAAC","ignoreList":[]}

package/lib/cjs/components/badge/badge.shadow.css

@@ -1,5 +1,11 @@
 SHighlightedBadge {
   color: var(--intergalactic-text-primary-invert, #ffffff);
+}
 
+SHighlightedBadge[use='accent'] {
   background-image: var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8));
 }
+
+SHighlightedBadge[bg] {
+  background-color: var(--bg);
+}

package/lib/cjs/components/button/Button.js

@@ -1,15 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ButtonFH = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
 var _button = _interopRequireDefault(require("@semcore/button"));
@@ -17,87 +12,82 @@ var _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
 var _react = _interopRequireDefault(require("react"));
 var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
 /*!__reshadow-styles__:"./button.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedButton_9x4l6_gg_._theme_primary-highlighted_9x4l6_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_9x4l6_gg_._theme_primary-highlighted_9x4l6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-position-x:1%}}.___SHighlightedButton_9x4l6_gg_._theme_primary-highlighted_9x4l6_gg_.__active_9x4l6_gg_,.___SHighlightedButton_9x4l6_gg_._theme_primary-highlighted_9x4l6_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_9x4l6_gg_._theme_primary-highlighted_9x4l6_gg_:focus-visible{outline:0}.___SHighlightedButton_9x4l6_gg_._theme_secondary-highlighted_9x4l6_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_9x4l6_gg_._theme_secondary-highlighted_9x4l6_gg_ .___SText_9x4l6_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_9x4l6_gg_._theme_secondary-highlighted_9x4l6_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_9x4l6_gg_._theme_secondary-highlighted_9x4l6_gg_:hover .___SText_9x4l6_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_9x4l6_gg_._theme_secondary-highlighted_9x4l6_gg_.__active_9x4l6_gg_,.___SHighlightedButton_9x4l6_gg_._theme_secondary-highlighted_9x4l6_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_9x4l6_gg_._theme_secondary-highlighted_9x4l6_gg_.__active_9x4l6_gg_ .___SText_9x4l6_gg_,.___SHighlightedButton_9x4l6_gg_._theme_secondary-highlighted_9x4l6_gg_:active .___SText_9x4l6_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_9x4l6_gg_._theme_secondary-highlighted_9x4l6_gg_:focus-visible{outline:0}.___SHighlightedButton_9x4l6_gg_{position:relative}.___SHighlightedButton_9x4l6_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);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}.___SHighlightedButton_9x4l6_gg_._neighborLocation_left_9x4l6_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_9x4l6_gg_._neighborLocation_right_9x4l6_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_9x4l6_gg_._neighborLocation_both_9x4l6_gg_::before{border-radius:0}.___SHighlightedButton_9x4l6_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedButton_9x4l6_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButton_9x4l6_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"9x4l6_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedButton_qewkt_gg_._theme_primary-highlighted_qewkt_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_qewkt_gg_._theme_primary-highlighted_qewkt_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-position-x:1%}}.___SHighlightedButton_qewkt_gg_._theme_primary-highlighted_qewkt_gg_.__active_qewkt_gg_,.___SHighlightedButton_qewkt_gg_._theme_primary-highlighted_qewkt_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_qewkt_gg_._theme_primary-highlighted_qewkt_gg_:focus-visible{outline:0}.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_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_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_ .___SText_qewkt_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_qewkt_gg_._theme_secondary-highlighted_qewkt_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_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_:hover .___SText_qewkt_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_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_.__active_qewkt_gg_,.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_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_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_.__active_qewkt_gg_ .___SText_qewkt_gg_,.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_:active .___SText_qewkt_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_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_:focus-visible{outline:0}.___SHighlightedButton_qewkt_gg_{position:relative}.___SHighlightedButton_qewkt_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);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}.___SHighlightedButton_qewkt_gg_._neighborLocation_left_qewkt_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_qewkt_gg_._neighborLocation_right_qewkt_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_qewkt_gg_._neighborLocation_both_qewkt_gg_::before{border-radius:0}.___SHighlightedButton_qewkt_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedButton_qewkt_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButton_qewkt_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"qewkt_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedButton": "___SHighlightedButton_9x4l6_gg_",
-  "_theme_primary-highlighted": "_theme_primary-highlighted_9x4l6_gg_",
-  "_active": "__active_9x4l6_gg_",
-  "_theme_secondary-highlighted": "_theme_secondary-highlighted_9x4l6_gg_",
-  "__SText": "___SText_9x4l6_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_9x4l6_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_9x4l6_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_9x4l6_gg_"
+  "__SHighlightedButton": "___SHighlightedButton_qewkt_gg_",
+  "_theme_primary-highlighted": "_theme_primary-highlighted_qewkt_gg_",
+  "_active": "__active_qewkt_gg_",
+  "_theme_secondary-highlighted": "_theme_secondary-highlighted_qewkt_gg_",
+  "__SText": "___SText_qewkt_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_qewkt_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_qewkt_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_qewkt_gg_"
 });
-var ButtonFHRoot = /*#__PURE__*/function (_Component) {
-  function ButtonFHRoot() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, ButtonFHRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2["default"])(this, ButtonFHRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+class ButtonFHRoot extends _core.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "state", {
       clicked: false
     });
-    return _this;
   }
-  (0, _inherits2["default"])(ButtonFHRoot, _Component);
-  return (0, _createClass2["default"])(ButtonFHRoot, [{
-    key: "handleClick",
-    value: function handleClick(e) {
-      var _this2 = this;
-      var onClick = this.asProps.onClick;
-      onClick === null || onClick === void 0 || onClick(e);
+  handleClick(e) {
+    const {
+      onClick
+    } = this.asProps;
+    onClick?.(e);
+    this.setState({
+      clicked: false
+    });
+    setTimeout(() => {
       this.setState({
-        clicked: false
+        clicked: true
       });
-      setTimeout(function () {
-        _this2.setState({
-          clicked: true
-        });
-      });
-    }
-  }, {
-    key: "getAddonProps",
-    value: function getAddonProps() {
-      return {
-        clicked: this.state.clicked
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref3;
-      var styles = this.asProps.styles;
-      var SHighlightedButton = _button["default"];
-      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHighlightedButton, _ref3.cn("SHighlightedButton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    });
+  }
+  getAddonProps() {
+    return {
+      clicked: this.state.clicked
+    };
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref3;
+    const {
+      styles
+    } = this.asProps;
+    const SHighlightedButton = _button.default;
+    return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SHighlightedButton, _ref3.cn("SHighlightedButton", {
+      ...(0, _core.assignProps)({
         "use:onClick": this.handleClick.bind(this)
-      }, _ref))));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(ButtonFHRoot, "displayName", 'ButtonFH');
-(0, _defineProperty2["default"])(ButtonFHRoot, "style", style);
-(0, _defineProperty2["default"])(ButtonFHRoot, "defaultProps", {
+      }, _ref)
+    }));
+  }
+}
+(0, _defineProperty2.default)(ButtonFHRoot, "displayName", 'ButtonFH');
+(0, _defineProperty2.default)(ButtonFHRoot, "style", style);
+(0, _defineProperty2.default)(ButtonFHRoot, "defaultProps", {
   theme: 'highlighted'
 });
 function HighlightAddon(props) {
   var _ref2 = arguments[0],
     _ref4;
-  var SAddon = _button["default"].Addon;
-  var clicked = props.clicked,
-    animatedSparkleCount = props.animatedSparkleCount,
-    Children = props.Children,
-    hasChildren = props.children;
-  return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref4.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_m["default"], _ref4.cn("SummaryAI", {})), /*#__PURE__*/_react["default"].createElement(_AnimatedSparkles.AnimatedSparkles, _ref4.cn("AnimatedSparkles", {
+  const SAddon = _button.default.Addon;
+  const {
+    clicked,
+    animatedSparkleCount,
+    Children,
+    children: hasChildren
+  } = props;
+  return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SAddon, _ref4.cn("SAddon", {
+    ...(0, _core.assignProps)({}, _ref2)
+  }), hasChildren ? /*#__PURE__*/_react.default.createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_m.default, _ref4.cn("SummaryAI", {})), /*#__PURE__*/_react.default.createElement(_AnimatedSparkles.AnimatedSparkles, _ref4.cn("AnimatedSparkles", {
     "show": clicked,
     "count": animatedSparkleCount
   }))));
 }
-var ButtonFH = exports.ButtonFH = (0, _core.createComponent)(ButtonFHRoot, {
+const ButtonFH = exports.ButtonFH = (0, _core.createComponent)(ButtonFHRoot, {
   Addon: HighlightAddon,
-  Text: _button["default"].Text
+  Text: _button.default.Text
 });
 //# sourceMappingURL=Button.js.map

package/lib/cjs/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["_core","require","_button","_interopRequireDefault","_m","_react","_AnimatedSparkles","style","sstyled","insert","ButtonFHRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","clicked","_inherits2","_createClass2","key","value","handleClick","e","_this2","onClick","asProps","setState","setTimeout","getAddonProps","state","render","_ref","_ref3","styles","SHighlightedButton","Button","createElement","cn","_objectSpread2","assignProps","bind","Component","theme","HighlightAddon","props","_ref2","arguments[0]","_ref4","SAddon","Addon","animatedSparkleCount","Children","hasChildren","children","Fragment","AnimatedSparkles","ButtonFH","exports","createComponent","Text"],"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { createComponent, Root, sstyled, Component } from '@semcore/core';\nimport type { IRootNodeProps } from '@semcore/core/src/core-types/Component';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { HighLightedButtonAddonProps, HighlightedButtonComponent } from './Button.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass ButtonFHRoot extends Component {\n  static displayName = 'ButtonFH';\n  static style = style;\n\n  static defaultProps = {\n    theme: 'highlighted',\n  };\n\n  state = {\n    clicked: false,\n  };\n\n  handleClick(e: React.MouseEvent<HTMLButtonElement>) {\n    const { onClick } = this.asProps;\n\n    onClick?.(e);\n    this.setState({ clicked: false });\n    setTimeout(() => {\n      this.setState({ clicked: true });\n    });\n  }\n\n  getAddonProps() {\n    return {\n      clicked: this.state.clicked,\n    };\n  }\n\n  render() {\n    const { styles } = this.asProps;\n    const SHighlightedButton = Root;\n    return sstyled(styles)(\n      <SHighlightedButton render={Button} use:onClick={this.handleClick.bind(this)} />,\n    );\n  }\n}\n\nfunction HighlightAddon(props: HighLightedButtonAddonProps & { clicked: boolean } & IRootNodeProps) {\n  const SAddon = Root;\n  const { clicked, animatedSparkleCount, Children, children: hasChildren } = props;\n  return sstyled(props.styles)(\n    <SAddon render={Button.Addon}>\n      {hasChildren\n        ? (<Children />)\n        : (\n            <>\n              <SummaryAI />\n              <AnimatedSparkles show={clicked} count={animatedSparkleCount} />\n            </>\n          )}\n    </SAddon>,\n  );\n}\n\nexport const ButtonFH = createComponent(ButtonFHRoot, {\n  Addon: HighlightAddon,\n  Text: Button.Text,\n}) as HighlightedButtonComponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Button.js","names":["_core","require","_button","_interopRequireDefault","_m","_react","_AnimatedSparkles","style","sstyled","insert","ButtonFHRoot","Component","constructor","args","_defineProperty2","default","clicked","handleClick","e","onClick","asProps","setState","setTimeout","getAddonProps","state","render","_ref","_ref3","styles","SHighlightedButton","Button","createElement","cn","assignProps","bind","theme","HighlightAddon","props","_ref2","arguments[0]","_ref4","SAddon","Addon","animatedSparkleCount","Children","children","hasChildren","Fragment","AnimatedSparkles","ButtonFH","exports","createComponent","Text"],"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { createComponent, Root, sstyled, Component, type IRootNodeProps } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { HighLightedButtonAddonProps, HighlightedButtonComponent } from './Button.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass ButtonFHRoot extends Component {\n  static displayName = 'ButtonFH';\n  static style = style;\n\n  static defaultProps = {\n    theme: 'highlighted',\n  };\n\n  state = {\n    clicked: false,\n  };\n\n  handleClick(e: React.MouseEvent<HTMLButtonElement>) {\n    const { onClick } = this.asProps;\n\n    onClick?.(e);\n    this.setState({ clicked: false });\n    setTimeout(() => {\n      this.setState({ clicked: true });\n    });\n  }\n\n  getAddonProps() {\n    return {\n      clicked: this.state.clicked,\n    };\n  }\n\n  render() {\n    const { styles } = this.asProps;\n    const SHighlightedButton = Root;\n    return sstyled(styles)(\n      <SHighlightedButton render={Button} use:onClick={this.handleClick.bind(this)} />,\n    );\n  }\n}\n\nfunction HighlightAddon(props: HighLightedButtonAddonProps & { clicked: boolean } & IRootNodeProps) {\n  const SAddon = Root;\n  const { clicked, animatedSparkleCount, Children, children: hasChildren } = props;\n  return sstyled(props.styles)(\n    <SAddon render={Button.Addon}>\n      {hasChildren\n        ? (<Children />)\n        : (\n            <>\n              <SummaryAI />\n              <AnimatedSparkles show={clicked} count={animatedSparkleCount} />\n            </>\n          )}\n    </SAddon>,\n  );\n}\n\nexport const ButtonFH = createComponent(ButtonFHRoot, {\n  Addon: HighlightAddon,\n  Text: Button.Text,\n}) as HighlightedButtonComponent;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/checkbox/Checkbox.js

@@ -1,83 +1,67 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CheckboxFH = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
 var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
 var _react = _interopRequireDefault(require("react"));
 var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
 /*!__reshadow-styles__:"./checkbox.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) [data-ui-name=\"Value.CheckMark\"]{border:1px solid transparent;border-radius:var(--intergalactic-addon-rounded, 4px);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}.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked+[data-ui-name=\"Value.CheckMark\"]{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}.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) [data-ui-name=\"Value.CheckMark\"]::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:1px;border-width:2px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);border-color:transparent;pointer-events:none;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) 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;opacity:0;transform:scale(.9);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}.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:not(:focus-visible)+[data-ui-name=\"Value.CheckMark\"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}", /*__inner_css_end__*/"18hxr_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) [data-ui-name=\"Value.CheckMark\"]{border:1px solid transparent;border-radius:var(--intergalactic-addon-rounded, 4px);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}.___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked+[data-ui-name=\"Value.CheckMark\"]{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}.___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) [data-ui-name=\"Value.CheckMark\"]::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:1px;border-width:2px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);border-color:transparent;pointer-events:none;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) 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;opacity:0;transform:scale(.9);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}.___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:not(:focus-visible)+[data-ui-name=\"Value.CheckMark\"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}", /*__inner_css_end__*/"q9m7q_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedCheckbox": "___SHighlightedCheckbox_18hxr_gg_",
-  "_state_invalid": "_state_invalid_18hxr_gg_"
+  "__SHighlightedCheckbox": "___SHighlightedCheckbox_q9m7q_gg_",
+  "_state_invalid": "_state_invalid_q9m7q_gg_"
 });
-var CheckboxFHRoot = /*#__PURE__*/function (_Component) {
-  function CheckboxFHRoot() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, CheckboxFHRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2["default"])(this, CheckboxFHRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "inputRef", /*#__PURE__*/_react["default"].createRef());
-    return _this;
+class CheckboxFHRoot extends _core.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "inputRef", /*#__PURE__*/_react.default.createRef());
   }
-  (0, _inherits2["default"])(CheckboxFHRoot, _Component);
-  return (0, _createClass2["default"])(CheckboxFHRoot, [{
-    key: "getValueProps",
-    value: function getValueProps() {
-      var _this2 = this;
-      return {
-        ref: this.inputRef,
-        onChange: function onChange() {
-          setTimeout(function () {
-            _this2.forceUpdate();
-          });
-        }
-      };
-    }
-  }, {
-    key: "getAnimatedSparklesProps",
-    value: function getAnimatedSparklesProps() {
-      var _this$inputRef$curren;
-      var size = this.asProps.size;
-      var checked = (_this$inputRef$curren = this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.checked;
-      return {
-        show: checked,
-        top: size === 'l' ? '7px' : '5px',
-        left: size === 'l' ? '5px' : '3px'
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref2;
-      var SHighlightedCheckbox = _checkbox["default"];
-      var _this$asProps = this.asProps,
-        styles = _this$asProps.styles,
-        Children = _this$asProps.Children,
-        hasChildren = _this$asProps.children;
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHighlightedCheckbox, _ref2.cn("SHighlightedCheckbox", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(CheckboxFH.Value, null), /*#__PURE__*/_react["default"].createElement(CheckboxFH.Text, null)));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(CheckboxFHRoot, "displayName", 'CheckboxFH');
-(0, _defineProperty2["default"])(CheckboxFHRoot, "style", style);
-var CheckboxFH = exports.CheckboxFH = (0, _core.createComponent)(CheckboxFHRoot, {
-  Text: _checkbox["default"].Text,
-  Value: _checkbox["default"].Value,
+  getValueProps() {
+    return {
+      ref: this.inputRef,
+      onChange: () => {
+        setTimeout(() => {
+          this.forceUpdate();
+        });
+      }
+    };
+  }
+  getAnimatedSparklesProps() {
+    const {
+      size
+    } = this.asProps;
+    const checked = this.inputRef.current?.checked;
+    return {
+      show: checked,
+      top: size === 'l' ? '7px' : '5px',
+      left: size === 'l' ? '5px' : '3px'
+    };
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref2;
+    const SHighlightedCheckbox = _checkbox.default;
+    const {
+      styles,
+      Children,
+      children: hasChildren
+    } = this.asProps;
+    return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SHighlightedCheckbox, _ref2.cn("SHighlightedCheckbox", {
+      ...(0, _core.assignProps)({}, _ref)
+    }), hasChildren ? /*#__PURE__*/_react.default.createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(CheckboxFH.Value, null), /*#__PURE__*/_react.default.createElement(CheckboxFH.Text, null)));
+  }
+}
+(0, _defineProperty2.default)(CheckboxFHRoot, "displayName", 'CheckboxFH');
+(0, _defineProperty2.default)(CheckboxFHRoot, "style", style);
+const CheckboxFH = exports.CheckboxFH = (0, _core.createComponent)(CheckboxFHRoot, {
+  Text: _checkbox.default.Text,
+  Value: _checkbox.default.Value,
   AnimatedSparkles: _AnimatedSparkles.AnimatedSparkles
 });
 //# sourceMappingURL=Checkbox.js.map

package/lib/cjs/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["_core","require","_checkbox","_interopRequireDefault","_react","_AnimatedSparkles","style","sstyled","insert","CheckboxFHRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","_inherits2","_createClass2","key","value","getValueProps","_this2","ref","inputRef","onChange","setTimeout","forceUpdate","getAnimatedSparklesProps","_this$inputRef$curren","size","asProps","checked","current","show","top","left","render","_ref","_ref2","SHighlightedCheckbox","Checkbox","_this$asProps","styles","Children","hasChildren","children","createElement","cn","_objectSpread2","assignProps","Fragment","CheckboxFH","Value","Text","Component","exports","createComponent","AnimatedSparkles"],"sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import type { CheckboxProps } from '@semcore/checkbox';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport style from './checkbox.shadow.css';\nimport type { HighlightedCheckboxComponent } from './Checkbox.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass CheckboxFHRoot extends Component<CheckboxProps> {\n  static displayName = 'CheckboxFH';\n  static style = style;\n\n  inputRef = React.createRef<HTMLInputElement>();\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      onChange: () => {\n        setTimeout(() => {\n          this.forceUpdate();\n        });\n      },\n    };\n  }\n\n  getAnimatedSparklesProps() {\n    const { size } = this.asProps;\n    const checked = this.inputRef.current?.checked;\n\n    return {\n      show: checked,\n      top: size === 'l' ? '7px' : '5px',\n      left: size === 'l' ? '5px' : '3px',\n    };\n  }\n\n  render() {\n    const SHighlightedCheckbox = Root;\n    const { styles, Children, children: hasChildren } = this.asProps;\n\n    return sstyled(styles)(\n      <SHighlightedCheckbox render={Checkbox}>\n        {hasChildren\n          ? <Children />\n          : (\n              <>\n                <CheckboxFH.Value />\n                <CheckboxFH.Text />\n              </>\n            )}\n      </SHighlightedCheckbox>,\n    );\n  }\n}\n\nexport const CheckboxFH = createComponent(CheckboxFHRoot, {\n  Text: Checkbox.Text,\n  Value: Checkbox.Value,\n  AnimatedSparkles,\n}) as HighlightedCheckboxComponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Checkbox.js","names":["_core","require","_checkbox","_interopRequireDefault","_react","_AnimatedSparkles","style","sstyled","insert","CheckboxFHRoot","Component","constructor","args","_defineProperty2","default","React","createRef","getValueProps","ref","inputRef","onChange","setTimeout","forceUpdate","getAnimatedSparklesProps","size","asProps","checked","current","show","top","left","render","_ref","_ref2","SHighlightedCheckbox","Checkbox","styles","Children","children","hasChildren","createElement","cn","assignProps","Fragment","CheckboxFH","Value","Text","exports","createComponent","AnimatedSparkles"],"sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import type { CheckboxProps } from '@semcore/checkbox';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport style from './checkbox.shadow.css';\nimport type { HighlightedCheckboxComponent } from './Checkbox.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass CheckboxFHRoot extends Component<CheckboxProps> {\n  static displayName = 'CheckboxFH';\n  static style = style;\n\n  inputRef = React.createRef<HTMLInputElement>();\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      onChange: () => {\n        setTimeout(() => {\n          this.forceUpdate();\n        });\n      },\n    };\n  }\n\n  getAnimatedSparklesProps() {\n    const { size } = this.asProps;\n    const checked = this.inputRef.current?.checked;\n\n    return {\n      show: checked,\n      top: size === 'l' ? '7px' : '5px',\n      left: size === 'l' ? '5px' : '3px',\n    };\n  }\n\n  render() {\n    const SHighlightedCheckbox = Root;\n    const { styles, Children, children: hasChildren } = this.asProps;\n\n    return sstyled(styles)(\n      <SHighlightedCheckbox render={Checkbox}>\n        {hasChildren\n          ? <Children />\n          : (\n              <>\n                <CheckboxFH.Value />\n                <CheckboxFH.Text />\n              </>\n            )}\n      </SHighlightedCheckbox>,\n    );\n  }\n}\n\nexport const CheckboxFH = createComponent(CheckboxFHRoot, {\n  Text: Checkbox.Text,\n  Value: Checkbox.Value,\n  AnimatedSparkles,\n}) as HighlightedCheckboxComponent;\n"],"mappings":";;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAIA,IAAAI,iBAAA,GAAAJ,OAAA;AAAmF;AAAA,MAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAEnF,MAAMC,cAAc,SAASC,eAAS,CAAgB;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,iCAIzCC,cAAK,CAACC,SAAS,CAAmB,CAAC;EAAA;EAE9CC,aAAaA,CAAA,EAAG;IACd,OAAO;MACLC,GAAG,EAAE,IAAI,CAACC,QAAQ;MAClBC,QAAQ,EAAEA,CAAA,KAAM;QACdC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC,CAAC;QACpB,CAAC,CAAC;MACJ;IACF,CAAC;EACH;EAEAC,wBAAwBA,CAAA,EAAG;IACzB,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAC7B,MAAMC,OAAO,GAAG,IAAI,CAACP,QAAQ,CAACQ,OAAO,EAAED,OAAO;IAE9C,OAAO;MACLE,IAAI,EAAEF,OAAO;MACbG,GAAG,EAAEL,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG,KAAK;MACjCM,IAAI,EAAEN,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG;IAC/B,CAAC;EACH;EAEAO,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAP,OAAA;MAAAQ,KAAA;IACP,MAAMC,oBAAoB,GAIMC,iBAAQ;IAHxC,MAAM;MAAEC,MAAM;MAAEC,QAAQ;MAAEC,QAAQ,EAAEC;IAAY,CAAC,GAAG,IAAI,CAACd,OAAO;IAEhE,OAAAQ,KAAA,GAAO,IAAA1B,aAAO,EAAC6B,MAAM,CAAC,eACpBhC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACN,oBAAoB,EAAAD,KAAA,CAAAQ,EAAA;MAAA,OAAAzC,KAAA,CAAA0C,WAAA,MAAAV,IAAA;IAAA,IAClBO,WAAW,gBACRnC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACH,QAAQ,EAAAJ,KAAA,CAAAQ,EAAA,gBAAE,CAAC,gBAEVrC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAAApC,MAAA,CAAAU,OAAA,CAAA6B,QAAA,qBACEvC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACI,UAAU,CAACC,KAAK,MAAE,CAAC,eACpBzC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACI,UAAU,CAACE,IAAI,MAAE,CAClB,CAEY,CAAC;EAE3B;AACF;AAAC,IAAAjC,gBAAA,CAAAC,OAAA,EA7CKL,cAAc,iBACG,YAAY;AAAA,IAAAI,gBAAA,CAAAC,OAAA,EAD7BL,cAAc,WAEHH,KAAK;AA6Cf,MAAMsC,UAAU,GAAAG,OAAA,CAAAH,UAAA,GAAG,IAAAI,qBAAe,EAACvC,cAAc,EAAE;EACxDqC,IAAI,EAAEX,iBAAQ,CAACW,IAAI;EACnBD,KAAK,EAAEV,iBAAQ,CAACU,KAAK;EACrBI,gBAAgB,EAAhBA;AACF,CAAC,CAAiC","ignoreList":[]}