@semcore/button 16.0.12 → 16.0.13-prerelease.9

package/lib/es6/component/ButtonLink/ButtonLink.js

@@ -1,59 +1,47 @@
-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";
 import { assignProps as _assignProps } from "@semcore/core";
+import { Box } from '@semcore/base-components';
 import { createComponent, sstyled, Root } from '@semcore/core';
 import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
-import { Box } from '@semcore/flex-box';
 import React from 'react';
 /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_1r4wh_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_1r4wh_gg_,.___SButton_1r4wh_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1r4wh_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1r4wh_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_1r4wh_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_1r4wh_gg_.__active_1r4wh_gg_ .___SText_1r4wh_gg_,.___SButton_1r4wh_gg_:active .___SText_1r4wh_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1r4wh_gg_:hover .___SText_1r4wh_gg_{border-color:currentColor}}.___SButton_1r4wh_gg_.__enableVisited_1r4wh_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_1r4wh_gg_.__enableVisited_1r4wh_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_1r4wh_gg_ .___SText_1r4wh_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1r4wh_gg_.__disabled_1r4wh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_ .___SText_1r4wh_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1r4wh_gg_,.___SInner_1r4wh_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1r4wh_gg_{height:100%;width:100%}.___SAddon_1r4wh_gg_{vertical-align:middle;pointer-events:none}.___SButton_1r4wh_gg_ .___SAddon_1r4wh_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1r4wh_gg_ .___SAddon_1r4wh_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_{color:var(--text-color_1r4wh)}.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_:active{color:var(--text-color_1r4wh);filter:brightness(.8)}@media (hover:hover){.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_:hover{color:var(--text-color_1r4wh);filter:brightness(.8)}}.___SButton_1r4wh_gg_._size_100_1r4wh_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1r4wh_gg_._size_200_1r4wh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1r4wh_gg_._size_300_1r4wh_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1r4wh_gg_._size_400_1r4wh_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1r4wh_gg_._size_500_1r4wh_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1r4wh_gg_._size_600_1r4wh_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1r4wh_gg_._size_700_1r4wh_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1r4wh_gg_._size_800_1r4wh_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1r4wh_gg_,.___SText_1r4wh_gg_{transition:none}}", /*__inner_css_end__*/"1r4wh_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_o1yge_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_o1yge_gg_,.___SButton_o1yge_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_o1yge_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_o1yge_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_o1yge_gg_.__active_o1yge_gg_,.___SButton_o1yge_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_o1yge_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_o1yge_gg_.__active_o1yge_gg_ .___SText_o1yge_gg_,.___SButton_o1yge_gg_:active .___SText_o1yge_gg_{box-shadow:0 1px 0 0 currentColor}@media (hover:hover){.___SButton_o1yge_gg_:hover .___SText_o1yge_gg_{box-shadow:0 1px 0 0 currentColor}}.___SButton_o1yge_gg_.__enableVisited_o1yge_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_o1yge_gg_.__enableVisited_o1yge_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_o1yge_gg_ .___SText_o1yge_gg_{box-shadow:0 1px 0 0 transparent;transition:box-shadow .15s ease-in-out}.___SButton_o1yge_gg_.__disabled_o1yge_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_o1yge_gg_._use_secondary_o1yge_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_o1yge_gg_._use_secondary_o1yge_gg_.__active_o1yge_gg_,.___SButton_o1yge_gg_._use_secondary_o1yge_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_o1yge_gg_._use_secondary_o1yge_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_o1yge_gg_._use_secondary_o1yge_gg_ .___SText_o1yge_gg_{box-shadow:none;border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_o1yge_gg_,.___SInner_o1yge_gg_{display:inline-flex;justify-content:center;align-items:baseline}.___SInner_o1yge_gg_{height:100%;width:100%}.___SAddon_o1yge_gg_{vertical-align:middle;pointer-events:none;align-self:center}.___SButton_o1yge_gg_ .___SAddon_o1yge_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_o1yge_gg_ .___SAddon_o1yge_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_o1yge_gg_.__text-color_o1yge_gg_{color:var(--text-color_o1yge)}.___SButton_o1yge_gg_.__text-color_o1yge_gg_.__active_o1yge_gg_,.___SButton_o1yge_gg_.__text-color_o1yge_gg_:active{color:var(--text-color_o1yge);filter:brightness(.8)}@media (hover:hover){.___SButton_o1yge_gg_.__text-color_o1yge_gg_:hover{color:var(--text-color_o1yge);filter:brightness(.8)}}.___SButton_o1yge_gg_._size_100_o1yge_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_o1yge_gg_._size_200_o1yge_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_o1yge_gg_._size_300_o1yge_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_o1yge_gg_._size_400_o1yge_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_o1yge_gg_._size_500_o1yge_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_o1yge_gg_._size_600_o1yge_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_o1yge_gg_._size_700_o1yge_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_o1yge_gg_._size_800_o1yge_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_o1yge_gg_,.___SText_o1yge_gg_{transition:none}}", /*__inner_css_end__*/"o1yge_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButton": "___SButton_1r4wh_gg_",
