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

package/lib/cjs/components/input/Input.js

@@ -1,60 +1,51 @@
 "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.InputFH = 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 _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
 var _input = _interopRequireDefault(require("@semcore/input"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./input.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_ .___SOutline_1ddq4_gg_{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;border-color:transparent}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_ .___SOutline_1ddq4_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:3px;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;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_:has(.___SValue_1ddq4_gg_:focus-visible) .___SOutline_1ddq4_gg_{outline:0}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_:has(.___SValue_1ddq4_gg_:focus-visible) .___SOutline_1ddq4_gg_::before{opacity:1}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_._neighborLocation_left_1ddq4_gg_ .___SOutline_1ddq4_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_._neighborLocation_right_1ddq4_gg_ .___SOutline_1ddq4_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_._neighborLocation_both_1ddq4_gg_ .___SOutline_1ddq4_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_:has(.___SValue_1ddq4_gg_:focus-visible) .___SOutline_1ddq4_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_:has(.___SValue_1ddq4_gg_:focus-visible) .___SOutline_1ddq4_gg_::before{display:none}}", /*__inner_css_end__*/"1ddq4_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_ .___SOutline_1l7wj_gg_{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;border-color:transparent}.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_ .___SOutline_1l7wj_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:3px;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;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_:has(.___SValue_1l7wj_gg_:focus-visible) .___SOutline_1l7wj_gg_{outline:0}.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_:has(.___SValue_1l7wj_gg_:focus-visible) .___SOutline_1l7wj_gg_::before{opacity:1}.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_._neighborLocation_left_1l7wj_gg_ .___SOutline_1l7wj_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_._neighborLocation_right_1l7wj_gg_ .___SOutline_1l7wj_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_._neighborLocation_both_1l7wj_gg_ .___SOutline_1l7wj_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_:has(.___SValue_1l7wj_gg_:focus-visible) .___SOutline_1l7wj_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_:has(.___SValue_1l7wj_gg_:focus-visible) .___SOutline_1l7wj_gg_::before{display:none}}", /*__inner_css_end__*/"1l7wj_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedInput": "___SHighlightedInput_1ddq4_gg_",
-  "_state_normal": "_state_normal_1ddq4_gg_",
-  "__SValue": "___SValue_1ddq4_gg_",
-  "__SOutline": "___SOutline_1ddq4_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1ddq4_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1ddq4_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1ddq4_gg_"
+  "__SHighlightedInput": "___SHighlightedInput_1l7wj_gg_",
+  "_state_normal": "_state_normal_1l7wj_gg_",
+  "__SValue": "___SValue_1l7wj_gg_",
+  "__SOutline": "___SOutline_1l7wj_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1l7wj_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_1l7wj_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_1l7wj_gg_"
 });
