npm - @semcore/button - Versions diffs - 5.44.0-prerelease.1 → 5.44.0-prerelease.5 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

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

@@ -1,88 +1,57 @@
 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 _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 { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
+import { createComponent, sstyled, Root, Component } from '@semcore/core';
+import Link from '@semcore/link';
 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_1dn0k_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, rgb(36, 93, 229));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_1dn0k_gg_:active,.___SButton_1dn0k_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1dn0k_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1dn0k_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1dn0k_gg_.__active_1dn0k_gg_,.___SButton_1dn0k_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}@media (hover:hover){.___SButton_1dn0k_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}}.___SButton_1dn0k_gg_.__active_1dn0k_gg_ .___SText_1dn0k_gg_,.___SButton_1dn0k_gg_:active .___SText_1dn0k_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1dn0k_gg_:hover .___SText_1dn0k_gg_{border-color:currentColor}}.___SButton_1dn0k_gg_.__enableVisited_1dn0k_gg_:visited{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}@media (hover:hover){.___SButton_1dn0k_gg_.__enableVisited_1dn0k_gg_:visited:hover{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}}.___SButton_1dn0k_gg_ .___SText_1dn0k_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1dn0k_gg_.__keyboardFocused_1dn0k_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 18, 193, 0.441));outline-style:solid;outline-width:3px}.___SButton_1dn0k_gg_.__disabled_1dn0k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_{color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_.__active_1dn0k_gg_,.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_:active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_:hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_ .___SText_1dn0k_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1dn0k_gg_,.___SInner_1dn0k_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1dn0k_gg_{height:100%;width:100%}.___SAddon_1dn0k_gg_{vertical-align:middle;pointer-events:none}.___SButton_1dn0k_gg_ .___SAddon_1dn0k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1dn0k_gg_ .___SAddon_1dn0k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_{color:var(--text-color_1dn0k)}.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_.__active_1dn0k_gg_,.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_:active{color:var(--text-color_1dn0k);filter:brightness(.8)}@media (hover:hover){.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_:hover{color:var(--text-color_1dn0k);filter:brightness(.8)}}.___SButton_1dn0k_gg_._size_100_1dn0k_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1dn0k_gg_._size_200_1dn0k_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1dn0k_gg_._size_300_1dn0k_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1dn0k_gg_._size_400_1dn0k_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1dn0k_gg_._size_500_1dn0k_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1dn0k_gg_._size_600_1dn0k_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1dn0k_gg_._size_700_1dn0k_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1dn0k_gg_._size_800_1dn0k_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1dn0k_gg_,.___SText_1dn0k_gg_{transition:none}}", /*__inner_css_end__*/"1dn0k_gg_"),
+var style = (/*__reshadow_css_start__*/_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_1dn0k_gg_",
-  "_keyboardFocused": "__keyboardFocused_1dn0k_gg_",
-  "_disabled": "__disabled_1dn0k_gg_",
-  "__SInner": "___SInner_1dn0k_gg_",
-  "__SAddon": "___SAddon_1dn0k_gg_",
-  "_size_100": "_size_100_1dn0k_gg_",
-  "_size_200": "_size_200_1dn0k_gg_",
-  "_size_300": "_size_300_1dn0k_gg_",
-  "_size_400": "_size_400_1dn0k_gg_",
-  "_size_500": "_size_500_1dn0k_gg_",
-  "_size_600": "_size_600_1dn0k_gg_",
-  "_size_700": "_size_700_1dn0k_gg_",
-  "_size_800": "_size_800_1dn0k_gg_",
-  "__SText": "___SText_1dn0k_gg_",
-  "_active": "__active_1dn0k_gg_",
-  "_enableVisited": "__enableVisited_1dn0k_gg_",
-  "_use_secondary": "_use_secondary_1dn0k_gg_",
-  "_text-color": "__text-color_1dn0k_gg_",
-  "--text-color": "--text-color_1dn0k"
+  "__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_"
 });
-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);
+var RootButtonLink = /*#__PURE__*/function (_Component) {
   function RootButtonLink() {
     _classCallCheck(this, RootButtonLink);
-    return _super.apply(this, arguments);
+    return _callSuper(this, RootButtonLink, arguments);
   }
-  _createClass(RootButtonLink, [{
-    key: "getTextColor",
-    value: function getTextColor() {
-      var _ref5 = this.asProps,
-        color = _ref5.color,
-        resolveColor = _ref5.resolveColor;
-      return resolveColor(color);
+  _inherits(RootButtonLink, _Component);
+  return _createClass(RootButtonLink, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SButtonLink = Link;
+      var disabled = this.asProps.disabled;
+      return _ref2 = sstyled(style), /*#__PURE__*/React.createElement(SButtonLink, _ref2.cn("SButtonLink", _objectSpread({}, _assignProps({
+        "tag": 'button',
+        "type": 'button',
+        "use:disabled": disabled,
+        "use:tabIndex": 0
+      }, _ref))));
     }
   }]);
-  return RootButtonLink;
-}(AbstractButton);
+}(Component);
 _defineProperty(RootButtonLink, "displayName", 'ButtonLink');
