@semcore/button 16.0.13-prerelease.9 → 16.1.0-prerelease.1

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 (44) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/lib/cjs/component/AbstractButton/AbstractButton.js +165 -100
  3. package/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
  4. package/lib/cjs/component/AbstractButton/AbstractButton.type.js.map +1 -1
  5. package/lib/cjs/component/AbstractButton/SpinButton.js +10 -9
  6. package/lib/cjs/component/AbstractButton/SpinButton.js.map +1 -1
  7. package/lib/cjs/component/Button/Button.js +63 -54
  8. package/lib/cjs/component/Button/Button.js.map +1 -1
  9. package/lib/cjs/component/Button/Button.type.js.map +1 -1
  10. package/lib/cjs/component/Button/button.shadow.css +79 -79
  11. package/lib/cjs/component/ButtonLink/ButtonLink.js +59 -51
  12. package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
  13. package/lib/cjs/component/ButtonLink/buttonLink.shadow.css +13 -13
  14. package/lib/cjs/index.js +7 -7
  15. package/lib/cjs/index.js.map +1 -1
  16. package/lib/es6/component/AbstractButton/AbstractButton.js +164 -97
  17. package/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
  18. package/lib/es6/component/AbstractButton/AbstractButton.type.js.map +1 -1
  19. package/lib/es6/component/AbstractButton/SpinButton.js +7 -6
  20. package/lib/es6/component/AbstractButton/SpinButton.js.map +1 -1
  21. package/lib/es6/component/Button/Button.js +56 -47
  22. package/lib/es6/component/Button/Button.js.map +1 -1
  23. package/lib/es6/component/Button/Button.type.js.map +1 -1
  24. package/lib/es6/component/Button/button.shadow.css +79 -79
  25. package/lib/es6/component/ButtonLink/ButtonLink.js +52 -44
  26. package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
  27. package/lib/es6/component/ButtonLink/buttonLink.shadow.css +13 -13
  28. package/lib/esm/component/AbstractButton/AbstractButton.mjs +136 -98
  29. package/lib/esm/component/AbstractButton/SpinButton.mjs +6 -6
  30. package/lib/esm/component/Button/Button.mjs +56 -47
  31. package/lib/esm/component/Button/button.shadow.css +79 -79
  32. package/lib/esm/component/ButtonLink/ButtonLink.mjs +50 -44
  33. package/lib/esm/component/ButtonLink/buttonLink.shadow.css +13 -13
  34. package/lib/types/component/AbstractButton/AbstractButton.d.ts +6 -5
  35. package/lib/types/component/AbstractButton/AbstractButton.type.d.ts +4 -2
  36. package/lib/types/component/Button/Button.type.d.ts +18 -2
  37. package/package.json +9 -6
  38. package/src/component/AbstractButton/AbstractButton.tsx +77 -58
  39. package/src/component/AbstractButton/AbstractButton.type.ts +4 -2
  40. package/src/component/Button/Button.tsx +1 -1
  41. package/src/component/Button/Button.type.ts +14 -1
  42. package/src/component/Button/button.shadow.css +79 -79
  43. package/src/component/ButtonLink/ButtonLink.tsx +1 -1
  44. package/src/component/ButtonLink/buttonLink.shadow.css +13 -13
package/lib/cjs/component/Button/Button.js CHANGED
@@ -1,80 +1,89 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.default = void 0;
7
+ exports["default"] = void 0;
8
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
+ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
12
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
8
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
14
  var _core = require("@semcore/core");
10
- var _baseComponents = require("@semcore/base-components");
15
+ var _flexBox = require("@semcore/flex-box");
11
16
  var _react = _interopRequireDefault(require("react"));
12
- var _AbstractButton = require("../AbstractButton/AbstractButton");
17
+ var _AbstractButton2 = require("../AbstractButton/AbstractButton");
13
18
  /*!__reshadow-styles__:"./button.shadow.css"*/