-var InputFHRoot = /*#__PURE__*/function (_Component) {
-  function InputFHRoot() {
-    (0, _classCallCheck2["default"])(this, InputFHRoot);
-    return (0, _callSuper2["default"])(this, InputFHRoot, arguments);
+class InputFHRoot extends _core.Component {
+  render() {
+    var _ref = this.asProps,
+      _ref3;
+    const SHighlightedInput = _input.default;
+    return _ref3 = (0, _core.sstyled)(this.asProps.styles), /*#__PURE__*/_react.default.createElement(SHighlightedInput, _ref3.cn("SHighlightedInput", {
+      ...(0, _core.assignProps)({}, _ref)
+    }));
   }
-  (0, _inherits2["default"])(InputFHRoot, _Component);
-  return (0, _createClass2["default"])(InputFHRoot, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref3;
-      var SHighlightedInput = _input["default"];
-      return _ref3 = (0, _core.sstyled)(this.asProps.styles), /*#__PURE__*/_react["default"].createElement(SHighlightedInput, _ref3.cn("SHighlightedInput", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(InputFHRoot, "displayName", 'InputFH');
-(0, _defineProperty2["default"])(InputFHRoot, "style", style);
+}
+(0, _defineProperty2.default)(InputFHRoot, "displayName", 'InputFH');
+(0, _defineProperty2.default)(InputFHRoot, "style", style);
 function HighlightAddon(props) {
   var _ref2 = arguments[0];
-  var Children = props.Children,
-    hasChildren = props.children;
-  return /*#__PURE__*/_react["default"].createElement(_input["default"].Addon, (0, _core.assignProps)({}, _ref2), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, null) : /*#__PURE__*/_react["default"].createElement(_m["default"], {
+  const {
+    Children,
+    children: hasChildren
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_input.default.Addon, (0, _core.assignProps)({}, _ref2), hasChildren ? /*#__PURE__*/_react.default.createElement(Children, null) : /*#__PURE__*/_react.default.createElement(_m.default, {
     color: "--intergalactic-icon-primary-feature-highlight"
   }));
 }
-var InputFH = exports.InputFH = (0, _core.createComponent)(InputFHRoot, {
+const InputFH = exports.InputFH = (0, _core.createComponent)(InputFHRoot, {
   Addon: HighlightAddon,
-  Value: _input["default"].Value
+  Value: _input.default.Value
 });
 //# sourceMappingURL=Input.js.map

package/lib/cjs/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["_core","require","_m","_interopRequireDefault","_input","_react","style","sstyled","insert","InputFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref3","SHighlightedInput","Input","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","HighlightAddon","props","_ref2","arguments[0]","Children","hasChildren","children","Addon","color","InputFH","exports","createComponent","Value"],"sources":["../../../../src/components/input/Input.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport Input from '@semcore/input';\nimport React from 'react';\n\nimport style from './input.shadow.css';\n\nclass InputFHRoot extends Component {\n  static displayName = 'InputFH';\n  static style = style;\n\n  render() {\n    const SHighlightedInput = Root;\n    return sstyled(this.asProps.styles)(\n      <SHighlightedInput render={Input} />,\n    );\n  }\n}\n\nfunction HighlightAddon(props: IRootComponentProps) {\n  const { Children, children: hasChildren } = props;\n  return (\n    <Root render={Input.Addon}>\n      {hasChildren ? (<Children />) : (<SummaryAI color='--intergalactic-icon-primary-feature-highlight' />)}\n    </Root>\n  );\n}\n\nexport const InputFH = createComponent(InputFHRoot, {\n  Addon: HighlightAddon,\n  Value: Input.Value,\n}) as typeof Input;\n"],"mappings":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,EAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA0B;AAAA,IAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;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,GAEMC,iBAAK;MADlC,OAAAF,KAAA,GAAO,IAAAd,aAAO,EAAC,IAAI,CAACa,OAAO,CAACI,MAAM,CAAC,eACjCnB,MAAA,YAAAoB,aAAA,CAACH,iBAAiB,EAAAD,KAAA,CAAAK,EAAA,0BAAAC,cAAA,qBAAA3B,KAAA,CAAA4B,WAAA,MAAAT,IAAA,GAAiB,CAAC;IAExC;EAAC;AAAA,EATuBU,eAAS;AAAA,IAAAC,gBAAA,aAA7BrB,WAAW,iBACM,SAAS;AAAA,IAAAqB,gBAAA,aAD1BrB,WAAW,WAEAH,KAAK;AAUtB,SAASyB,cAAcA,CAACC,KAA0B,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;EAClD,IAAQC,QAAQ,GAA4BH,KAAK,CAAzCG,QAAQ;IAAYC,WAAW,GAAKJ,KAAK,CAA/BK,QAAQ;EAC1B,oBACEhC,MAAA,YAAAoB,aAAA,CAAcF,iBAAK,CAACe,KAAK,MAAAtC,KAAA,CAAA4B,WAAA,MAAAK,KAAA,GACtBG,WAAW,gBAAI/B,MAAA,YAAAoB,aAAA,CAACU,QAAQ,MAAE,CAAC,gBAAK9B,MAAA,YAAAoB,aAAA,CAACvB,EAAA,WAAS;IAACqC,KAAK,EAAC;EAAgD,CAAE,CAChG,CAAC;AAEX;AAEO,IAAMC,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,IAAAE,qBAAe,EAACjC,WAAW,EAAE;EAClD6B,KAAK,EAAEP,cAAc;EACrBY,KAAK,EAAEpB,iBAAK,CAACoB;AACf,CAAC,CAAiB","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["_core","require","_m","_interopRequireDefault","_input","_react","style","sstyled","insert","InputFHRoot","Component","render","_ref","asProps","_ref3","SHighlightedInput","Input","styles","default","createElement","cn","assignProps","_defineProperty2","HighlightAddon","props","_ref2","arguments[0]","Children","children","hasChildren","Addon","color","InputFH","exports","createComponent","Value"],"sources":["../../../../src/components/input/Input.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport Input from '@semcore/input';\nimport React from 'react';\n\nimport style from './input.shadow.css';\n\nclass InputFHRoot extends Component {\n  static displayName = 'InputFH';\n  static style = style;\n\n  render() {\n    const SHighlightedInput = Root;\n    return sstyled(this.asProps.styles)(\n      <SHighlightedInput render={Input} />,\n    );\n  }\n}\n\nfunction HighlightAddon(props: IRootComponentProps) {\n  const { Children, children: hasChildren } = props;\n  return (\n    <Root render={Input.Addon}>\n      {hasChildren ? (<Children />) : (<SummaryAI color='--intergalactic-icon-primary-feature-highlight' />)}\n    </Root>\n  );\n}\n\nexport const InputFH = createComponent(InputFHRoot, {\n  Addon: HighlightAddon,\n  Value: Input.Value,\n}) as typeof Input;\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,EAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,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;EAAA;EAAA;EAAA;AAAA;AAI1B,MAAMC,WAAW,SAASC,eAAS,CAAC;EAIlCC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,iBAAiB,GAEMC,cAAK;IADlC,OAAAF,KAAA,GAAO,IAAAP,aAAO,EAAC,IAAI,CAACM,OAAO,CAACI,MAAM,CAAC,eACjCZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACJ,iBAAiB,EAAAD,KAAA,CAAAM,EAAA;MAAA,OAAApB,KAAA,CAAAqB,WAAA,MAAAT,IAAA;IAAA,EAAiB,CAAC;EAExC;AACF;AAAC,IAAAU,gBAAA,CAAAJ,OAAA,EAVKT,WAAW,iBACM,SAAS;AAAA,IAAAa,gBAAA,CAAAJ,OAAA,EAD1BT,WAAW,WAEAH,KAAK;AAUtB,SAASiB,cAAcA,CAACC,KAA0B,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;EAClD,MAAM;IAAEC,QAAQ;IAAEC,QAAQ,EAAEC;EAAY,CAAC,GAAGL,KAAK;EACjD,oBACEnB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAcH,cAAK,CAACc,KAAK,MAAA9B,KAAA,CAAAqB,WAAA,MAAAI,KAAA,GACtBI,WAAW,gBAAIxB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACQ,QAAQ,MAAE,CAAC,gBAAKtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACjB,EAAA,CAAAgB,OAAS;IAACa,KAAK,EAAC;EAAgD,CAAE,CAChG,CAAC;AAEX;AAEO,MAAMC,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,IAAAE,qBAAe,EAACzB,WAAW,EAAE;EAClDqB,KAAK,EAAEP,cAAc;EACrBY,KAAK,EAAEnB,cAAK,CAACmB;AACf,CAAC,CAAiB","ignoreList":[]}

package/lib/cjs/components/notice/Notice.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.NoticeFH = 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 _findComponent = require("@semcore/core/lib/utils/findComponent");
@@ -17,83 +12,75 @@ var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
 var _notice = _interopRequireDefault(require("@semcore/notice"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./notice.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedNotice_wzdzl_gg_.__beforeVisibility_wzdzl_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));border-color:transparent;background-clip:padding-box;position:relative}.___SHighlightedNotice_wzdzl_gg_.__beforeVisibility_wzdzl_gg_:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_wzdzl);background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n  ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box}.___SHighlightedNotice_wzdzl_gg_.__beforeVisibility_wzdzl_gg_ .___SLabel_wzdzl_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SHighlightedNotice_wzdzl_gg_.__beforeVisibility_wzdzl_gg_ .___SCloseIcon_wzdzl_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SHighlightedNotice_wzdzl_gg_.__beforeVisibility_wzdzl_gg_ .___SCloseIcon_wzdzl_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}", /*__inner_css_end__*/"wzdzl_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedNotice_1agzh_gg_.__beforeVisibility_1agzh_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));border-color:transparent;background-clip:padding-box;position:relative}.___SHighlightedNotice_1agzh_gg_.__beforeVisibility_1agzh_gg_:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_1agzh);background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n  ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box}.___SHighlightedNotice_1agzh_gg_.__beforeVisibility_1agzh_gg_ .___SLabel_1agzh_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SHighlightedNotice_1agzh_gg_.__beforeVisibility_1agzh_gg_ .___SCloseIcon_1agzh_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SHighlightedNotice_1agzh_gg_.__beforeVisibility_1agzh_gg_ .___SCloseIcon_1agzh_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}", /*__inner_css_end__*/"1agzh_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedNotice": "___SHighlightedNotice_wzdzl_gg_",
