@semcore/button 4.3.10 → 4.3.12

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 (7) hide show
  1. package/CHANGELOG.md +2 -2
  2. package/lib/cjs/Button.js +36 -48
  3. package/lib/cjs/Button.js.map +1 -1
  4. package/lib/cjs/index.js +1 -5
  5. package/lib/es6/Button.js +29 -38
  6. package/lib/es6/Button.js.map +1 -1
  7. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [4.3.10] - 2023-02-21
5
+ ## [4.3.12] - 2023-03-16
6
6
 
7
7
  ### Changed
8
8
 
9
- - Version patch update due to children dependencies update (`@semcore/utils` [3.47.0 ~> 3.47.1]).
9
+ - Version patch update due to children dependencies update (`@semcore/utils` [3.47.2 ~> 3.47.3]).
10
10
 
11
11
  ## [4.3.8] - 2023-02-09
12
12
 
package/lib/cjs/Button.js CHANGED
@@ -1,14 +1,16 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
4
 
5
- var _typeof = require("@babel/runtime/helpers/typeof");
5
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
6
 
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
10
  exports["default"] = exports.MAP_USE_DEFAULT_THEME = void 0;
11
11
 
12
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
13
+
12
14
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
15
 
14
16
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -17,9 +19,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
17
19
 
18
20
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
19
21
 
20
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
21
-
22
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
22
+ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
23
23
 
24
24
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
25
25
 
@@ -41,53 +41,41 @@ var _SpinButton = _interopRequireDefault(require("./SpinButton"));
41
41
 
42
42
  var _hasLabels = _interopRequireDefault(require("@semcore/utils/lib/hasLabels"));
43
43
 
44
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
45
-
46
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
47
-
48
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
49
-
50
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
51
-
52
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
53
-
54
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
55
-
56
44
  /*__reshadow-styles__:"./style/button.shadow.css"*/
