@semcore/button 5.44.0-prerelease.4 → 5.44.0-prerelease.5

package/lib/cjs/component/ButtonLink/ButtonLink.js

@@ -1,7 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,87 +8,55 @@ exports.ButtonLink = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
+var _core = require("@semcore/core");
+var _link = _interopRequireDefault(require("@semcore/link"));
 var _react = _interopRequireDefault(require("react"));
-var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
-var _flexBox = require("@semcore/flex-box");
-var _AbstractButton2 = require("../AbstractButton/AbstractButton");
-var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
 /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_ewssl_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, rgb(35, 95, 226));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_ewssl_gg_:active,.___SButton_ewssl_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_ewssl_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_ewssl_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_ewssl_gg_.__active_ewssl_gg_,.___SButton_ewssl_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SButton_ewssl_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SButton_ewssl_gg_.__active_ewssl_gg_ .___SText_ewssl_gg_,.___SButton_ewssl_gg_:active .___SText_ewssl_gg_{border-color:currentColor}@media (hover:hover){.___SButton_ewssl_gg_:hover .___SText_ewssl_gg_{border-color:currentColor}}.___SButton_ewssl_gg_.__enableVisited_ewssl_gg_:visited{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}@media (hover:hover){.___SButton_ewssl_gg_.__enableVisited_ewssl_gg_:visited:hover{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}}.___SButton_ewssl_gg_ .___SText_ewssl_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_ewssl_gg_.__keyboardFocused_ewssl_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 33, 220, 0.469));outline-style:solid;outline-width:3px}@supports (color:color(display-p3 0 0 0)){.___SButton_ewssl_gg_.__keyboardFocused_ewssl_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SButton_ewssl_gg_.__keyboardFocused_ewssl_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SButton_ewssl_gg_.__disabled_ewssl_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SButton_ewssl_gg_._use_secondary_ewssl_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SButton_ewssl_gg_._use_secondary_ewssl_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_ewssl_gg_._use_secondary_ewssl_gg_{color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_ewssl_gg_._use_secondary_ewssl_gg_.__active_ewssl_gg_,.___SButton_ewssl_gg_._use_secondary_ewssl_gg_:active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButton_ewssl_gg_._use_secondary_ewssl_gg_:hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButton_ewssl_gg_._use_secondary_ewssl_gg_ .___SText_ewssl_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_ewssl_gg_,.___SInner_ewssl_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_ewssl_gg_{height:100%;width:100%}.___SAddon_ewssl_gg_{vertical-align:middle;pointer-events:none}.___SButton_ewssl_gg_ .___SAddon_ewssl_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_ewssl_gg_ .___SAddon_ewssl_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_ewssl_gg_.__text-color_ewssl_gg_{color:var(--text-color_ewssl)}.___SButton_ewssl_gg_.__text-color_ewssl_gg_.__active_ewssl_gg_,.___SButton_ewssl_gg_.__text-color_ewssl_gg_:active{color:var(--text-color_ewssl);filter:brightness(.8)}@media (hover:hover){.___SButton_ewssl_gg_.__text-color_ewssl_gg_:hover{color:var(--text-color_ewssl);filter:brightness(.8)}}.___SButton_ewssl_gg_._size_100_ewssl_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_ewssl_gg_._size_200_ewssl_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_ewssl_gg_._size_300_ewssl_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_ewssl_gg_._size_400_ewssl_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_ewssl_gg_._size_500_ewssl_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_ewssl_gg_._size_600_ewssl_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_ewssl_gg_._size_700_ewssl_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_ewssl_gg_._size_800_ewssl_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_ewssl_gg_,.___SText_ewssl_gg_{transition:none}}", /*__inner_css_end__*/"ewssl_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonLink_prbrc_gg_{border:0;font-family:inherit}.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-link, rgb(35, 95, 226))}.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_.__active_prbrc_gg_:not(.__color_prbrc_gg_),.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_:not(.__color_prbrc_gg_):active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_:not(.__color_prbrc_gg_):hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_.__active_prbrc_gg_:not(.__color_prbrc_gg_),.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_):active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_):hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_ .___SText_prbrc_gg_{text-decoration-style:dashed;text-decoration-color:currentColor}", /*__inner_css_end__*/"prbrc_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButton": "___SButton_ewssl_gg_",