-  "_beforeVisibility": "__beforeVisibility_wzdzl_gg_",
-  "--beforeVisibility": "--beforeVisibility_wzdzl",
-  "__SLabel": "___SLabel_wzdzl_gg_",
-  "__SCloseIcon": "___SCloseIcon_wzdzl_gg_"
+  "__SHighlightedNotice": "___SHighlightedNotice_1agzh_gg_",
+  "_beforeVisibility": "__beforeVisibility_1agzh_gg_",
+  "--beforeVisibility": "--beforeVisibility_1agzh",
+  "__SLabel": "___SLabel_1agzh_gg_",
+  "__SCloseIcon": "___SCloseIcon_1agzh_gg_"
 });
-var NoticeFHRoot = /*#__PURE__*/function (_Component) {
-  function NoticeFHRoot() {
-    (0, _classCallCheck2["default"])(this, NoticeFHRoot);
-    return (0, _callSuper2["default"])(this, NoticeFHRoot, arguments);
-  }
-  (0, _inherits2["default"])(NoticeFHRoot, _Component);
-  return (0, _createClass2["default"])(NoticeFHRoot, [{
-    key: "renderContent",
-    value: function renderContent() {
-      var _this$asProps = this.asProps,
-        Children = _this$asProps.Children,
-        label = _this$asProps.label,
-        title = _this$asProps.title,
-        closable = _this$asProps.closable;
-      var textContent = /*#__PURE__*/_react["default"].createElement(Children, null);
-      if (typeof Children.origin === 'string') {
-        textContent = (0, _isNode["default"])(title) || (0, _isNode["default"])(label) || closable ? /*#__PURE__*/_react["default"].createElement(_notice["default"].Text, null, /*#__PURE__*/_react["default"].createElement(Children, null)) : /*#__PURE__*/_react["default"].createElement(Children, null);
-      }
-      return textContent;
-    }
-  }, {
-    key: "renderSmartMode",
-    value: function renderSmartMode() {
-      var _this$asProps2 = this.asProps,
-        label = _this$asProps2.label,
-        title = _this$asProps2.title,
-        actions = _this$asProps2.actions,
-        closable = _this$asProps2.closable,
-        onClose = _this$asProps2.onClose;
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _isNode["default"])(label) && /*#__PURE__*/_react["default"].createElement(_notice["default"].Label, null, label), /*#__PURE__*/_react["default"].createElement(_notice["default"].Content, null, (0, _isNode["default"])(title) && /*#__PURE__*/_react["default"].createElement(_notice["default"].Title, null, title), this.renderContent(), (0, _isNode["default"])(actions) && /*#__PURE__*/_react["default"].createElement(_notice["default"].Actions, null, actions)), closable && /*#__PURE__*/_react["default"].createElement(_notice["default"].Close, {
-        onClick: onClose
-      }));
+class NoticeFHRoot extends _core.Component {
+  renderContent() {
+    const {
+      Children,
+      label,
+      title,
+      closable
+    } = this.asProps;
+    let textContent = /*#__PURE__*/_react.default.createElement(Children, null);
+    if (typeof Children.origin === 'string') {
+      textContent = (0, _isNode.default)(title) || (0, _isNode.default)(label) || closable ? /*#__PURE__*/_react.default.createElement(_notice.default.Text, null, /*#__PURE__*/_react.default.createElement(Children, null)) : /*#__PURE__*/_react.default.createElement(Children, null);
     }
-  }, {
-    key: "renderAdvancedMode",
-    value: function renderAdvancedMode() {
-      var Children = this.asProps.Children;
-      return /*#__PURE__*/_react["default"].createElement(Children, null);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref2;
-      var SHighlightedNotice = _notice["default"];
-      var _this$asProps3 = this.asProps,
-        styles = _this$asProps3.styles,
-        Children = _this$asProps3.Children,
-        visible = _this$asProps3.visible;
-      var advancedMode = (0, _findComponent.isAdvanceMode)(Children, [NoticeFH.Label.displayName, NoticeFH.Actions.displayName, NoticeFH.Content.displayName, NoticeFH.Title.displayName, NoticeFH.Text.displayName, NoticeFH.Close.displayName]);
-      var beforeVisibility = visible === undefined || visible ? 'visible' : 'hidden';
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHighlightedNotice, _ref2.cn("SHighlightedNotice", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    return textContent;
+  }
+  renderSmartMode() {
+    const {
+      label,
+      title,
+      actions,
+      closable,
+      onClose
+    } = this.asProps;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _isNode.default)(label) && /*#__PURE__*/_react.default.createElement(_notice.default.Label, null, label), /*#__PURE__*/_react.default.createElement(_notice.default.Content, null, (0, _isNode.default)(title) && /*#__PURE__*/_react.default.createElement(_notice.default.Title, null, title), this.renderContent(), (0, _isNode.default)(actions) && /*#__PURE__*/_react.default.createElement(_notice.default.Actions, null, actions)), closable && /*#__PURE__*/_react.default.createElement(_notice.default.Close, {
+      onClick: onClose
+    }));
+  }
+  renderAdvancedMode() {
+    const {
+      Children
+    } = this.asProps;
+    return /*#__PURE__*/_react.default.createElement(Children, null);
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref2;
+    const SHighlightedNotice = _notice.default;
+    const {
+      styles,
+      Children,
+      visible
+    } = this.asProps;
+    const advancedMode = (0, _findComponent.isAdvanceMode)(Children, [NoticeFH.Label.displayName, NoticeFH.Actions.displayName, NoticeFH.Content.displayName, NoticeFH.Title.displayName, NoticeFH.Text.displayName, NoticeFH.Close.displayName]);
+    const beforeVisibility = visible === undefined || visible ? 'visible' : 'hidden';
+    return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SHighlightedNotice, _ref2.cn("SHighlightedNotice", {
+      ...(0, _core.assignProps)({
         "beforeVisibility": beforeVisibility,
         "__excludeProps": ['title'],
         "use:theme": undefined
-      }, _ref))), advancedMode ? this.renderAdvancedMode() : this.renderSmartMode());
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(NoticeFHRoot, "displayName", 'NoticeFH');
-(0, _defineProperty2["default"])(NoticeFHRoot, "style", style);
-var NoticeFH = exports.NoticeFH = (0, _core.createComponent)(NoticeFHRoot, {
-  Label: _notice["default"].Label,
-  Actions: _notice["default"].Actions,
-  Content: _notice["default"].Content,
-  Title: _notice["default"].Title,
-  Text: _notice["default"].Text,
-  Close: _notice["default"].Close,
-  CloseIcon: _notice["default"].CloseIcon
+      }, _ref)
+    }), advancedMode ? this.renderAdvancedMode() : this.renderSmartMode());
+  }
+}
+(0, _defineProperty2.default)(NoticeFHRoot, "displayName", 'NoticeFH');
+(0, _defineProperty2.default)(NoticeFHRoot, "style", style);
+const NoticeFH = exports.NoticeFH = (0, _core.createComponent)(NoticeFHRoot, {
+  Label: _notice.default.Label,
+  Actions: _notice.default.Actions,
+  Content: _notice.default.Content,
+  Title: _notice.default.Title,
+  Text: _notice.default.Text,
+  Close: _notice.default.Close
 });
 //# sourceMappingURL=Notice.js.map

