@semcore/button 16.0.0-prerelease.4 → 16.0.0-prerelease.7

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 (6) hide show
  1. package/lib/esm/component/AbstractButton/AbstractButton.mjs +112 -83
  2. package/lib/esm/component/AbstractButton/SpinButton.mjs +14 -13
  3. package/lib/esm/component/Button/Button.mjs +59 -57
  4. package/lib/esm/component/ButtonLink/ButtonLink.mjs +66 -60
  5. package/lib/esm/index.mjs +6 -6
  6. package/package.json +6 -6
package/lib/esm/component/AbstractButton/AbstractButton.mjs CHANGED
@@ -1,122 +1,151 @@
1
- import m from "@babel/runtime/helpers/esm/objectSpread2";
2
- import F from "@babel/runtime/helpers/esm/classCallCheck";
3
- import O from "@babel/runtime/helpers/esm/createClass";
4
- import C from "@babel/runtime/helpers/esm/assertThisInitialized";
5
- import U from "@babel/runtime/helpers/esm/inherits";
6
- import j from "@babel/runtime/helpers/esm/createSuper";
7
- import g from "@babel/runtime/helpers/esm/defineProperty";
8
- import { sstyled as b, assignProps as L, CORE_INSTANCE as q, Component as V } from "@semcore/core";
9
- import o from "react";
10
- import { Box as P } from "@semcore/flex-box";
11
- import { Hint as G } from "@semcore/tooltip";
12
- import J from "@semcore/neighbor-location";
13
- import K from "@semcore/core/lib/utils/addonTextChildren";
14
- import Q from "@semcore/core/lib/utils/logger";
15
- import X from "./SpinButton.mjs";
16
- import Y from "@semcore/core/lib/utils/hasLabels";
17
- var Z = {
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
+ import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
5
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
6
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
7
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
8
+ import { sstyled, assignProps, CORE_INSTANCE, Component } from "@semcore/core";
9
+ import React from "react";
10
+ import { Box } from "@semcore/flex-box";
11
+ import { Hint } from "@semcore/tooltip";
12
+ import NeighborLocation from "@semcore/neighbor-location";
13
+ import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
14
+ import logger from "@semcore/core/lib/utils/logger";
15
+ import SpinButton from "./SpinButton.mjs";
16
+ import hasLabels from "@semcore/core/lib/utils/hasLabels";
17
+ var MAP_USE_DEFAULT_THEME = {
18
18
  primary: "info",
19
19
  secondary: "muted",
20
20
  tertiary: "info"
21
- }, tt = /* @__PURE__ */ function(x) {
22
- U(s, x);
23
- var y = j(s);
24
- function s() {
25
- var i;
26
- F(this, s);
27
- for (var e = arguments.length, n = new Array(e), r = 0; r < e; r++)
28
- n[r] = arguments[r];
29
- return i = y.call.apply(y, [this].concat(n)), g(C(i), "containerRef", /* @__PURE__ */ o.createRef()), g(C(i), "state", {
21
+ };
22
+ var AbstractButton = /* @__PURE__ */ function(_Component) {
23
+ _inherits(AbstractButton2, _Component);
24
+ var _super = _createSuper(AbstractButton2);
25
+ function AbstractButton2() {
26
+ var _this;
27
+ _classCallCheck(this, AbstractButton2);
28
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
29
+ args[_key] = arguments[_key];
30
+ }
31
+ _this = _super.call.apply(_super, [this].concat(args));
32
+ _defineProperty(_assertThisInitialized(_this), "containerRef", /* @__PURE__ */ React.createRef());
33
+ _defineProperty(_assertThisInitialized(_this), "state", {
30
34
  ariaLabelledByContent: null
31
- }), i;
35
+ });
36
+ return _this;
32
37
  }
33
- return O(s, [{
38
+ _createClass(AbstractButton2, [{
34
39
  key: "getTextProps",
35
- value: function() {
36
- var e = this.asProps.size;
40
+ value: function getTextProps() {
41
+ var size = this.asProps.size;
37
42
  return {
38
- size: e
43
+ size
39
44
  };
40
45
  }
41
46
  }, {
42
47
  key: "getAddonProps",
43
- value: function() {
44
- var e = this.asProps.size;
48
+ value: function getAddonProps() {
49
+ var size = this.asProps.size;
45
50
  return {
46
- size: e
51
+ size
47
52
  };
48
53
  }
49
54
  }, {
50
55
  key: "componentDidMount",
51
- value: function() {
52
- var e = this;
53
- process.env.NODE_ENV !== "production" && Q.warn(this.containerRef.current && !Y(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"] || s.displayName);
54
- var n = this.asProps["aria-labelledby"];
55
- n && setTimeout(function() {
56
- var r, t;
57
- e.setState({
58
- ariaLabelledByContent: (r = (t = document.getElementById(n)) === null || t === void 0 ? void 0 : t.textContent) !== null && r !== void 0 ? r : ""
59
- });
60
- }, 0);
56
+ value: function componentDidMount() {
57
+ var _this2 = this;
58
+ if (process.env.NODE_ENV !== "production") {
59
+ 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);
60
+ }
61
+ var ariaLabelledby = this.asProps["aria-labelledby"];
62
+ if (ariaLabelledby) {
63
+ setTimeout(function() {
64
+ var _document$getElementB, _document$getElementB2;
65
+ _this2.setState({
66
+ 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 : ""
67
+ });
68
+ }, 0);
69
+ }
61
70
  }
62
71
  }, {
63
72
  key: "renderButton",
64
- value: function(e) {
65
- var n = this.asProps, r, t = e.buttonProps, d = e.children, a = this.asProps.styles, l = P;
66
- return r = b(a), /* @__PURE__ */ o.createElement(l, r.cn("SButton", m({}, L(m({}, t), n))), d);
73
+ value: function renderButton(_ref6) {
74
+ var _ref = this.asProps, _ref3;
75
+ var buttonProps = _ref6.buttonProps, children = _ref6.children;
76
+ var styles = this.asProps.styles;
77
+ var SButton = Box;
78
+ return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref3.cn("SButton", _objectSpread({}, assignProps(_objectSpread({}, buttonProps), _ref))), children);
67
79
  }
68
80
  }, {
69
81
  key: "renderButtonWithHint",
70
- value: function(e) {
71
- var n = this.asProps, r, t = e.buttonProps, d = e.children, a = e.hintProps, l = this.asProps.styles, c = G;
72
- return r = b(l), /* @__PURE__ */ o.createElement(c, r.cn("SButton", m({}, L(m(m({}, t), a), n))), d);
82
+ value: function renderButtonWithHint(_ref7) {
83
+ var _ref2 = this.asProps, _ref4;
84
+ var buttonProps = _ref7.buttonProps, children = _ref7.children, hintProps = _ref7.hintProps;
85
+ var styles = this.asProps.styles;
86
+ var SButton = Hint;
87
+ return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, assignProps(_objectSpread(_objectSpread({}, buttonProps), hintProps), _ref2))), children);
73
88
  }
74
89
  }, {
75
90
  key: "render",
76
- value: function() {
77
- var e, n, r = this, t = this.asProps, d = t.styles, a = t.use, l = t.theme, c = l === void 0 ? typeof a == "string" && Z[a] : l, p = t.loading, _ = t.disabled, T = _ === void 0 ? p : _, R = t.size, z = t.neighborLocation, N = t.children, h = t.title, $ = t["aria-label"], D = t.Children, B = t.addonLeft, E = t.addonRight, H = t.hintPlacement, f = this[q], A = a && c ? "".concat(a, "-").concat(c) : !1, I = P, k = P, M = (e = (n = h ?? $) !== null && n !== void 0 ? n : this.state.ariaLabelledByContent) !== null && e !== void 0 ? e : "", v = {
91
+ value: function render() {
92
+ var _ref8, _ref9, _this3 = this;
93
+ var _this$asProps = this.asProps, styles = _this$asProps.styles, use = _this$asProps.use, _this$asProps$theme = _this$asProps.theme, theme = _this$asProps$theme === void 0 ? typeof use === "string" && MAP_USE_DEFAULT_THEME[use] : _this$asProps$theme, loading = _this$asProps.loading, _this$asProps$disable = _this$asProps.disabled, disabled = _this$asProps$disable === void 0 ? loading : _this$asProps$disable, size = _this$asProps.size, neighborLocation = _this$asProps.neighborLocation, hasChildren = _this$asProps.children, title = _this$asProps.title, ariaLabel = _this$asProps["aria-label"], Children = _this$asProps.Children, AddonLeft = _this$asProps.addonLeft, AddonRight = _this$asProps.addonRight, hintPlacement = _this$asProps.hintPlacement;
94
+ var Button = this[CORE_INSTANCE];
95
+ var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
96
+ var SInner = Box;
97
+ var SSpin = Box;
98
+ var buttonAriaLabel = (_ref8 = (_ref9 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref9 !== void 0 ? _ref9 : this.state.ariaLabelledByContent) !== null && _ref8 !== void 0 ? _ref8 : "";
99
+ var buttonProps = {
78
100
  type: "button",
79
101
  tag: "button",
80
- disabled: T,
81
- "use:theme": A,
102
+ disabled,
103
+ "use:theme": useTheme,
82
104
  ref: this.containerRef,
83
105
  "text-color": this.getTextColor(),
84
- "aria-busy": p,
106
+ "aria-busy": loading,
85
107
  __excludeProps: ["title"]
86
- }, w = {
87
- title: M,
108
+ };
109
+ var hintProps = {
110
+ title: buttonAriaLabel,
88
111
  timeout: [250, 50],
89
- placement: H,
90
- theme: c === "invert" ? "invert" : void 0,
112
+ placement: hintPlacement,
113
+ theme: theme === "invert" ? "invert" : void 0,
91
114
  __excludeProps: []
92
115
  };
93
- return /* @__PURE__ */ o.createElement(J.Detect, {
94
- neighborLocation: z
95
- }, function(W) {
96
- var u, S = (u = b(d), /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(I, u.cn("SInner", {
97
- tag: "span",
98
- loading: p
99
- }), B ? /* @__PURE__ */ o.createElement(f.Addon, null, /* @__PURE__ */ o.createElement(B, u.cn("AddonLeft", {}))) : null, K(D, f.Text, f.Addon), E ? /* @__PURE__ */ o.createElement(f.Addon, null, /* @__PURE__ */ o.createElement(E, u.cn("AddonRight", {}))) : null), p && /* @__PURE__ */ o.createElement(k, u.cn("SSpin", {
100
- tag: "span"
101
- }), /* @__PURE__ */ o.createElement(X, u.cn("SpinButton", {
102
- centered: !0,
103
- size: R,
104
- theme: A
116
+ return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
117
+ neighborLocation
118
+ }, function(neighborLocation2) {
119
+ var _ref5;
120
+ var children = (_ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SInner, _ref5.cn("SInner", {
121
+ "tag": "span",
122
+ "loading": loading
123
+ }), 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", {
124
+ "tag": "span"
125
+ }), /* @__PURE__ */ React.createElement(SpinButton, _ref5.cn("SpinButton", {
126
+ "centered": true,
127
+ "size": size,
128
+ "theme": useTheme
105
129
  })))));
106
- return v.neighborLocation = W, N === void 0 || h ? r.renderButtonWithHint({
107
- buttonProps: v,
108
- hintProps: w,
109
- children: S
110
- }) : r.renderButton({
111
- buttonProps: v,
112
- children: S
130
+ buttonProps.neighborLocation = neighborLocation2;
131
+ if (hasChildren === void 0 || title) {
132
+ return _this3.renderButtonWithHint({
133
+ buttonProps,
134
+ hintProps,
135
+ children
136
+ });
137
+ }
138
+ return _this3.renderButton({
139
+ buttonProps,
140
+ children
113
141
  });
114
142
  });
115
143
  }
116
- }]), s;
117
- }(V);
118
- g(tt, "displayName", "AbstractButton");
144
+ }]);
145
+ return AbstractButton2;
146
+ }(Component);
147
+ _defineProperty(AbstractButton, "displayName", "AbstractButton");
119
148
  export {
120
- tt as AbstractButton,
121
- Z as MAP_USE_DEFAULT_THEME
149
+ AbstractButton,
150
+ MAP_USE_DEFAULT_THEME
122
151
  };
package/lib/esm/component/AbstractButton/SpinButton.mjs CHANGED
@@ -1,22 +1,23 @@
1
- import o from "@babel/runtime/helpers/esm/extends";
2
- import i from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- import m from "react";
4
- import s from "@semcore/spin";
5
- var n = ["theme", "size"], p = {
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
+ import React from "react";
4
+ import Spin from "@semcore/spin";
5
+ var _excluded = ["theme", "size"];
6
+ var SPIN_SIZE_MAP = {
6
7
  xl: "m",
7
8
  l: "s",
8
9
  m: "xs",
9
10
  s: "xxs"
10
11
  };
11
- function l(e) {
12
- e.theme;
13
- var t = e.size, r = i(e, n);
14
- return /* @__PURE__ */ m.createElement(s, o({
15
- size: typeof t == "string" ? p[t] : t,
12
+ function SpinButton(_ref) {
13
+ _ref.theme;
14
+ var size = _ref.size, others = _objectWithoutProperties(_ref, _excluded);
15
+ return /* @__PURE__ */ React.createElement(Spin, _extends({
16
+ size: typeof size === "string" ? SPIN_SIZE_MAP[size] : size,
16
17
  theme: "currentColor"
17
- }, r));
18
+ }, others));
18
19
  }
19
20
  export {
20
- p as SPIN_SIZE_MAP,
21
- l as default
21
+ SPIN_SIZE_MAP,
22
+ SpinButton as default
22
23
  };
package/lib/esm/component/Button/Button.mjs CHANGED
@@ -1,39 +1,35 @@
1
- import g from "@babel/runtime/helpers/esm/objectSpread2";
2
- import b from "@babel/runtime/helpers/esm/classCallCheck";
3
- import v from "@babel/runtime/helpers/esm/createClass";
4
- import f from "@babel/runtime/helpers/esm/inherits";
5
- import m from "@babel/runtime/helpers/esm/createSuper";
6
- import i from "@babel/runtime/helpers/esm/defineProperty";
7
- import { sstyled as o, createComponent as d, assignProps as n } from "@semcore/core";
8
- import c from "react";
9
- import { Box as l } from "@semcore/flex-box";
10
- import { AbstractButton as h } from "../AbstractButton/AbstractButton.mjs";
11
- var q = (
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
5
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
6
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
+ import { sstyled, createComponent, assignProps } from "@semcore/core";
8
+ import React from "react";
9
+ import { Box } from "@semcore/flex-box";
10
+ import { AbstractButton } from "../AbstractButton/AbstractButton.mjs";
11
+ var style = (
12
12
  /*__reshadow_css_start__*/
13
- (o.insert(
13
+ (sstyled.insert(
14
14
  /*__inner_css_start__*/
15
- `.___SButton_1tqb6_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_1tqb6_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1tqb6_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1tqb6_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1tqb6_gg_.__disabled_1tqb6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1tqb6_gg_._size_s_1tqb6_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1tqb6_gg_._size_m_1tqb6_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1tqb6_gg_._size_l_1tqb6_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,
16
- rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,
17
- rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1tqb6_gg_._theme_secondary-info_1tqb6_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_secondary-info_1tqb6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1tqb6_gg_._theme_secondary-info_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_secondary-info_1tqb6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1tqb6_gg_._theme_secondary-invert_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_secondary-invert_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1tqb6_gg_._theme_secondary-invert_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_secondary-invert_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,
18
- rgba(255, 255, 255, 0.3))}.___SButton_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,
19
- rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1tqb6_gg_._neighborLocation_right_1tqb6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_{border-radius:0;margin-left:-1px}.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_,.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_{position:relative}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_:after,.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:after,.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1tqb6_gg_+.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_:after,.___SButton_1tqb6_gg_+.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1tqb6_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1tqb6_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1tqb6_gg_.__loading_1tqb6_gg_{visibility:hidden}.___SText_1tqb6_gg_{display:inline-flex}.___SText_1tqb6_gg_._size_l_1tqb6_gg_,.___SText_1tqb6_gg_._size_m_1tqb6_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1tqb6_gg_._size_m_1tqb6_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1tqb6_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1tqb6_gg_._size_m_1tqb6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1tqb6_gg_._size_m_1tqb6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1tqb6_gg_._size_m_1tqb6_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_1tqb6_gg_._size_l_1tqb6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1tqb6_gg_._size_l_1tqb6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1tqb6_gg_._size_l_1tqb6_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}`,
15
+ '.___SButton_1tqb6_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_1tqb6_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1tqb6_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1tqb6_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1tqb6_gg_.__disabled_1tqb6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1tqb6_gg_._size_s_1tqb6_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1tqb6_gg_._size_m_1tqb6_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1tqb6_gg_._size_l_1tqb6_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1tqb6_gg_._theme_secondary-info_1tqb6_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_secondary-info_1tqb6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1tqb6_gg_._theme_secondary-info_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_secondary-info_1tqb6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1tqb6_gg_._theme_secondary-invert_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_secondary-invert_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1tqb6_gg_._theme_secondary-invert_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_secondary-invert_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1tqb6_gg_._neighborLocation_right_1tqb6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_{border-radius:0;margin-left:-1px}.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_,.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_{position:relative}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_:after,.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:after,.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1tqb6_gg_+.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_:after,.___SButton_1tqb6_gg_+.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1tqb6_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1tqb6_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1tqb6_gg_.__loading_1tqb6_gg_{visibility:hidden}.___SText_1tqb6_gg_{display:inline-flex}.___SText_1tqb6_gg_._size_l_1tqb6_gg_,.___SText_1tqb6_gg_._size_m_1tqb6_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1tqb6_gg_._size_m_1tqb6_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1tqb6_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1tqb6_gg_._size_m_1tqb6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1tqb6_gg_._size_m_1tqb6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1tqb6_gg_._size_m_1tqb6_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_1tqb6_gg_._size_l_1tqb6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1tqb6_gg_._size_l_1tqb6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1tqb6_gg_._size_l_1tqb6_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}',
20
16
  "1tqb6_gg_"
21
17
  ), {
22
- __SButton: "___SButton_1tqb6_gg_",
23
- _disabled: "__disabled_1tqb6_gg_",
24
- _size_s: "_size_s_1tqb6_gg_",
25
- _size_m: "_size_m_1tqb6_gg_",
26
- _size_l: "_size_l_1tqb6_gg_",
27
- _neighborLocation_right: "_neighborLocation_right_1tqb6_gg_",
28
- _neighborLocation_both: "_neighborLocation_both_1tqb6_gg_",
29
- _neighborLocation_left: "_neighborLocation_left_1tqb6_gg_",
30
- __SSpin: "___SSpin_1tqb6_gg_",
31
- __SInner: "___SInner_1tqb6_gg_",
32
- _loading: "__loading_1tqb6_gg_",
33
- __SText: "___SText_1tqb6_gg_",
34
- __SAddon: "___SAddon_1tqb6_gg_",
18
+ "__SButton": "___SButton_1tqb6_gg_",
19
+ "_disabled": "__disabled_1tqb6_gg_",
20
+ "_size_s": "_size_s_1tqb6_gg_",
21
+ "_size_m": "_size_m_1tqb6_gg_",
22
+ "_size_l": "_size_l_1tqb6_gg_",
23
+ "_neighborLocation_right": "_neighborLocation_right_1tqb6_gg_",
24
+ "_neighborLocation_both": "_neighborLocation_both_1tqb6_gg_",
25
+ "_neighborLocation_left": "_neighborLocation_left_1tqb6_gg_",
26
+ "__SSpin": "___SSpin_1tqb6_gg_",
27
+ "__SInner": "___SInner_1tqb6_gg_",
28
+ "_loading": "__loading_1tqb6_gg_",
29
+ "__SText": "___SText_1tqb6_gg_",
30
+ "__SAddon": "___SAddon_1tqb6_gg_",
35
31
  "_theme_primary-info": "_theme_primary-info_1tqb6_gg_",
36
- _active: "__active_1tqb6_gg_",
32
+ "_active": "__active_1tqb6_gg_",
37
33
  "_theme_primary-success": "_theme_primary-success_1tqb6_gg_",
38
34
  "_theme_primary-warning": "_theme_primary-warning_1tqb6_gg_",
39
35
  "_theme_primary-danger": "_theme_primary-danger_1tqb6_gg_",
@@ -45,40 +41,46 @@ var q = (
45
41
  "_theme_tertiary-muted": "_theme_tertiary-muted_1tqb6_gg_",
46
42
  "_theme_tertiary-invert": "_theme_tertiary-invert_1tqb6_gg_"
47
43
  })
48
- ), a = /* @__PURE__ */ function(_) {
49
- f(t, _);
50
- var r = m(t);
51
- function t() {
52
- return b(this, t), r.apply(this, arguments);
44
+ );
45
+ var RootButton = /* @__PURE__ */ function(_AbstractButton) {
46
+ _inherits(RootButton2, _AbstractButton);
47
+ var _super = _createSuper(RootButton2);
48
+ function RootButton2() {
49
+ _classCallCheck(this, RootButton2);
50
+ return _super.apply(this, arguments);
53
51
  }
54
- return v(t, [{
52
+ _createClass(RootButton2, [{
55
53
  key: "getTextColor",
56
- value: function() {
54
+ value: function getTextColor() {
55
+ return void 0;
57
56
  }
58
- }]), t;
59
- }(h);
60
- i(a, "displayName", "Button");
61
- i(a, "style", q);
62
- i(a, "defaultProps", {
57
+ }]);
58
+ return RootButton2;
59
+ }(AbstractButton);
60
+ _defineProperty(RootButton, "displayName", "Button");
61
+ _defineProperty(RootButton, "style", style);
62
+ _defineProperty(RootButton, "defaultProps", {
63
63
  use: "secondary",
64
64
  size: "m"
65
65
  });
66
- function s(_) {
67
- var r = arguments[0], t, e = l;
68
- return t = o(_.styles), /* @__PURE__ */ c.createElement(e, t.cn("SText", g({}, n({
69
- tag: "span"
70
- }, r))));
66
+ function Text(props) {
67
+ var _ref = arguments[0], _ref3;
68
+ var SText = Box;
69
+ return _ref3 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", _objectSpread({}, assignProps({
70
+ "tag": "span"
71
+ }, _ref))));
71
72
  }
72
- function u(_) {
73
- var r = arguments[0], t, e = l;
74
- return t = o(_.styles), /* @__PURE__ */ c.createElement(e, t.cn("SAddon", g({}, n({
75
- tag: "span"
76
- }, r))));
73
+ function Addon(props) {
74
+ var _ref2 = arguments[0], _ref4;
75
+ var SAddon = Box;
76
+ return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, assignProps({
77
+ "tag": "span"
78
+ }, _ref2))));
77
79
  }
78
- var A = d(a, {
79
- Text: s,
80
- Addon: u
80
+ var Button = createComponent(RootButton, {
81
+ Text,
82
+ Addon
81
83
  });
82
84
  export {
83
- A as default
85
+ Button as default
84
86
  };
package/lib/esm/component/ButtonLink/ButtonLink.mjs CHANGED
@@ -1,78 +1,84 @@
1
- import a from "@babel/runtime/helpers/esm/objectSpread2";
2
- import y from "@babel/runtime/helpers/esm/classCallCheck";
3
- import d from "@babel/runtime/helpers/esm/createClass";
4
- import h from "@babel/runtime/helpers/esm/inherits";
5
- import S from "@babel/runtime/helpers/esm/createSuper";
6
- import r from "@babel/runtime/helpers/esm/defineProperty";
7
- import { sstyled as i, createComponent as x, assignProps as v } from "@semcore/core";
8
- import u from "react";
9
- import { Box as c } from "@semcore/flex-box";
10
- import { AbstractButton as p } from "../AbstractButton/AbstractButton.mjs";
11
- import f from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
12
- var m = (
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
5
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
6
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
+ import { sstyled, createComponent, assignProps } from "@semcore/core";
8
+ import React from "react";
9
+ import { Box } from "@semcore/flex-box";
10
+ import { AbstractButton } from "../AbstractButton/AbstractButton.mjs";
11
+ import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
12
+ var style = (
13
13
  /*__reshadow_css_start__*/
14
- (i.insert(
14
+ (sstyled.insert(
15
15
  /*__inner_css_start__*/
16
16
  ".___SButton_vy4nu_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_vy4nu_gg_,.___SButton_vy4nu_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_vy4nu_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_vy4nu_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_vy4nu_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_vy4nu_gg_.__active_vy4nu_gg_ .___SText_vy4nu_gg_,.___SButton_vy4nu_gg_:active .___SText_vy4nu_gg_{border-color:currentColor}@media (hover:hover){.___SButton_vy4nu_gg_:hover .___SText_vy4nu_gg_{border-color:currentColor}}.___SButton_vy4nu_gg_.__enableVisited_vy4nu_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_vy4nu_gg_.__enableVisited_vy4nu_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_vy4nu_gg_ .___SText_vy4nu_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_vy4nu_gg_.__disabled_vy4nu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_ .___SText_vy4nu_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_vy4nu_gg_,.___SInner_vy4nu_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_vy4nu_gg_{height:100%;width:100%}.___SAddon_vy4nu_gg_{vertical-align:middle;pointer-events:none}.___SButton_vy4nu_gg_ .___SAddon_vy4nu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_vy4nu_gg_ .___SAddon_vy4nu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_{color:var(--text-color_vy4nu)}.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_:active{color:var(--text-color_vy4nu);filter:brightness(.8)}@media (hover:hover){.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_:hover{color:var(--text-color_vy4nu);filter:brightness(.8)}}.___SButton_vy4nu_gg_._size_100_vy4nu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_vy4nu_gg_._size_200_vy4nu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_vy4nu_gg_._size_300_vy4nu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_vy4nu_gg_._size_400_vy4nu_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_vy4nu_gg_._size_500_vy4nu_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_vy4nu_gg_._size_600_vy4nu_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_vy4nu_gg_._size_700_vy4nu_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_vy4nu_gg_._size_800_vy4nu_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_vy4nu_gg_,.___SText_vy4nu_gg_{transition:none}}",
17
17
  "vy4nu_gg_"
18
18
  ), {
19
- __SButton: "___SButton_vy4nu_gg_",
20
- _disabled: "__disabled_vy4nu_gg_",
21
- __SInner: "___SInner_vy4nu_gg_",
22
- __SAddon: "___SAddon_vy4nu_gg_",
23
- _size_100: "_size_100_vy4nu_gg_",
24
- _size_200: "_size_200_vy4nu_gg_",
25
- _size_300: "_size_300_vy4nu_gg_",
26
- _size_400: "_size_400_vy4nu_gg_",
27
- _size_500: "_size_500_vy4nu_gg_",
28
- _size_600: "_size_600_vy4nu_gg_",
29
- _size_700: "_size_700_vy4nu_gg_",
30
- _size_800: "_size_800_vy4nu_gg_",
31
- __SText: "___SText_vy4nu_gg_",
32
- _active: "__active_vy4nu_gg_",
33
- _enableVisited: "__enableVisited_vy4nu_gg_",
34
- _use_secondary: "_use_secondary_vy4nu_gg_",
19
+ "__SButton": "___SButton_vy4nu_gg_",
20
+ "_disabled": "__disabled_vy4nu_gg_",
21
+ "__SInner": "___SInner_vy4nu_gg_",
22
+ "__SAddon": "___SAddon_vy4nu_gg_",
23
+ "_size_100": "_size_100_vy4nu_gg_",
24
+ "_size_200": "_size_200_vy4nu_gg_",
25
+ "_size_300": "_size_300_vy4nu_gg_",
26
+ "_size_400": "_size_400_vy4nu_gg_",
27
+ "_size_500": "_size_500_vy4nu_gg_",
28
+ "_size_600": "_size_600_vy4nu_gg_",
29
+ "_size_700": "_size_700_vy4nu_gg_",
30
+ "_size_800": "_size_800_vy4nu_gg_",
31
+ "__SText": "___SText_vy4nu_gg_",
32
+ "_active": "__active_vy4nu_gg_",
33
+ "_enableVisited": "__enableVisited_vy4nu_gg_",
34
+ "_use_secondary": "_use_secondary_vy4nu_gg_",
35
35
  "_text-color": "__text-color_vy4nu_gg_",
36
36
  "--text-color": "--text-color_vy4nu"
37
37
  })
38
- ), B = {
39
- resolveColor: f()
40
- }, n = /* @__PURE__ */ function(t) {
41
- h(_, t);
42
- var e = S(_);
43
- function _() {
44
- return y(this, _), e.apply(this, arguments);
38
+ );
39
+ var enhance = {
40
+ resolveColor: resolveColorEnhance()
41
+ };
42
+ var RootButtonLink = /* @__PURE__ */ function(_AbstractButton) {
43
+ _inherits(RootButtonLink2, _AbstractButton);
44
+ var _super = _createSuper(RootButtonLink2);
45
+ function RootButtonLink2() {
46
+ _classCallCheck(this, RootButtonLink2);
47
+ return _super.apply(this, arguments);
45
48
  }
46
- return d(_, [{
49
+ _createClass(RootButtonLink2, [{
47
50
  key: "getTextColor",
48
- value: function() {
49
- var g = this.asProps, l = g.color, s = g.resolveColor;
50
- return s(l);
51
+ value: function getTextColor() {
52
+ var _ref5 = this.asProps, color = _ref5.color, resolveColor = _ref5.resolveColor;
53
+ return resolveColor(color);
51
54
  }
52
- }]), _;
53
- }(p);
54
- r(n, "displayName", "ButtonLink");
55
- r(n, "enhance", Object.values(B));
56
- r(n, "style", m);
57
- r(n, "defaultProps", {
55
+ }]);
56
+ return RootButtonLink2;
57
+ }(AbstractButton);
58
+ _defineProperty(RootButtonLink, "displayName", "ButtonLink");
59
+ _defineProperty(RootButtonLink, "enhance", Object.values(enhance));
60
+ _defineProperty(RootButtonLink, "style", style);
61
+ _defineProperty(RootButtonLink, "defaultProps", {
58
62
  use: "primary"
59
63
  });
60
- function b(t) {
61
- var e = arguments[0], _, o = c;
62
- return _ = i(t.styles), /* @__PURE__ */ u.createElement(o, _.cn("SText", a({}, v({
63
- tag: "span"
64
- }, e))));
64
+ function Text(props) {
65
+ var _ref = arguments[0], _ref3;
66
+ var SText = Box;
67
+ return _ref3 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", _objectSpread({}, assignProps({
68
+ "tag": "span"
69
+ }, _ref))));
65
70
  }
66
- function z(t) {
67
- var e = arguments[0], _, o = c;
68
- return _ = i(t.styles), /* @__PURE__ */ u.createElement(o, _.cn("SAddon", a({}, v({
69
- tag: "span"
70
- }, e))));
71
+ function Addon(props) {
72
+ var _ref2 = arguments[0], _ref4;
73
+ var SAddon = Box;
74
+ return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, assignProps({
75
+ "tag": "span"
76
+ }, _ref2))));
71
77
  }
72
- var R = x(n, {
73
- Text: b,
74
- Addon: z
78
+ var ButtonLink = createComponent(RootButtonLink, {
79
+ Text,
80
+ Addon
75
81
  });
76
82
  export {
77
- R as ButtonLink
83
+ ButtonLink
78
84
  };
package/lib/esm/index.mjs CHANGED
@@ -1,8 +1,8 @@
1
- import { default as t } from "./component/Button/Button.mjs";
2
- import { ButtonLink as f } from "./component/ButtonLink/ButtonLink.mjs";
3
- import { MAP_USE_DEFAULT_THEME as m } from "./component/AbstractButton/AbstractButton.mjs";
1
+ import { default as default2 } from "./component/Button/Button.mjs";
2
+ import { ButtonLink } from "./component/ButtonLink/ButtonLink.mjs";
3
+ import { MAP_USE_DEFAULT_THEME } from "./component/AbstractButton/AbstractButton.mjs";
4
4
  export {
5
- f as ButtonLink,
6
- m as MAP_USE_DEFAULT_THEME,
7
- t as default
5
+ ButtonLink,
6
+ MAP_USE_DEFAULT_THEME,
7
+ default2 as default
8
8
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/button",
3
3
  "description": "Semrush Button Component",
4
- "version": "16.0.0-prerelease.4",
4
+ "version": "16.0.0-prerelease.7",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,13 +14,13 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/flex-box": "16.0.0-prerelease.4",
18
- "@semcore/neighbor-location": "16.0.0-prerelease.4",
19
- "@semcore/spin": "16.0.0-prerelease.4",
20
- "@semcore/tooltip": "16.0.0-prerelease.4"
17
+ "@semcore/flex-box": "16.0.0-prerelease.7",
18
+ "@semcore/neighbor-location": "16.0.0-prerelease.7",
19
+ "@semcore/spin": "16.0.0-prerelease.7",
20
+ "@semcore/tooltip": "16.0.0-prerelease.7"
21
21
  },
22
22
  "peerDependencies": {
23
- "@semcore/base-components": "^16.0.0-prerelease.4"
23
+ "@semcore/base-components": "^16.0.0-prerelease.7"
24
24
  },
25
25
  "repository": {
26
26
  "type": "git",