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

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["Checkbox","Component","createComponent","Root","sstyled","React","style","_sstyled","insert","AnimatedSparkles","CheckboxFHRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","_inherits","_createClass","key","value","getValueProps","_this2","ref","inputRef","onChange","setTimeout","forceUpdate","getAnimatedSparklesProps","_this$inputRef$curren","size","asProps","checked","current","show","top","left","render","_ref","_ref2","SHighlightedCheckbox","_this$asProps","styles","Children","hasChildren","children","createElement","cn","_objectSpread","_assignProps","Fragment","CheckboxFH","Value","Text"],"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":["Checkbox","Component","createComponent","Root","sstyled","React","style","_sstyled","insert","AnimatedSparkles","CheckboxFHRoot","constructor","args","_defineProperty","createRef","getValueProps","ref","inputRef","onChange","setTimeout","forceUpdate","getAnimatedSparklesProps","size","asProps","checked","current","show","top","left","render","_ref","_ref2","SHighlightedCheckbox","styles","Children","children","hasChildren","createElement","cn","_assignProps","Fragment","CheckboxFH","Value","Text"],"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":";;;AACA,OAAOA,QAAQ,MAAM,mBAAmB;AACxC,SAASC,SAAS,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,gBAAgB,QAAQ,iDAAiD;AAElF,MAAMC,cAAc,SAAST,SAAS,CAAgB;EAAAU,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gCAIzCR,KAAK,CAACS,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,GAIMhC,QAAQ;IAHxC,MAAM;MAAEiC,MAAM;MAAEC,QAAQ;MAAEC,QAAQ,EAAEC;IAAY,CAAC,GAAG,IAAI,CAACb,OAAO;IAEhE,OAAAQ,KAAA,GAAO3B,OAAO,CAAC6B,MAAM,CAAC,eACpB5B,KAAA,CAAAgC,aAAA,CAACL,oBAAoB,EAAAD,KAAA,CAAAO,EAAA;MAAA,GAAAC,YAAA,KAAAT,IAAA;IAAA,IAClBM,WAAW,gBACR/B,KAAA,CAAAgC,aAAA,CAACH,QAAQ,EAAAH,KAAA,CAAAO,EAAA,gBAAE,CAAC,gBAEVjC,KAAA,CAAAgC,aAAA,CAAAhC,KAAA,CAAAmC,QAAA,qBACEnC,KAAA,CAAAgC,aAAA,CAACI,UAAU,CAACC,KAAK,MAAE,CAAC,eACpBrC,KAAA,CAAAgC,aAAA,CAACI,UAAU,CAACE,IAAI,MAAE,CAClB,CAEY,CAAC;EAE3B;AACF;AAAC9B,eAAA,CA7CKH,cAAc,iBACG,YAAY;AAAAG,eAAA,CAD7BH,cAAc,WAEHJ,KAAK;AA6CtB,OAAO,MAAMmC,UAAU,GAAGvC,eAAe,CAACQ,cAAc,EAAE;EACxDiC,IAAI,EAAE3C,QAAQ,CAAC2C,IAAI;EACnBD,KAAK,EAAE1C,QAAQ,CAAC0C,KAAK;EACrBjC;AACF,CAAC,CAAiC","ignoreList":[]}

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

@@ -1,8 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
@@ -12,44 +7,40 @@ import SummaryAI from '@semcore/icon/SummaryAI/m';
 import Input from '@semcore/input';
 import React from 'react';
 /*!__reshadow-styles__:"./input.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_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__*/_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() {
-    _classCallCheck(this, InputFHRoot);
-    return _callSuper(this, InputFHRoot, arguments);
+class InputFHRoot extends Component {
+  render() {
+    var _ref = this.asProps,
+      _ref3;
+    const SHighlightedInput = Input;
+    return _ref3 = sstyled(this.asProps.styles), /*#__PURE__*/React.createElement(SHighlightedInput, _ref3.cn("SHighlightedInput", {
+      ..._assignProps({}, _ref)
+    }));
   }
-  _inherits(InputFHRoot, _Component);
-  return _createClass(InputFHRoot, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref3;
-      var SHighlightedInput = Input;
-      return _ref3 = sstyled(this.asProps.styles), /*#__PURE__*/React.createElement(SHighlightedInput, _ref3.cn("SHighlightedInput", _objectSpread({}, _assignProps({}, _ref))));
-    }
-  }]);
-}(Component);
+}
 _defineProperty(InputFHRoot, "displayName", 'InputFH');
 _defineProperty(InputFHRoot, "style", style);
 function HighlightAddon(props) {
   var _ref2 = arguments[0];
-  var Children = props.Children,
-    hasChildren = props.children;
+  const {
+    Children,
+    children: hasChildren
+  } = props;
   return /*#__PURE__*/React.createElement(Input.Addon, _assignProps2({}, _ref2), hasChildren ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(SummaryAI, {
     color: "--intergalactic-icon-primary-feature-highlight"
   }));
 }