57
45
  var style = (
58
46
  /*__reshadow_css_start__*/
59
47
  _core.sstyled.insert(
60
48
  /*__inner_css_start__*/
61
- ".___SButton_1cr2l_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;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;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)}.___SButton_1cr2l_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1cr2l_gg_:active,.___SButton_1cr2l_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_1cr2l_gg_:hover{outline:0;text-decoration:none}}.___SButton_1cr2l_gg_.__disabled_1cr2l_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1cr2l_gg_.__keyboardFocused_1cr2l_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));z-index:1}.___SButton_1cr2l_gg_._size_m_1cr2l_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1cr2l_gg_._size_l_1cr2l_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1cr2l_gg_._theme_primary-info_1cr2l_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1cr2l_gg_._theme_primary-info_1cr2l_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1cr2l_gg_._theme_primary-info_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_primary-info_1cr2l_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1cr2l_gg_._theme_primary-success_1cr2l_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1cr2l_gg_._theme_primary-success_1cr2l_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1cr2l_gg_._theme_primary-success_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_primary-success_1cr2l_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1cr2l_gg_._theme_primary-warning_1cr2l_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_1cr2l_gg_._theme_primary-warning_1cr2l_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_1cr2l_gg_._theme_primary-warning_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_primary-warning_1cr2l_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_1cr2l_gg_._theme_primary-danger_1cr2l_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1cr2l_gg_._theme_primary-danger_1cr2l_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1cr2l_gg_._theme_primary-danger_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_primary-danger_1cr2l_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1cr2l_gg_._theme_primary-invert_1cr2l_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1cr2l_gg_._theme_primary-invert_1cr2l_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1cr2l_gg_._theme_primary-invert_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_primary-invert_1cr2l_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1cr2l_gg_._theme_secondary-muted_1cr2l_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_1cr2l_gg_._theme_secondary-muted_1cr2l_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n );color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1cr2l_gg_._theme_secondary-muted_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_secondary-muted_1cr2l_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_1cr2l_gg_._theme_secondary-info_1cr2l_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1cr2l_gg_._theme_secondary-info_1cr2l_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1cr2l_gg_._theme_secondary-info_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_secondary-info_1cr2l_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1cr2l_gg_._theme_secondary-invert_1cr2l_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_1cr2l_gg_._theme_secondary-invert_1cr2l_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1cr2l_gg_._theme_secondary-invert_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_secondary-invert_1cr2l_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_1cr2l_gg_._theme_tertiary-info_1cr2l_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1cr2l_gg_._theme_tertiary-info_1cr2l_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1cr2l_gg_._theme_tertiary-info_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_tertiary-info_1cr2l_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1cr2l_gg_._theme_tertiary-muted_1cr2l_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1cr2l_gg_._theme_tertiary-muted_1cr2l_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1cr2l_gg_._theme_tertiary-muted_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_tertiary-muted_1cr2l_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_1cr2l_gg_._theme_tertiary-invert_1cr2l_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1cr2l_gg_._theme_tertiary-invert_1cr2l_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1cr2l_gg_._theme_tertiary-invert_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_tertiary-invert_1cr2l_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1cr2l_gg_._neighborLocation_right_1cr2l_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1cr2l_gg_._neighborLocation_both_1cr2l_gg_{border-radius:0;margin-left:-1px}.___SButton_1cr2l_gg_._neighborLocation_both_1cr2l_gg_._theme_primary-danger_1cr2l_gg_,.___SButton_1cr2l_gg_._neighborLocation_both_1cr2l_gg_._theme_primary-info_1cr2l_gg_,.___SButton_1cr2l_gg_._neighborLocation_both_1cr2l_gg_._theme_primary-success_1cr2l_gg_,.___SButton_1cr2l_gg_._neighborLocation_both_1cr2l_gg_._theme_primary-warning_1cr2l_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_1cr2l_gg_._neighborLocation_both_1cr2l_gg_._theme_primary-invert_1cr2l_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_1cr2l_gg_._neighborLocation_left_1cr2l_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1cr2l_gg_._neighborLocation_left_1cr2l_gg_._theme_primary-danger_1cr2l_gg_,.___SButton_1cr2l_gg_._neighborLocation_left_1cr2l_gg_._theme_primary-info_1cr2l_gg_,.___SButton_1cr2l_gg_._neighborLocation_left_1cr2l_gg_._theme_primary-success_1cr2l_gg_,.___SButton_1cr2l_gg_._neighborLocation_left_1cr2l_gg_._theme_primary-warning_1cr2l_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_1cr2l_gg_._neighborLocation_left_1cr2l_gg_._theme_primary-invert_1cr2l_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_1cr2l_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1cr2l_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1cr2l_gg_.__loading_1cr2l_gg_{visibility:hidden}.___SText_1cr2l_gg_{display:inline-flex}.___SText_1cr2l_gg_._size_m_1cr2l_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1cr2l_gg_._size_l_1cr2l_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_1cr2l_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1cr2l_gg_._size_m_1cr2l_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cr2l_gg_._size_m_1cr2l_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cr2l_gg_._size_l_1cr2l_gg_:only-child,.___SAddon_1cr2l_gg_._size_m_1cr2l_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_1cr2l_gg_._size_l_1cr2l_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cr2l_gg_._size_l_1cr2l_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}"
49
+ ".___SButton_uvlva_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;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;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)}.___SButton_uvlva_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_uvlva_gg_:active,.___SButton_uvlva_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_uvlva_gg_:hover{outline:0;text-decoration:none}}.___SButton_uvlva_gg_.__disabled_uvlva_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_uvlva_gg_.__keyboardFocused_uvlva_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));z-index:1}.___SButton_uvlva_gg_._size_m_uvlva_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_uvlva_gg_._size_l_uvlva_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_uvlva_gg_._theme_primary-info_uvlva_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_uvlva_gg_._theme_primary-info_uvlva_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_uvlva_gg_._theme_primary-info_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_primary-info_uvlva_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_uvlva_gg_._theme_primary-success_uvlva_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_uvlva_gg_._theme_primary-success_uvlva_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_uvlva_gg_._theme_primary-success_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_primary-success_uvlva_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_uvlva_gg_._theme_primary-warning_uvlva_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_uvlva_gg_._theme_primary-warning_uvlva_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_uvlva_gg_._theme_primary-warning_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_primary-warning_uvlva_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_uvlva_gg_._theme_primary-danger_uvlva_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_uvlva_gg_._theme_primary-danger_uvlva_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_uvlva_gg_._theme_primary-danger_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_primary-danger_uvlva_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_uvlva_gg_._theme_primary-invert_uvlva_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_uvlva_gg_._theme_primary-invert_uvlva_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_uvlva_gg_._theme_primary-invert_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_primary-invert_uvlva_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_uvlva_gg_._theme_secondary-muted_uvlva_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_uvlva_gg_._theme_secondary-muted_uvlva_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n );color:var(--intergalactic-text-primary, #191b23)}}.___SButton_uvlva_gg_._theme_secondary-muted_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_secondary-muted_uvlva_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_uvlva_gg_._theme_secondary-info_uvlva_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_uvlva_gg_._theme_secondary-info_uvlva_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_uvlva_gg_._theme_secondary-info_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_secondary-info_uvlva_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_uvlva_gg_._theme_secondary-invert_uvlva_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_uvlva_gg_._theme_secondary-invert_uvlva_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_uvlva_gg_._theme_secondary-invert_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_secondary-invert_uvlva_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_uvlva_gg_._theme_tertiary-info_uvlva_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_uvlva_gg_._theme_tertiary-info_uvlva_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_uvlva_gg_._theme_tertiary-info_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_tertiary-info_uvlva_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_uvlva_gg_._theme_tertiary-muted_uvlva_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_uvlva_gg_._theme_tertiary-muted_uvlva_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_uvlva_gg_._theme_tertiary-muted_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_tertiary-muted_uvlva_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_uvlva_gg_._theme_tertiary-invert_uvlva_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_uvlva_gg_._theme_tertiary-invert_uvlva_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_uvlva_gg_._theme_tertiary-invert_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_tertiary-invert_uvlva_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_uvlva_gg_._neighborLocation_right_uvlva_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_uvlva_gg_._neighborLocation_both_uvlva_gg_{border-radius:0;margin-left:-1px}.___SButton_uvlva_gg_._neighborLocation_both_uvlva_gg_._theme_primary-danger_uvlva_gg_,.___SButton_uvlva_gg_._neighborLocation_both_uvlva_gg_._theme_primary-info_uvlva_gg_,.___SButton_uvlva_gg_._neighborLocation_both_uvlva_gg_._theme_primary-success_uvlva_gg_,.___SButton_uvlva_gg_._neighborLocation_both_uvlva_gg_._theme_primary-warning_uvlva_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_uvlva_gg_._neighborLocation_both_uvlva_gg_._theme_primary-invert_uvlva_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_uvlva_gg_._neighborLocation_left_uvlva_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_uvlva_gg_._neighborLocation_left_uvlva_gg_._theme_primary-danger_uvlva_gg_,.___SButton_uvlva_gg_._neighborLocation_left_uvlva_gg_._theme_primary-info_uvlva_gg_,.___SButton_uvlva_gg_._neighborLocation_left_uvlva_gg_._theme_primary-success_uvlva_gg_,.___SButton_uvlva_gg_._neighborLocation_left_uvlva_gg_._theme_primary-warning_uvlva_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_uvlva_gg_._neighborLocation_left_uvlva_gg_._theme_primary-invert_uvlva_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_uvlva_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_uvlva_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_uvlva_gg_.__loading_uvlva_gg_{visibility:hidden}.___SText_uvlva_gg_{display:inline-flex}.___SText_uvlva_gg_._size_m_uvlva_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_uvlva_gg_._size_l_uvlva_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_uvlva_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_uvlva_gg_._size_m_uvlva_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_uvlva_gg_._size_m_uvlva_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_uvlva_gg_._size_l_uvlva_gg_:only-child,.___SAddon_uvlva_gg_._size_m_uvlva_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_uvlva_gg_._size_l_uvlva_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_uvlva_gg_._size_l_uvlva_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}"
62
50
  /*__inner_css_end__*/
63
- , "1cr2l_gg_")
51
+ , "uvlva_gg_")
64
52
  /*__reshadow_css_end__*/