14
- const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_se7i8_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_se7i8_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_se7i8_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_se7i8_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_se7i8_gg_.__disabled_se7i8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_se7i8_gg_._size_s_se7i8_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_se7i8_gg_._size_m_se7i8_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_se7i8_gg_._size_l_se7i8_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_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_se7i8_gg_._theme_secondary-muted_se7i8_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_se7i8_gg_._theme_secondary-info_se7i8_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_se7i8_gg_._theme_secondary-info_se7i8_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_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_se7i8_gg_._theme_secondary-invert_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_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_se7i8_gg_._theme_tertiary-info_se7i8_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_se7i8_gg_._neighborLocation_right_se7i8_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_{border-radius:0;margin-left:-1px}.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_,.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_{position:relative}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_:after,.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_._theme_secondary-muted_se7i8_gg_:after,.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_._theme_secondary-muted_se7i8_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_se7i8_gg_+.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_:after,.___SButton_se7i8_gg_+.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_se7i8_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_se7i8_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_se7i8_gg_.__loading_se7i8_gg_{visibility:hidden}.___SText_se7i8_gg_{display:inline-flex}.___SText_se7i8_gg_._size_l_se7i8_gg_,.___SText_se7i8_gg_._size_m_se7i8_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_se7i8_gg_._size_m_se7i8_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_se7i8_gg_._size_l_se7i8_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_se7i8_gg_._size_l_se7i8_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_se7i8_gg_._size_l_se7i8_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_se7i8_gg_._size_l_se7i8_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_se7i8_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_se7i8_gg_._size_m_se7i8_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_se7i8_gg_._size_m_se7i8_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_se7i8_gg_._size_m_se7i8_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_se7i8_gg_._size_l_se7i8_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_se7i8_gg_._size_l_se7i8_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_se7i8_gg_._size_l_se7i8_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}", /*__inner_css_end__*/"se7i8_gg_"),
19
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_usmxt_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;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-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, rgba(0, 3, 0, 0.583));min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_usmxt_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_usmxt_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_usmxt_gg_:active{text-decoration:none}@media (hover:hover){.___SButton_usmxt_gg_:hover{text-decoration:none}}.___SButton_usmxt_gg_.__disabled_usmxt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_usmxt_gg_._size_s_usmxt_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_usmxt_gg_._size_m_usmxt_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_usmxt_gg_._size_l_usmxt_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_usmxt_gg_._theme_primary-info_usmxt_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@media (hover:hover){.___SButton_usmxt_gg_._theme_primary-info_usmxt_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-hover, rgb(49, 52, 48))}}.___SButton_usmxt_gg_._theme_primary-info_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-info_usmxt_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-active, rgb(0, 0, 0))}.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_{background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_{background-color:var(--intergalactic-control-primary-success, color(display-p3 0.13723 0.6542 0.50031))}}}@media (hover:hover){.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, color(display-p3 0.09181 0.60147 0.45602))}}}}.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_:active{background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_:active{background-color:var(--intergalactic-control-primary-success-active, color(display-p3 0.07522 0.57486 0.43446))}}}.___SButton_usmxt_gg_._theme_primary-brand_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-warning_usmxt_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand, rgb(162, 97, 253))}@media (hover:hover){.___SButton_usmxt_gg_._theme_primary-brand_usmxt_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_usmxt_gg_._theme_primary-brand_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-brand_usmxt_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}@media (hover:hover){.___SButton_usmxt_gg_._theme_primary-warning_usmxt_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_usmxt_gg_._theme_primary-warning_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-warning_usmxt_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}.___SButton_usmxt_gg_._theme_primary-danger_usmxt_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical, rgb(247, 55, 64))}@media (hover:hover){.___SButton_usmxt_gg_._theme_primary-danger_usmxt_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-hover, rgb(230, 44, 51))}}.___SButton_usmxt_gg_._theme_primary-danger_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-danger_usmxt_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-active, rgb(221, 39, 45))}.___SButton_usmxt_gg_._theme_primary-invert_usmxt_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert, rgb(255, 255, 255))}@media (hover:hover){.___SButton_usmxt_gg_._theme_primary-invert_usmxt_gg_:hover{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-hover, rgb(241, 242, 242))}}.___SButton_usmxt_gg_._theme_primary-invert_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-invert_usmxt_gg_:active{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-active, rgb(234, 235, 235))}.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));background-color:var(--intergalactic-control-secondary-neutral, rgba(0, 22, 16, 0.028))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}@media (hover:hover){.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-link, rgb(35, 95, 226));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_usmxt_gg_._theme_secondary-invert_usmxt_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));border-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391));background-color:var(--intergalactic-control-secondary-invert, rgba(225, 255, 219, 0.118))}@media (hover:hover){.___SButton_usmxt_gg_._theme_secondary-invert_usmxt_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_usmxt_gg_._theme_secondary-invert_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_secondary-invert_usmxt_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(239, 255, 236, 0.183))}.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info, transparent)}@media (hover:hover){.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-control-tertiary-neutral, transparent)}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_usmxt_gg_._theme_tertiary-invert_usmxt_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert, transparent)}@media (hover:hover){.___SButton_usmxt_gg_._theme_tertiary-invert_usmxt_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_usmxt_gg_._theme_tertiary-invert_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_tertiary-invert_usmxt_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-active, rgba(239, 255, 236, 0.183))}.___SButton_usmxt_gg_._neighborLocation_right_usmxt_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_usmxt_gg_._neighborLocation_both_usmxt_gg_{border-radius:0;margin-left:-1px}.___SButton_usmxt_gg_._neighborLocation_left_usmxt_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_usmxt_gg_._neighborLocation_both_usmxt_gg_,.___SButton_usmxt_gg_._neighborLocation_left_usmxt_gg_{position:relative}.___SButton_usmxt_gg_._neighborLocation_both_usmxt_gg_:after,.___SButton_usmxt_gg_._neighborLocation_left_usmxt_gg_:after{background-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391))}.___SButton_usmxt_gg_._neighborLocation_both_usmxt_gg_._theme_secondary-muted_usmxt_gg_:after,.___SButton_usmxt_gg_._neighborLocation_left_usmxt_gg_._theme_secondary-muted_usmxt_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._neighborLocation_both_usmxt_gg_._theme_secondary-muted_usmxt_gg_:after,.___SButton_usmxt_gg_._neighborLocation_left_usmxt_gg_._theme_secondary-muted_usmxt_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_usmxt_gg_._neighborLocation_both_usmxt_gg_._theme_secondary-muted_usmxt_gg_:after,.___SButton_usmxt_gg_._neighborLocation_left_usmxt_gg_._theme_secondary-muted_usmxt_gg_:after{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SButton_usmxt_gg_+.___SButton_usmxt_gg_._neighborLocation_both_usmxt_gg_:after,.___SButton_usmxt_gg_+.___SButton_usmxt_gg_._neighborLocation_left_usmxt_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_usmxt_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_usmxt_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_usmxt_gg_.__loading_usmxt_gg_{visibility:hidden}.___SText_usmxt_gg_{display:inline-flex}.___SText_usmxt_gg_._size_l_usmxt_gg_,.___SText_usmxt_gg_._size_m_usmxt_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_usmxt_gg_._size_m_usmxt_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_usmxt_gg_._size_l_usmxt_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_usmxt_gg_._size_l_usmxt_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_usmxt_gg_._size_l_usmxt_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_usmxt_gg_._size_l_usmxt_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_usmxt_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_usmxt_gg_._size_m_usmxt_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_usmxt_gg_._size_m_usmxt_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_usmxt_gg_._size_m_usmxt_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_usmxt_gg_._size_l_usmxt_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_usmxt_gg_._size_l_usmxt_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_usmxt_gg_._size_l_usmxt_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}", /*__inner_css_end__*/"usmxt_gg_"),
15
20
  /*__reshadow_css_end__*/