-  "_disabled": "__disabled_1r4wh_gg_",
-  "__SInner": "___SInner_1r4wh_gg_",
-  "__SAddon": "___SAddon_1r4wh_gg_",
-  "_size_100": "_size_100_1r4wh_gg_",
-  "_size_200": "_size_200_1r4wh_gg_",
-  "_size_300": "_size_300_1r4wh_gg_",
-  "_size_400": "_size_400_1r4wh_gg_",
-  "_size_500": "_size_500_1r4wh_gg_",
-  "_size_600": "_size_600_1r4wh_gg_",
-  "_size_700": "_size_700_1r4wh_gg_",
-  "_size_800": "_size_800_1r4wh_gg_",
-  "__SText": "___SText_1r4wh_gg_",
-  "_active": "__active_1r4wh_gg_",
-  "_enableVisited": "__enableVisited_1r4wh_gg_",
-  "_use_secondary": "_use_secondary_1r4wh_gg_",
-  "_text-color": "__text-color_1r4wh_gg_",
-  "--text-color": "--text-color_1r4wh"
+  "__SButton": "___SButton_o1yge_gg_",
+  "_disabled": "__disabled_o1yge_gg_",
+  "__SInner": "___SInner_o1yge_gg_",
+  "__SAddon": "___SAddon_o1yge_gg_",
+  "_size_100": "_size_100_o1yge_gg_",
+  "_size_200": "_size_200_o1yge_gg_",
+  "_size_300": "_size_300_o1yge_gg_",
+  "_size_400": "_size_400_o1yge_gg_",
+  "_size_500": "_size_500_o1yge_gg_",
+  "_size_600": "_size_600_o1yge_gg_",
+  "_size_700": "_size_700_o1yge_gg_",
+  "_size_800": "_size_800_o1yge_gg_",
+  "__SText": "___SText_o1yge_gg_",
+  "_active": "__active_o1yge_gg_",
+  "_enableVisited": "__enableVisited_o1yge_gg_",
+  "_use_secondary": "_use_secondary_o1yge_gg_",
+  "_text-color": "__text-color_o1yge_gg_",
+  "--text-color": "--text-color_o1yge"
 });
 import { AbstractButton } from '../AbstractButton/AbstractButton';