-  "_keyboardFocused": "__keyboardFocused_ewssl_gg_",
-  "_disabled": "__disabled_ewssl_gg_",
-  "__SInner": "___SInner_ewssl_gg_",
-  "__SAddon": "___SAddon_ewssl_gg_",
-  "_size_100": "_size_100_ewssl_gg_",
-  "_size_200": "_size_200_ewssl_gg_",
-  "_size_300": "_size_300_ewssl_gg_",
-  "_size_400": "_size_400_ewssl_gg_",
-  "_size_500": "_size_500_ewssl_gg_",
-  "_size_600": "_size_600_ewssl_gg_",
-  "_size_700": "_size_700_ewssl_gg_",
-  "_size_800": "_size_800_ewssl_gg_",
-  "__SText": "___SText_ewssl_gg_",
-  "_active": "__active_ewssl_gg_",
-  "_enableVisited": "__enableVisited_ewssl_gg_",
-  "_use_secondary": "_use_secondary_ewssl_gg_",
-  "_text-color": "__text-color_ewssl_gg_",
-  "--text-color": "--text-color_ewssl"
+  "__SButtonLink": "___SButtonLink_prbrc_gg_",
+  "_use_secondary": "_use_secondary_prbrc_gg_",
+  "__SText": "___SText_prbrc_gg_",
+  "_use_primary": "_use_primary_prbrc_gg_",
+  "_color": "__color_prbrc_gg_",
+  "_active": "__active_prbrc_gg_"
 });
-var enhance = {
-  keyboardFocused: (0, _keyboardFocusEnhance["default"])(),
-  resolveColor: (0, _resolveColorEnhance["default"])()
-};
-var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
-  (0, _inherits2["default"])(RootButtonLink, _AbstractButton);
-  var _super = (0, _createSuper2["default"])(RootButtonLink);
+var RootButtonLink = /*#__PURE__*/function (_Component) {
   function RootButtonLink() {
     (0, _classCallCheck2["default"])(this, RootButtonLink);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2["default"])(this, RootButtonLink, arguments);
   }
-  (0, _createClass2["default"])(RootButtonLink, [{
-    key: "getTextColor",
-    value: function getTextColor() {
-      var _ref5 = this.asProps,
-        color = _ref5.color,
-        resolveColor = _ref5.resolveColor;
-      return resolveColor(color);
+  (0, _inherits2["default"])(RootButtonLink, _Component);
+  return (0, _createClass2["default"])(RootButtonLink, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SButtonLink = _link["default"];
+      var disabled = this.asProps.disabled;
+      return _ref2 = (0, _core.sstyled)(style), /*#__PURE__*/_react["default"].createElement(SButtonLink, _ref2.cn("SButtonLink", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "tag": 'button',
+        "type": 'button',
+        "use:disabled": disabled,
+        "use:tabIndex": 0
+      }, _ref))));
     }
   }]);
-  return RootButtonLink;
-}(_AbstractButton2.AbstractButton);
+}(_core.Component);
 (0, _defineProperty2["default"])(RootButtonLink, "displayName", 'ButtonLink');
-(0, _defineProperty2["default"])(RootButtonLink, "enhance", Object.values(enhance));
 (0, _defineProperty2["default"])(RootButtonLink, "style", style);
 (0, _defineProperty2["default"])(RootButtonLink, "defaultProps", {
-  use: 'primary'
+  use: 'primary',
+  size: 200
 });