16
21
  {
17
- "__SButton": "___SButton_se7i8_gg_",
18
- "_disabled": "__disabled_se7i8_gg_",
19
- "_size_s": "_size_s_se7i8_gg_",
20
- "_size_m": "_size_m_se7i8_gg_",
21
- "_size_l": "_size_l_se7i8_gg_",
22
- "_neighborLocation_right": "_neighborLocation_right_se7i8_gg_",
23
- "_neighborLocation_both": "_neighborLocation_both_se7i8_gg_",
24
- "_neighborLocation_left": "_neighborLocation_left_se7i8_gg_",
25
- "__SSpin": "___SSpin_se7i8_gg_",
26
- "__SInner": "___SInner_se7i8_gg_",
27
- "_loading": "__loading_se7i8_gg_",
28
- "__SText": "___SText_se7i8_gg_",
29
- "__SAddon": "___SAddon_se7i8_gg_",
30
- "_theme_primary-info": "_theme_primary-info_se7i8_gg_",
31
- "_active": "__active_se7i8_gg_",
32
- "_theme_primary-success": "_theme_primary-success_se7i8_gg_",
33
- "_theme_primary-brand": "_theme_primary-brand_se7i8_gg_",
34
- "_theme_primary-warning": "_theme_primary-warning_se7i8_gg_",
35
- "_theme_primary-danger": "_theme_primary-danger_se7i8_gg_",
36
- "_theme_primary-invert": "_theme_primary-invert_se7i8_gg_",
37
- "_theme_secondary-muted": "_theme_secondary-muted_se7i8_gg_",
38
- "_theme_secondary-info": "_theme_secondary-info_se7i8_gg_",
39
- "_theme_secondary-invert": "_theme_secondary-invert_se7i8_gg_",
40
- "_theme_tertiary-info": "_theme_tertiary-info_se7i8_gg_",
41
- "_theme_tertiary-muted": "_theme_tertiary-muted_se7i8_gg_",
42
- "_theme_tertiary-invert": "_theme_tertiary-invert_se7i8_gg_"
22
+ "__SButton": "___SButton_usmxt_gg_",
23
+ "_disabled": "__disabled_usmxt_gg_",
24
+ "_size_s": "_size_s_usmxt_gg_",
25
+ "_size_m": "_size_m_usmxt_gg_",
26
+ "_size_l": "_size_l_usmxt_gg_",
27
+ "_neighborLocation_right": "_neighborLocation_right_usmxt_gg_",
28
+ "_neighborLocation_both": "_neighborLocation_both_usmxt_gg_",
29
+ "_neighborLocation_left": "_neighborLocation_left_usmxt_gg_",
30
+ "__SSpin": "___SSpin_usmxt_gg_",
31
+ "__SInner": "___SInner_usmxt_gg_",
32
+ "_loading": "__loading_usmxt_gg_",
33
+ "__SText": "___SText_usmxt_gg_",
34
+ "__SAddon": "___SAddon_usmxt_gg_",
35
+ "_theme_primary-info": "_theme_primary-info_usmxt_gg_",
36
+ "_active": "__active_usmxt_gg_",
37
+ "_theme_primary-success": "_theme_primary-success_usmxt_gg_",
38
+ "_theme_primary-brand": "_theme_primary-brand_usmxt_gg_",
39
+ "_theme_primary-warning": "_theme_primary-warning_usmxt_gg_",
40
+ "_theme_primary-danger": "_theme_primary-danger_usmxt_gg_",
41
+ "_theme_primary-invert": "_theme_primary-invert_usmxt_gg_",
42
+ "_theme_secondary-muted": "_theme_secondary-muted_usmxt_gg_",
43
+ "_theme_secondary-info": "_theme_secondary-info_usmxt_gg_",
44
+ "_theme_secondary-invert": "_theme_secondary-invert_usmxt_gg_",
45
+ "_theme_tertiary-info": "_theme_tertiary-info_usmxt_gg_",
46
+ "_theme_tertiary-muted": "_theme_tertiary-muted_usmxt_gg_",
47
+ "_theme_tertiary-invert": "_theme_tertiary-invert_usmxt_gg_"
43
48
  });