65
53
  , {
66
- "__SButton": "___SButton_1cr2l_gg_",
67
- "_disabled": "__disabled_1cr2l_gg_",
68
- "_keyboardFocused": "__keyboardFocused_1cr2l_gg_",
69
- "_size_m": "_size_m_1cr2l_gg_",
70
- "_size_l": "_size_l_1cr2l_gg_",
71
- "_theme_primary-info": "_theme_primary-info_1cr2l_gg_",
72
- "_active": "__active_1cr2l_gg_",
73
- "_theme_primary-success": "_theme_primary-success_1cr2l_gg_",
74
- "_theme_primary-warning": "_theme_primary-warning_1cr2l_gg_",
75
- "_theme_primary-danger": "_theme_primary-danger_1cr2l_gg_",
76
- "_theme_primary-invert": "_theme_primary-invert_1cr2l_gg_",
77
- "_theme_secondary-muted": "_theme_secondary-muted_1cr2l_gg_",
78
- "_theme_secondary-info": "_theme_secondary-info_1cr2l_gg_",
79
- "_theme_secondary-invert": "_theme_secondary-invert_1cr2l_gg_",
80
- "_theme_tertiary-info": "_theme_tertiary-info_1cr2l_gg_",
81
- "_theme_tertiary-muted": "_theme_tertiary-muted_1cr2l_gg_",
82
- "_theme_tertiary-invert": "_theme_tertiary-invert_1cr2l_gg_",
83
- "_neighborLocation_right": "_neighborLocation_right_1cr2l_gg_",
84
- "_neighborLocation_both": "_neighborLocation_both_1cr2l_gg_",
85
- "_neighborLocation_left": "_neighborLocation_left_1cr2l_gg_",
86
- "__SSpin": "___SSpin_1cr2l_gg_",
87
- "__SInner": "___SInner_1cr2l_gg_",
88
- "_loading": "__loading_1cr2l_gg_",
89
- "__SText": "___SText_1cr2l_gg_",
90
- "__SAddon": "___SAddon_1cr2l_gg_"
54
+ "__SButton": "___SButton_uvlva_gg_",
55
+ "_disabled": "__disabled_uvlva_gg_",
56
+ "_keyboardFocused": "__keyboardFocused_uvlva_gg_",
57
+ "_size_m": "_size_m_uvlva_gg_",
58
+ "_size_l": "_size_l_uvlva_gg_",
59
+ "_theme_primary-info": "_theme_primary-info_uvlva_gg_",
60
+ "_active": "__active_uvlva_gg_",
61
+ "_theme_primary-success": "_theme_primary-success_uvlva_gg_",
62
+ "_theme_primary-warning": "_theme_primary-warning_uvlva_gg_",
63
+ "_theme_primary-danger": "_theme_primary-danger_uvlva_gg_",
64
+ "_theme_primary-invert": "_theme_primary-invert_uvlva_gg_",
65
+ "_theme_secondary-muted": "_theme_secondary-muted_uvlva_gg_",
66
+ "_theme_secondary-info": "_theme_secondary-info_uvlva_gg_",
67
+ "_theme_secondary-invert": "_theme_secondary-invert_uvlva_gg_",
68
+ "_theme_tertiary-info": "_theme_tertiary-info_uvlva_gg_",
69
+ "_theme_tertiary-muted": "_theme_tertiary-muted_uvlva_gg_",
70
+ "_theme_tertiary-invert": "_theme_tertiary-invert_uvlva_gg_",
71
+ "_neighborLocation_right": "_neighborLocation_right_uvlva_gg_",
72
+ "_neighborLocation_both": "_neighborLocation_both_uvlva_gg_",
73
+ "_neighborLocation_left": "_neighborLocation_left_uvlva_gg_",
74
+ "__SSpin": "___SSpin_uvlva_gg_",
75
+ "__SInner": "___SInner_uvlva_gg_",
76
+ "_loading": "__loading_uvlva_gg_",
77
+ "__SText": "___SText_uvlva_gg_",
78
+ "__SAddon": "___SAddon_uvlva_gg_"
91
79
  });