-export var InputFH = createComponent(InputFHRoot, {
+export const InputFH = createComponent(InputFHRoot, {
   Addon: HighlightAddon,
   Value: Input.Value
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["Component","createComponent","Root","sstyled","SummaryAI","Input","React","style","_sstyled","insert","InputFHRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","_ref3","SHighlightedInput","styles","createElement","cn","_objectSpread","_assignProps","_defineProperty","HighlightAddon","props","_ref2","arguments[0]","Children","hasChildren","children","Addon","_assignProps2","color","InputFH","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,SAASA,SAAS,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIpBC,WAAW,0BAAAC,UAAA;EAAA,SAAAD,YAAA;IAAAE,eAAA,OAAAF,WAAA;IAAA,OAAAG,UAAA,OAAAH,WAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,WAAA,EAAAC,UAAA;EAAA,OAAAK,YAAA,CAAAN,WAAA;IAAAO,GAAA;IAAAC,KAAA,EAIf,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,iBAAiB,GAEMlB,KAAK;MADlC,OAAAiB,KAAA,GAAOnB,OAAO,CAAC,IAAI,CAACkB,OAAO,CAACG,MAAM,CAAC,eACjClB,KAAA,CAAAmB,aAAA,CAACF,iBAAiB,EAAAD,KAAA,CAAAI,EAAA,sBAAAC,aAAA,KAAAC,YAAA,KAAAR,IAAA,GAAiB,CAAC;IAExC;EAAC;AAAA,EATuBpB,SAAS;AAAA6B,eAAA,CAA7BnB,WAAW,iBACM,SAAS;AAAAmB,eAAA,CAD1BnB,WAAW,WAEAH,KAAK;AAUtB,SAASuB,cAAcA,CAACC,KAA0B,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;EAClD,IAAQC,QAAQ,GAA4BH,KAAK,CAAzCG,QAAQ;IAAYC,WAAW,GAAKJ,KAAK,CAA/BK,QAAQ;EAC1B,oBACE9B,KAAA,CAAAmB,aAAA,CAAcpB,KAAK,CAACgC,KAAK,EAAAC,aAAA,KAAAN,KAAA,GACtBG,WAAW,gBAAI7B,KAAA,CAAAmB,aAAA,CAACS,QAAQ,MAAE,CAAC,gBAAK5B,KAAA,CAAAmB,aAAA,CAACrB,SAAS;IAACmC,KAAK,EAAC;EAAgD,CAAE,CAChG,CAAC;AAEX;AAEA,OAAO,IAAMC,OAAO,GAAGvC,eAAe,CAACS,WAAW,EAAE;EAClD2B,KAAK,EAAEP,cAAc;EACrBW,KAAK,EAAEpC,KAAK,CAACoC;AACf,CAAC,CAAiB","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["Component","createComponent","Root","sstyled","SummaryAI","Input","React","style","_sstyled","insert","InputFHRoot","render","_ref","asProps","_ref3","SHighlightedInput","styles","createElement","cn","_assignProps","_defineProperty","HighlightAddon","props","_ref2","arguments[0]","Children","children","hasChildren","Addon","_assignProps2","color","InputFH","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,SAASA,SAAS,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,MAAMC,WAAW,SAASV,SAAS,CAAC;EAIlCW,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,iBAAiB,GAEMV,KAAK;IADlC,OAAAS,KAAA,GAAOX,OAAO,CAAC,IAAI,CAACU,OAAO,CAACG,MAAM,CAAC,eACjCV,KAAA,CAAAW,aAAA,CAACF,iBAAiB,EAAAD,KAAA,CAAAI,EAAA;MAAA,GAAAC,YAAA,KAAAP,IAAA;IAAA,EAAiB,CAAC;EAExC;AACF;AAACQ,eAAA,CAVKV,WAAW,iBACM,SAAS;AAAAU,eAAA,CAD1BV,WAAW,WAEAH,KAAK;AAUtB,SAASc,cAAcA,CAACC,KAA0B,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;EAClD,MAAM;IAAEC,QAAQ;IAAEC,QAAQ,EAAEC;EAAY,CAAC,GAAGL,KAAK;EACjD,oBACEhB,KAAA,CAAAW,aAAA,CAAcZ,KAAK,CAACuB,KAAK,EAAAC,aAAA,KAAAN,KAAA,GACtBI,WAAW,gBAAIrB,KAAA,CAAAW,aAAA,CAACQ,QAAQ,MAAE,CAAC,gBAAKnB,KAAA,CAAAW,aAAA,CAACb,SAAS;IAAC0B,KAAK,EAAC;EAAgD,CAAE,CAChG,CAAC;AAEX;AAEA,OAAO,MAAMC,OAAO,GAAG9B,eAAe,CAACS,WAAW,EAAE;EAClDkB,KAAK,EAAEP,cAAc;EACrBW,KAAK,EAAE3B,KAAK,CAAC2B;AACf,CAAC,CAAiB","ignoreList":[]}

package/lib/es6/components/notice/Notice.js

@@ -1,8 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
@@ -12,83 +7,75 @@ import isNode from '@semcore/core/lib/utils/isNode';
 import Notice from '@semcore/notice';
 import React from 'react';
 /*!__reshadow-styles__:"./notice.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_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__*/_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() {
-    _classCallCheck(this, NoticeFHRoot);
-    return _callSuper(this, NoticeFHRoot, arguments);
-  }
-  _inherits(NoticeFHRoot, _Component);
-  return _createClass(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.createElement(Children, null);
-      if (typeof Children.origin === 'string') {
-        textContent = isNode(title) || isNode(label) || closable ? /*#__PURE__*/React.createElement(Notice.Text, null, /*#__PURE__*/React.createElement(Children, null)) : /*#__PURE__*/React.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.createElement(React.Fragment, null, isNode(label) && /*#__PURE__*/React.createElement(Notice.Label, null, label), /*#__PURE__*/React.createElement(Notice.Content, null, isNode(title) && /*#__PURE__*/React.createElement(Notice.Title, null, title), this.renderContent(), isNode(actions) && /*#__PURE__*/React.createElement(Notice.Actions, null, actions)), closable && /*#__PURE__*/React.createElement(Notice.Close, {
-        onClick: onClose
-      }));
+class NoticeFHRoot extends Component {
+  renderContent() {
+    const {
+      Children,
+      label,
+      title,
+      closable
+    } = this.asProps;
+    let textContent = /*#__PURE__*/React.createElement(Children, null);
+    if (typeof Children.origin === 'string') {
+      textContent = isNode(title) || isNode(label) || closable ? /*#__PURE__*/React.createElement(Notice.Text, null, /*#__PURE__*/React.createElement(Children, null)) : /*#__PURE__*/React.createElement(Children, null);
     }
-  }, {
-    key: "renderAdvancedMode",
-    value: function renderAdvancedMode() {
-      var Children = this.asProps.Children;
-      return /*#__PURE__*/React.createElement(Children, null);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref2;
-      var SHighlightedNotice = Notice;
-      var _this$asProps3 = this.asProps,
-        styles = _this$asProps3.styles,
-        Children = _this$asProps3.Children,
-        visible = _this$asProps3.visible;
-      var advancedMode = 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 = sstyled(styles), /*#__PURE__*/React.createElement(SHighlightedNotice, _ref2.cn("SHighlightedNotice", _objectSpread({}, _assignProps({
+    return textContent;
+  }
+  renderSmartMode() {
+    const {
+      label,
+      title,
+      actions,
+      closable,
+      onClose
+    } = this.asProps;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isNode(label) && /*#__PURE__*/React.createElement(Notice.Label, null, label), /*#__PURE__*/React.createElement(Notice.Content, null, isNode(title) && /*#__PURE__*/React.createElement(Notice.Title, null, title), this.renderContent(), isNode(actions) && /*#__PURE__*/React.createElement(Notice.Actions, null, actions)), closable && /*#__PURE__*/React.createElement(Notice.Close, {
+      onClick: onClose
+    }));
+  }
+  renderAdvancedMode() {
+    const {
+      Children
+    } = this.asProps;
+    return /*#__PURE__*/React.createElement(Children, null);
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref2;
+    const SHighlightedNotice = Notice;
+    const {
+      styles,
+      Children,
+      visible
+    } = this.asProps;
+    const advancedMode = 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 = sstyled(styles), /*#__PURE__*/React.createElement(SHighlightedNotice, _ref2.cn("SHighlightedNotice", {
+      ..._assignProps({
         "beforeVisibility": beforeVisibility,
         "__excludeProps": ['title'],
         "use:theme": undefined
-      }, _ref))), advancedMode ? this.renderAdvancedMode() : this.renderSmartMode());
-    }
-  }]);
-}(Component);
+      }, _ref)
+    }), advancedMode ? this.renderAdvancedMode() : this.renderSmartMode());
+  }
+}
 _defineProperty(NoticeFHRoot, "displayName", 'NoticeFH');
 _defineProperty(NoticeFHRoot, "style", style);
-export var NoticeFH = createComponent(NoticeFHRoot, {
+export const NoticeFH = createComponent(NoticeFHRoot, {
   Label: Notice.Label,
   Actions: Notice.Actions,
   Content: Notice.Content,
   Title: Notice.Title,
   Text: Notice.Text,
-  Close: Notice.Close,
-  CloseIcon: Notice.CloseIcon
+  Close: Notice.Close
 });
 //# sourceMappingURL=Notice.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Notice.js","names":["createComponent","Component","Root","sstyled","isAdvanceMode","isNode","Notice","React","style","_sstyled","insert","NoticeFHRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","renderContent","_this$asProps","asProps","Children","label","title","closable","textContent","createElement","origin","Text","renderSmartMode","_this$asProps2","actions","onClose","Fragment","Label","Content","Title","Actions","Close","onClick","renderAdvancedMode","render","_ref","_ref2","SHighlightedNotice","_this$asProps3","styles","visible","advancedMode","NoticeFH","displayName","beforeVisibility","undefined","cn","_objectSpread","_assignProps","_defineProperty","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":["createComponent","Component","Root","sstyled","isAdvanceMode","isNode","Notice","React","style","_sstyled","insert","NoticeFHRoot","renderContent","Children","label","title","closable","asProps","textContent","createElement","origin","Text","renderSmartMode","actions","onClose","Fragment","Label","Content","Title","Actions","Close","onClick","renderAdvancedMode","render","_ref","_ref2","SHighlightedNotice","styles","visible","advancedMode","NoticeFH","displayName","beforeVisibility","undefined","cn","_assignProps","_defineProperty"],"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/es6/components/pills/Pills.js

@@ -1,8 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
@@ -13,89 +8,72 @@ import SummaryAI from '@semcore/icon/SummaryAI/m';
 import Pills from '@semcore/pills';
 import React from 'react';
 /*!__reshadow-styles__:"./pills.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_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__*/_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_"
 });
 import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
-var PillsFHRoot = /*#__PURE__*/function (_Component) {
-  function PillsFHRoot() {
-    _classCallCheck(this, PillsFHRoot);
-    return _callSuper(this, PillsFHRoot, arguments);
+class PillsFHRoot extends Component {
+  render() {
+    var _ref = this.asProps;
+    return /*#__PURE__*/React.createElement(Pills, _assignProps({}, _ref));
   }
-  _inherits(PillsFHRoot, _Component);
-  return _createClass(PillsFHRoot, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps;
-      return /*#__PURE__*/React.createElement(Pills, _assignProps({}, _ref));
-    }
-  }]);
-}(Component);
+}
 _defineProperty(PillsFHRoot, "displayName", 'PillsFH');
 _defineProperty(PillsFHRoot, "style", style);
