@semcore/button 5.43.3-prerelease.0 → 16.0.0-prerelease.0

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 (35) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/component/AbstractButton/AbstractButton.js +6 -4
  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/Button/Button.js +29 -34
  6. package/lib/cjs/component/Button/Button.js.map +1 -1
  7. package/lib/cjs/component/Button/button.shadow.css +1 -9
  8. package/lib/cjs/component/ButtonLink/ButtonLink.js +22 -27
  9. package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
  10. package/lib/cjs/component/ButtonLink/ButtonLink.type.js.map +1 -1
  11. package/lib/cjs/component/ButtonLink/buttonLink.shadow.css +1 -10
  12. package/lib/es6/component/AbstractButton/AbstractButton.js +6 -4
  13. package/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
  14. package/lib/es6/component/AbstractButton/AbstractButton.type.js.map +1 -1
  15. package/lib/es6/component/Button/Button.js +29 -32
  16. package/lib/es6/component/Button/Button.js.map +1 -1
  17. package/lib/es6/component/Button/button.shadow.css +1 -9
  18. package/lib/es6/component/ButtonLink/ButtonLink.js +22 -25
  19. package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
  20. package/lib/es6/component/ButtonLink/ButtonLink.type.js.map +1 -1
  21. package/lib/es6/component/ButtonLink/buttonLink.shadow.css +1 -10
  22. package/lib/esm/component/AbstractButton/AbstractButton.mjs +6 -4
  23. package/lib/esm/component/Button/Button.mjs +31 -35
  24. package/lib/esm/component/Button/button.shadow.css +1 -9
  25. package/lib/esm/component/ButtonLink/ButtonLink.mjs +24 -28
  26. package/lib/esm/component/ButtonLink/buttonLink.shadow.css +1 -10
  27. package/lib/types/component/AbstractButton/AbstractButton.type.d.ts +1 -2
  28. package/package.json +6 -9
  29. package/src/component/AbstractButton/AbstractButton.tsx +4 -4
  30. package/src/component/AbstractButton/AbstractButton.type.ts +1 -3
  31. package/src/component/Button/Button.tsx +2 -10
  32. package/src/component/Button/button.shadow.css +1 -9
  33. package/src/component/ButtonLink/ButtonLink.tsx +2 -4
  34. package/src/component/ButtonLink/ButtonLink.type.ts +1 -1
  35. package/src/component/ButtonLink/buttonLink.shadow.css +1 -10
package/lib/es6/component/Button/Button.js CHANGED
@@ -4,44 +4,42 @@ import _createClass from "@babel/runtime/helpers/createClass";
4
4
  import _inherits from "@babel/runtime/helpers/inherits";
5
5
  import _createSuper from "@babel/runtime/helpers/createSuper";
6
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
- import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
7
+ import { sstyled as _sstyled } from "@semcore/core";
8
8
  import { assignProps as _assignProps2 } from "@semcore/core";
9
9
  import { assignProps as _assignProps } from "@semcore/core";
10
10
  import React from 'react';
11
- import createComponent, { sstyled, Root } from '@semcore/core';
11
+ import { createComponent, sstyled, Root } from '@semcore/core';
12
12
  import { Box } from '@semcore/flex-box';
13
- import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
14
13
  /*!__reshadow-styles__:"./button.shadow.css"*/
15
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_18z1k_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;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);min-width:-moz-fit-content;min-width:fit-content}.___SButton_18z1k_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_18z1k_gg_:active,.___SButton_18z1k_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_18z1k_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_18z1k_gg_.__keyboardFocused_18z1k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_18z1k_gg_.__disabled_18z1k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_18z1k_gg_._size_s_18z1k_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_18z1k_gg_._size_m_18z1k_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_18z1k_gg_._size_l_18z1k_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_18z1k_gg_._theme_secondary-muted_18z1k_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_18z1k_gg_._theme_secondary-muted_18z1k_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_18z1k_gg_._theme_secondary-muted_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_secondary-muted_18z1k_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_18z1k_gg_._theme_secondary-info_18z1k_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_18z1k_gg_._theme_secondary-info_18z1k_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_18z1k_gg_._theme_secondary-info_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_secondary-info_18z1k_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_18z1k_gg_._theme_secondary-invert_18z1k_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_18z1k_gg_._theme_secondary-invert_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_18z1k_gg_._theme_secondary-invert_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_secondary-invert_18z1k_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_18z1k_gg_._theme_tertiary-info_18z1k_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_18z1k_gg_._theme_tertiary-info_18z1k_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_18z1k_gg_._theme_tertiary-info_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_tertiary-info_18z1k_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_18z1k_gg_._neighborLocation_right_18z1k_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_{border-radius:0;margin-left:-1px}.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_,.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_{position:relative}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_:after,.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_._theme_secondary-muted_18z1k_gg_:after,.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_._theme_secondary-muted_18z1k_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_18z1k_gg_+.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_:after,.___SButton_18z1k_gg_+.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_18z1k_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_18z1k_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_18z1k_gg_.__loading_18z1k_gg_{visibility:hidden}.___SText_18z1k_gg_{display:inline-flex}.___SText_18z1k_gg_._size_l_18z1k_gg_,.___SText_18z1k_gg_._size_m_18z1k_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_18z1k_gg_._size_m_18z1k_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_18z1k_gg_._size_l_18z1k_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_18z1k_gg_._size_l_18z1k_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_18z1k_gg_._size_l_18z1k_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_18z1k_gg_._size_l_18z1k_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_18z1k_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_18z1k_gg_._size_m_18z1k_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_18z1k_gg_._size_m_18z1k_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_18z1k_gg_._size_m_18z1k_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_18z1k_gg_._size_l_18z1k_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_18z1k_gg_._size_l_18z1k_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_18z1k_gg_._size_l_18z1k_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__*/"18z1k_gg_"),
14
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_19c5z_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_19c5z_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_19c5z_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_19c5z_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_19c5z_gg_.__disabled_19c5z_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_19c5z_gg_._size_s_19c5z_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_19c5z_gg_._size_m_19c5z_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_19c5z_gg_._size_l_19c5z_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_19c5z_gg_._theme_secondary-info_19c5z_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_19c5z_gg_._theme_secondary-info_19c5z_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_19c5z_gg_._theme_secondary-info_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_secondary-info_19c5z_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_19c5z_gg_._neighborLocation_right_19c5z_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_{border-radius:0;margin-left:-1px}.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_,.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_{position:relative}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_:after,.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_._theme_secondary-muted_19c5z_gg_:after,.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_._theme_secondary-muted_19c5z_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_19c5z_gg_+.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_:after,.___SButton_19c5z_gg_+.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_19c5z_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_19c5z_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_19c5z_gg_.__loading_19c5z_gg_{visibility:hidden}.___SText_19c5z_gg_{display:inline-flex}.___SText_19c5z_gg_._size_l_19c5z_gg_,.___SText_19c5z_gg_._size_m_19c5z_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_19c5z_gg_._size_m_19c5z_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_19c5z_gg_._size_l_19c5z_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_19c5z_gg_._size_l_19c5z_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_19c5z_gg_._size_l_19c5z_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_19c5z_gg_._size_l_19c5z_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_19c5z_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_19c5z_gg_._size_m_19c5z_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_19c5z_gg_._size_m_19c5z_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_19c5z_gg_._size_m_19c5z_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_19c5z_gg_._size_l_19c5z_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_19c5z_gg_._size_l_19c5z_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_19c5z_gg_._size_l_19c5z_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}", /*__inner_css_end__*/"19c5z_gg_"),
16
15
  /*__reshadow_css_end__*/