92
80
  var MAP_USE_DEFAULT_THEME = {
93
81
  primary: 'info',
@@ -99,7 +87,7 @@ exports.MAP_USE_DEFAULT_THEME = MAP_USE_DEFAULT_THEME;
99
87
  var RootButton = /*#__PURE__*/function (_Component) {
100
88
  (0, _inherits2["default"])(RootButton, _Component);
101
89
 
102
- var _super = _createSuper(RootButton);
90
+ var _super = (0, _createSuper2["default"])(RootButton);
103
91
 
104
92
  function RootButton() {
105
93
  var _this;
@@ -166,7 +154,7 @@ var RootButton = /*#__PURE__*/function (_Component) {
166
154
  }, function (neighborLocation) {
167
155
  var _ref4;
168
156
 
169
- return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SButton, _ref4.cn("SButton", _objectSpread({}, (0, _core.assignProps)({
157
+ return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SButton, _ref4.cn("SButton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
170
158
  "type": "button",
171
159
  "tag": "button",
172
160
  "disabled": disabled,
@@ -207,7 +195,7 @@ function Text(props) {
207
195
  _ref5;
208
196
 
209
197
  var SText = _flexBox.Box;
210
- return _ref5 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", _objectSpread({}, (0, _core.assignProps)({
198
+ return _ref5 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
211
199
  "tag": "span"
212
200
  }, _ref2))));
213
201
  }
@@ -217,7 +205,7 @@ function Addon(props) {
217
205
  _ref6;
218
206
 
219
207
  var SAddon = _flexBox.Box;
220
- return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, (0, _core.assignProps)({
208
+ return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
221
209
  "tag": "span"
222
210
  }, _ref3))));
223
211
  }
package/lib/cjs/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","names":["MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","RootButton","React","createRef","size","asProps","process","env","NODE_ENV","logger","warn","hasLabels","containerRef","current","Button","displayName","SButton","Box","SInner","SSpin","Children","styles","use","theme","loading","disabled","neighborLocation","addonLeft","addonRight","useTheme","sstyled","addonTextChildren","Text","Addon","Component","keyboardFocusEnhance","style","props","SText","SAddon","createComponent"],"sources":["../../src/Button.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\n\nimport style from './style/button.shadow.css';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\n\nexport const MAP_USE_DEFAULT_THEME = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\nclass RootButton extends Component {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n containerRef = React.createRef();\n\n getTextProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n !hasLabels(this.containerRef.current),\n `'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || Button.displayName,\n );\n }\n }\n\n render() {\n const SButton = Root;\n const SInner = Box;\n const SSpin = Box;\n const {\n Children,\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n addonLeft,\n addonRight,\n } = this.asProps;\n const useTheme = use && theme ? `${use}-${theme}` : false;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SButton\n render={Box}\n type=\"button\"\n tag=\"button\"\n disabled={disabled}\n neighborLocation={neighborLocation}\n use:theme={useTheme}\n role=\"button\"\n ref={this.containerRef}\n >\n <SInner tag=\"span\" loading={loading}>\n {addonLeft ? <Button.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {addonRight ? <Button.Addon tag={addonRight} /> : null}\n </SInner>\n {loading && (\n <SSpin tag=\"span\">\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </SButton>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag=\"span\" />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n});\n\nexport default Button;\n"],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","names":["MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","RootButton","React","createRef","size","asProps","process","env","NODE_ENV","logger","warn","hasLabels","containerRef","current","Button","displayName","SButton","Box","SInner","SSpin","Children","styles","use","theme","loading","disabled","neighborLocation","addonLeft","addonRight","useTheme","sstyled","addonTextChildren","Text","Addon","Component","keyboardFocusEnhance","style","props","SText","SAddon","createComponent"],"sources":["../../src/Button.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\n\nimport style from './style/button.shadow.css';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\n\nexport const MAP_USE_DEFAULT_THEME = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\nclass RootButton extends Component {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n containerRef = React.createRef();\n\n getTextProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n !hasLabels(this.containerRef.current),\n `'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || Button.displayName,\n );\n }\n }\n\n render() {\n const SButton = Root;\n const SInner = Box;\n const SSpin = Box;\n const {\n Children,\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n addonLeft,\n addonRight,\n } = this.asProps;\n const useTheme = use && theme ? `${use}-${theme}` : false;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SButton\n render={Box}\n type=\"button\"\n tag=\"button\"\n disabled={disabled}\n neighborLocation={neighborLocation}\n use:theme={useTheme}\n role=\"button\"\n ref={this.containerRef}\n >\n <SInner tag=\"span\" loading={loading}>\n {addonLeft ? <Button.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {addonRight ? <Button.Addon tag={addonRight} /> : null}\n </SInner>\n {loading && (\n <SSpin tag=\"span\">\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </SButton>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag=\"span\" />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n});\n\nexport default Button;\n"],"mappings":"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"}
package/lib/cjs/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _typeof = require("@babel/runtime/helpers/typeof");
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -26,8 +26,4 @@ Object.keys(_Button).forEach(function (key) {
26
26
  }
27
27
  });
28
28
  });