-var enhance = {
+const enhance = {
   resolveColor: resolveColorEnhance()
 };
-var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
-  function RootButtonLink() {
-    _classCallCheck(this, RootButtonLink);
-    return _callSuper(this, RootButtonLink, arguments);
+class RootButtonLink extends AbstractButton {
+  getTextColor() {
+    const {
+      color,
+      resolveColor
+    } = this.asProps;
+    return resolveColor(color);
   }
-  _inherits(RootButtonLink, _AbstractButton);
-  return _createClass(RootButtonLink, [{
-    key: "getTextColor",
-    value: function getTextColor() {
-      var _ref5 = this.asProps,
-        color = _ref5.color,
-        resolveColor = _ref5.resolveColor;
-      return resolveColor(color);
-    }
-  }]);
-}(AbstractButton);
+}
 _defineProperty(RootButtonLink, "displayName", 'ButtonLink');
 _defineProperty(RootButtonLink, "enhance", Object.values(enhance));
 _defineProperty(RootButtonLink, "style", style);
@@ -63,21 +51,25 @@ _defineProperty(RootButtonLink, "defaultProps", {
 function Text(props) {
   var _ref = arguments[0],
     _ref3;
-  var SText = Box;
-  return _ref3 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref3.cn("SText", _objectSpread({}, _assignProps({
-    "tag": 'span'
-  }, _ref))));
+  const SText = Box;
+  return _ref3 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref3.cn("SText", {
+    ..._assignProps({
+      "tag": 'span'
+    }, _ref)
+  }));
 }
 function Addon(props) {
   var _ref2 = arguments[0],
     _ref4;
-  var SAddon = Box;
-  return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, _assignProps2({
-    "tag": 'span'
-  }, _ref2))));
+  const SAddon = Box;
+  return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref4.cn("SAddon", {
+    ..._assignProps2({
+      "tag": 'span'
+    }, _ref2)
+  }));
 }