17
16
  {
18
- "__SButton": "___SButton_18z1k_gg_",
19
- "_keyboardFocused": "__keyboardFocused_18z1k_gg_",
20
- "_disabled": "__disabled_18z1k_gg_",
21
- "_size_s": "_size_s_18z1k_gg_",
22
- "_size_m": "_size_m_18z1k_gg_",
23
- "_size_l": "_size_l_18z1k_gg_",
24
- "_neighborLocation_right": "_neighborLocation_right_18z1k_gg_",
25
- "_neighborLocation_both": "_neighborLocation_both_18z1k_gg_",
26
- "_neighborLocation_left": "_neighborLocation_left_18z1k_gg_",
27
- "__SSpin": "___SSpin_18z1k_gg_",
28
- "__SInner": "___SInner_18z1k_gg_",
29
- "_loading": "__loading_18z1k_gg_",
30
- "__SText": "___SText_18z1k_gg_",
31
- "__SAddon": "___SAddon_18z1k_gg_",
32
- "_theme_primary-info": "_theme_primary-info_18z1k_gg_",
33
- "_active": "__active_18z1k_gg_",
34
- "_theme_primary-success": "_theme_primary-success_18z1k_gg_",
35
- "_theme_primary-brand": "_theme_primary-brand_18z1k_gg_",
36
- "_theme_primary-warning": "_theme_primary-warning_18z1k_gg_",
37
- "_theme_primary-danger": "_theme_primary-danger_18z1k_gg_",
38
- "_theme_primary-invert": "_theme_primary-invert_18z1k_gg_",
39
- "_theme_secondary-muted": "_theme_secondary-muted_18z1k_gg_",
40
- "_theme_secondary-info": "_theme_secondary-info_18z1k_gg_",
41
- "_theme_secondary-invert": "_theme_secondary-invert_18z1k_gg_",
42
- "_theme_tertiary-info": "_theme_tertiary-info_18z1k_gg_",
43
- "_theme_tertiary-muted": "_theme_tertiary-muted_18z1k_gg_",
44
- "_theme_tertiary-invert": "_theme_tertiary-invert_18z1k_gg_"
17
+ "__SButton": "___SButton_19c5z_gg_",
18
+ "_disabled": "__disabled_19c5z_gg_",
19
+ "_size_s": "_size_s_19c5z_gg_",
20
+ "_size_m": "_size_m_19c5z_gg_",
21
+ "_size_l": "_size_l_19c5z_gg_",
22
+ "_neighborLocation_right": "_neighborLocation_right_19c5z_gg_",
23
+ "_neighborLocation_both": "_neighborLocation_both_19c5z_gg_",
24
+ "_neighborLocation_left": "_neighborLocation_left_19c5z_gg_",
25
+ "__SSpin": "___SSpin_19c5z_gg_",
26
+ "__SInner": "___SInner_19c5z_gg_",
27
+ "_loading": "__loading_19c5z_gg_",
28
+ "__SText": "___SText_19c5z_gg_",
29
+ "__SAddon": "___SAddon_19c5z_gg_",
30
+ "_theme_primary-info": "_theme_primary-info_19c5z_gg_",
31
+ "_active": "__active_19c5z_gg_",
32
+ "_theme_primary-success": "_theme_primary-success_19c5z_gg_",
33
+ "_theme_primary-brand": "_theme_primary-brand_19c5z_gg_",
34
+ "_theme_primary-warning": "_theme_primary-warning_19c5z_gg_",
35
+ "_theme_primary-danger": "_theme_primary-danger_19c5z_gg_",
36
+ "_theme_primary-invert": "_theme_primary-invert_19c5z_gg_",
37
+ "_theme_secondary-muted": "_theme_secondary-muted_19c5z_gg_",
38
+ "_theme_secondary-info": "_theme_secondary-info_19c5z_gg_",
39
+ "_theme_secondary-invert": "_theme_secondary-invert_19c5z_gg_",
40
+ "_theme_tertiary-info": "_theme_tertiary-info_19c5z_gg_",
41
+ "_theme_tertiary-muted": "_theme_tertiary-muted_19c5z_gg_",
42
+ "_theme_tertiary-invert": "_theme_tertiary-invert_19c5z_gg_"
45
43
  });