29
-
30
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
31
-
32
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
33
29
  //# sourceMappingURL=index.js.map
package/lib/es6/Button.js CHANGED
@@ -1,23 +1,14 @@
1
+ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
1
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
3
  import _createClass from "@babel/runtime/helpers/createClass";
3
4
  import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
4
5
  import _inherits from "@babel/runtime/helpers/inherits";
5
- import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
- import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
6
+ import _createSuper from "@babel/runtime/helpers/createSuper";
7
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
8
  import { sstyled as _sstyled } from "@semcore/core";
9
9
  import { assignProps as _assignProps3 } from "@semcore/core";
10
10
  import { assignProps as _assignProps2 } from "@semcore/core";
11
11
  import { assignProps as _assignProps } from "@semcore/core";
12
-
13
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
-
15
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
16
-
17
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
18
-
19
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
20
-
21
12
  import React from 'react';
22
13
  import createComponent, { Component, sstyled, Root } from '@semcore/core';
23
14
  import { Box } from '@semcore/flex-box';
@@ -32,36 +23,36 @@ var style = (
32
23
  /*__reshadow_css_start__*/
33
24
  _sstyled.insert(
34
25
  /*__inner_css_start__*/
35
- ".___SButton_1cr2l_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;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;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)}.___SButton_1cr2l_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1cr2l_gg_:active,.___SButton_1cr2l_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_1cr2l_gg_:hover{outline:0;text-decoration:none}}.___SButton_1cr2l_gg_.__disabled_1cr2l_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1cr2l_gg_.__keyboardFocused_1cr2l_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));z-index:1}.___SButton_1cr2l_gg_._size_m_1cr2l_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1cr2l_gg_._size_l_1cr2l_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1cr2l_gg_._theme_primary-info_1cr2l_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1cr2l_gg_._theme_primary-info_1cr2l_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1cr2l_gg_._theme_primary-info_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_primary-info_1cr2l_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1cr2l_gg_._theme_primary-success_1cr2l_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1cr2l_gg_._theme_primary-success_1cr2l_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1cr2l_gg_._theme_primary-success_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_primary-success_1cr2l_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1cr2l_gg_._theme_primary-warning_1cr2l_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_1cr2l_gg_._theme_primary-warning_1cr2l_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_1cr2l_gg_._theme_primary-warning_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_primary-warning_1cr2l_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_1cr2l_gg_._theme_primary-danger_1cr2l_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1cr2l_gg_._theme_primary-danger_1cr2l_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1cr2l_gg_._theme_primary-danger_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_primary-danger_1cr2l_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1cr2l_gg_._theme_primary-invert_1cr2l_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1cr2l_gg_._theme_primary-invert_1cr2l_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1cr2l_gg_._theme_primary-invert_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_primary-invert_1cr2l_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1cr2l_gg_._theme_secondary-muted_1cr2l_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_1cr2l_gg_._theme_secondary-muted_1cr2l_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n );color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1cr2l_gg_._theme_secondary-muted_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_secondary-muted_1cr2l_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_1cr2l_gg_._theme_secondary-info_1cr2l_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1cr2l_gg_._theme_secondary-info_1cr2l_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1cr2l_gg_._theme_secondary-info_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_secondary-info_1cr2l_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1cr2l_gg_._theme_secondary-invert_1cr2l_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_1cr2l_gg_._theme_secondary-invert_1cr2l_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1cr2l_gg_._theme_secondary-invert_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_secondary-invert_1cr2l_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_1cr2l_gg_._theme_tertiary-info_1cr2l_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1cr2l_gg_._theme_tertiary-info_1cr2l_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1cr2l_gg_._theme_tertiary-info_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_tertiary-info_1cr2l_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1cr2l_gg_._theme_tertiary-muted_1cr2l_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1cr2l_gg_._theme_tertiary-muted_1cr2l_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1cr2l_gg_._theme_tertiary-muted_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_tertiary-muted_1cr2l_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_1cr2l_gg_._theme_tertiary-invert_1cr2l_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1cr2l_gg_._theme_tertiary-invert_1cr2l_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1cr2l_gg_._theme_tertiary-invert_1cr2l_gg_.__active_1cr2l_gg_,.___SButton_1cr2l_gg_._theme_tertiary-invert_1cr2l_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1cr2l_gg_._neighborLocation_right_1cr2l_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1cr2l_gg_._neighborLocation_both_1cr2l_gg_{border-radius:0;margin-left:-1px}.___SButton_1cr2l_gg_._neighborLocation_both_1cr2l_gg_._theme_primary-danger_1cr2l_gg_,.___SButton_1cr2l_gg_._neighborLocation_both_1cr2l_gg_._theme_primary-info_1cr2l_gg_,.___SButton_1cr2l_gg_._neighborLocation_both_1cr2l_gg_._theme_primary-success_1cr2l_gg_,.___SButton_1cr2l_gg_._neighborLocation_both_1cr2l_gg_._theme_primary-warning_1cr2l_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_1cr2l_gg_._neighborLocation_both_1cr2l_gg_._theme_primary-invert_1cr2l_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_1cr2l_gg_._neighborLocation_left_1cr2l_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1cr2l_gg_._neighborLocation_left_1cr2l_gg_._theme_primary-danger_1cr2l_gg_,.___SButton_1cr2l_gg_._neighborLocation_left_1cr2l_gg_._theme_primary-info_1cr2l_gg_,.___SButton_1cr2l_gg_._neighborLocation_left_1cr2l_gg_._theme_primary-success_1cr2l_gg_,.___SButton_1cr2l_gg_._neighborLocation_left_1cr2l_gg_._theme_primary-warning_1cr2l_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_1cr2l_gg_._neighborLocation_left_1cr2l_gg_._theme_primary-invert_1cr2l_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_1cr2l_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1cr2l_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1cr2l_gg_.__loading_1cr2l_gg_{visibility:hidden}.___SText_1cr2l_gg_{display:inline-flex}.___SText_1cr2l_gg_._size_m_1cr2l_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1cr2l_gg_._size_l_1cr2l_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_1cr2l_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1cr2l_gg_._size_m_1cr2l_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cr2l_gg_._size_m_1cr2l_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cr2l_gg_._size_l_1cr2l_gg_:only-child,.___SAddon_1cr2l_gg_._size_m_1cr2l_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_1cr2l_gg_._size_l_1cr2l_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cr2l_gg_._size_l_1cr2l_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}"
26
+ ".___SButton_uvlva_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;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;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)}.___SButton_uvlva_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_uvlva_gg_:active,.___SButton_uvlva_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_uvlva_gg_:hover{outline:0;text-decoration:none}}.___SButton_uvlva_gg_.__disabled_uvlva_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_uvlva_gg_.__keyboardFocused_uvlva_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));z-index:1}.___SButton_uvlva_gg_._size_m_uvlva_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_uvlva_gg_._size_l_uvlva_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_uvlva_gg_._theme_primary-info_uvlva_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_uvlva_gg_._theme_primary-info_uvlva_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_uvlva_gg_._theme_primary-info_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_primary-info_uvlva_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_uvlva_gg_._theme_primary-success_uvlva_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_uvlva_gg_._theme_primary-success_uvlva_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_uvlva_gg_._theme_primary-success_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_primary-success_uvlva_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_uvlva_gg_._theme_primary-warning_uvlva_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_uvlva_gg_._theme_primary-warning_uvlva_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_uvlva_gg_._theme_primary-warning_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_primary-warning_uvlva_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_uvlva_gg_._theme_primary-danger_uvlva_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_uvlva_gg_._theme_primary-danger_uvlva_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_uvlva_gg_._theme_primary-danger_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_primary-danger_uvlva_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_uvlva_gg_._theme_primary-invert_uvlva_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_uvlva_gg_._theme_primary-invert_uvlva_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_uvlva_gg_._theme_primary-invert_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_primary-invert_uvlva_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_uvlva_gg_._theme_secondary-muted_uvlva_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_uvlva_gg_._theme_secondary-muted_uvlva_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n );color:var(--intergalactic-text-primary, #191b23)}}.___SButton_uvlva_gg_._theme_secondary-muted_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_secondary-muted_uvlva_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_uvlva_gg_._theme_secondary-info_uvlva_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_uvlva_gg_._theme_secondary-info_uvlva_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_uvlva_gg_._theme_secondary-info_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_secondary-info_uvlva_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_uvlva_gg_._theme_secondary-invert_uvlva_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_uvlva_gg_._theme_secondary-invert_uvlva_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_uvlva_gg_._theme_secondary-invert_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_secondary-invert_uvlva_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_uvlva_gg_._theme_tertiary-info_uvlva_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_uvlva_gg_._theme_tertiary-info_uvlva_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_uvlva_gg_._theme_tertiary-info_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_tertiary-info_uvlva_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_uvlva_gg_._theme_tertiary-muted_uvlva_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_uvlva_gg_._theme_tertiary-muted_uvlva_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_uvlva_gg_._theme_tertiary-muted_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_tertiary-muted_uvlva_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_uvlva_gg_._theme_tertiary-invert_uvlva_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_uvlva_gg_._theme_tertiary-invert_uvlva_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_uvlva_gg_._theme_tertiary-invert_uvlva_gg_.__active_uvlva_gg_,.___SButton_uvlva_gg_._theme_tertiary-invert_uvlva_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_uvlva_gg_._neighborLocation_right_uvlva_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_uvlva_gg_._neighborLocation_both_uvlva_gg_{border-radius:0;margin-left:-1px}.___SButton_uvlva_gg_._neighborLocation_both_uvlva_gg_._theme_primary-danger_uvlva_gg_,.___SButton_uvlva_gg_._neighborLocation_both_uvlva_gg_._theme_primary-info_uvlva_gg_,.___SButton_uvlva_gg_._neighborLocation_both_uvlva_gg_._theme_primary-success_uvlva_gg_,.___SButton_uvlva_gg_._neighborLocation_both_uvlva_gg_._theme_primary-warning_uvlva_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_uvlva_gg_._neighborLocation_both_uvlva_gg_._theme_primary-invert_uvlva_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_uvlva_gg_._neighborLocation_left_uvlva_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_uvlva_gg_._neighborLocation_left_uvlva_gg_._theme_primary-danger_uvlva_gg_,.___SButton_uvlva_gg_._neighborLocation_left_uvlva_gg_._theme_primary-info_uvlva_gg_,.___SButton_uvlva_gg_._neighborLocation_left_uvlva_gg_._theme_primary-success_uvlva_gg_,.___SButton_uvlva_gg_._neighborLocation_left_uvlva_gg_._theme_primary-warning_uvlva_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_uvlva_gg_._neighborLocation_left_uvlva_gg_._theme_primary-invert_uvlva_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_uvlva_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_uvlva_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_uvlva_gg_.__loading_uvlva_gg_{visibility:hidden}.___SText_uvlva_gg_{display:inline-flex}.___SText_uvlva_gg_._size_m_uvlva_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_uvlva_gg_._size_l_uvlva_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_uvlva_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_uvlva_gg_._size_m_uvlva_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_uvlva_gg_._size_m_uvlva_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_uvlva_gg_._size_l_uvlva_gg_:only-child,.___SAddon_uvlva_gg_._size_m_uvlva_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_uvlva_gg_._size_l_uvlva_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_uvlva_gg_._size_l_uvlva_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}"
36
27
  /*__inner_css_end__*/
37
- , "1cr2l_gg_")
28
+ , "uvlva_gg_")
38
29
  /*__reshadow_css_end__*/