-var HighlightedItemRoot = /*#__PURE__*/function (_Component2) {
-  function HighlightedItemRoot() {
-    var _this;
-    _classCallCheck(this, HighlightedItemRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, HighlightedItemRoot, [].concat(args));
-    _defineProperty(_this, "state", {
+class HighlightedItemRoot extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
       clicked: false
     });
-    return _this;
   }
-  _inherits(HighlightedItemRoot, _Component2);
-  return _createClass(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.Item;
-      return _ref4 = sstyled(this.asProps.styles), /*#__PURE__*/React.createElement(SHighlightedPill, _ref4.cn("SHighlightedPill", _objectSpread({}, _assignProps2({
+    });
+  }
+  getAddonProps() {
+    return {
+      clicked: this.state.clicked
+    };
+  }
+  render() {
+    var _ref2 = this.asProps,
+      _ref4;
+    const SHighlightedPill = Pills.Item;
+    return _ref4 = sstyled(this.asProps.styles), /*#__PURE__*/React.createElement(SHighlightedPill, _ref4.cn("SHighlightedPill", {
+      ..._assignProps2({
         "onClick": this.handleClick.bind(this)
-      }, _ref2))));
-    }
-  }]);
-}(Component);
+      }, _ref2)
+    }));
+  }
+}
 _defineProperty(HighlightedItemRoot, "displayName", 'HighlightedItem');
 _defineProperty(HighlightedItemRoot, "style", style);
 function HighlightedItemAddon(props) {
   var _ref3 = arguments[0];
-  var clicked = props.clicked,
-    animatedSparkleCount = props.animatedSparkleCount,
-    Children = props.Children,
-    children = props.children;
+  const {
+    clicked,
+    animatedSparkleCount,
+    Children,
+    children
+  } = props;
   return /*#__PURE__*/React.createElement(Pills.Item.Addon, _assignProps3({}, _ref3), children !== undefined ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SummaryAI, {
     color: "--intergalactic-icon-primary-feature-highlight"
   }), /*#__PURE__*/React.createElement(AnimatedSparkles, {
@@ -103,7 +81,7 @@ function HighlightedItemAddon(props) {
     count: animatedSparkleCount
   })));
 }