44
- class RootButton extends _AbstractButton.AbstractButton {
45
- getTextColor() {
46
- return undefined;
49
+ var RootButton = /*#__PURE__*/function (_AbstractButton) {
50
+ function RootButton() {
51
+ (0, _classCallCheck2["default"])(this, RootButton);
52
+ return (0, _callSuper2["default"])(this, RootButton, arguments);
47
53
  }
48
- }
49
- (0, _defineProperty2.default)(RootButton, "displayName", 'Button');
50
- (0, _defineProperty2.default)(RootButton, "style", style);
51
- (0, _defineProperty2.default)(RootButton, "defaultProps", {
54
+ (0, _inherits2["default"])(RootButton, _AbstractButton);
55
+ return (0, _createClass2["default"])(RootButton, [{
56
+ key: "getTextColor",
57
+ value: function getTextColor() {
58
+ return undefined;
59
+ }
60
+ }]);
61
+ }(_AbstractButton2.AbstractButton);
62
+ (0, _defineProperty2["default"])(RootButton, "displayName", 'Button');
63
+ (0, _defineProperty2["default"])(RootButton, "style", style);
64
+ (0, _defineProperty2["default"])(RootButton, "defaultProps", {
52
65
  use: 'secondary',
53
66
  size: 'm'
54
67
  });
55
68
  function Text(props) {
56
69
  var _ref = arguments[0],
57
70
  _ref3;
58
- const SText = _baseComponents.Box;
59
- return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SText, _ref3.cn("SText", {
60
- ...(0, _core.assignProps)({
61
- "tag": 'span'
62
- }, _ref)
63
- }));
71
+ var SText = _flexBox.Box;
72
+ return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref3.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
73
+ "tag": 'span'
74
+ }, _ref))));
64
75
  }
65
76
  function Addon(props) {
66
77
  var _ref2 = arguments[0],
67
78
  _ref4;
68
- const SAddon = _baseComponents.Box;
69
- return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SAddon, _ref4.cn("SAddon", {
70
- ...(0, _core.assignProps)({
71
- "tag": 'span'
72
- }, _ref2)
73
- }));
79
+ var SAddon = _flexBox.Box;
80
+ return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref4.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
81
+ "tag": 'span'
82
+ }, _ref2))));
74
83
  }