39
30
  , {
40
- "__SButton": "___SButton_1cr2l_gg_",
41
- "_disabled": "__disabled_1cr2l_gg_",
42
- "_keyboardFocused": "__keyboardFocused_1cr2l_gg_",
43
- "_size_m": "_size_m_1cr2l_gg_",
44
- "_size_l": "_size_l_1cr2l_gg_",
45
- "_theme_primary-info": "_theme_primary-info_1cr2l_gg_",
46
- "_active": "__active_1cr2l_gg_",
47
- "_theme_primary-success": "_theme_primary-success_1cr2l_gg_",
48
- "_theme_primary-warning": "_theme_primary-warning_1cr2l_gg_",
49
- "_theme_primary-danger": "_theme_primary-danger_1cr2l_gg_",
50
- "_theme_primary-invert": "_theme_primary-invert_1cr2l_gg_",
51
- "_theme_secondary-muted": "_theme_secondary-muted_1cr2l_gg_",
52
- "_theme_secondary-info": "_theme_secondary-info_1cr2l_gg_",
53
- "_theme_secondary-invert": "_theme_secondary-invert_1cr2l_gg_",
54
- "_theme_tertiary-info": "_theme_tertiary-info_1cr2l_gg_",
55
- "_theme_tertiary-muted": "_theme_tertiary-muted_1cr2l_gg_",
56
- "_theme_tertiary-invert": "_theme_tertiary-invert_1cr2l_gg_",
57
- "_neighborLocation_right": "_neighborLocation_right_1cr2l_gg_",
58
- "_neighborLocation_both": "_neighborLocation_both_1cr2l_gg_",
59
- "_neighborLocation_left": "_neighborLocation_left_1cr2l_gg_",
60
- "__SSpin": "___SSpin_1cr2l_gg_",
61
- "__SInner": "___SInner_1cr2l_gg_",
62
- "_loading": "__loading_1cr2l_gg_",
63
- "__SText": "___SText_1cr2l_gg_",
64
- "__SAddon": "___SAddon_1cr2l_gg_"
31
+ "__SButton": "___SButton_uvlva_gg_",
32
+ "_disabled": "__disabled_uvlva_gg_",
33
+ "_keyboardFocused": "__keyboardFocused_uvlva_gg_",
34
+ "_size_m": "_size_m_uvlva_gg_",
35
+ "_size_l": "_size_l_uvlva_gg_",
36
+ "_theme_primary-info": "_theme_primary-info_uvlva_gg_",
37
+ "_active": "__active_uvlva_gg_",
38
+ "_theme_primary-success": "_theme_primary-success_uvlva_gg_",
39
+ "_theme_primary-warning": "_theme_primary-warning_uvlva_gg_",
40
+ "_theme_primary-danger": "_theme_primary-danger_uvlva_gg_",
41
+ "_theme_primary-invert": "_theme_primary-invert_uvlva_gg_",
42
+ "_theme_secondary-muted": "_theme_secondary-muted_uvlva_gg_",
43
+ "_theme_secondary-info": "_theme_secondary-info_uvlva_gg_",
44
+ "_theme_secondary-invert": "_theme_secondary-invert_uvlva_gg_",
45
+ "_theme_tertiary-info": "_theme_tertiary-info_uvlva_gg_",
46
+ "_theme_tertiary-muted": "_theme_tertiary-muted_uvlva_gg_",
47
+ "_theme_tertiary-invert": "_theme_tertiary-invert_uvlva_gg_",
48
+ "_neighborLocation_right": "_neighborLocation_right_uvlva_gg_",
49
+ "_neighborLocation_both": "_neighborLocation_both_uvlva_gg_",
50
+ "_neighborLocation_left": "_neighborLocation_left_uvlva_gg_",
51
+ "__SSpin": "___SSpin_uvlva_gg_",
52
+ "__SInner": "___SInner_uvlva_gg_",
53
+ "_loading": "__loading_uvlva_gg_",
54
+ "__SText": "___SText_uvlva_gg_",
55
+ "__SAddon": "___SAddon_uvlva_gg_"
65
56
  });
