@semcore/button 5.36.0 → 5.37.0

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

@@ -0,0 +1,85 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
+import { assignProps as _assignProps2 } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import React from 'react';
+import createComponent, { sstyled, Root } from '@semcore/core';
+/*__reshadow-styles__:"./buttonLink.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_dvl3l_gg_{display:inline-block;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_dvl3l_gg_:active,.___SButton_dvl3l_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_dvl3l_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_dvl3l_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_dvl3l_gg_.__active_dvl3l_gg_,.___SButton_dvl3l_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_dvl3l_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_dvl3l_gg_.__active_dvl3l_gg_ .___SText_dvl3l_gg_,.___SButton_dvl3l_gg_:active .___SText_dvl3l_gg_{border-color:currentColor}@media (hover:hover){.___SButton_dvl3l_gg_:hover .___SText_dvl3l_gg_{border-color:currentColor}}.___SButton_dvl3l_gg_.__enableVisited_dvl3l_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_dvl3l_gg_.__enableVisited_dvl3l_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_dvl3l_gg_ .___SText_dvl3l_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_dvl3l_gg_.__keyboardFocused_dvl3l_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_dvl3l_gg_.__visually-disabled_dvl3l_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_dvl3l_gg_._use_secondary_dvl3l_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_dvl3l_gg_._use_secondary_dvl3l_gg_.__active_dvl3l_gg_,.___SButton_dvl3l_gg_._use_secondary_dvl3l_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_dvl3l_gg_._use_secondary_dvl3l_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_dvl3l_gg_._use_secondary_dvl3l_gg_ .___SText_dvl3l_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_dvl3l_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle}.___SButton_dvl3l_gg_ .___SAddon_dvl3l_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_dvl3l_gg_ .___SAddon_dvl3l_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_dvl3l_gg_.__text-color_dvl3l_gg_{color:var(--text-color_dvl3l)}.___SButton_dvl3l_gg_.__text-color_dvl3l_gg_.__active_dvl3l_gg_,.___SButton_dvl3l_gg_.__text-color_dvl3l_gg_:active{color:var(--text-color_dvl3l);filter:brightness(.8)}@media (hover:hover){.___SButton_dvl3l_gg_.__text-color_dvl3l_gg_:hover{color:var(--text-color_dvl3l);filter:brightness(.8)}}.___SButton_dvl3l_gg_._size_100_dvl3l_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_dvl3l_gg_._size_200_dvl3l_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_dvl3l_gg_._size_300_dvl3l_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_dvl3l_gg_._size_400_dvl3l_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_dvl3l_gg_._size_500_dvl3l_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_dvl3l_gg_._size_600_dvl3l_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_dvl3l_gg_._size_700_dvl3l_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_dvl3l_gg_._size_800_dvl3l_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_dvl3l_gg_,.___SText_dvl3l_gg_{transition:none}}" /*__inner_css_end__*/, "dvl3l_gg_") /*__reshadow_css_end__*/, {
+  "__SButton": "___SButton_dvl3l_gg_",
+  "_keyboardFocused": "__keyboardFocused_dvl3l_gg_",
+  "_visually-disabled": "__visually-disabled_dvl3l_gg_",
+  "__SAddon": "___SAddon_dvl3l_gg_",
+  "_size_100": "_size_100_dvl3l_gg_",
+  "_size_200": "_size_200_dvl3l_gg_",
+  "_size_300": "_size_300_dvl3l_gg_",
+  "_size_400": "_size_400_dvl3l_gg_",
+  "_size_500": "_size_500_dvl3l_gg_",
+  "_size_600": "_size_600_dvl3l_gg_",
+  "_size_700": "_size_700_dvl3l_gg_",
+  "_size_800": "_size_800_dvl3l_gg_",
+  "__SText": "___SText_dvl3l_gg_",
+  "_active": "__active_dvl3l_gg_",
+  "_enableVisited": "__enableVisited_dvl3l_gg_",
+  "_use_secondary": "_use_secondary_dvl3l_gg_",
+  "_text-color": "__text-color_dvl3l_gg_",
+  "--text-color": "--text-color_dvl3l"
+});
+import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import { Box } from '@semcore/flex-box';
+import { AbstractButton } from '../AbstractButton/AbstractButton';
+import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
+var enhance = {
+  keyboardFocused: keyboardFocusEnhance(),
+  resolveColor: resolveColorEnhance()
+};
+var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
+  _inherits(RootButtonLink, _AbstractButton);
+  var _super = _createSuper(RootButtonLink);
+  function RootButtonLink() {
+    _classCallCheck(this, RootButtonLink);
+    return _super.apply(this, arguments);
+  }
+  _createClass(RootButtonLink, [{
+    key: "getTextColor",
+    value: function getTextColor() {
+      var _ref5 = this.asProps,
+        color = _ref5.color,
+        resolveColor = _ref5.resolveColor;
+      return resolveColor(color);
+    }
+  }]);
+  return RootButtonLink;
+}(AbstractButton);
+_defineProperty(RootButtonLink, "displayName", 'ButtonLink');
+_defineProperty(RootButtonLink, "enhance", Object.values(enhance));
+_defineProperty(RootButtonLink, "style", style);
+_defineProperty(RootButtonLink, "defaultProps", {
+  use: 'primary'
+});
+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))));
+}
+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))));
+}
+export var ButtonLink = createComponent(RootButtonLink, {
+  Text: Text,
+  Addon: Addon
+});
+//# sourceMappingURL=ButtonLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","keyboardFocusEnhance","Box","AbstractButton","resolveColorEnhance","enhance","keyboardFocused","resolveColor","RootButtonLink","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_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 React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport style from './buttonLink.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Box } from '@semcore/flex-box';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\n\nconst enhance = {\n  keyboardFocused: keyboardFocusEnhance(),\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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE/D,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,cAAc,QAAQ,kCAAkC;AACjE,OAAOC,mBAAmB,MAAM,iDAAiD;AAGjF,IAAMC,OAAO,GAAG;EACdC,eAAe,EAAEL,oBAAoB,EAAE;EACvCM,YAAY,EAAEH,mBAAmB;AACnC,CAAC;AAAC,IAEII,cAAc,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAAK,eAAA,OAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEf,YAAY,GAAAa,KAAA,CAAZb,YAAY;MAC3B,OAAOA,YAAY,CAACe,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0BL,cAAc;AAAAoB,eAAA,CAArCf,cAAc,iBACG,YAAY;AAAAe,eAAA,CAD7Bf,cAAc,aAEDgB,MAAM,CAACC,MAAM,CAACpB,OAAO,CAAC;AAAAkB,eAAA,CAFnCf,cAAc,WAGHV,KAAK;AAAAyB,eAAA,CAHhBf,cAAc,kBAII;EACpBkB,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,GAAOnC,OAAO,CAACgC,KAAK,CAACK,MAAM,CAAC,eAACvC,KAAA,CAAAwC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAA2B,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC1C,IAAMC,MAAM,GACiCvC,GAAG;EAAhD,OAAAsC,KAAA,GAAO5C,OAAO,CAACgC,KAAK,CAACK,MAAM,CAAC,eAACvC,KAAA,CAAAwC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,OAAO,IAAMI,UAAU,GAAGhD,eAAe,CAACa,cAAc,EAAE;EACxDmB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAwB"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ButtonLink.type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\n  AbstractButtonAddonProps,\n  AbstractButtonContext,\n  AbstractButtonTextProps,\n  AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n *  Button link size\n * @default m\n */\nexport type ButtonLinkSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n/**\n *  Button link type\n * @default primary\n */\ntype Use = 'primary' | 'secondary';\n\nexport type ButtonLinkProps = AbstractButtonProps<ButtonLinkSize, Use, never>;\n\nexport type ButtonLinkTextProps = AbstractButtonTextProps<ButtonLinkSize>;\n\nexport type ButtonLinkAddonProps = AbstractButtonAddonProps<ButtonLinkSize>;\n\nexport type ButtonLinkContext = AbstractButtonContext;\n\nexport type ButtonLinkChildren = {\n  Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n  Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n\nexport type ButtonLinkComponent = Intergalactic.Component<\n  'button',\n  ButtonLinkProps,\n  ButtonLinkContext\n> & {\n  Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n  Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n"],"mappings":""}

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