-export var PillsFH = createComponent(PillsFHRoot, {
+export const PillsFH = createComponent(PillsFHRoot, {
   Item: Pills.Item,
   HighlightedItem: createComponent(HighlightedItemRoot, {
     Text: Pills.Item.Text,

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

@@ -1 +1 @@
-{"version":3,"file":"Pills.js","names":["createComponent","Root","Component","sstyled","SummaryAI","Pills","React","style","_sstyled","insert","AnimatedSparkles","PillsFHRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","createElement","_assignProps","_defineProperty","HighlightedItemRoot","_Component2","_this","_len","length","args","Array","_key","concat","clicked","handleClick","e","_this2","onClick","setState","setTimeout","getAddonProps","state","_ref2","_ref4","SHighlightedPill","Item","styles","cn","_objectSpread","_assignProps2","bind","HighlightedItemAddon","props","_ref3","arguments[0]","animatedSparkleCount","Children","children","Addon","_assignProps3","undefined","Fragment","color","show","count","PillsFH","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":["createComponent","Root","Component","sstyled","SummaryAI","Pills","React","style","_sstyled","insert","AnimatedSparkles","PillsFHRoot","render","_ref","asProps","createElement","_assignProps","_defineProperty","HighlightedItemRoot","constructor","args","clicked","handleClick","e","onClick","setState","setTimeout","getAddonProps","state","_ref2","_ref4","SHighlightedPill","Item","styles","cn","_assignProps2","bind","HighlightedItemAddon","props","_ref3","arguments[0]","animatedSparkleCount","Children","children","Addon","_assignProps3","undefined","Fragment","color","show","count","PillsFH","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":";;;;;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,SAAS,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,gBAAgB,QAAQ,iDAAiD;AAElF,MAAMC,WAAW,SAAST,SAAS,CAAC;EAIlCU,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;IACP,oBAAQR,KAAA,CAAAS,aAAA,CAAcV,KAAK,EAAAW,YAAA,KAAAH,IAAA,CAAG,CAAC;EACjC;AACF;AAACI,eAAA,CAPKN,WAAW,iBACM,SAAS;AAAAM,eAAA,CAD1BN,WAAW,WAEAJ,KAAK;AAOtB,MAAMW,mBAAmB,SAAShB,SAAS,CAAC;EAAAiB,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAH,eAAA,gBAIlC;MACNI,OAAO,EAAE;IACX,CAAC;EAAA;EAEDC,WAAWA,CAACC,CAAsC,EAAE;IAClD,MAAM;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACV,OAAO;IAEhCU,OAAO,GAAGD,CAAC,CAAC;IACZ,IAAI,CAACE,QAAQ,CAAC;MAAEJ,OAAO,EAAE;IAAM,CAAC,CAAC;IACjCK,UAAU,CAAC,MAAM;MACf,IAAI,CAACD,QAAQ,CAAC;QAAEJ,OAAO,EAAE;MAAK,CAAC,CAAC;IAClC,CAAC,CAAC;EACJ;EAEAM,aAAaA,CAAA,EAAG;IACd,OAAO;MACLN,OAAO,EAAE,IAAI,CAACO,KAAK,CAACP;IACtB,CAAC;EACH;EAEAT,MAAMA,CAAA,EAAG;IAAA,IAAAiB,KAAA,QAAAf,OAAA;MAAAgB,KAAA;IACP,MAAMC,gBAAgB,GAEwC1B,KAAK,CAAC2B,IAAI;IAAxE,OAAAF,KAAA,GAAO3B,OAAO,CAAC,IAAI,CAACW,OAAO,CAACmB,MAAM,CAAC,eAAC3B,KAAA,CAAAS,aAAA,CAACgB,gBAAgB,EAAAD,KAAA,CAAAI,EAAA;MAAA,GAAAC,aAAA;QAAA,WAA8B,IAAI,CAACb,WAAW,CAACc,IAAI,CAAC,IAAI;MAAC,GAAAP,KAAA;IAAA,EAAG,CAAC;EACpH;AACF;AAACZ,eAAA,CA7BKC,mBAAmB,iBACF,iBAAiB;AAAAD,eAAA,CADlCC,mBAAmB,WAERX,KAAK;AA6BtB,SAAS8B,oBAAoBA,CAACC,KAA6E,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;EAC3G,MAAM;IAAEnB,OAAO;IAAEoB,oBAAoB;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGL,KAAK;EACnE,oBACEhC,KAAA,CAAAS,aAAA,CAAcV,KAAK,CAAC2B,IAAI,CAACY,KAAK,EAAAC,aAAA,KAAAN,KAAA,GAC3BI,QAAQ,KAAKG,SAAS,gBAClBxC,KAAA,CAAAS,aAAA,CAAC2B,QAAQ,MAAE,CAAC,gBAEXpC,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAyC,QAAA,qBACEzC,KAAA,CAAAS,aAAA,CAACX,SAAS;IAAC4C,KAAK,EAAC;EAAgD,CAAE,CAAC,eACpE1C,KAAA,CAAAS,aAAA,CAACL,gBAAgB;IAACuC,IAAI,EAAE5B,OAAQ;IAAC6B,KAAK,EAAET;EAAqB,CAAE,CAC/D,CAEJ,CAAC;AAEX;AAEA,OAAO,MAAMU,OAAO,GAAGnD,eAAe,CAACW,WAAW,EAAE;EAClDqB,IAAI,EAAE3B,KAAK,CAAC2B,IAAI;EAChBoB,eAAe,EAAEpD,eAAe,CAACkB,mBAAmB,EAAE;IAAEmC,IAAI,EAAEhD,KAAK,CAAC2B,IAAI,CAACqB,IAAI;IAAET,KAAK,EAAEP;EAAqB,CAAC;AAC9G,CAAC,CAAwC","ignoreList":[]}