-_defineProperty(RootButtonLink, "enhance", Object.values(enhance));
 _defineProperty(RootButtonLink, "style", style);
 _defineProperty(RootButtonLink, "defaultProps", {
-  use: 'primary'
+  use: 'primary',
+  size: 200
 });
-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
+  Text: Link.Text,
+  Addon: Link.Addon
+}, {
+  parent: Link
 });
 //# sourceMappingURL=ButtonLink.js.map

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

	@@ -1 +1 @@
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;AAAA;AAAA;EAAA;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"}
1	+ {"version":3,"file":"ButtonLink.js","names":["createComponent","sstyled","Root","Component","Link","React","style","_sstyled","insert","RootButtonLink","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","_ref2","SButtonLink","disabled","createElement","cn","_objectSpread","_assignProps","_defineProperty","use","size","ButtonLink","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,SAASA,eAAe,EAAEC,OAAO,EAAEC,IAAI,EAAEC,SAAS,QAAQ,eAAe;AACzE,OAAOC,IAAI,MAAM,eAAe;AAChC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAKpBC,cAAc,0BAAAC,UAAA;EAAA,SAAAD,eAAA;IAAAE,eAAA,OAAAF,cAAA;IAAA,OAAAG,UAAA,OAAAH,cAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,cAAA,EAAAC,UAAA;EAAA,OAAAK,YAAA,CAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EAQlB,SAAAC,MAAMA,CAAA,EAAoB;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACxB,IAAMC,WAAW,GAKLlB,IAAI;MAJhB,IAAQmB,QAAQ,GAAK,IAAI,CAACH,OAAO,CAAzBG,QAAQ;MAEhB,OAAAF,KAAA,GAAOpB,OAAO,CAACK,KAAK,CAAC,eACnBD,KAAA,CAAAmB,aAAA,CAACF,WAAW,EAAAD,KAAA,CAAAI,EAAA,gBAAAC,aAAA,KAAAC,YAAA;QAAA,OAEN,QAAQ;QAAA,QACP,QAAQ;QAAA,gBACCJ,QAAQ;QAAA,gBACR;MAAC,GAAAJ,IAAA,GAChB,CAAC;IAEN;EAAC;AAAA,EArB0BhB,SAAS;AAAAyB,eAAA,CAAhCnB,cAAc,iBACG,YAAY;AAAAmB,eAAA,CAD7BnB,cAAc,WAEHH,KAAK;AAAAsB,eAAA,CAFhBnB,cAAc,kBAGI;EACpBoB,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE;AACR,CAAC;AAkBH,OAAO,IAAMC,UAAU,GAAG/B,eAAe,CAACS,cAAc,EAAE;EACxDuB,IAAI,EAAE5B,IAAI,CAAC4B,IAAI;EACfC,KAAK,EAAE7B,IAAI,CAAC6B;AACd,CAAC,EAAE;EACDC,MAAM,EAAE9B;AACV,CAAC,CAAwB","ignoreList":[]}

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

	@@ -1 +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":""}
1	+ {"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/es6/component/ButtonLink/buttonLink.shadow.css CHANGED Viewed

@@ -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.214 263.4));
-  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 {
-    color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.206 263.4));
-    & 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;
+  &:active,
+  &:hover {
+    color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
   }
 }
-SButton[keyboardFocused] {
-  outline-color: var(--intergalactic-keyboard-focus-outline, oklch(0.376 0.247 264.2 / 0.441));
-  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/es6/index.js CHANGED Viewed

@@ -1,6 +1,5 @@
-export { default } from './component/Button/Button';
+export { default, MAP_USE_DEFAULT_THEME } 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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~~"}
1	+ {"version":3,"file":"index.js","names":["default","MAP_USE_DEFAULT_THEME"],"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,SAASA,OAAO,EAAEC,qBAAqB,QAAQ,2BAA2B;AAC1E,cAAc,gCAAgC;AAC9C,cAAc,mCAAmC;AACjD,cAAc,wCAAwC","ignoreList":[]}