package/lib/cjs/components/notice/Notice.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notice.js","names":["_core","require","_findComponent","_isNode","_interopRequireDefault","_notice","_react","style","sstyled","insert","NoticeFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","renderContent","_this$asProps","asProps","Children","label","title","closable","textContent","createElement","origin","isNode","Text","renderSmartMode","_this$asProps2","actions","onClose","Fragment","Label","Content","Title","Actions","Close","onClick","renderAdvancedMode","render","_ref","_ref2","SHighlightedNotice","Notice","_this$asProps3","styles","visible","advancedMode","isAdvanceMode","NoticeFH","displayName","beforeVisibility","undefined","cn","_objectSpread2","assignProps","Component","_defineProperty2","exports","createComponent","CloseIcon"],"sources":["../../../../src/components/notice/Notice.tsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport type { NoticeSmartProps } from '@semcore/notice';\nimport Notice from '@semcore/notice';\nimport React from 'react';\n\nimport style from './notice.shadow.css';\nimport type { HighlightedNoticeComponent } from './Notice.type';\n\nclass NoticeFHRoot extends Component<NoticeSmartProps> {\n  static displayName = 'NoticeFH';\n  static style = style;\n\n  renderContent() {\n    const { Children, label, title, closable } = this.asProps;\n    let textContent = <Children />;\n\n    if (typeof Children.origin === 'string') {\n      textContent =\n              isNode(title) || isNode(label) || closable\n                ? (\n                    <Notice.Text>\n                      <Children />\n                    </Notice.Text>\n                  )\n                : (\n                    <Children />\n                  );\n    }\n\n    return textContent;\n  }\n\n  renderSmartMode() {\n    const { label, title, actions, closable, onClose } = this.asProps;\n\n    return (\n      <>\n        {isNode(label) && <Notice.Label>{label}</Notice.Label>}\n        <Notice.Content>\n          {isNode(title) && <Notice.Title>{title}</Notice.Title>}\n          {this.renderContent()}\n          {isNode(actions) && <Notice.Actions>{actions}</Notice.Actions>}\n        </Notice.Content>\n        {closable && <Notice.Close onClick={onClose} />}\n      </>\n    );\n  }\n\n  renderAdvancedMode() {\n    const { Children } = this.asProps;\n\n    return <Children />;\n  }\n\n  render() {\n    const SHighlightedNotice = Root;\n    const { styles, Children, visible } = this.asProps;\n\n    const advancedMode = isAdvanceMode(Children, [\n      NoticeFH.Label.displayName,\n      NoticeFH.Actions.displayName,\n      NoticeFH.Content.displayName,\n      NoticeFH.Title.displayName,\n      NoticeFH.Text.displayName,\n      NoticeFH.Close.displayName,\n    ]);\n\n    const beforeVisibility = visible === undefined || visible ? 'visible' : 'hidden';\n\n    return sstyled(styles)(\n      <SHighlightedNotice render={Notice} beforeVisibility={beforeVisibility} __excludeProps={['title']} use:theme={undefined}>\n        {advancedMode ? this.renderAdvancedMode() : this.renderSmartMode()}\n      </SHighlightedNotice>,\n    );\n  }\n}\n\nexport const NoticeFH = createComponent(NoticeFHRoot, {\n  Label: Notice.Label,\n  Actions: Notice.Actions,\n  Content: Notice.Content,\n  Title: Notice.Title,\n  Text: Notice.Text,\n  Close: Notice.Close,\n  CloseIcon: Notice.CloseIcon,\n}) as HighlightedNoticeComponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Notice.js","names":["_core","require","_findComponent","_isNode","_interopRequireDefault","_notice","_react","style","sstyled","insert","NoticeFHRoot","Component","renderContent","Children","label","title","closable","asProps","textContent","default","createElement","origin","isNode","Text","renderSmartMode","actions","onClose","Fragment","Label","Content","Title","Actions","Close","onClick","renderAdvancedMode","render","_ref","_ref2","SHighlightedNotice","Notice","styles","visible","advancedMode","isAdvanceMode","NoticeFH","displayName","beforeVisibility","undefined","cn","assignProps","_defineProperty2","exports","createComponent"],"sources":["../../../../src/components/notice/Notice.tsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport type { NoticeSmartProps } from '@semcore/notice';\nimport Notice from '@semcore/notice';\nimport React from 'react';\n\nimport style from './notice.shadow.css';\nimport type { HighlightedNoticeComponent } from './Notice.type';\n\nclass NoticeFHRoot extends Component<NoticeSmartProps> {\n  static displayName = 'NoticeFH';\n  static style = style;\n\n  renderContent() {\n    const { Children, label, title, closable } = this.asProps;\n    let textContent = <Children />;\n\n    if (typeof Children.origin === 'string') {\n      textContent =\n              isNode(title) || isNode(label) || closable\n                ? (\n                    <Notice.Text>\n                      <Children />\n                    </Notice.Text>\n                  )\n                : (\n                    <Children />\n                  );\n    }\n\n    return textContent;\n  }\n\n  renderSmartMode() {\n    const { label, title, actions, closable, onClose } = this.asProps;\n\n    return (\n      <>\n        {isNode(label) && <Notice.Label>{label}</Notice.Label>}\n        <Notice.Content>\n          {isNode(title) && <Notice.Title>{title}</Notice.Title>}\n          {this.renderContent()}\n          {isNode(actions) && <Notice.Actions>{actions}</Notice.Actions>}\n        </Notice.Content>\n        {closable && <Notice.Close onClick={onClose} />}\n      </>\n    );\n  }\n\n  renderAdvancedMode() {\n    const { Children } = this.asProps;\n\n    return <Children />;\n  }\n\n  render() {\n    const SHighlightedNotice = Root;\n    const { styles, Children, visible } = this.asProps;\n\n    const advancedMode = isAdvanceMode(Children, [\n      NoticeFH.Label.displayName,\n      NoticeFH.Actions.displayName,\n      NoticeFH.Content.displayName,\n      NoticeFH.Title.displayName,\n      NoticeFH.Text.displayName,\n      NoticeFH.Close.displayName,\n    ]);\n\n    const beforeVisibility = visible === undefined || visible ? 'visible' : 'hidden';\n\n    return sstyled(styles)(\n      <SHighlightedNotice render={Notice} beforeVisibility={beforeVisibility} __excludeProps={['title']} use:theme={undefined}>\n        {advancedMode ? this.renderAdvancedMode() : this.renderSmartMode()}\n      </SHighlightedNotice>,\n    );\n  }\n}\n\nexport const NoticeFH = createComponent(NoticeFHRoot, {\n  Label: Notice.Label,\n  Actions: Notice.Actions,\n  Content: Notice.Content,\n  Title: Notice.Title,\n  Text: Notice.Text,\n  Close: Notice.Close,\n}) as HighlightedNoticeComponent;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/pills/Pills.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.PillsFH = 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 _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
@@ -17,99 +12,82 @@ var _pills = _interopRequireDefault(require("@semcore/pills"));
 var _react = _interopRequireDefault(require("react"));
 var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
 /*!__reshadow-styles__:"./pills.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedPill_f2r4b_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1;position:relative}.___SHighlightedPill_f2r4b_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);will-change:opacity,transform;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}.___SHighlightedPill_f2r4b_gg_._neighborLocation_left_f2r4b_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_f2r4b_gg_._neighborLocation_right_f2r4b_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_f2r4b_gg_._neighborLocation_both_f2r4b_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_f2r4b_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box}}.___SHighlightedPill_f2r4b_gg_.__selected_f2r4b_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SPills_f2r4b_gg_ .___SHighlightedPill_f2r4b_gg_:focus-visible{outline:0}.___SPills_f2r4b_gg_ .___SHighlightedPill_f2r4b_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_f2r4b_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_f2r4b_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"f2r4b_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedPill_1hgp1_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1;position:relative}.___SHighlightedPill_1hgp1_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);will-change:opacity,transform;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}.___SHighlightedPill_1hgp1_gg_._neighborLocation_left_1hgp1_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_1hgp1_gg_._neighborLocation_right_1hgp1_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_1hgp1_gg_._neighborLocation_both_1hgp1_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_1hgp1_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box}}.___SHighlightedPill_1hgp1_gg_.__selected_1hgp1_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SPills_1hgp1_gg_ .___SHighlightedPill_1hgp1_gg_:focus-visible{outline:0}.___SPills_1hgp1_gg_ .___SHighlightedPill_1hgp1_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_1hgp1_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_1hgp1_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"1hgp1_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedPill": "___SHighlightedPill_f2r4b_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_f2r4b_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_f2r4b_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_f2r4b_gg_",
-  "_selected": "__selected_f2r4b_gg_",
-  "__SPills": "___SPills_f2r4b_gg_"
+  "__SHighlightedPill": "___SHighlightedPill_1hgp1_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1hgp1_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_1hgp1_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_1hgp1_gg_",
+  "_selected": "__selected_1hgp1_gg_",
+  "__SPills": "___SPills_1hgp1_gg_"
 });
-var PillsFHRoot = /*#__PURE__*/function (_Component) {
-  function PillsFHRoot() {
-    (0, _classCallCheck2["default"])(this, PillsFHRoot);
-    return (0, _callSuper2["default"])(this, PillsFHRoot, arguments);
+class PillsFHRoot extends _core.Component {
+  render() {
+    var _ref = this.asProps;
+    return /*#__PURE__*/_react.default.createElement(_pills.default, (0, _core.assignProps)({}, _ref));
   }
-  (0, _inherits2["default"])(PillsFHRoot, _Component);
-  return (0, _createClass2["default"])(PillsFHRoot, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps;
-      return /*#__PURE__*/_react["default"].createElement(_pills["default"], (0, _core.assignProps)({}, _ref));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(PillsFHRoot, "displayName", 'PillsFH');
-(0, _defineProperty2["default"])(PillsFHRoot, "style", style);
-var HighlightedItemRoot = /*#__PURE__*/function (_Component2) {
-  function HighlightedItemRoot() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, HighlightedItemRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2["default"])(this, HighlightedItemRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+}
+(0, _defineProperty2.default)(PillsFHRoot, "displayName", 'PillsFH');
+(0, _defineProperty2.default)(PillsFHRoot, "style", style);
+class HighlightedItemRoot extends _core.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "state", {
       clicked: false
     });
-    return _this;
   }
-  (0, _inherits2["default"])(HighlightedItemRoot, _Component2);
-  return (0, _createClass2["default"])(HighlightedItemRoot, [{
-    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 _ref2 = this.asProps,
-        _ref4;
-      var SHighlightedPill = _pills["default"].Item;
-      return _ref4 = (0, _core.sstyled)(this.asProps.styles), /*#__PURE__*/_react["default"].createElement(SHighlightedPill, _ref4.cn("SHighlightedPill", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    });
+  }
+  getAddonProps() {
+    return {
+      clicked: this.state.clicked
+    };
+  }
+  render() {
+    var _ref2 = this.asProps,
+      _ref4;
+    const SHighlightedPill = _pills.default.Item;
+    return _ref4 = (0, _core.sstyled)(this.asProps.styles), /*#__PURE__*/_react.default.createElement(SHighlightedPill, _ref4.cn("SHighlightedPill", {
+      ...(0, _core.assignProps)({
         "onClick": this.handleClick.bind(this)
-      }, _ref2))));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(HighlightedItemRoot, "displayName", 'HighlightedItem');
-(0, _defineProperty2["default"])(HighlightedItemRoot, "style", style);
+      }, _ref2)
+    }));
+  }
+}
+(0, _defineProperty2.default)(HighlightedItemRoot, "displayName", 'HighlightedItem');
+(0, _defineProperty2.default)(HighlightedItemRoot, "style", style);
 function HighlightedItemAddon(props) {
   var _ref3 = arguments[0];
-  var clicked = props.clicked,
-    animatedSparkleCount = props.animatedSparkleCount,
-    Children = props.Children,
-    children = props.children;
-  return /*#__PURE__*/_react["default"].createElement(_pills["default"].Item.Addon, (0, _core.assignProps)({}, _ref3), children !== undefined ? /*#__PURE__*/_react["default"].createElement(Children, null) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_m["default"], {
+  const {
+    clicked,
+    animatedSparkleCount,
+    Children,
+    children
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_pills.default.Item.Addon, (0, _core.assignProps)({}, _ref3), children !== undefined ? /*#__PURE__*/_react.default.createElement(Children, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_m.default, {
     color: "--intergalactic-icon-primary-feature-highlight"
-  }), /*#__PURE__*/_react["default"].createElement(_AnimatedSparkles.AnimatedSparkles, {
+  }), /*#__PURE__*/_react.default.createElement(_AnimatedSparkles.AnimatedSparkles, {
     show: clicked,
     count: animatedSparkleCount
   })));
 }
-var PillsFH = exports.PillsFH = (0, _core.createComponent)(PillsFHRoot, {
-  Item: _pills["default"].Item,
+const PillsFH = exports.PillsFH = (0, _core.createComponent)(PillsFHRoot, {
+  Item: _pills.default.Item,
   HighlightedItem: (0, _core.createComponent)(HighlightedItemRoot, {
-    Text: _pills["default"].Item.Text,
+    Text: _pills.default.Item.Text,
     Addon: HighlightedItemAddon
   })
 });

package/lib/cjs/components/pills/Pills.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pills.js","names":["_core","require","_m","_interopRequireDefault","_pills","_react","_AnimatedSparkles","style","sstyled","insert","PillsFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","createElement","Pills","assignProps","Component","_defineProperty2","HighlightedItemRoot","_Component2","_this","_len","length","args","Array","_key","concat","clicked","handleClick","e","_this2","onClick","setState","setTimeout","getAddonProps","state","_ref2","_ref4","SHighlightedPill","Item","styles","cn","_objectSpread2","bind","HighlightedItemAddon","props","_ref3","arguments[0]","animatedSparkleCount","Children","children","Addon","undefined","Fragment","color","AnimatedSparkles","show","count","PillsFH","exports","createComponent","HighlightedItem","Text"],"sources":["../../../../src/components/pills/Pills.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { createComponent, Root, Component, sstyled } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport Pills from '@semcore/pills';\nimport React from 'react';\n\nimport style from './pills.shadow.css';\nimport type { HighlightedItemAddonProps, HighlightedPillComponent } from './Pills.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass PillsFHRoot extends Component {\n  static displayName = 'PillsFH';\n  static style = style;\n\n  render() {\n    return (<Root render={Pills} />);\n  }\n}\n\nclass HighlightedItemRoot extends Component {\n  static displayName = 'HighlightedItem';\n  static style = style;\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 SHighlightedPill = Root;\n\n    return sstyled(this.asProps.styles)(<SHighlightedPill render={Pills.Item} onClick={this.handleClick.bind(this)} />);\n  }\n}\n\nfunction HighlightedItemAddon(props: HighlightedItemAddonProps & { clicked: boolean } & IRootComponentProps) {\n  const { clicked, animatedSparkleCount, Children, children } = props;\n  return (\n    <Root render={Pills.Item.Addon}>\n      {children !== undefined\n        ? (<Children />)\n        : (\n            <>\n              <SummaryAI color='--intergalactic-icon-primary-feature-highlight' />\n              <AnimatedSparkles show={clicked} count={animatedSparkleCount} />\n            </>\n          )}\n    </Root>\n  );\n}\n\nexport const PillsFH = createComponent(PillsFHRoot, {\n  Item: Pills.Item,\n  HighlightedItem: createComponent(HighlightedItemRoot, { Text: Pills.Item.Text, Addon: HighlightedItemAddon }),\n}) as HighlightedPillComponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Pills.js","names":["_core","require","_m","_interopRequireDefault","_pills","_react","_AnimatedSparkles","style","sstyled","insert","PillsFHRoot","Component","render","_ref","asProps","default","createElement","Pills","assignProps","_defineProperty2","HighlightedItemRoot","constructor","args","clicked","handleClick","e","onClick","setState","setTimeout","getAddonProps","state","_ref2","_ref4","SHighlightedPill","Item","styles","cn","bind","HighlightedItemAddon","props","_ref3","arguments[0]","animatedSparkleCount","Children","children","Addon","undefined","Fragment","color","AnimatedSparkles","show","count","PillsFH","exports","createComponent","HighlightedItem","Text"],"sources":["../../../../src/components/pills/Pills.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { createComponent, Root, Component, sstyled } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport Pills from '@semcore/pills';\nimport React from 'react';\n\nimport style from './pills.shadow.css';\nimport type { HighlightedItemAddonProps, HighlightedPillComponent } from './Pills.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass PillsFHRoot extends Component {\n  static displayName = 'PillsFH';\n  static style = style;\n\n  render() {\n    return (<Root render={Pills} />);\n  }\n}\n\nclass HighlightedItemRoot extends Component {\n  static displayName = 'HighlightedItem';\n  static style = style;\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 SHighlightedPill = Root;\n\n    return sstyled(this.asProps.styles)(<SHighlightedPill render={Pills.Item} onClick={this.handleClick.bind(this)} />);\n  }\n}\n\nfunction HighlightedItemAddon(props: HighlightedItemAddonProps & { clicked: boolean } & IRootComponentProps) {\n  const { clicked, animatedSparkleCount, Children, children } = props;\n  return (\n    <Root render={Pills.Item.Addon}>\n      {children !== undefined\n        ? (<Children />)\n        : (\n            <>\n              <SummaryAI color='--intergalactic-icon-primary-feature-highlight' />\n              <AnimatedSparkles show={clicked} count={animatedSparkleCount} />\n            </>\n          )}\n    </Root>\n  );\n}\n\nexport const PillsFH = createComponent(PillsFHRoot, {\n  Item: Pills.Item,\n  HighlightedItem: createComponent(HighlightedItemRoot, { Text: Pills.Item.Text, Addon: HighlightedItemAddon }),\n}) as unknown as HighlightedPillComponent;\n"],"mappings":"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","ignoreList":[]}