75
- const Button = (0, _core.createComponent)(RootButton, {
76
- Text,
77
- Addon
84
+ var Button = (0, _core.createComponent)(RootButton, {
85
+ Text: Text,
86
+ Addon: Addon
78
87
  });
79
- var _default = exports.default = Button;
88
+ var _default = exports["default"] = Button;
80
89
  //# sourceMappingURL=Button.js.map
package/lib/cjs/component/Button/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","names":["_core","require","_baseComponents","_react","_interopRequireDefault","_AbstractButton","style","sstyled","insert","RootButton","AbstractButton","getTextColor","undefined","_defineProperty2","default","use","size","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","assignProps","Addon","_ref2","_ref4","SAddon","Button","createComponent","_default","exports"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n protected getTextColor(): string | undefined {\n return undefined;\n }\n}\n\nfunction Text(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\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}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAIA,IAAAI,eAAA,GAAAJ,OAAA;AAAkE;AAAA,MAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAElE,MAAMC,UAAU,SAASC,8BAAc,CAAC;EAQ5BC,YAAYA,CAAA,EAAuB;IAC3C,OAAOC,SAAS;EAClB;AACF;AAAC,IAAAC,gBAAA,CAAAC,OAAA,EAXKL,UAAU,iBACO,QAAQ;AAAA,IAAAI,gBAAA,CAAAC,OAAA,EADzBL,UAAU,WAECH,KAAK;AAAA,IAAAO,gBAAA,CAAAC,OAAA,EAFhBL,UAAU,kBAGQ;EACpBM,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,MAAMC,KAAK,GACiCC,mBAAG;EAA/C,OAAAF,KAAA,GAAO,IAAAd,aAAO,EAACW,KAAK,CAACM,MAAM,CAAC,eAACrB,MAAA,CAAAW,OAAA,CAAAW,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAA1B,KAAA,CAAA2B,WAAA;MAAA,OAAkB;IAAM,GAAAR,IAAA;EAAA,EAAE,CAAC;AAChE;AAEA,SAASS,KAAKA,CAACV,KAAuB,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtC,MAAMC,MAAM,GACiCR,mBAAG;EAAhD,OAAAO,KAAA,GAAO,IAAAvB,aAAO,EAACW,KAAK,CAACM,MAAM,CAAC,eAACrB,MAAA,CAAAW,OAAA,CAAAW,aAAA,CAACM,MAAM,EAAAD,KAAA,CAAAJ,EAAA;IAAA,OAAA1B,KAAA,CAAA2B,WAAA;MAAA,OAAkB;IAAM,GAAAE,KAAA;EAAA,EAAE,CAAC;AACjE;AAEA,MAAMG,MAAM,GAAG,IAAAC,qBAAe,EAACxB,UAAU,EAAE;EACzCQ,IAAI;EACJW;AACF,CAAC,CAAoB;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEPkB,MAAM","ignoreList":[]}
1
+ {"version":3,"file":"Button.js","names":["_core","require","_flexBox","_react","_interopRequireDefault","_AbstractButton2","style","sstyled","insert","RootButton","_AbstractButton","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextColor","undefined","AbstractButton","_defineProperty2","use","size","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","Button","createComponent","_default","exports"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { createComponent, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n protected getTextColor(): string | undefined {\n return undefined;\n }\n}\n\nfunction Text(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\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}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAIA,IAAAI,gBAAA,GAAAJ,OAAA;AAAkE;AAAA,IAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAE5DC,UAAU,0BAAAC,eAAA;EAAA,SAAAD,WAAA;IAAA,IAAAE,gBAAA,mBAAAF,UAAA;IAAA,WAAAG,WAAA,mBAAAH,UAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,UAAA,EAAAC,eAAA;EAAA,WAAAK,aAAA,aAAAN,UAAA;IAAAO,GAAA;IAAAC,KAAA,EAQd,SAAUC,YAAYA,CAAA,EAAuB;MAC3C,OAAOC,SAAS;IAClB;EAAC;AAAA,EAVsBC,+BAAc;AAAA,IAAAC,gBAAA,aAAjCZ,UAAU,iBACO,QAAQ;AAAA,IAAAY,gBAAA,aADzBZ,UAAU,WAECH,KAAK;AAAA,IAAAe,gBAAA,aAFhBZ,UAAU,kBAGQ;EACpBa,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAArB,aAAO,EAACkB,KAAK,CAACM,MAAM,CAAC,eAAC5B,MAAA,YAAA6B,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAlC,KAAA,CAAAmC,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,GAAE,CAAC;AAChE;AAEA,SAASU,KAAKA,CAACX,KAAuB,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EACtC,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAA/B,aAAO,EAACkB,KAAK,CAACM,MAAM,CAAC,eAAC5B,MAAA,YAAA6B,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAlC,KAAA,CAAAmC,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,GAAE,CAAC;AACjE;AAEA,IAAMG,MAAM,GAAG,IAAAC,qBAAe,EAAChC,UAAU,EAAE;EACzCe,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAoB;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEPH,MAAM","ignoreList":[]}
package/lib/cjs/component/Button/Button.type.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport type {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button size\n * @default m\n */\nexport type ButtonSize = 'l' | 'm';\n/**\n * Button type\n * @default secondary\n */\ntype Use = 'primary' | 'secondary' | 'tertiary';\n\n/** Button theme */\ntype Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';\n\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;\n\nexport type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;\n\nexport type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;\n\nexport type ButtonContext = AbstractButtonContext;\n\nexport type ButtonChildren = {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport type {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button size\n * @default m\n */\nexport type ButtonSize = 'l' | 'm';\n/**\n * Button type\n * @default secondary\n */\ntype Use = 'primary' | 'secondary' | 'tertiary';\n\n/**\n * @deprecated don't use it. use `danger` for incorrect or danger behavior and `brand` for the orange one.\n */\ntype DeprecatedTheme = 'warning';\n\n/** Button theme */\ntype Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';\n\n/** @deprecated */\nexport interface IButtonProps extends ButtonProps, UnknownProperties {}\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme | DeprecatedTheme>;\n\n/** @deprecated */\nexport interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}\nexport type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}\nexport type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonContext extends ButtonContext, UnknownProperties {}\nexport type ButtonContext = AbstractButtonContext;\n\nexport type ButtonChildren = {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n"],"mappings":"","ignoreList":[]}
package/lib/cjs/component/Button/button.shadow.css CHANGED
@@ -20,7 +20,7 @@ SButton {
20
20
  touch-action: manipulation;
21
21
  -webkit-tap-highlight-color: transparent;
22
22
  font-weight: var(--intergalactic-medium, 500);
23
- color: var(--intergalactic-text-secondary, #6c6e79);
23
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
24
24
  min-width: fit-content;
25
25
 
26
26
  &::-moz-focus-inner {
@@ -35,7 +35,7 @@ SButton {
35
35
  }
36
36
 
37
37
  SButton[disabled] {
38
- opacity: var(--intergalactic-disabled-opacity, 0.3);
38
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
39
39
  cursor: default;
40
40
  pointer-events: none;
41
41
  box-shadow: none;
@@ -61,201 +61,201 @@ SButton[size='l'] {
61
61
  }
62
62
 
63
63
  SButton[theme='primary-info'] {
64
- color: var(--intergalactic-text-primary-invert, #ffffff);
65
- background-color: var(--intergalactic-control-primary-info, #008ff8);
64
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
65
+ background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
66
66
 
67
67
  &:hover {
68
- color: var(--intergalactic-text-primary-invert, #ffffff);
69
- background-color: var(--intergalactic-control-primary-info-hover, #006dca);
68
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
69
+ background-color: var(--intergalactic-control-primary-info-hover, oklch(0.32 0.007 140));
70
70
  }
71
71
 
72
72
  &:active,
73
73
  &[active] {
74
- color: var(--intergalactic-text-primary-invert, #ffffff);
75
- background-color: var(--intergalactic-control-primary-info-active, #044792);
74
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
75
+ background-color: var(--intergalactic-control-primary-info-active, oklch(0 0 140));
76
76
  }
77
77
  }
78
78
 
79
79
  SButton[theme='primary-success'] {
80
- color: var(--intergalactic-text-primary-invert, #ffffff);
81
- background-color: var(--intergalactic-control-primary-success, #009f81);
80
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
81
+ background-color: var(--intergalactic-control-primary-success, oklch(0.64 0.161 170));
82
82
 
83
83
  &:hover {
84
- color: var(--intergalactic-text-primary-invert, #ffffff);
85
- background-color: var(--intergalactic-control-primary-success-hover, #007c65);
84
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
85
+ background-color: var(--intergalactic-control-primary-success-hover, oklch(0.6 0.155 170));
86
86
  }
87
87
 
88
88
  &:active,
89
89
  &[active] {
90
- color: var(--intergalactic-text-primary-invert, #ffffff);
91
- background-color: var(--intergalactic-control-primary-success-active, #055345);
90
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
91
+ background-color: var(--intergalactic-control-primary-success-active, oklch(0.58 0.151 170));
92
92
  }
93
93
  }
94
94
 
95
95
  SButton[theme='primary-brand'] {
96
- color: var(--intergalactic-text-primary-invert, #ffffff);
97
- background-color: var(--intergalactic-control-primary-brand, #ff642d);
96
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
97
+ background-color: var(--intergalactic-control-primary-brand, oklch(0.64 0.223 299.3));
98
98
 
99
99
  &:hover {
100
- color: var(--intergalactic-text-primary-invert, #ffffff);
101
- background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
100
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
101
+ background-color: var(--intergalactic-control-primary-brand-hover, oklch(0.6 0.244 297.8));
102
102
  }
103
103
 
104
104
  &:active,
105
105
  &[active] {
106
- color: var(--intergalactic-text-primary-invert, #ffffff);
107
- background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
106
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
107
+ background-color: var(--intergalactic-control-primary-brand-active, oklch(0.58 0.254 297.1));
108
108
  }
109
109
  }
110
110
 
111
111
  SButton[theme='primary-warning'] {
112
- color: var(--intergalactic-text-primary-invert, #ffffff);
113
- background-color: var(--intergalactic-control-primary-brand, #ff642d);
112
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
113
+ background-color: var(--intergalactic-control-primary-brand, oklch(0.64 0.223 299.3));
114
114
 
115
115
  &:hover {
116
- color: var(--intergalactic-text-primary-invert, #ffffff);
117
- background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
116
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
117
+ background-color: var(--intergalactic-control-primary-brand-hover, oklch(0.6 0.244 297.8));
118
118
  }
119
119
 
120
120
  &:active,
121
121
  &[active] {
122
- color: var(--intergalactic-text-primary-invert, #ffffff);
123
- background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
122
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
123
+ background-color: var(--intergalactic-control-primary-brand-active, oklch(0.58 0.254 297.1));
124
124
  }
125
125
  }
126
126
 
127
127
  SButton[theme='primary-danger'] {
128
- color: var(--intergalactic-text-primary-invert, #ffffff);
129
- background-color: var(--intergalactic-control-primary-critical, #ff4953);
128
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
129
+ background-color: var(--intergalactic-control-primary-critical, oklch(0.64 0.226 24.5));
130
130
 
131
131
  &:hover {
132
- color: var(--intergalactic-text-primary-invert, #ffffff);
133
- background-color: var(--intergalactic-control-primary-critical-hover, #d1002f);
132
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
133
+ background-color: var(--intergalactic-control-primary-critical-hover, oklch(0.6 0.219 25.5));
134
134
  }
135
135
 
136
136
  &:active,
137
137
  &[active] {
138
- color: var(--intergalactic-text-primary-invert, #ffffff);
139
- background-color: var(--intergalactic-control-primary-critical-active, #8e0016);
138
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
139
+ background-color: var(--intergalactic-control-primary-critical-active, oklch(0.58 0.215 26));
140
140
  }
141
141
  }
142
142
 
143
143
  SButton[theme='primary-invert'] {
144
- color: var(--intergalactic-text-primary, #191b23);
145
- background-color: var(--intergalactic-control-primary-invert, #ffffff);
144
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
145
+ background-color: var(--intergalactic-control-primary-invert, oklch(1 0 0));
146
146
 
147
147
  &:hover {
148
- color: var(--intergalactic-text-primary, #191b23);
149
- background-color: var(--intergalactic-control-primary-invert-hover, #f4f5f9);
148
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
149
+ background-color: var(--intergalactic-control-primary-invert-hover, oklch(0.96 0.001 180));
150
150
  }
151
151
 
152
152
  &:active,
153
153
  &[active] {
154
- color: var(--intergalactic-text-primary, #191b23);
155
- background-color: var(--intergalactic-control-primary-invert-active, #e0e1e9);
154
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
155
+ background-color: var(--intergalactic-control-primary-invert-active, oklch(0.94 0.002 180));
156
156
  }
157
157
  }
158
158
 
159
159
  SButton[theme='secondary-muted'] {
160
- color: var(--intergalactic-text-secondary, #6c6e79);
161
- border-color: var(--intergalactic-border-primary, #c4c7cf);
162
- background-color: var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1));
160
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
161
+ border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
162
+ background-color: var(--intergalactic-control-secondary-neutral, oklch(0.177 0.033 175.6 / 0.028));
163
163
 
164
164
  &:hover {
165
165
  background-color: var(--intergalactic-control-secondary-neutral-hover,
166
- rgba(138, 142, 155, 0.2));
167
- color: var(--intergalactic-text-primary, #191b23);
166
+ oklch(0.176 0.033 175.6 / 0.056));
167
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
168
168
  }
169
169
 
170
170
  &:active,
171
171
  &[active] {
172
172
  background-color: var(--intergalactic-control-secondary-neutral-active,
173
- rgba(138, 142, 155, 0.3));
174
- color: var(--intergalactic-text-primary, #191b23);
173
+ oklch(0.176 0.033 175.7 / 0.084));
174
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
175
175
  }
176
176
  }
177
177
 
178
178
  SButton[theme='secondary-info'] {
179
- background-color: var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));
180
- color: var(--intergalactic-text-link, #006dca);
181
- border-color: var(--intergalactic-control-primary-info, #008ff8);
179
+ background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
180
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
181
+ border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
182
182
 
183
183
  &:hover {
184
- color: var(--intergalactic-text-link, #006dca);
185
- background-color: var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));
184
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
185
+ background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.525 0.265 263 / 0.077));
186
186
  }
187
187
 
188
188
  &:active,
189
189
  &[active] {
190
- color: var(--intergalactic-text-link, #006dca);
191
- background-color: var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3));
190
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
191
+ background-color: var(--intergalactic-control-secondary-info-active, oklch(0.524 0.266 263.1 / 0.116));
192
192
  }
193
193
  }
194
194
 
195
195
  SButton[theme='secondary-invert'] {
196
- color: var(--intergalactic-text-primary-invert, #ffffff);
197
- border-color: var(--intergalactic-border-primary-invert, #ffffff);
198
- background-color: var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05));
196
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
197
+ border-color: var(--intergalactic-border-primary-invert, oklch(0.995 0.008 147.4 / 0.391));
198
+ background-color: var(--intergalactic-control-secondary-invert, oklch(0.969 0.057 140 / 0.118));
199
199
 
200
200
  &:hover {
201
- color: var(--intergalactic-text-primary-invert, #ffffff);
202
- background-color: var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1));
201
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
202
+ background-color: var(--intergalactic-control-secondary-invert-hover, oklch(0.976 0.043 140 / 0.145));
203
203
  }
204
204
 
205
205
  &:active,
206
206
  &[active] {
207
- color: var(--intergalactic-text-primary-invert, #ffffff);
207
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
208
208
  background-color: var(--intergalactic-control-secondary-invert-active,
209
- rgba(255, 255, 255, 0.3));
209
+ oklch(0.983 0.03 140 / 0.183));
210
210
  }
211
211
  }
212
212
 
213
213
  SButton[theme='tertiary-info'] {
214
- color: var(--intergalactic-text-link, #006dca);
215
- background-color: var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0));
214
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
215
+ background-color: var(--intergalactic-control-tertiary-info, transparent);
216
216
 
217
217
  &:hover {
218
- color: var(--intergalactic-text-link, #006dca);
219
- background-color: var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2));
218
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
219
+ background-color: var(--intergalactic-control-tertiary-info-hover, oklch(0.525 0.265 263 / 0.077));
220
220
  }
221
221
 
222
222
  &:active,
223
223
  &[active] {
224
- color: var(--intergalactic-text-link, #006dca);
225
- background-color: var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3));
224
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
225
+ background-color: var(--intergalactic-control-tertiary-info-active, oklch(0.524 0.266 263.1 / 0.116));
226
226
  }
227
227
  }
228
228
 
229
229
  SButton[theme='tertiary-muted'] {
230
- color: var(--intergalactic-text-secondary, #6c6e79);
231
- background-color: var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0));
230
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
231
+ background-color: var(--intergalactic-control-tertiary-neutral, transparent);
232
232
 
233
233
  &:hover {
234
- background-color: var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));
235
- color: var(--intergalactic-text-primary, #191b23);
234
+ background-color: var(--intergalactic-control-tertiary-neutral-hover, oklch(0.176 0.033 175.6 / 0.056));
235
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
236
236
  }
237
237
 
238
238
  &:active,
239
239
  &[active] {
240
240
  background-color: var(--intergalactic-control-tertiary-neutral-active,
241
- rgba(138, 142, 155, 0.3));
242
- color: var(--intergalactic-text-primary, #191b23);
241
+ oklch(0.176 0.033 175.7 / 0.084));
242
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
243
243
  }
244
244
  }
245
245
 
246
246
  SButton[theme='tertiary-invert'] {
247
- color: var(--intergalactic-text-primary-invert, #ffffff);
248
- background-color: var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0));
247
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
248
+ background-color: var(--intergalactic-control-tertiary-invert, transparent);
249
249
 
250
250
  &:hover {
251
- color: var(--intergalactic-text-primary-invert, #ffffff);
252
- background-color: var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1));
251
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
252
+ background-color: var(--intergalactic-control-tertiary-invert-hover, oklch(0.976 0.043 140 / 0.145));
253
253
  }
254
254
 
255
255
  &:active,
256
256
  &[active] {
257
- color: var(--intergalactic-text-primary-invert, #ffffff);
258
- background-color: var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3));
257
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
258
+ background-color: var(--intergalactic-control-tertiary-invert-active, oklch(0.983 0.03 140 / 0.183));
259
259
  }
260
260
  }
261
261
 
@@ -282,12 +282,12 @@ SButton[neighborLocation='left'] {
282
282
  position: relative;
283
283
 
284
284
  &:after {
285
- background-color: var(--intergalactic-border-primary-invert, #ffffff);
285
+ background-color: var(--intergalactic-border-primary-invert, oklch(0.995 0.008 147.4 / 0.391));
286
286
  }
287
287
 
288
288
  &[theme='secondary-muted'] {
289
289
  &:after {
290
- background-color: var(--intergalactic-border-primary, #c4c7cf);
290
+ background-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
291
291
  }
292
292
  }
293
293
  }