-export var ButtonLink = createComponent(RootButtonLink, {
-  Text: Text,
-  Addon: Addon
+export const ButtonLink = createComponent(RootButtonLink, {
+  Text,
+  Addon
 });
 //# sourceMappingURL=ButtonLink.js.map

package/lib/es6/component/ButtonLink/ButtonLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLink.js","names":["createComponent","sstyled","Root","resolveColorEnhance","Box","React","style","_sstyled","insert","AbstractButton","enhance","resolveColor","RootButtonLink","_AbstractButton","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getTextColor","_ref5","asProps","color","_defineProperty","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","ButtonLink"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nconst enhance = {\n  resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n  static displayName = 'ButtonLink';\n  static enhance = Object.values(enhance);\n  static style = style;\n  static defaultProps = {\n    use: 'primary',\n  };\n\n  protected getTextColor(): string | undefined {\n    const { color, resolveColor } = this.asProps as any;\n    return resolveColor(color);\n  }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n  Text,\n  Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;AAAA,SAASA,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,cAAc,QAAQ,kCAAkC;AAEjE,IAAMC,OAAO,GAAG;EACdC,YAAY,EAAER,mBAAmB,CAAC;AACpC,CAAC;AAAC,IAEIS,cAAc,0BAAAC,eAAA;EAAA,SAAAD,eAAA;IAAAE,eAAA,OAAAF,cAAA;IAAA,OAAAG,UAAA,OAAAH,cAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,cAAA,EAAAC,eAAA;EAAA,OAAAK,YAAA,CAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EAQlB,SAAUC,YAAYA,CAAA,EAAuB;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEb,YAAY,GAAAW,KAAA,CAAZX,YAAY;MAC3B,OAAOA,YAAY,CAACa,KAAK,CAAC;IAC5B;EAAC;AAAA,EAX0Bf,cAAc;AAAAgB,eAAA,CAArCb,cAAc,iBACG,YAAY;AAAAa,eAAA,CAD7Bb,cAAc,aAEDc,MAAM,CAACC,MAAM,CAACjB,OAAO,CAAC;AAAAe,eAAA,CAFnCb,cAAc,WAGHN,KAAK;AAAAmB,eAAA,CAHhBb,cAAc,kBAII;EACpBgB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiC9B,GAAG;EAA/C,OAAA6B,KAAA,GAAOhC,OAAO,CAAC6B,KAAK,CAACK,MAAM,CAAC,eAAC9B,KAAA,CAAA+B,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,GAAE,CAAC;AAChE;AAEA,SAASS,KAAKA,CAACV,KAA2B,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC1C,IAAMC,MAAM,GACiCvC,GAAG;EAAhD,OAAAsC,KAAA,GAAOzC,OAAO,CAAC6B,KAAK,CAACK,MAAM,CAAC,eAAC9B,KAAA,CAAA+B,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,GAAE,CAAC;AACjE;AAEA,OAAO,IAAMI,UAAU,GAAG7C,eAAe,CAACY,cAAc,EAAE;EACxDiB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAwB","ignoreList":[]}
+{"version":3,"file":"ButtonLink.js","names":["Box","createComponent","sstyled","Root","resolveColorEnhance","React","style","_sstyled","insert","AbstractButton","enhance","resolveColor","RootButtonLink","getTextColor","color","asProps","_defineProperty","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","ButtonLink"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nconst enhance = {\n  resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n  static displayName = 'ButtonLink';\n  static enhance = Object.values(enhance);\n  static style = style;\n  static defaultProps = {\n    use: 'primary',\n  };\n\n  protected getTextColor(): string | undefined {\n    const { color, resolveColor } = this.asProps as any;\n    return resolveColor(color);\n  }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n  Text,\n  Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,cAAc,QAAQ,kCAAkC;AAEjE,MAAMC,OAAO,GAAG;EACdC,YAAY,EAAEP,mBAAmB,CAAC;AACpC,CAAC;AAED,MAAMQ,cAAc,SAASH,cAAc,CAAC;EAQhCI,YAAYA,CAAA,EAAuB;IAC3C,MAAM;MAAEC,KAAK;MAAEH;IAAa,CAAC,GAAG,IAAI,CAACI,OAAc;IACnD,OAAOJ,YAAY,CAACG,KAAK,CAAC;EAC5B;AACF;AAACE,eAAA,CAZKJ,cAAc,iBACG,YAAY;AAAAI,eAAA,CAD7BJ,cAAc,aAEDK,MAAM,CAACC,MAAM,CAACR,OAAO,CAAC;AAAAM,eAAA,CAFnCJ,cAAc,WAGHN,KAAK;AAAAU,eAAA,CAHhBJ,cAAc,kBAII;EACpBO,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,MAAMC,KAAK,GACiCzB,GAAG;EAA/C,OAAAwB,KAAA,GAAOtB,OAAO,CAACmB,KAAK,CAACK,MAAM,CAAC,eAACrB,KAAA,CAAAsB,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA;IAAA,GAAAC,YAAA;MAAA,OAAkB;IAAM,GAAAP,IAAA;EAAA,EAAE,CAAC;AAChE;AAEA,SAASQ,KAAKA,CAACT,KAA2B,EAAE;EAAA,IAAAU,KAAA,GAAAR,YAAA;IAAAS,KAAA;EAC1C,MAAMC,MAAM,GACiCjC,GAAG;EAAhD,OAAAgC,KAAA,GAAO9B,OAAO,CAACmB,KAAK,CAACK,MAAM,CAAC,eAACrB,KAAA,CAAAsB,aAAA,CAACM,MAAM,EAAAD,KAAA,CAAAJ,EAAA;IAAA,GAAAM,aAAA;MAAA,OAAkB;IAAM,GAAAH,KAAA;EAAA,EAAE,CAAC;AACjE;AAEA,OAAO,MAAMI,UAAU,GAAGlC,eAAe,CAACW,cAAc,EAAE;EACxDQ,IAAI;EACJU;AACF,CAAC,CAAwB","ignoreList":[]}

package/lib/es6/component/ButtonLink/buttonLink.shadow.css

@@ -31,7 +31,7 @@ SButton {
     color: var(--intergalactic-text-link-hover-active, #044792);
 
     & SText {
-      border-color: currentColor;
+      box-shadow: 0 1px 0 0 currentColor;
     }
   }
 
@@ -41,10 +41,8 @@ SButton {
   }
 
   SText {
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
-    border-color: transparent;
-    transition: border-bottom-color 0.15s ease-in-out;
+    box-shadow: 0 1px 0 0 transparent;
+    transition: box-shadow 0.15s ease-in-out;
   }
 }
 
@@ -65,6 +63,7 @@ SButton[use='secondary'] {
   }
 
   SText {
+    box-shadow: none;
     border-bottom-width: 1px;
     border-bottom-style: dashed;
     border-color: currentColor;
@@ -73,7 +72,7 @@ SButton[use='secondary'] {
 
 SInner {
   display: inline-flex;
-  align-items: center;
+  align-items: baseline;
   justify-content: center;
   height: 100%;
   width: 100%;
@@ -82,9 +81,10 @@ SInner {
 SAddon {
   display: inline-flex;
   justify-content: center;
-  align-items: center;
+  align-items: baseline;
   vertical-align: middle;
   pointer-events: none;
+  align-self: center;
 }
 
 SButton SAddon {

package/lib/esm/component/AbstractButton/AbstractButton.mjs

@@ -1,155 +1,117 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, CORE_INSTANCE, Component } from "@semcore/core";
+import { Component, CORE_INSTANCE, sstyled, assignProps } from "@semcore/core";
+import { NeighborLocation, Box, Hint } from "@semcore/base-components";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
 import hasLabels from "@semcore/core/lib/utils/hasLabels";
 import logger from "@semcore/core/lib/utils/logger";
-import { Box } from "@semcore/flex-box";
-import NeighborLocation from "@semcore/neighbor-location";
-import { Hint } from "@semcore/tooltip";
 import React from "react";
 import SpinButton from "./SpinButton.mjs";
-var MAP_USE_DEFAULT_THEME = {
+const MAP_USE_DEFAULT_THEME = {
   primary: "info",
   secondary: "muted",
   tertiary: "info"
 };
-var AbstractButton = /* @__PURE__ */ (function(_Component) {
-  function AbstractButton2() {
-    var _this;
-    _classCallCheck(this, AbstractButton2);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, AbstractButton2, [].concat(args));
-    _defineProperty(_this, "containerRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_this, "state", {
+class AbstractButton extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "containerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(this, "state", {
       ariaLabelledByContent: null
     });
-    return _this;
   }
-  _inherits(AbstractButton2, _Component);
-  return _createClass(AbstractButton2, [{
-    key: "getTextProps",
-    value: function getTextProps() {
-      var size = this.asProps.size;
-      return {
-        size
-      };
-    }
-  }, {
-    key: "getAddonProps",
-    value: function getAddonProps() {
-      var size = this.asProps.size;
-      return {
-        size
-      };
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      if (process.env.NODE_ENV !== "production") {
-        logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title, "'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content", this.asProps["data-ui-name"] || AbstractButton2.displayName);
-        logger.warn(this.asProps.theme === "warning", "Warning theme is deprecated and will be removed in the next major release.", this.asProps["data-ui-name"] || AbstractButton2.displayName);
-      }
-      var ariaLabelledby = this.asProps["aria-labelledby"];
-      if (ariaLabelledby) {
-        setTimeout(function() {
-          var _document$getElementB, _document$getElementB2;
-          _this2.setState({
-            ariaLabelledByContent: (_document$getElementB = (_document$getElementB2 = document.getElementById(ariaLabelledby)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.textContent) !== null && _document$getElementB !== void 0 ? _document$getElementB : ""
-          });
-        }, 0);
-      }
-    }
-  }, {
-    key: "renderButton",
-    value: function renderButton(_ref6) {
-      var _ref = this.asProps, _ref3;
-      var buttonProps = _ref6.buttonProps, children = _ref6.children;
-      var _this$asProps = this.asProps, styles = _this$asProps.styles, theme = _this$asProps.theme;
-      var SButton = Box;
-      return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref3.cn("SButton", _objectSpread({}, assignProps(_objectSpread({
-        "invertOutline": theme === "invert"
-      }, buttonProps), _ref))), children);
-    }
-  }, {
-    key: "renderButtonWithHint",
-    value: function renderButtonWithHint(_ref7) {
-      var _ref2 = this.asProps, _ref4;
-      var buttonProps = _ref7.buttonProps, children = _ref7.children, hintProps = _ref7.hintProps;
-      var _this$asProps2 = this.asProps, styles = _this$asProps2.styles, theme = _this$asProps2.theme;
-      var SButton = Hint;
-      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, assignProps(_objectSpread(_objectSpread(_objectSpread({
-        "invertOutline": theme === "invert"
-      }, buttonProps), hintProps), {}, {
-        "ignorePortalsStacking": true
-      }), _ref2))), children);
+  getTextProps() {
+    const {
+      size
+    } = this.asProps;
+    return {
+      size
+    };
+  }
+  getAddonProps() {
+    const {
+      size
+    } = this.asProps;
+    return {
+      size
+    };
+  }
+  componentDidMount() {
+    if (process.env.NODE_ENV !== "production") {
+      logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title, `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`, this.asProps["data-ui-name"] || AbstractButton.displayName);
+      logger.warn(this.asProps.theme === "warning", "Warning theme is deprecated and will be removed in the next major release.", this.asProps["data-ui-name"] || AbstractButton.displayName);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref8, _ref9, _this3 = this;
-      var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, use = _this$asProps3.use, _this$asProps3$theme = _this$asProps3.theme, theme = _this$asProps3$theme === void 0 ? typeof use === "string" && MAP_USE_DEFAULT_THEME[use] : _this$asProps3$theme, loading = _this$asProps3.loading, _this$asProps3$disabl = _this$asProps3.disabled, disabled = _this$asProps3$disabl === void 0 ? loading : _this$asProps3$disabl, size = _this$asProps3.size, neighborLocation = _this$asProps3.neighborLocation, hasChildren = _this$asProps3.children, title = _this$asProps3.title, ariaLabel = _this$asProps3["aria-label"], Children = _this$asProps3.Children, AddonLeft = _this$asProps3.addonLeft, AddonRight = _this$asProps3.addonRight, hintPlacement = _this$asProps3.hintPlacement;
-      var Button = this[CORE_INSTANCE];
-      var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
-      var SInner = Box;
-      var SSpin = Box;
-      var buttonAriaLabel = (_ref8 = (_ref9 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref9 !== void 0 ? _ref9 : this.state.ariaLabelledByContent) !== null && _ref8 !== void 0 ? _ref8 : "";
-      var buttonProps = {
-        "type": "button",
-        "tag": "button",
-        disabled,
-        "use:theme": useTheme,
-        "ref": this.containerRef,
-        "text-color": this.getTextColor(),
-        "aria-busy": loading,
-        "__excludeProps": ["title"],
-        "tabIndex": 0
-      };
-      var hintProps = {
-        title: buttonAriaLabel,
-        timeout: [250, 50],
-        placement: hintPlacement,
-        theme: theme === "invert" ? "invert" : void 0,
-        __excludeProps: []
-      };
-      return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
-        neighborLocation
-      }, function(neighborLocation2) {
-        var _ref5;
-        var children = (_ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SInner, _ref5.cn("SInner", {
-          "tag": "span",
-          "loading": loading,
-          "data-ui-name": "".concat(_this3.asProps["data-ui-name"], ".InnerWrapper")
-        }), AddonLeft ? /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(AddonLeft, _ref5.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Button.Text, Button.Addon), AddonRight ? /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(AddonRight, _ref5.cn("AddonRight", {}))) : null), loading && /* @__PURE__ */ React.createElement(SSpin, _ref5.cn("SSpin", {
-          "tag": "span"
-        }), /* @__PURE__ */ React.createElement(SpinButton, _ref5.cn("SpinButton", {
-          "centered": true,
-          "size": size,
-          "theme": useTheme
-        })))));
-        buttonProps.neighborLocation = neighborLocation2;
-        if (hasChildren === void 0 || title) {
-          return _this3.renderButtonWithHint({
-            buttonProps,
-            hintProps,
-            children
-          });
-        }
-        return _this3.renderButton({
-          buttonProps,
-          children
+    const ariaLabelledby = this.asProps["aria-labelledby"];
+    if (ariaLabelledby) {
+      setTimeout(() => {
+        var _a;
+        this.setState({
+          ariaLabelledByContent: ((_a = document.getElementById(ariaLabelledby)) == null ? void 0 : _a.textContent) ?? ""
         });
-      });
+      }, 0);
     }
-  }]);
-})(Component);
+  }
+  render() {
+    var _ref = this.asProps;
+    const {
+      styles,
+      use,
+      theme = typeof use === "string" && MAP_USE_DEFAULT_THEME[use],
+      loading,
+      disabled = loading,
+      size,
+      neighborLocation,
+      children,
+      title,
+      ["aria-label"]: ariaLabel,
+      Children,
+      addonLeft: AddonLeft,
+      addonRight: AddonRight,
+      hintPlacement
+    } = this.asProps;
+    const SButton = Box;
+    const Button = this[CORE_INSTANCE];
+    const useTheme = use && theme ? `${use}-${theme}` : false;
+    const SInner = Box;
+    const SSpin = Box;
+    const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? "";
+    const showHint = children === void 0 || title;
+    return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
+      neighborLocation
+    }, (neighborLocation2) => {
+      var _ref2;
+      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SButton, _ref2.cn("SButton", {
+        ...assignProps({
+          "invertOutline": theme === "invert",
+          "type": "button",
+          "tag": "button",
+          "tabIndex": 0,
+          "disabled": disabled,
+          "use:theme": useTheme,
+          "ref": this.containerRef,
+          "text-color": this.getTextColor(),
+          "aria-busy": loading,
+          "__excludeProps": ["title"],
+          "aria-label": showHint ? buttonAriaLabel : void 0,
+          "neighborLocation": neighborLocation2
+        }, _ref)
+      }), /* @__PURE__ */ React.createElement(SInner, _ref2.cn("SInner", {
+        "tag": "span",
+        "loading": loading,
+        "data-ui-name": `${this.asProps["data-ui-name"]}.InnerWrapper`
+      }), AddonLeft ? /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(AddonLeft, _ref2.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Button.Text, Button.Addon), AddonRight ? /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(AddonRight, _ref2.cn("AddonRight", {}))) : null), loading && /* @__PURE__ */ React.createElement(SSpin, _ref2.cn("SSpin", {
+        "tag": "span"
+      }), /* @__PURE__ */ React.createElement(SpinButton, _ref2.cn("SpinButton", {
+        "centered": true,
+        "size": size,
+        "theme": useTheme
+      })))), showHint && /* @__PURE__ */ React.createElement(Hint, _ref2.cn("Hint", {
+        "triggerRef": this.containerRef,
+        "timeout": [250, 50],
+        "placement": hintPlacement
+      }), buttonAriaLabel));
+    });
+  }
+}
 _defineProperty(AbstractButton, "displayName", "AbstractButton");
 export {
   AbstractButton,

package/lib/esm/component/AbstractButton/SpinButton.mjs

@@ -1,17 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import Spin from "@semcore/spin";
 import React from "react";
-var _excluded = ["theme", "size"];
-var SPIN_SIZE_MAP = {
+const SPIN_SIZE_MAP = {
   xl: "m",
   l: "s",
   m: "xs",
   s: "xxs"
 };
-function SpinButton(_ref) {
-  _ref.theme;
-  var size = _ref.size, others = _objectWithoutProperties(_ref, _excluded);
+function SpinButton({
+  theme,
+  size,
+  ...others
+}) {
   return /* @__PURE__ */ React.createElement(Spin, _extends({
     size: typeof size === "string" ? SPIN_SIZE_MAP[size] : size,
     theme: "currentColor"