@semcore/button 16.0.0-prerelease.6 → 16.0.0-prerelease.9

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 (23) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/component/AbstractButton/AbstractButton.js +1 -0
  3. package/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
  4. package/lib/cjs/component/Button/Button.js +27 -26
  5. package/lib/cjs/component/Button/Button.js.map +1 -1
  6. package/lib/cjs/component/Button/Button.type.js.map +1 -1
  7. package/lib/cjs/component/Button/button.shadow.css +17 -1
  8. package/lib/es6/component/AbstractButton/AbstractButton.js +1 -0
  9. package/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
  10. package/lib/es6/component/Button/Button.js +27 -26
  11. package/lib/es6/component/Button/Button.js.map +1 -1
  12. package/lib/es6/component/Button/Button.type.js.map +1 -1
  13. package/lib/es6/component/Button/button.shadow.css +17 -1
  14. package/lib/esm/component/AbstractButton/AbstractButton.mjs +113 -83
  15. package/lib/esm/component/AbstractButton/SpinButton.mjs +14 -13
  16. package/lib/esm/component/Button/Button.mjs +72 -69
  17. package/lib/esm/component/ButtonLink/ButtonLink.mjs +66 -60
  18. package/lib/esm/index.mjs +6 -6
  19. package/lib/types/component/Button/Button.type.d.ts +6 -2
  20. package/package.json +6 -6
  21. package/src/component/AbstractButton/AbstractButton.tsx +6 -0
  22. package/src/component/Button/Button.type.ts +7 -2
  23. package/src/component/Button/button.shadow.css +17 -1
package/lib/esm/component/AbstractButton/AbstractButton.mjs CHANGED
@@ -1,122 +1,152 @@
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
+ logger.warn(this.asProps.theme === "warning", "Warning theme is deprecated and will be removed in the next major release.", this.asProps["data-ui-name"] || AbstractButton2.displayName);
61
+ }
62
+ var ariaLabelledby = this.asProps["aria-labelledby"];
63
+ if (ariaLabelledby) {
64
+ setTimeout(function() {
65
+ var _document$getElementB, _document$getElementB2;
66
+ _this2.setState({
67
+ 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 : ""
68
+ });
69
+ }, 0);
70
+ }
61
71
  }
62
72
  }, {
63
73
  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);
74
+ value: function renderButton(_ref6) {
75
+ var _ref = this.asProps, _ref3;
76
+ var buttonProps = _ref6.buttonProps, children = _ref6.children;
77
+ var styles = this.asProps.styles;
78
+ var SButton = Box;
79
+ return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref3.cn("SButton", _objectSpread({}, assignProps(_objectSpread({}, buttonProps), _ref))), children);
67
80
  }
68
81
  }, {
69
82
  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);
83
+ value: function renderButtonWithHint(_ref7) {
84
+ var _ref2 = this.asProps, _ref4;
85
+ var buttonProps = _ref7.buttonProps, children = _ref7.children, hintProps = _ref7.hintProps;
86
+ var styles = this.asProps.styles;
87
+ var SButton = Hint;
88
+ return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, assignProps(_objectSpread(_objectSpread({}, buttonProps), hintProps), _ref2))), children);
73
89
  }
74
90
  }, {
75
91
  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 = {
92
+ value: function render() {
93
+ var _ref8, _ref9, _this3 = this;
94
+ 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;
95
+ var Button = this[CORE_INSTANCE];
96
+ var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
97
+ var SInner = Box;
98
+ var SSpin = Box;
99
+ var buttonAriaLabel = (_ref8 = (_ref9 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref9 !== void 0 ? _ref9 : this.state.ariaLabelledByContent) !== null && _ref8 !== void 0 ? _ref8 : "";
100
+ var buttonProps = {
78
101
  type: "button",
79
102
  tag: "button",
80
- disabled: T,
81
- "use:theme": A,
103
+ disabled,
104
+ "use:theme": useTheme,
82
105
  ref: this.containerRef,
83
106
  "text-color": this.getTextColor(),
84
- "aria-busy": p,
107
+ "aria-busy": loading,
85
108
  __excludeProps: ["title"]
86
- }, w = {
87
- title: M,
109
+ };
110
+ var hintProps = {
111
+ title: buttonAriaLabel,
88
112
  timeout: [250, 50],
89
- placement: H,
90
- theme: c === "invert" ? "invert" : void 0,
113
+ placement: hintPlacement,
114
+ theme: theme === "invert" ? "invert" : void 0,
91
115
  __excludeProps: []
92
116
  };
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
117
+ return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
118
+ neighborLocation
119
+ }, function(neighborLocation2) {
120
+ var _ref5;
121
+ var children = (_ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SInner, _ref5.cn("SInner", {
122
+ "tag": "span",
123
+ "loading": loading
124
+ }), 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", {
125
+ "tag": "span"
126
+ }), /* @__PURE__ */ React.createElement(SpinButton, _ref5.cn("SpinButton", {
127
+ "centered": true,
128
+ "size": size,
129
+ "theme": useTheme
105
130
  })))));
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
131
+ buttonProps.neighborLocation = neighborLocation2;
132
+ if (hasChildren === void 0 || title) {
133
+ return _this3.renderButtonWithHint({
134
+ buttonProps,
135
+ hintProps,
136
+ children
137
+ });
138
+ }
139
+ return _this3.renderButton({
140
+ buttonProps,
141
+ children
113
142
  });