@@ -0,0 +1,160 @@
+SButton {
+  display: inline-block;
+  font-family: inherit;
+  font-size: var(--intergalactic-fs-200, 14px);
+  color: var(--intergalactic-text-link, #006dca);
+  line-height: normal;
+  position: relative;
+  cursor: pointer;
+  text-decoration: none;
+  border: none;
+  padding: 0;
+  margin: 0;
+  box-shadow: none;
+  -webkit-tap-highlight-color: transparent;
+  outline: 0;
+  background: none;
+  transition: color 0.15s ease-in-out;
+
+  &:active,
+  &:hover,
+  &:focus {
+    outline: 0;
+    text-decoration: none;
+  }
+
+  &::-moz-focus-inner {
+    border: none;
+    padding: 0;
+  }
+
+  &[active],
+  &:hover,
+  &:active {
+    color: var(--intergalactic-text-link-hover-active, #044792);
+
+    & SText {
+      border-color: currentColor;
+    }
+  }
+
+  &[enableVisited]:visited,
+  &[enableVisited]:visited:hover {
+    color: var(--intergalactic-text-link-visited, #8649e1);
+  }
+
+  SText {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-color: transparent;
+    transition: border-bottom-color 0.15s ease-in-out;
+  }
+}
+
+SButton[keyboardFocused] {
+  outline-color: var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));
+  outline-style: solid;
+  outline-width: 3px;
+}
+
+SButton[visually-disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  cursor: default;
+  /* Disable link interactions */
+  pointer-events: none;
+}
+
+SButton[use='secondary'] {
+  color: var(--intergalactic-text-hint, #6c6e79);
+
+  &[active],
+  &:active,
+  &:hover {
+    color: var(--intergalactic-text-hint-hover-active, #484a54);
+  }
+
+  SText {
+    border-bottom-width: 1px;
+    border-bottom-style: dashed;
+    border-color: currentColor;
+  }
+}
+
+SAddon {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: var(--intergalactic-spacing-05x, 2px);
+  vertical-align: middle;
+}
+
+SButton SAddon {
+  &:not(:only-child):first-child {
+    margin-right: var(--intergalactic-spacing-1x, 4px);
+  }
+
+  &:not(:only-child):last-child {
+    margin-left: var(--intergalactic-spacing-1x, 4px);
+  }
+}
+
+SButton[text-color] {
+  color: var(--text-color);
+
+  &[active],
+  &:hover,
+  &:active {
+    color: var(--text-color);
+    filter: brightness(0.8);
+  }
+}
+
+SButton[size='100'] {
+  font-size: var(--intergalactic-fs-100, 12px);
+  line-height: var(--intergalactic-lh-100, 133%);
+}
+
+SButton[size='200'] {
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+}
+
+SButton[size='300'] {
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
+}
+
+SButton[size='400'] {
+  font-size: var(--intergalactic-fs-400, 20px);
+  line-height: var(--intergalactic-lh-400, 120%);
+}
+
+SButton[size='500'] {
+  font-size: var(--intergalactic-fs-500, 24px);
+  line-height: var(--intergalactic-lh-500, 117%);
+}
+
+SButton[size='600'] {
+  font-size: var(--intergalactic-fs-600, 32px);
+  line-height: var(--intergalactic-lh-600, 125%);
+}
+
+SButton[size='700'] {
+  font-size: var(--intergalactic-fs-700, 36px);
+  line-height: var(--intergalactic-lh-700, 110%);
+}
+
+SButton[size='800'] {
+  font-size: var(--intergalactic-fs-800, 48px);
+  line-height: var(--intergalactic-lh-800, 117%);
+}
+
+@media (prefers-reduced-motion) {
+  SButton {
+    transition: none;
+  }
+
+  SText {
+    transition: none;
+  }
+}

package/lib/es6/index.js

@@ -1,3 +1,6 @@
-export { default } from './Button';
-export * from './Button';
+export { default } from './component/Button/Button';
+export * from './component/Button/Button.type';
+export * from './component/ButtonLink/ButtonLink';
+export * from './component/ButtonLink/ButtonLink.type';
+export { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Button';\nexport * from './Button';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU;AAClC,cAAc,UAAU"}
+{"version":3,"file":"index.js","names":["default","MAP_USE_DEFAULT_THEME"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './component/Button/Button';\nexport * from './component/Button/Button.type';\nexport * from './component/ButtonLink/ButtonLink';\nexport * from './component/ButtonLink/ButtonLink.type';\nexport { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,2BAA2B;AACnD,cAAc,gCAAgC;AAC9C,cAAc,mCAAmC;AACjD,cAAc,wCAAwC;AACtD,SAASC,qBAAqB,QAAQ,2CAA2C"}

package/lib/types/component/AbstractButton/AbstractButton.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { AbstractButtonProps } from './AbstractButton.type';
+import { Component } from '@semcore/core';
+export declare const MAP_USE_DEFAULT_THEME: Record<string, string>;
+type Props = AbstractButtonProps<any, any, any>;
+export declare abstract class AbstractButton extends Component<Props, {}, {}> {
+    static displayName: string;
+    containerRef: React.RefObject<HTMLButtonElement>;
+    state: {
+        ariaLabelledByContent: null;
+    };
+    protected abstract getTextColor(): string | undefined;
+    getTextProps(): {
+        size: any;
+    };
+    getAddonProps(): {
+        size: any;
+    };
+    componentDidMount(): void;
+    renderButton({ buttonProps, children }: any): React.ReactNode;
+    renderButtonWithHint({ buttonProps, children, hintProps }: any): React.ReactNode;
+    render(): JSX.Element;
+}
+export {};

package/lib/types/component/AbstractButton/AbstractButton.type.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { PropGetterFn } from '@semcore/core';
+import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import { BoxProps } from '@semcore/flex-box';
+import { NeighborItemProps } from '@semcore/neighbor-location';
+import { TooltipHintProps } from '@semcore/tooltip';
+export type AbstractButtonProps<S, U, T> = BoxProps & NeighborItemProps & KeyboardFocusProps & {
+    /** Button activity state */
+    active?: boolean;
+    /** Disabled button state */
+    disabled?: boolean;
+    /** Loading button state */
+    loading?: boolean;
+    /** Tag for the left Addon */
+    addonLeft?: React.ElementType;
+    /** Tag for the right Addon */
+    addonRight?: React.ElementType;
+    /**
+     * Placement for hint
+     * @default top
+     */
+    hintPlacement?: TooltipHintProps['placement'];
+    /** Button type. Defined in Button.type or ButtonLink.type */
+    size?: S;
+    /** Button usage. Defined in Button.type or ButtonLink.type */
+    use?: U;
+    /** Button theme. Defined in Button.type or ButtonLink.type */
+    theme?: T;
+};
+export type AbstractButtonAddonProps<S> = BoxProps & {
+    size?: S;
+};
+export type AbstractButtonTextProps<S> = BoxProps & {
+    size?: S;
+};
+export type AbstractButtonContext = {
+    getTextProps: PropGetterFn;
+    getAddonProps: PropGetterFn;
+};

package/lib/types/component/AbstractButton/SpinButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const SPIN_SIZE_MAP: Record<string, string>;
+export default function SpinButton({ theme, size, ...others }: any): JSX.Element;

package/lib/types/component/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import { ButtonComponent } from './Button.type';
+declare const Button: ButtonComponent;
+export default Button;

package/lib/types/component/Button/Button.type.d.ts

@@ -0,0 +1,39 @@
+import { UnknownProperties, Intergalactic } from '@semcore/core';
+import { AbstractButtonAddonProps, AbstractButtonContext, AbstractButtonTextProps, AbstractButtonProps } from '../AbstractButton/AbstractButton.type';
+/**
+ *  Button size
+ * @default m
+ */
+export type ButtonSize = 'l' | 'm';
+/**
+ *  Button type
+ * @default secondary
+ */
+type Use = 'primary' | 'secondary' | 'tertiary';
+/** Button theme */
+type Theme = 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';
+/** @deprecated */
+export interface IButtonProps extends ButtonProps, UnknownProperties {
+}
+export type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;
+/** @deprecated */
+export interface IButtonTextProps extends ButtonTextProps, UnknownProperties {
+}
+export type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;
+/** @deprecated */
+export interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {
+}
+export type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;
+/** @deprecated */
+export interface IButtonContext extends ButtonContext, UnknownProperties {
+}
+export type ButtonContext = AbstractButtonContext;
+export type ButtonChildren = {
+    Text: Intergalactic.Component<'span', ButtonTextProps>;
+    Addon: Intergalactic.Component<'span', ButtonAddonProps>;
+};
+export type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {
+    Text: Intergalactic.Component<'span', ButtonTextProps>;
+    Addon: Intergalactic.Component<'span', ButtonAddonProps>;
+};
+export {};

package/lib/types/component/ButtonLink/ButtonLink.d.ts

@@ -0,0 +1,2 @@
+import { ButtonLinkComponent } from './ButtonLink.type';
+export declare const ButtonLink: ButtonLinkComponent;

package/lib/types/component/ButtonLink/ButtonLink.type.d.ts

@@ -0,0 +1,25 @@
+import { Intergalactic } from '@semcore/core';
+import { AbstractButtonAddonProps, AbstractButtonContext, AbstractButtonTextProps, AbstractButtonProps } from '../AbstractButton/AbstractButton.type';
+/**
+ *  Button link size
+ * @default m
+ */
+export type ButtonLinkSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
+/**
+ *  Button link type
+ * @default primary
+ */
+type Use = 'primary' | 'secondary';
+export type ButtonLinkProps = AbstractButtonProps<ButtonLinkSize, Use, never>;
+export type ButtonLinkTextProps = AbstractButtonTextProps<ButtonLinkSize>;
+export type ButtonLinkAddonProps = AbstractButtonAddonProps<ButtonLinkSize>;
+export type ButtonLinkContext = AbstractButtonContext;
+export type ButtonLinkChildren = {
+    Text: Intergalactic.Component<'span', ButtonLinkTextProps>;
+    Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;
+};
+export type ButtonLinkComponent = Intergalactic.Component<'button', ButtonLinkProps, ButtonLinkContext> & {
+    Text: Intergalactic.Component<'span', ButtonLinkTextProps>;
+    Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;
+};
+export {};

package/lib/types/index.d.ts

@@ -1,68 +1,5 @@
-import React from 'react';
-import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
-import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
-import { BoxProps } from '@semcore/flex-box';
-import { NeighborItemProps } from '@semcore/neighbor-location';
-import { TooltipHintProps } from '@semcore/tooltip';
-
-export type ButtonSize = 'l' | 'm';
-
-/** @deprecated */
-export interface IButtonProps extends ButtonProps, UnknownProperties {}
-export type ButtonProps = BoxProps &
-  NeighborItemProps &
-  KeyboardFocusProps & {
-    /**
-     *  Button type
-     * @default secondary
-     */
-    use?: 'primary' | 'secondary' | 'tertiary';
-    /** Button theme */
-    theme?: 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';
-    /** Button activity state */
-    active?: boolean;
-    /**
-     *  Button size
-     * @default m
-     */
-    size?: ButtonSize;
-    /** Disabled button state */
-    disabled?: boolean;
-    /** Loading button state */
-    loading?: boolean;
-    /** Tag for the left Addon */
-    addonLeft?: React.ElementType;
-    /** Tag for the right Addon */
-    addonRight?: React.ElementType;
-    /**
-     * Placement for hint
-     * @default top
-     */
-    hintPlacement?: TooltipHintProps['placement'];
-  };
-
-/** @deprecated */
-export interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}
-export type ButtonTextProps = BoxProps & {
-  size?: ButtonSize;
-};
-
-/** @deprecated */
-export interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}
-export type ButtonAddonProps = BoxProps & {
-  size?: ButtonSize;
-};
-
-/** @deprecated */
-export interface IButtonContext extends ButtonContext, UnknownProperties {}
-export type ButtonContext = {
-  getTextProps: PropGetterFn;
-  getAddonProps: PropGetterFn;
-};
-
-declare const Button: Intergalactic.Component<'button', ButtonProps, ButtonContext> & {
-  Text: Intergalactic.Component<'span', ButtonTextProps>;
-  Addon: Intergalactic.Component<'span', ButtonAddonProps>;
-};
-
-export default Button;
+export { default } from './component/Button/Button';
+export * from './component/Button/Button.type';
+export * from './component/ButtonLink/ButtonLink';
+export * from './component/ButtonLink/ButtonLink.type';
+export { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';

package/package.json

@@ -1,19 +1,24 @@
 {
   "name": "@semcore/button",
   "description": "Semrush Button Component",
-  "version": "5.36.0",
+  "version": "5.37.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
+  "exports": {
+    "require": "./lib/cjs/index.js",
+    "import": "./lib/es6/index.js",
+    "types": "./lib/types/index.d.ts"
+  },
   "dependencies": {
-    "@semcore/flex-box": "5.32.0",
-    "@semcore/neighbor-location": "4.30.0",
-    "@semcore/spin": "5.32.0",
-    "@semcore/tooltip": "6.41.0",
-    "@semcore/utils": "4.35.0"
+    "@semcore/flex-box": "5.33.0",
+    "@semcore/neighbor-location": "4.31.0",
+    "@semcore/spin": "5.33.0",
+    "@semcore/tooltip": "6.42.0",
+    "@semcore/utils": "4.36.0"
   },
   "peerDependencies": {
     "@semcore/core": "^2.17.5",
@@ -31,6 +36,6 @@
     "@types/react": "18.0.21"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js"
+    "build": "pnpm semcore-builder --source=ts"
   }
 }