46
44
  import { AbstractButton } from '../AbstractButton/AbstractButton';
47
45
  var RootButton = /*#__PURE__*/function (_AbstractButton) {
@@ -60,7 +58,6 @@ var RootButton = /*#__PURE__*/function (_AbstractButton) {
60
58
  return RootButton;
61
59
  }(AbstractButton);
62
60
  _defineProperty(RootButton, "displayName", 'Button');
63
- _defineProperty(RootButton, "enhance", [keyboardFocusEnhance()]);
64
61
  _defineProperty(RootButton, "style", style);
65
62
  _defineProperty(RootButton, "defaultProps", {
66
63
  use: 'secondary',
package/lib/es6/component/Button/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","names":["React","createComponent","sstyled","Root","Box","keyboardFocusEnhance","style","_sstyled","insert","AbstractButton","RootButton","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","undefined","_defineProperty","use","size","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","Button"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport {\n ButtonAddonProps,\n ButtonChildren,\n ButtonComponent,\n ButtonProps,\n ButtonTextProps,\n} from './Button.type';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,oBAAoB,MAAM,kDAAkD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGpF,SAASC,cAAc,QAAQ,kCAAkC;AAAC,IAS5DC,UAAU,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,eAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EASd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAXsBD,cAAc;AAAAc,eAAA,CAAjCb,UAAU,iBACO,QAAQ;AAAAa,eAAA,CADzBb,UAAU,aAEG,CAACL,oBAAoB,EAAE,CAAC;AAAAkB,eAAA,CAFrCb,UAAU,WAGCJ,KAAK;AAAAiB,eAAA,CAHhBb,UAAU,kBAIQ;EACpBc,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiC3B,GAAG;EAA/C,OAAA0B,KAAA,GAAO5B,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAAuB,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtC,IAAMC,MAAM,GACiCpC,GAAG;EAAhD,OAAAmC,KAAA,GAAOrC,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,IAAMI,MAAM,GAAGzC,eAAe,CAACS,UAAU,EAAE;EACzCgB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAoB;AAErB,eAAeK,MAAM"}
1
+ {"version":3,"file":"Button.js","names":["React","createComponent","sstyled","Root","Box","style","_sstyled","insert","AbstractButton","RootButton","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","undefined","_defineProperty","use","size","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","Button"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGxC,SAASC,cAAc,QAAQ,kCAAkC;AAAC,IAG5DC,UAAU,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,eAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EAQd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAVsBD,cAAc;AAAAc,eAAA,CAAjCb,UAAU,iBACO,QAAQ;AAAAa,eAAA,CADzBb,UAAU,WAECJ,KAAK;AAAAiB,eAAA,CAFhBb,UAAU,kBAGQ;EACpBc,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiC1B,GAAG;EAA/C,OAAAyB,KAAA,GAAO3B,OAAO,CAACwB,KAAK,CAACK,MAAM,CAAC,eAAC/B,KAAA,CAAAgC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAAuB,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtC,IAAMC,MAAM,GACiCnC,GAAG;EAAhD,OAAAkC,KAAA,GAAOpC,OAAO,CAACwB,KAAK,CAACK,MAAM,CAAC,eAAC/B,KAAA,CAAAgC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,IAAMI,MAAM,GAAGxC,eAAe,CAACQ,UAAU,EAAE;EACzCgB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAoB;AAErB,eAAeK,MAAM"}
package/lib/es6/component/Button/button.shadow.css CHANGED
@@ -12,7 +12,6 @@ SButton {
12
12
  text-align: center;
13
13
  vertical-align: middle;
14
14
  border: 1px solid transparent;
15
- outline: 0;
16
15
  box-shadow: none;
17
16
  cursor: pointer;
18
17
  box-sizing: border-box;
@@ -30,18 +29,11 @@ SButton {
30
29
  }
31
30
 
32
31
  &:active,
33
- &:hover,
34
- &:focus {
35
- outline: 0;
32
+ &:hover {
36
33
  text-decoration: none;
37
34
  }
38
35
  }
39
36
 
40
- SButton[keyboardFocused] {
41
- box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
42
- z-index: 1;
43
- }
44
-
45
37
  SButton[disabled] {
46
38
  opacity: var(--intergalactic-disabled-opacity, 0.3);
47
39
  cursor: default;
package/lib/es6/component/ButtonLink/ButtonLink.js CHANGED
@@ -4,41 +4,38 @@ import _createClass from "@babel/runtime/helpers/createClass";
4
4
  import _inherits from "@babel/runtime/helpers/inherits";
5
5
  import _createSuper from "@babel/runtime/helpers/createSuper";
6
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
- import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
7
+ import { sstyled as _sstyled } from "@semcore/core";
8
8
  import { assignProps as _assignProps2 } from "@semcore/core";
9
9
  import { assignProps as _assignProps } from "@semcore/core";
10
10
  import React from 'react';
11
- import createComponent, { sstyled, Root } from '@semcore/core';
11
+ import { createComponent, sstyled, Root } from '@semcore/core';
12
12
  /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
13
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_yt3bu_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_yt3bu_gg_:active,.___SButton_yt3bu_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_yt3bu_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_yt3bu_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_yt3bu_gg_.__active_yt3bu_gg_,.___SButton_yt3bu_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_yt3bu_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_yt3bu_gg_.__active_yt3bu_gg_ .___SText_yt3bu_gg_,.___SButton_yt3bu_gg_:active .___SText_yt3bu_gg_{border-color:currentColor}@media (hover:hover){.___SButton_yt3bu_gg_:hover .___SText_yt3bu_gg_{border-color:currentColor}}.___SButton_yt3bu_gg_.__enableVisited_yt3bu_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_yt3bu_gg_.__enableVisited_yt3bu_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_yt3bu_gg_ .___SText_yt3bu_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_yt3bu_gg_.__keyboardFocused_yt3bu_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_yt3bu_gg_.__disabled_yt3bu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_yt3bu_gg_._use_secondary_yt3bu_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_yt3bu_gg_._use_secondary_yt3bu_gg_.__active_yt3bu_gg_,.___SButton_yt3bu_gg_._use_secondary_yt3bu_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_yt3bu_gg_._use_secondary_yt3bu_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_yt3bu_gg_._use_secondary_yt3bu_gg_ .___SText_yt3bu_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_yt3bu_gg_,.___SInner_yt3bu_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_yt3bu_gg_{height:100%;width:100%}.___SAddon_yt3bu_gg_{vertical-align:middle;pointer-events:none}.___SButton_yt3bu_gg_ .___SAddon_yt3bu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_yt3bu_gg_ .___SAddon_yt3bu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_yt3bu_gg_.__text-color_yt3bu_gg_{color:var(--text-color_yt3bu)}.___SButton_yt3bu_gg_.__text-color_yt3bu_gg_.__active_yt3bu_gg_,.___SButton_yt3bu_gg_.__text-color_yt3bu_gg_:active{color:var(--text-color_yt3bu);filter:brightness(.8)}@media (hover:hover){.___SButton_yt3bu_gg_.__text-color_yt3bu_gg_:hover{color:var(--text-color_yt3bu);filter:brightness(.8)}}.___SButton_yt3bu_gg_._size_100_yt3bu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_yt3bu_gg_._size_200_yt3bu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_yt3bu_gg_._size_300_yt3bu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_yt3bu_gg_._size_400_yt3bu_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_yt3bu_gg_._size_500_yt3bu_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_yt3bu_gg_._size_600_yt3bu_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_yt3bu_gg_._size_700_yt3bu_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_yt3bu_gg_._size_800_yt3bu_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_yt3bu_gg_,.___SText_yt3bu_gg_{transition:none}}", /*__inner_css_end__*/"yt3bu_gg_"),
13
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_vy4nu_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_vy4nu_gg_,.___SButton_vy4nu_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_vy4nu_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_vy4nu_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_vy4nu_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_vy4nu_gg_.__active_vy4nu_gg_ .___SText_vy4nu_gg_,.___SButton_vy4nu_gg_:active .___SText_vy4nu_gg_{border-color:currentColor}@media (hover:hover){.___SButton_vy4nu_gg_:hover .___SText_vy4nu_gg_{border-color:currentColor}}.___SButton_vy4nu_gg_.__enableVisited_vy4nu_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_vy4nu_gg_.__enableVisited_vy4nu_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_vy4nu_gg_ .___SText_vy4nu_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_vy4nu_gg_.__disabled_vy4nu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_ .___SText_vy4nu_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_vy4nu_gg_,.___SInner_vy4nu_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_vy4nu_gg_{height:100%;width:100%}.___SAddon_vy4nu_gg_{vertical-align:middle;pointer-events:none}.___SButton_vy4nu_gg_ .___SAddon_vy4nu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_vy4nu_gg_ .___SAddon_vy4nu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_{color:var(--text-color_vy4nu)}.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_:active{color:var(--text-color_vy4nu);filter:brightness(.8)}@media (hover:hover){.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_:hover{color:var(--text-color_vy4nu);filter:brightness(.8)}}.___SButton_vy4nu_gg_._size_100_vy4nu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_vy4nu_gg_._size_200_vy4nu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_vy4nu_gg_._size_300_vy4nu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_vy4nu_gg_._size_400_vy4nu_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_vy4nu_gg_._size_500_vy4nu_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_vy4nu_gg_._size_600_vy4nu_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_vy4nu_gg_._size_700_vy4nu_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_vy4nu_gg_._size_800_vy4nu_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_vy4nu_gg_,.___SText_vy4nu_gg_{transition:none}}", /*__inner_css_end__*/"vy4nu_gg_"),
14
14
  /*__reshadow_css_end__*/
15
15
  {
16
- "__SButton": "___SButton_yt3bu_gg_",
17
- "_keyboardFocused": "__keyboardFocused_yt3bu_gg_",
18
- "_disabled": "__disabled_yt3bu_gg_",
19
- "__SInner": "___SInner_yt3bu_gg_",
20
- "__SAddon": "___SAddon_yt3bu_gg_",
21
- "_size_100": "_size_100_yt3bu_gg_",
22
- "_size_200": "_size_200_yt3bu_gg_",
23
- "_size_300": "_size_300_yt3bu_gg_",
24
- "_size_400": "_size_400_yt3bu_gg_",
25
- "_size_500": "_size_500_yt3bu_gg_",
26
- "_size_600": "_size_600_yt3bu_gg_",
27
- "_size_700": "_size_700_yt3bu_gg_",
28
- "_size_800": "_size_800_yt3bu_gg_",
29
- "__SText": "___SText_yt3bu_gg_",
30
- "_active": "__active_yt3bu_gg_",
31
- "_enableVisited": "__enableVisited_yt3bu_gg_",
32
- "_use_secondary": "_use_secondary_yt3bu_gg_",
33
- "_text-color": "__text-color_yt3bu_gg_",
34
- "--text-color": "--text-color_yt3bu"
16
+ "__SButton": "___SButton_vy4nu_gg_",
17
+ "_disabled": "__disabled_vy4nu_gg_",
18
+ "__SInner": "___SInner_vy4nu_gg_",
19
+ "__SAddon": "___SAddon_vy4nu_gg_",
20
+ "_size_100": "_size_100_vy4nu_gg_",
21
+ "_size_200": "_size_200_vy4nu_gg_",
22
+ "_size_300": "_size_300_vy4nu_gg_",
23
+ "_size_400": "_size_400_vy4nu_gg_",
24
+ "_size_500": "_size_500_vy4nu_gg_",
25
+ "_size_600": "_size_600_vy4nu_gg_",
26
+ "_size_700": "_size_700_vy4nu_gg_",
27
+ "_size_800": "_size_800_vy4nu_gg_",
28
+ "__SText": "___SText_vy4nu_gg_",
29
+ "_active": "__active_vy4nu_gg_",
30
+ "_enableVisited": "__enableVisited_vy4nu_gg_",
31
+ "_use_secondary": "_use_secondary_vy4nu_gg_",
32
+ "_text-color": "__text-color_vy4nu_gg_",
33
+ "--text-color": "--text-color_vy4nu"
35
34
  });
36
- import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
37
35
  import { Box } from '@semcore/flex-box';
38
36
  import { AbstractButton } from '../AbstractButton/AbstractButton';
39
- import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
37
+ import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
40
38
  var enhance = {
41
- keyboardFocused: keyboardFocusEnhance(),
42
39
  resolveColor: resolveColorEnhance()
43
40
  };
44
41
  var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
package/lib/es6/component/ButtonLink/ButtonLink.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonLink.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","keyboardFocusEnhance","Box","AbstractButton","resolveColorEnhance","enhance","keyboardFocused","resolveColor","RootButtonLink","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","_ref5","asProps","color","_defineProperty","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","ButtonLink"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport style from './buttonLink.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Box } from '@semcore/flex-box';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\n\nconst enhance = {\n keyboardFocused: keyboardFocusEnhance(),\n resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n static displayName = 'ButtonLink';\n static enhance = Object.values(enhance);\n static style = style;\n static defaultProps = {\n use: 'primary',\n };\n\n protected getTextColor(): string | undefined {\n const { color, resolveColor } = this.asProps as any;\n return resolveColor(color);\n }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text,\n Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE/D,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,cAAc,QAAQ,kCAAkC;AACjE,OAAOC,mBAAmB,MAAM,iDAAiD;AAGjF,IAAMC,OAAO,GAAG;EACdC,eAAe,EAAEL,oBAAoB,EAAE;EACvCM,YAAY,EAAEH,mBAAmB;AACnC,CAAC;AAAC,IAEII,cAAc,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAAK,eAAA,OAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEf,YAAY,GAAAa,KAAA,CAAZb,YAAY;MAC3B,OAAOA,YAAY,CAACe,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0BL,cAAc;AAAAoB,eAAA,CAArCf,cAAc,iBACG,YAAY;AAAAe,eAAA,CAD7Bf,cAAc,aAEDgB,MAAM,CAACC,MAAM,CAACpB,OAAO,CAAC;AAAAkB,eAAA,CAFnCf,cAAc,WAGHV,KAAK;AAAAyB,eAAA,CAHhBf,cAAc,kBAII;EACpBkB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiC9B,GAAG;EAA/C,OAAA6B,KAAA,GAAOnC,OAAO,CAACgC,KAAK,CAACK,MAAM,CAAC,eAACvC,KAAA,CAAAwC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAA2B,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC1C,IAAMC,MAAM,GACiCvC,GAAG;EAAhD,OAAAsC,KAAA,GAAO5C,OAAO,CAACgC,KAAK,CAACK,MAAM,CAAC,eAACvC,KAAA,CAAAwC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,OAAO,IAAMI,UAAU,GAAGhD,eAAe,CAACa,cAAc,EAAE;EACxDmB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAwB"}
1
+ {"version":3,"file":"ButtonLink.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","Box","AbstractButton","resolveColorEnhance","enhance","resolveColor","RootButtonLink","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","_ref5","asProps","color","_defineProperty","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","ButtonLink"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport style from './buttonLink.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\n\nconst enhance = {\n resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n static displayName = 'ButtonLink';\n static enhance = Object.values(enhance);\n static style = style;\n static defaultProps = {\n use: 'primary',\n };\n\n protected getTextColor(): string | undefined {\n const { color, resolveColor } = this.asProps as any;\n return resolveColor(color);\n }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text,\n Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE/D,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,cAAc,QAAQ,kCAAkC;AACjE,OAAOC,mBAAmB,MAAM,sDAAsD;AAGtF,IAAMC,OAAO,GAAG;EACdC,YAAY,EAAEF,mBAAmB;AACnC,CAAC;AAAC,IAEIG,cAAc,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAAK,eAAA,OAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEf,YAAY,GAAAa,KAAA,CAAZb,YAAY;MAC3B,OAAOA,YAAY,CAACe,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0BJ,cAAc;AAAAmB,eAAA,CAArCf,cAAc,iBACG,YAAY;AAAAe,eAAA,CAD7Bf,cAAc,aAEDgB,MAAM,CAACC,MAAM,CAACnB,OAAO,CAAC;AAAAiB,eAAA,CAFnCf,cAAc,WAGHR,KAAK;AAAAuB,eAAA,CAHhBf,cAAc,kBAII;EACpBkB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiC7B,GAAG;EAA/C,OAAA4B,KAAA,GAAOjC,OAAO,CAAC8B,KAAK,CAACK,MAAM,CAAC,eAACrC,KAAA,CAAAsC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAA2B,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC1C,IAAMC,MAAM,GACiCtC,GAAG;EAAhD,OAAAqC,KAAA,GAAO1C,OAAO,CAAC8B,KAAK,CAACK,MAAM,CAAC,eAACrC,KAAA,CAAAsC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,OAAO,IAAMI,UAAU,GAAG9C,eAAe,CAACW,cAAc,EAAE;EACxDmB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAwB"}
package/lib/es6/component/ButtonLink/ButtonLink.type.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button link size\n * @default m\n */\nexport type ButtonLinkSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n/**\n * Button link type\n * @default primary\n */\ntype Use = 'primary' | 'secondary';\n\nexport type ButtonLinkProps = AbstractButtonProps<ButtonLinkSize, Use, never>;\n\nexport type ButtonLinkTextProps = AbstractButtonTextProps<ButtonLinkSize>;\n\nexport type ButtonLinkAddonProps = AbstractButtonAddonProps<ButtonLinkSize>;\n\nexport type ButtonLinkContext = AbstractButtonContext;\n\nexport type ButtonLinkChildren = {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n\nexport type ButtonLinkComponent = Intergalactic.Component<\n 'button',\n ButtonLinkProps,\n ButtonLinkContext\n> & {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n"],"mappings":""}
1
+ {"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\n\nimport {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button link size\n * @default m\n */\nexport type ButtonLinkSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n/**\n * Button link type\n * @default primary\n */\ntype Use = 'primary' | 'secondary';\n\nexport type ButtonLinkProps = AbstractButtonProps<ButtonLinkSize, Use, never>;\n\nexport type ButtonLinkTextProps = AbstractButtonTextProps<ButtonLinkSize>;\n\nexport type ButtonLinkAddonProps = AbstractButtonAddonProps<ButtonLinkSize>;\n\nexport type ButtonLinkContext = AbstractButtonContext;\n\nexport type ButtonLinkChildren = {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n\nexport type ButtonLinkComponent = Intergalactic.Component<\n 'button',\n ButtonLinkProps,\n ButtonLinkContext\n> & {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n"],"mappings":""}
package/lib/es6/component/ButtonLink/buttonLink.shadow.css CHANGED
@@ -12,14 +12,11 @@ SButton {
12
12
  margin: 0;
13
13
  box-shadow: none;
14
14
  -webkit-tap-highlight-color: transparent;
15
- outline: 0;
16
15
  background: none;
17
16
  transition: color 0.15s ease-in-out;
18
17
 
19
18
  &:active,
20
- &:hover,
21
- &:focus {
22
- outline: 0;
19
+ &:hover {
23
20
  text-decoration: none;
24
21
  }
25
22
 
@@ -51,12 +48,6 @@ SButton {
51
48
  }
52
49
  }
53
50
 
54
- SButton[keyboardFocused] {
55
- outline-color: var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));
56
- outline-style: solid;
57
- outline-width: 3px;
58
- }
59
-
60
51
  SButton[disabled] {
61
52
  opacity: var(--intergalactic-disabled-opacity, 0.3);
62
53
  cursor: default;
package/lib/esm/component/AbstractButton/AbstractButton.mjs CHANGED
@@ -10,10 +10,10 @@ import React from "react";
10
10
  import { Box } from "@semcore/flex-box";
11
11
  import { Hint } from "@semcore/tooltip";
12
12
  import NeighborLocation from "@semcore/neighbor-location";
13
- import addonTextChildren from "@semcore/utils/lib/addonTextChildren";
14
- import logger from "@semcore/utils/lib/logger";
13
+ import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
14
+ import logger from "@semcore/core/lib/utils/logger";
15
15
  import SpinButton from "./SpinButton.mjs";
16
- import hasLabels from "@semcore/utils/lib/hasLabels";
16
+ import hasLabels from "@semcore/core/lib/utils/hasLabels";
17
17
  var MAP_USE_DEFAULT_THEME = {
18
18
  primary: "info",
19
19
  secondary: "muted",
@@ -85,7 +85,9 @@ var AbstractButton = /* @__PURE__ */ function(_Component) {
85
85
  var buttonProps = _ref7.buttonProps, children = _ref7.children, hintProps = _ref7.hintProps;
86
86
  var styles = this.asProps.styles;
87
87
  var SButton = Hint;
88
- return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, assignProps(_objectSpread(_objectSpread({}, buttonProps), hintProps), _ref2))), children);
88
+ return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, assignProps(_objectSpread(_objectSpread(_objectSpread({}, buttonProps), hintProps), {}, {
89
+ "ignorePortalsStacking": true
90
+ }), _ref2))), children);
89
91
  }