114
143
  });
115
144
  }
116
- }]), s;
117
- }(V);
118
- g(tt, "displayName", "AbstractButton");
145
+ }]);
146
+ return AbstractButton2;
147
+ }(Component);
148
+ _defineProperty(AbstractButton, "displayName", "AbstractButton");
119
149
  export {
120
- tt as AbstractButton,
121
- Z as MAP_USE_DEFAULT_THEME
150
+ AbstractButton,
151
+ MAP_USE_DEFAULT_THEME
122
152
  };
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,84 +1,87 @@
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)}`,
20
- "1tqb6_gg_"
15
+ '.___SButton_19c5z_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_19c5z_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_19c5z_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_19c5z_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_19c5z_gg_.__disabled_19c5z_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_19c5z_gg_._size_s_19c5z_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_19c5z_gg_._size_m_19c5z_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_19c5z_gg_._size_l_19c5z_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_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_19c5z_gg_._theme_secondary-muted_19c5z_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_19c5z_gg_._theme_secondary-info_19c5z_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_19c5z_gg_._theme_secondary-info_19c5z_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_19c5z_gg_._theme_secondary-info_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_secondary-info_19c5z_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_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_19c5z_gg_._theme_secondary-invert_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_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_19c5z_gg_._theme_tertiary-info_19c5z_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_19c5z_gg_._neighborLocation_right_19c5z_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_{border-radius:0;margin-left:-1px}.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_,.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_{position:relative}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_:after,.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_._theme_secondary-muted_19c5z_gg_:after,.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_._theme_secondary-muted_19c5z_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_19c5z_gg_+.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_:after,.___SButton_19c5z_gg_+.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_19c5z_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_19c5z_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_19c5z_gg_.__loading_19c5z_gg_{visibility:hidden}.___SText_19c5z_gg_{display:inline-flex}.___SText_19c5z_gg_._size_l_19c5z_gg_,.___SText_19c5z_gg_._size_m_19c5z_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_19c5z_gg_._size_m_19c5z_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_19c5z_gg_._size_l_19c5z_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_19c5z_gg_._size_l_19c5z_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_19c5z_gg_._size_l_19c5z_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_19c5z_gg_._size_l_19c5z_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_19c5z_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_19c5z_gg_._size_m_19c5z_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_19c5z_gg_._size_m_19c5z_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_19c5z_gg_._size_m_19c5z_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_19c5z_gg_._size_l_19c5z_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_19c5z_gg_._size_l_19c5z_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_19c5z_gg_._size_l_19c5z_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}',
16
+ "19c5z_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_",
35
- "_theme_primary-info": "_theme_primary-info_1tqb6_gg_",
36
- _active: "__active_1tqb6_gg_",
37
- "_theme_primary-success": "_theme_primary-success_1tqb6_gg_",
38
- "_theme_primary-warning": "_theme_primary-warning_1tqb6_gg_",
39
- "_theme_primary-danger": "_theme_primary-danger_1tqb6_gg_",
40
- "_theme_primary-invert": "_theme_primary-invert_1tqb6_gg_",
41
- "_theme_secondary-muted": "_theme_secondary-muted_1tqb6_gg_",
42
- "_theme_secondary-info": "_theme_secondary-info_1tqb6_gg_",
43
- "_theme_secondary-invert": "_theme_secondary-invert_1tqb6_gg_",
44
- "_theme_tertiary-info": "_theme_tertiary-info_1tqb6_gg_",
45
- "_theme_tertiary-muted": "_theme_tertiary-muted_1tqb6_gg_",
46
- "_theme_tertiary-invert": "_theme_tertiary-invert_1tqb6_gg_"
18
+ "__SButton": "___SButton_19c5z_gg_",
19
+ "_disabled": "__disabled_19c5z_gg_",
20
+ "_size_s": "_size_s_19c5z_gg_",
21
+ "_size_m": "_size_m_19c5z_gg_",
22
+ "_size_l": "_size_l_19c5z_gg_",
23
+ "_neighborLocation_right": "_neighborLocation_right_19c5z_gg_",
24
+ "_neighborLocation_both": "_neighborLocation_both_19c5z_gg_",
25
+ "_neighborLocation_left": "_neighborLocation_left_19c5z_gg_",
26
+ "__SSpin": "___SSpin_19c5z_gg_",
27
+ "__SInner": "___SInner_19c5z_gg_",
28
+ "_loading": "__loading_19c5z_gg_",
29
+ "__SText": "___SText_19c5z_gg_",
30
+ "__SAddon": "___SAddon_19c5z_gg_",
31
+ "_theme_primary-info": "_theme_primary-info_19c5z_gg_",
32
+ "_active": "__active_19c5z_gg_",
33
+ "_theme_primary-success": "_theme_primary-success_19c5z_gg_",
34
+ "_theme_primary-brand": "_theme_primary-brand_19c5z_gg_",
35
+ "_theme_primary-warning": "_theme_primary-warning_19c5z_gg_",
36
+ "_theme_primary-danger": "_theme_primary-danger_19c5z_gg_",
37
+ "_theme_primary-invert": "_theme_primary-invert_19c5z_gg_",
38
+ "_theme_secondary-muted": "_theme_secondary-muted_19c5z_gg_",
39
+ "_theme_secondary-info": "_theme_secondary-info_19c5z_gg_",
40
+ "_theme_secondary-invert": "_theme_secondary-invert_19c5z_gg_",
41
+ "_theme_tertiary-info": "_theme_tertiary-info_19c5z_gg_",
42
+ "_theme_tertiary-muted": "_theme_tertiary-muted_19c5z_gg_",
43
+ "_theme_tertiary-invert": "_theme_tertiary-invert_19c5z_gg_"
47
44
  })
48
- ), a = /* @__PURE__ */ function(_) {
49
- f(t, _);
50
- var r = m(t);
51
- function t() {
52
- return b(this, t), r.apply(this, arguments);
45
+ );
46
+ var RootButton = /* @__PURE__ */ function(_AbstractButton) {
47
+ _inherits(RootButton2, _AbstractButton);
48
+ var _super = _createSuper(RootButton2);
49
+ function RootButton2() {
50
+ _classCallCheck(this, RootButton2);
51
+ return _super.apply(this, arguments);
53
52
  }
54
- return v(t, [{
53
+ _createClass(RootButton2, [{
55
54
  key: "getTextColor",
56
- value: function() {
55
+ value: function getTextColor() {
56
+ return void 0;
57
57
  }
58
- }]), t;
59
- }(h);
60
- i(a, "displayName", "Button");
61
- i(a, "style", q);
62
- i(a, "defaultProps", {
58
+ }]);
59
+ return RootButton2;
60
+ }(AbstractButton);
61
+ _defineProperty(RootButton, "displayName", "Button");
62
+ _defineProperty(RootButton, "style", style);
63
+ _defineProperty(RootButton, "defaultProps", {
63
64
  use: "secondary",
64
65
  size: "m"
65
66
  });
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))));
67
+ function Text(props) {
68
+ var _ref = arguments[0], _ref3;
69
+ var SText = Box;
70
+ return _ref3 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", _objectSpread({}, assignProps({
71
+ "tag": "span"
72
+ }, _ref))));
71
73
  }
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))));
74
+ function Addon(props) {
75
+ var _ref2 = arguments[0], _ref4;
76
+ var SAddon = Box;
77
+ return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, assignProps({
78
+ "tag": "span"
79
+ }, _ref2))));
77
80
  }
78
- var A = d(a, {
79
- Text: s,
80
- Addon: u
81
+ var Button = createComponent(RootButton, {
82
+ Text,
83
+ Addon
81
84
  });
82
85
  export {
83
- A as default
86
+ Button as default
84
87
  };