-function Text(props) {
-  var _ref = arguments[0],
-    _ref3;
-  var SText = _flexBox.Box;
-  return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref3.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'span'
-  }, _ref))));
-}
-function Addon(props) {
-  var _ref2 = arguments[0],
-    _ref4;
-  var SAddon = _flexBox.Box;
-  return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref4.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'span'
-  }, _ref2))));
-}
-var ButtonLink = (0, _core["default"])(RootButtonLink, {
-  Text: Text,
-  Addon: Addon
+var ButtonLink = exports.ButtonLink = (0, _core.createComponent)(RootButtonLink, {
+  Text: _link["default"].Text,
+  Addon: _link["default"].Addon
+}, {
+  parent: _link["default"]
 });
-exports.ButtonLink = ButtonLink;
 //# sourceMappingURL=ButtonLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonLink.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_keyboardFocusEnhance","_flexBox","_AbstractButton2","_resolveColorEnhance","style","_index","sstyled","insert","enhance","keyboardFocused","keyboardFocusEnhance","resolveColor","resolveColorEnhance","RootButtonLink","_AbstractButton","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextColor","_ref5","asProps","color","AbstractButton","_defineProperty2","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","ButtonLink","createComponent","exports"],"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":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,qBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAkF;AAAA,IAAAO,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGlF,IAAMC,OAAO,GAAG;EACdC,eAAe,EAAE,IAAAC,gCAAoB,GAAE;EACvCC,YAAY,EAAE,IAAAC,+BAAmB;AACnC,CAAC;AAAC,IAEIC,cAAc,0BAAAC,eAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAK,gBAAA,mBAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEhB,YAAY,GAAAc,KAAA,CAAZd,YAAY;MAC3B,OAAOA,YAAY,CAACgB,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0Be,+BAAc;AAAA,IAAAC,gBAAA,aAArChB,cAAc,iBACG,YAAY;AAAA,IAAAgB,gBAAA,aAD7BhB,cAAc,aAEDiB,MAAM,CAACC,MAAM,CAACvB,OAAO,CAAC;AAAA,IAAAqB,gBAAA,aAFnChB,cAAc,WAGHT,KAAK;AAAA,IAAAyB,gBAAA,aAHhBhB,cAAc,kBAII;EACpBmB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAA/B,aAAO,EAAC4B,KAAK,CAACM,MAAM,CAAC,eAAC1C,MAAA,YAAA2C,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAhD,KAAA,CAAAiD,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,IAAG;AAChE;AAEA,SAASU,KAAKA,CAACX,KAA2B,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EAC1C,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAAzC,aAAO,EAAC4B,KAAK,CAACM,MAAM,CAAC,eAAC1C,MAAA,YAAA2C,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAhD,KAAA,CAAAiD,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,IAAG;AACjE;AAEO,IAAMG,UAAU,GAAG,IAAAC,gBAAe,EAACrC,cAAc,EAAE;EACxDoB,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAwB;AAACM,OAAA,CAAAF,UAAA,GAAAA,UAAA"}
+{"version":3,"file":"ButtonLink.js","names":["_core","require","_link","_interopRequireDefault","_react","style","sstyled","insert","RootButtonLink","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref2","SButtonLink","Link","disabled","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","use","size","ButtonLink","exports","createComponent","Text","Addon","parent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root, Component } from '@semcore/core';\nimport Link from '@semcore/link';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkComponent, ButtonLinkProps } from './ButtonLink.type';\n\nclass RootButtonLink extends Component<ButtonLinkProps> {\n  static displayName = 'ButtonLink';\n  static style = style;\n  static defaultProps = {\n    use: 'primary',\n    size: 200,\n  };\n\n  render(): React.ReactNode {\n    const SButtonLink = Root;\n    const { disabled } = this.asProps;\n\n    return sstyled(style)(\n      <SButtonLink\n        render={Link}\n        tag='button'\n        type='button'\n        use:disabled={disabled}\n        use:tabIndex={0}\n      />,\n    );\n  }\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n  Text: Link.Text,\n  Addon: Link.Addon,\n}, {\n  parent: Link,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA0B;AAAA,IAAAI,KAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAKpBC,cAAc,0BAAAC,UAAA;EAAA,SAAAD,eAAA;IAAA,IAAAE,gBAAA,mBAAAF,cAAA;IAAA,WAAAG,WAAA,mBAAAH,cAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,cAAA,EAAAC,UAAA;EAAA,WAAAK,aAAA,aAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EAQlB,SAAAC,MAAMA,CAAA,EAAoB;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACxB,IAAMC,WAAW,GAKLC,gBAAI;MAJhB,IAAQC,QAAQ,GAAK,IAAI,CAACJ,OAAO,CAAzBI,QAAQ;MAEhB,OAAAH,KAAA,GAAO,IAAAd,aAAO,EAACD,KAAK,CAAC,eACnBD,MAAA,YAAAoB,aAAA,CAACH,WAAW,EAAAD,KAAA,CAAAK,EAAA,oBAAAC,cAAA,qBAAA1B,KAAA,CAAA2B,WAAA;QAAA,OAEN,QAAQ;QAAA,QACP,QAAQ;QAAA,gBACCJ,QAAQ;QAAA,gBACR;MAAC,GAAAL,IAAA,GAChB,CAAC;IAEN;EAAC;AAAA,EArB0BU,eAAS;AAAA,IAAAC,gBAAA,aAAhCrB,cAAc,iBACG,YAAY;AAAA,IAAAqB,gBAAA,aAD7BrB,cAAc,WAEHH,KAAK;AAAA,IAAAwB,gBAAA,aAFhBrB,cAAc,kBAGI;EACpBsB,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE;AACR,CAAC;AAkBI,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EAAC1B,cAAc,EAAE;EACxD2B,IAAI,EAAEb,gBAAI,CAACa,IAAI;EACfC,KAAK,EAAEd,gBAAI,CAACc;AACd,CAAC,EAAE;EACDC,MAAM,EAAEf;AACV,CAAC,CAAwB","ignoreList":[]}

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

@@ -1 +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":""}
+{"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { LinkProps } from '@semcore/link';\nimport type { NSText } from '@semcore/typography';\n\nimport type { ButtonContext } from '../Button/Button.type';\n\nexport type ButtonLinkProps = Intergalactic.InternalTypings.EfficientOmit<LinkProps, 'enableVisited'> & {\n  /**\n   *  Button link type\n   * @default primary\n   */\n  use?: 'primary' | 'secondary';\n};\n\nexport type ButtonLinkTextProps = NSText.Props;\n\nexport type ButtonLinkAddonProps = BoxProps;\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  ButtonContext\n> & ButtonLinkChildren;\n"],"mappings":"","ignoreList":[]}

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

@@ -1,70 +1,19 @@
-SButton {
-  display: inline-flex;
-  font-family: inherit;
-  font-size: var(--intergalactic-fs-200, 14px);
-  color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
-  line-height: normal;
-  position: relative;
-  cursor: pointer;
-  text-decoration: none;
+SButtonLink {
   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;
-  }
+  font-family: inherit;
+}
 
-  &::-moz-focus-inner {
-    border: none;
-    padding: 0;
-  }
+SButtonLink[use='primary']:not([color]) {
+  color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
 
   &[active],
-  &:hover,
-  &:active {
+  &:active,
+  &:hover {
     color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
-
-    & SText {
-      border-color: currentColor;
-    }
-  }
-
-  &[enableVisited]:visited,
-  &[enableVisited]:visited:hover {
-    color: var(--intergalactic-text-link-visited, oklch(0.53 0.26 296));
   }
-
-  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, oklch(0.424 0.269 264.2 / 0.469));
-  outline-style: solid;
-  outline-width: 3px;
 }
 
-SButton[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.4);
-  cursor: default;
-  /* Disable link interactions */
-  pointer-events: none;
-}
-
-SButton[use='secondary'] {
+SButtonLink[use='secondary']:not([color]) {
   color: var(--intergalactic-text-hint, oklch(0.088 0.026 147.7 / 0.583));
 
   &[active],
@@ -72,97 +21,9 @@ SButton[use='secondary'] {
   &:hover {
     color: var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
   }
-
-  SText {
-    border-bottom-width: 1px;
-    border-bottom-style: dashed;
-    border-color: currentColor;
-  }
-}
-
-SInner {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  width: 100%;
 }
 
-SAddon {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  vertical-align: middle;
-  pointer-events: none;
-}
-
-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;
-  }
+SButtonLink[use='secondary'] SText {
+  text-decoration-style: dashed;
+  text-decoration-color: currentColor;
 }

package/lib/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,7 +10,7 @@ var _exportNames = {
 Object.defineProperty(exports, "MAP_USE_DEFAULT_THEME", {
   enumerable: true,
   get: function get() {
-    return _AbstractButton.MAP_USE_DEFAULT_THEME;
+    return _Button.MAP_USE_DEFAULT_THEME;
   }
 });
 Object.defineProperty(exports, "default", {
@@ -19,7 +19,7 @@ Object.defineProperty(exports, "default", {
     return _Button["default"];
   }
 });
-var _Button = _interopRequireDefault(require("./component/Button/Button"));
+var _Button = _interopRequireWildcard(require("./component/Button/Button"));
 var _Button2 = require("./component/Button/Button.type");
 Object.keys(_Button2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -56,5 +56,4 @@ Object.keys(_ButtonLink2).forEach(function (key) {
     }
   });
 });
-var _AbstractButton = require("./component/AbstractButton/AbstractButton");
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Button","_interopRequireDefault","require","_Button2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ButtonLink","_ButtonLink2","_AbstractButton"],"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,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,QAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,QAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,QAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,WAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,WAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,WAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,YAAA,GAAAf,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAY,YAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,YAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,YAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,eAAA,GAAAhB,OAAA"}
+{"version":3,"file":"index.js","names":["_Button","_interopRequireWildcard","require","_Button2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ButtonLink","_ButtonLink2"],"sources":["../../src/index.ts"],"sourcesContent":["export { default, MAP_USE_DEFAULT_THEME } from './component/Button/Button';\nexport * from './component/Button/Button.type';\nexport * from './component/ButtonLink/ButtonLink';\nexport * from './component/ButtonLink/ButtonLink.type';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,QAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,QAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,QAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,WAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,WAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,WAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,YAAA,GAAAf,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAY,YAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,YAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,YAAA,CAAAV,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}