90
92
  }, {
91
93
  key: "render",
package/lib/esm/component/Button/Button.mjs CHANGED
@@ -4,49 +4,46 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
4
  import _inherits from "@babel/runtime/helpers/esm/inherits";
5
5
  import _createSuper from "@babel/runtime/helpers/esm/createSuper";
6
6
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
- import { sstyled } from "@semcore/utils/lib/core/index";
8
- import createComponent, { sstyled as sstyled$1, assignProps } from "@semcore/core";
7
+ import { sstyled, createComponent, assignProps } from "@semcore/core";
9
8
  import React from "react";
10
9
  import { Box } from "@semcore/flex-box";
11
- import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
12
10
  import { AbstractButton } from "../AbstractButton/AbstractButton.mjs";
13
11
  /*!__reshadow-styles__:"./button.shadow.css"*/
14
12
  var style = (
15
13
  /*__reshadow_css_start__*/
16
14
  (sstyled.insert(
17
15
  /*__inner_css_start__*/
18
- '.___SButton_18z1k_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;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);min-width:-moz-fit-content;min-width:fit-content}.___SButton_18z1k_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_18z1k_gg_:active,.___SButton_18z1k_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_18z1k_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_18z1k_gg_.__keyboardFocused_18z1k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_18z1k_gg_.__disabled_18z1k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_18z1k_gg_._size_s_18z1k_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_18z1k_gg_._size_m_18z1k_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_18z1k_gg_._size_l_18z1k_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_18z1k_gg_._theme_secondary-muted_18z1k_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_18z1k_gg_._theme_secondary-muted_18z1k_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_18z1k_gg_._theme_secondary-muted_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_secondary-muted_18z1k_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_18z1k_gg_._theme_secondary-info_18z1k_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_18z1k_gg_._theme_secondary-info_18z1k_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_18z1k_gg_._theme_secondary-info_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_secondary-info_18z1k_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_18z1k_gg_._theme_secondary-invert_18z1k_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_18z1k_gg_._theme_secondary-invert_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_18z1k_gg_._theme_secondary-invert_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_secondary-invert_18z1k_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_18z1k_gg_._theme_tertiary-info_18z1k_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_18z1k_gg_._theme_tertiary-info_18z1k_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_18z1k_gg_._theme_tertiary-info_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_tertiary-info_18z1k_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_18z1k_gg_._neighborLocation_right_18z1k_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_{border-radius:0;margin-left:-1px}.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_,.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_{position:relative}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_:after,.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_._theme_secondary-muted_18z1k_gg_:after,.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_._theme_secondary-muted_18z1k_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_18z1k_gg_+.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_:after,.___SButton_18z1k_gg_+.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_18z1k_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_18z1k_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_18z1k_gg_.__loading_18z1k_gg_{visibility:hidden}.___SText_18z1k_gg_{display:inline-flex}.___SText_18z1k_gg_._size_l_18z1k_gg_,.___SText_18z1k_gg_._size_m_18z1k_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_18z1k_gg_._size_m_18z1k_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_18z1k_gg_._size_l_18z1k_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_18z1k_gg_._size_l_18z1k_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_18z1k_gg_._size_l_18z1k_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_18z1k_gg_._size_l_18z1k_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_18z1k_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_18z1k_gg_._size_m_18z1k_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_18z1k_gg_._size_m_18z1k_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_18z1k_gg_._size_m_18z1k_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_18z1k_gg_._size_l_18z1k_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_18z1k_gg_._size_l_18z1k_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_18z1k_gg_._size_l_18z1k_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}',
16
+ '.___SButton_19c5z_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_19c5z_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_19c5z_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_19c5z_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_19c5z_gg_.__disabled_19c5z_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_19c5z_gg_._size_s_19c5z_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_19c5z_gg_._size_m_19c5z_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_19c5z_gg_._size_l_19c5z_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_19c5z_gg_._theme_secondary-info_19c5z_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_19c5z_gg_._theme_secondary-info_19c5z_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_19c5z_gg_._theme_secondary-info_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_secondary-info_19c5z_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_19c5z_gg_._neighborLocation_right_19c5z_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_{border-radius:0;margin-left:-1px}.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_,.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_{position:relative}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_:after,.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_._theme_secondary-muted_19c5z_gg_:after,.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_._theme_secondary-muted_19c5z_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_19c5z_gg_+.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_:after,.___SButton_19c5z_gg_+.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_19c5z_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_19c5z_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_19c5z_gg_.__loading_19c5z_gg_{visibility:hidden}.___SText_19c5z_gg_{display:inline-flex}.___SText_19c5z_gg_._size_l_19c5z_gg_,.___SText_19c5z_gg_._size_m_19c5z_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_19c5z_gg_._size_m_19c5z_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_19c5z_gg_._size_l_19c5z_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_19c5z_gg_._size_l_19c5z_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_19c5z_gg_._size_l_19c5z_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_19c5z_gg_._size_l_19c5z_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_19c5z_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_19c5z_gg_._size_m_19c5z_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_19c5z_gg_._size_m_19c5z_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_19c5z_gg_._size_m_19c5z_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_19c5z_gg_._size_l_19c5z_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_19c5z_gg_._size_l_19c5z_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_19c5z_gg_._size_l_19c5z_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}',
19
17
  /*__inner_css_end__*/
20
- "18z1k_gg_"
18
+ "19c5z_gg_"
21
19
  ), /*__reshadow_css_end__*/
22
20
  {
23
- "__SButton": "___SButton_18z1k_gg_",
24
- "_keyboardFocused": "__keyboardFocused_18z1k_gg_",
25
- "_disabled": "__disabled_18z1k_gg_",
26
- "_size_s": "_size_s_18z1k_gg_",
27
- "_size_m": "_size_m_18z1k_gg_",
28
- "_size_l": "_size_l_18z1k_gg_",
29
- "_neighborLocation_right": "_neighborLocation_right_18z1k_gg_",
30
- "_neighborLocation_both": "_neighborLocation_both_18z1k_gg_",
31
- "_neighborLocation_left": "_neighborLocation_left_18z1k_gg_",
32
- "__SSpin": "___SSpin_18z1k_gg_",
33
- "__SInner": "___SInner_18z1k_gg_",
34
- "_loading": "__loading_18z1k_gg_",
35
- "__SText": "___SText_18z1k_gg_",
36
- "__SAddon": "___SAddon_18z1k_gg_",
37
- "_theme_primary-info": "_theme_primary-info_18z1k_gg_",
38
- "_active": "__active_18z1k_gg_",
39
- "_theme_primary-success": "_theme_primary-success_18z1k_gg_",
40
- "_theme_primary-brand": "_theme_primary-brand_18z1k_gg_",
41
- "_theme_primary-warning": "_theme_primary-warning_18z1k_gg_",
42
- "_theme_primary-danger": "_theme_primary-danger_18z1k_gg_",
43
- "_theme_primary-invert": "_theme_primary-invert_18z1k_gg_",
44
- "_theme_secondary-muted": "_theme_secondary-muted_18z1k_gg_",
45
- "_theme_secondary-info": "_theme_secondary-info_18z1k_gg_",
46
- "_theme_secondary-invert": "_theme_secondary-invert_18z1k_gg_",
47
- "_theme_tertiary-info": "_theme_tertiary-info_18z1k_gg_",
48
- "_theme_tertiary-muted": "_theme_tertiary-muted_18z1k_gg_",
49
- "_theme_tertiary-invert": "_theme_tertiary-invert_18z1k_gg_"
21
+ "__SButton": "___SButton_19c5z_gg_",
22
+ "_disabled": "__disabled_19c5z_gg_",
23
+ "_size_s": "_size_s_19c5z_gg_",
24
+ "_size_m": "_size_m_19c5z_gg_",
25
+ "_size_l": "_size_l_19c5z_gg_",
26
+ "_neighborLocation_right": "_neighborLocation_right_19c5z_gg_",
27
+ "_neighborLocation_both": "_neighborLocation_both_19c5z_gg_",
28
+ "_neighborLocation_left": "_neighborLocation_left_19c5z_gg_",
29
+ "__SSpin": "___SSpin_19c5z_gg_",
30
+ "__SInner": "___SInner_19c5z_gg_",
31
+ "_loading": "__loading_19c5z_gg_",
32
+ "__SText": "___SText_19c5z_gg_",
33
+ "__SAddon": "___SAddon_19c5z_gg_",
34
+ "_theme_primary-info": "_theme_primary-info_19c5z_gg_",
35
+ "_active": "__active_19c5z_gg_",
36
+ "_theme_primary-success": "_theme_primary-success_19c5z_gg_",
37
+ "_theme_primary-brand": "_theme_primary-brand_19c5z_gg_",
38
+ "_theme_primary-warning": "_theme_primary-warning_19c5z_gg_",
39
+ "_theme_primary-danger": "_theme_primary-danger_19c5z_gg_",
40
+ "_theme_primary-invert": "_theme_primary-invert_19c5z_gg_",
41
+ "_theme_secondary-muted": "_theme_secondary-muted_19c5z_gg_",
42
+ "_theme_secondary-info": "_theme_secondary-info_19c5z_gg_",
43
+ "_theme_secondary-invert": "_theme_secondary-invert_19c5z_gg_",
44
+ "_theme_tertiary-info": "_theme_tertiary-info_19c5z_gg_",
45
+ "_theme_tertiary-muted": "_theme_tertiary-muted_19c5z_gg_",
46
+ "_theme_tertiary-invert": "_theme_tertiary-invert_19c5z_gg_"
50
47
  })
51
48
  );
52
49
  var RootButton = /* @__PURE__ */ function(_AbstractButton) {
@@ -65,7 +62,6 @@ var RootButton = /* @__PURE__ */ function(_AbstractButton) {
65
62
  return RootButton2;
66
63
  }(AbstractButton);
67
64
  _defineProperty(RootButton, "displayName", "Button");
68
- _defineProperty(RootButton, "enhance", [keyboardFocusEnhance()]);
69
65
  _defineProperty(RootButton, "style", style);
70
66
  _defineProperty(RootButton, "defaultProps", {
71
67
  use: "secondary",
@@ -74,14 +70,14 @@ _defineProperty(RootButton, "defaultProps", {
74
70
  function Text(props) {
75
71
  var _ref = arguments[0], _ref3;
76
72
  var SText = Box;
77
- return _ref3 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", _objectSpread({}, assignProps({
73
+ return _ref3 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", _objectSpread({}, assignProps({
78
74
  "tag": "span"
79
75
  }, _ref))));
80
76
  }
81
77
  function Addon(props) {
82
78
  var _ref2 = arguments[0], _ref4;
83
79
  var SAddon = Box;
84
- return _ref4 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, assignProps({
80
+ return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, assignProps({
85
81
  "tag": "span"
86
82
  }, _ref2))));
87
83
  }
package/lib/esm/component/Button/button.shadow.css CHANGED
@@ -12,7 +12,6 @@ SButton {
12
12
  text-align: center;
13
13
  vertical-align: middle;
14
14
  border: 1px solid transparent;
15
- outline: 0;
16
15
  box-shadow: none;
17
16
  cursor: pointer;
18
17
  box-sizing: border-box;
@@ -30,18 +29,11 @@ SButton {
30
29
  }
31
30
 
32
31
  &:active,
33
- &:hover,
34
- &:focus {
35
- outline: 0;
32
+ &:hover {
36
33
  text-decoration: none;
37
34
  }
38
35
  }
39
36
 
40
- SButton[keyboardFocused] {
41
- box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
42
- z-index: 1;
43
- }
44
-
45
37
  SButton[disabled] {
46
38
  opacity: var(--intergalactic-disabled-opacity, 0.3);
47
39
  cursor: default;