66
57
  import hasLabels from '@semcore/utils/lib/hasLabels';
67
58
  export var MAP_USE_DEFAULT_THEME = {
package/lib/es6/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","names":["React","createComponent","Component","sstyled","Root","Box","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","SpinButton","hasLabels","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","RootButton","createRef","size","asProps","process","env","NODE_ENV","warn","containerRef","current","Button","displayName","SButton","SInner","SSpin","Children","styles","use","theme","loading","disabled","neighborLocation","addonLeft","addonRight","useTheme","Text","Addon","style","props","SText","SAddon"],"sources":["../../src/Button.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\n\nimport style from './style/button.shadow.css';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\n\nexport const MAP_USE_DEFAULT_THEME = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\nclass RootButton extends Component {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n containerRef = React.createRef();\n\n getTextProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n !hasLabels(this.containerRef.current),\n `'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || Button.displayName,\n );\n }\n }\n\n render() {\n const SButton = Root;\n const SInner = Box;\n const SSpin = Box;\n const {\n Children,\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n addonLeft,\n addonRight,\n } = this.asProps;\n const useTheme = use && theme ? `${use}-${theme}` : false;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SButton\n render={Box}\n type=\"button\"\n tag=\"button\"\n disabled={disabled}\n neighborLocation={neighborLocation}\n use:theme={useTheme}\n role=\"button\"\n ref={this.containerRef}\n >\n <SInner tag=\"span\" loading={loading}>\n {addonLeft ? <Button.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {addonRight ? <Button.Addon tag={addonRight} /> : null}\n </SInner>\n {loading && (\n <SSpin tag=\"span\">\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </SButton>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag=\"span\" />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n});\n\nexport default Button;\n"],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","names":["React","createComponent","Component","sstyled","Root","Box","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","SpinButton","hasLabels","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","RootButton","createRef","size","asProps","process","env","NODE_ENV","warn","containerRef","current","Button","displayName","SButton","SInner","SSpin","Children","styles","use","theme","loading","disabled","neighborLocation","addonLeft","addonRight","useTheme","Text","Addon","style","props","SText","SAddon"],"sources":["../../src/Button.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\n\nimport style from './style/button.shadow.css';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\n\nexport const MAP_USE_DEFAULT_THEME = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\nclass RootButton extends Component {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n containerRef = React.createRef();\n\n getTextProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n !hasLabels(this.containerRef.current),\n `'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || Button.displayName,\n );\n }\n }\n\n render() {\n const SButton = Root;\n const SInner = Box;\n const SSpin = Box;\n const {\n Children,\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n addonLeft,\n addonRight,\n } = this.asProps;\n const useTheme = use && theme ? `${use}-${theme}` : false;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SButton\n render={Box}\n type=\"button\"\n tag=\"button\"\n disabled={disabled}\n neighborLocation={neighborLocation}\n use:theme={useTheme}\n role=\"button\"\n ref={this.containerRef}\n >\n <SInner tag=\"span\" loading={loading}>\n {addonLeft ? <Button.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {addonRight ? <Button.Addon tag={addonRight} /> : null}\n </SInner>\n {loading && (\n <SSpin tag=\"span\">\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </SButton>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag=\"span\" />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n});\n\nexport default Button;\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/button",
3
3
  "description": "Semrush Button Component",
4
- "version": "4.3.10",
4
+ "version": "4.3.12",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",