@semcore/button 16.0.12 → 16.0.13-prerelease.14

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 (41) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +4 -4
  3. package/lib/cjs/component/AbstractButton/AbstractButton.js +100 -165
  4. package/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
  5. package/lib/cjs/component/AbstractButton/AbstractButton.type.js.map +1 -1
  6. package/lib/cjs/component/AbstractButton/SpinButton.js +9 -10
  7. package/lib/cjs/component/AbstractButton/SpinButton.js.map +1 -1
  8. package/lib/cjs/component/Button/Button.js +54 -63
  9. package/lib/cjs/component/Button/Button.js.map +1 -1
  10. package/lib/cjs/component/Button/Button.type.js.map +1 -1
  11. package/lib/cjs/component/ButtonLink/ButtonLink.js +51 -59
  12. package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
  13. package/lib/cjs/component/ButtonLink/buttonLink.shadow.css +7 -7
  14. package/lib/cjs/index.js +7 -7
  15. package/lib/cjs/index.js.map +1 -1
  16. package/lib/es6/component/AbstractButton/AbstractButton.js +97 -164
  17. package/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
  18. package/lib/es6/component/AbstractButton/AbstractButton.type.js.map +1 -1
  19. package/lib/es6/component/AbstractButton/SpinButton.js +6 -7
  20. package/lib/es6/component/AbstractButton/SpinButton.js.map +1 -1
  21. package/lib/es6/component/Button/Button.js +47 -56
  22. package/lib/es6/component/Button/Button.js.map +1 -1
  23. package/lib/es6/component/Button/Button.type.js.map +1 -1
  24. package/lib/es6/component/ButtonLink/ButtonLink.js +44 -52
  25. package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
  26. package/lib/es6/component/ButtonLink/buttonLink.shadow.css +7 -7
  27. package/lib/esm/component/AbstractButton/AbstractButton.mjs +98 -136
  28. package/lib/esm/component/AbstractButton/SpinButton.mjs +6 -6
  29. package/lib/esm/component/Button/Button.mjs +47 -56
  30. package/lib/esm/component/ButtonLink/ButtonLink.mjs +44 -50
  31. package/lib/esm/component/ButtonLink/buttonLink.shadow.css +7 -7
  32. package/lib/types/component/AbstractButton/AbstractButton.d.ts +5 -6
  33. package/lib/types/component/AbstractButton/AbstractButton.type.d.ts +2 -4
  34. package/lib/types/component/Button/Button.type.d.ts +2 -18
  35. package/package.json +6 -9
  36. package/src/component/AbstractButton/AbstractButton.tsx +58 -77
  37. package/src/component/AbstractButton/AbstractButton.type.ts +2 -4
  38. package/src/component/Button/Button.tsx +1 -1
  39. package/src/component/Button/Button.type.ts +1 -14
  40. package/src/component/ButtonLink/ButtonLink.tsx +1 -1
  41. package/src/component/ButtonLink/buttonLink.shadow.css +7 -7
package/lib/esm/component/Button/Button.mjs CHANGED
@@ -1,64 +1,51 @@
1
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
- import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
- import _createClass from "@babel/runtime/helpers/esm/createClass";
4
- import _callSuper from "@babel/runtime/helpers/esm/callSuper";
5
- import _inherits from "@babel/runtime/helpers/esm/inherits";
6
1
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
2
  import { createComponent, sstyled, assignProps } from "@semcore/core";
8
- import { Box } from "@semcore/flex-box";
3
+ import { Box } from "@semcore/base-components";
9
4
  import React from "react";
10
5
  import { AbstractButton } from "../AbstractButton/AbstractButton.mjs";
11
6
  /*!__reshadow-styles__:"./button.shadow.css"*/
12
- var style = (
7
+ const style = (
13
8
  /*__reshadow_css_start__*/
14
9
  (sstyled.insert(
15
10
  /*__inner_css_start__*/
16
- '.___SButton_gw5o3_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_gw5o3_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_gw5o3_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_gw5o3_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_gw5o3_gg_.__disabled_gw5o3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_gw5o3_gg_._size_s_gw5o3_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_gw5o3_gg_._size_m_gw5o3_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_gw5o3_gg_._size_l_gw5o3_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_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_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_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_gw5o3_gg_._theme_secondary-info_gw5o3_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_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_gw5o3_gg_._theme_secondary-invert_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_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_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_gw5o3_gg_._neighborLocation_right_gw5o3_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_{border-radius:0;margin-left:-1px}.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_,.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_{position:relative}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_:after,.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:after,.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_gw5o3_gg_+.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_:after,.___SButton_gw5o3_gg_+.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_gw5o3_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_gw5o3_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_gw5o3_gg_.__loading_gw5o3_gg_{visibility:hidden}.___SText_gw5o3_gg_{display:inline-flex}.___SText_gw5o3_gg_._size_l_gw5o3_gg_,.___SText_gw5o3_gg_._size_m_gw5o3_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_gw5o3_gg_._size_m_gw5o3_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_gw5o3_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_gw5o3_gg_._size_m_gw5o3_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_gw5o3_gg_._size_m_gw5o3_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_gw5o3_gg_._size_m_gw5o3_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_gw5o3_gg_._size_l_gw5o3_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_gw5o3_gg_._size_l_gw5o3_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_gw5o3_gg_._size_l_gw5o3_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}',
11
+ '.___SButton_se7i8_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_se7i8_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_se7i8_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_se7i8_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_se7i8_gg_.__disabled_se7i8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_se7i8_gg_._size_s_se7i8_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_se7i8_gg_._size_m_se7i8_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_se7i8_gg_._size_l_se7i8_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_se7i8_gg_._neighborLocation_right_se7i8_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_{border-radius:0;margin-left:-1px}.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_,.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_{position:relative}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_:after,.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_._theme_secondary-muted_se7i8_gg_:after,.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_._theme_secondary-muted_se7i8_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_se7i8_gg_+.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_:after,.___SButton_se7i8_gg_+.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_se7i8_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_se7i8_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_se7i8_gg_.__loading_se7i8_gg_{visibility:hidden}.___SText_se7i8_gg_{display:inline-flex}.___SText_se7i8_gg_._size_l_se7i8_gg_,.___SText_se7i8_gg_._size_m_se7i8_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_se7i8_gg_._size_m_se7i8_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_se7i8_gg_._size_l_se7i8_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_se7i8_gg_._size_l_se7i8_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_se7i8_gg_._size_l_se7i8_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_se7i8_gg_._size_l_se7i8_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_se7i8_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_se7i8_gg_._size_m_se7i8_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_se7i8_gg_._size_m_se7i8_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_se7i8_gg_._size_m_se7i8_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_se7i8_gg_._size_l_se7i8_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_se7i8_gg_._size_l_se7i8_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_se7i8_gg_._size_l_se7i8_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}',
17
12
  /*__inner_css_end__*/
18
- "gw5o3_gg_"
13
+ "se7i8_gg_"
19
14
  ), /*__reshadow_css_end__*/
20
15
  {
21
- "__SButton": "___SButton_gw5o3_gg_",
22
- "_disabled": "__disabled_gw5o3_gg_",
23
- "_size_s": "_size_s_gw5o3_gg_",
24
- "_size_m": "_size_m_gw5o3_gg_",
25
- "_size_l": "_size_l_gw5o3_gg_",
26
- "_neighborLocation_right": "_neighborLocation_right_gw5o3_gg_",
27
- "_neighborLocation_both": "_neighborLocation_both_gw5o3_gg_",
28
- "_neighborLocation_left": "_neighborLocation_left_gw5o3_gg_",
29
- "__SSpin": "___SSpin_gw5o3_gg_",
30
- "__SInner": "___SInner_gw5o3_gg_",
31
- "_loading": "__loading_gw5o3_gg_",
32
- "__SText": "___SText_gw5o3_gg_",
33
- "__SAddon": "___SAddon_gw5o3_gg_",
34
- "_theme_primary-info": "_theme_primary-info_gw5o3_gg_",
35
- "_active": "__active_gw5o3_gg_",
36
- "_theme_primary-success": "_theme_primary-success_gw5o3_gg_",
37
- "_theme_primary-brand": "_theme_primary-brand_gw5o3_gg_",
38
- "_theme_primary-warning": "_theme_primary-warning_gw5o3_gg_",
39
- "_theme_primary-danger": "_theme_primary-danger_gw5o3_gg_",
40
- "_theme_primary-invert": "_theme_primary-invert_gw5o3_gg_",
41
- "_theme_secondary-muted": "_theme_secondary-muted_gw5o3_gg_",
42
- "_theme_secondary-info": "_theme_secondary-info_gw5o3_gg_",
43
- "_theme_secondary-invert": "_theme_secondary-invert_gw5o3_gg_",
44
- "_theme_tertiary-info": "_theme_tertiary-info_gw5o3_gg_",
45
- "_theme_tertiary-muted": "_theme_tertiary-muted_gw5o3_gg_",
46
- "_theme_tertiary-invert": "_theme_tertiary-invert_gw5o3_gg_"
16
+ "__SButton": "___SButton_se7i8_gg_",
17
+ "_disabled": "__disabled_se7i8_gg_",
18
+ "_size_s": "_size_s_se7i8_gg_",
19
+ "_size_m": "_size_m_se7i8_gg_",
20
+ "_size_l": "_size_l_se7i8_gg_",
21
+ "_neighborLocation_right": "_neighborLocation_right_se7i8_gg_",
22
+ "_neighborLocation_both": "_neighborLocation_both_se7i8_gg_",
23
+ "_neighborLocation_left": "_neighborLocation_left_se7i8_gg_",
24
+ "__SSpin": "___SSpin_se7i8_gg_",
25
+ "__SInner": "___SInner_se7i8_gg_",
26
+ "_loading": "__loading_se7i8_gg_",
27
+ "__SText": "___SText_se7i8_gg_",
28
+ "__SAddon": "___SAddon_se7i8_gg_",
29
+ "_theme_primary-info": "_theme_primary-info_se7i8_gg_",
30
+ "_active": "__active_se7i8_gg_",
31
+ "_theme_primary-success": "_theme_primary-success_se7i8_gg_",
32
+ "_theme_primary-brand": "_theme_primary-brand_se7i8_gg_",
33
+ "_theme_primary-warning": "_theme_primary-warning_se7i8_gg_",
34
+ "_theme_primary-danger": "_theme_primary-danger_se7i8_gg_",
35
+ "_theme_primary-invert": "_theme_primary-invert_se7i8_gg_",
36
+ "_theme_secondary-muted": "_theme_secondary-muted_se7i8_gg_",
37
+ "_theme_secondary-info": "_theme_secondary-info_se7i8_gg_",
38
+ "_theme_secondary-invert": "_theme_secondary-invert_se7i8_gg_",
39
+ "_theme_tertiary-info": "_theme_tertiary-info_se7i8_gg_",
40
+ "_theme_tertiary-muted": "_theme_tertiary-muted_se7i8_gg_",
41
+ "_theme_tertiary-invert": "_theme_tertiary-invert_se7i8_gg_"
47
42
  })
48
43
  );
49
- var RootButton = /* @__PURE__ */ (function(_AbstractButton) {
50
- function RootButton2() {
51
- _classCallCheck(this, RootButton2);
52
- return _callSuper(this, RootButton2, arguments);
44
+ class RootButton extends AbstractButton {
45
+ getTextColor() {
46
+ return void 0;
53
47
  }
54
- _inherits(RootButton2, _AbstractButton);
55
- return _createClass(RootButton2, [{
56
- key: "getTextColor",
57
- value: function getTextColor() {
58
- return void 0;
59
- }
60
- }]);
61
- })(AbstractButton);
48
+ }
62
49
  _defineProperty(RootButton, "displayName", "Button");
63
50
  _defineProperty(RootButton, "style", style);
64
51
  _defineProperty(RootButton, "defaultProps", {
@@ -67,19 +54,23 @@ _defineProperty(RootButton, "defaultProps", {
67
54
  });
68
55
  function Text(props) {
69
56
  var _ref = arguments[0], _ref3;
70
- var SText = Box;
71
- return _ref3 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", _objectSpread({}, assignProps({
72
- "tag": "span"
73
- }, _ref))));
57
+ const SText = Box;
58
+ return _ref3 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", {
59
+ ...assignProps({
60
+ "tag": "span"
61
+ }, _ref)
62
+ }));
74
63
  }
75
64
  function Addon(props) {
76
65
  var _ref2 = arguments[0], _ref4;
77
- var SAddon = Box;
78
- return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, assignProps({
79
- "tag": "span"
80
- }, _ref2))));
66
+ const SAddon = Box;
67
+ return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", {
68
+ ...assignProps({
69
+ "tag": "span"
70
+ }, _ref2)
71
+ }));
81
72
  }
82
- var Button = createComponent(RootButton, {
73
+ const Button = createComponent(RootButton, {
83
74
  Text,
84
75
  Addon
85
76
  });
package/lib/esm/component/ButtonLink/ButtonLink.mjs CHANGED
@@ -1,61 +1,51 @@
1
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
- import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
- import _createClass from "@babel/runtime/helpers/esm/createClass";
4
- import _callSuper from "@babel/runtime/helpers/esm/callSuper";
5
- import _inherits from "@babel/runtime/helpers/esm/inherits";
6
1
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
2
  import { createComponent, sstyled, assignProps } from "@semcore/core";
3
+ import { Box } from "@semcore/base-components";
8
4
  import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
9
- import { Box } from "@semcore/flex-box";
10
5
  import React from "react";
11
6
  import { AbstractButton } from "../AbstractButton/AbstractButton.mjs";
12
7
  /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
13
- var style = (
8
+ const style = (
14
9
  /*__reshadow_css_start__*/
15
10
  (sstyled.insert(
16
11
  /*__inner_css_start__*/
17
- ".___SButton_1r4wh_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_1r4wh_gg_,.___SButton_1r4wh_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1r4wh_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1r4wh_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_1r4wh_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_1r4wh_gg_.__active_1r4wh_gg_ .___SText_1r4wh_gg_,.___SButton_1r4wh_gg_:active .___SText_1r4wh_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1r4wh_gg_:hover .___SText_1r4wh_gg_{border-color:currentColor}}.___SButton_1r4wh_gg_.__enableVisited_1r4wh_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_1r4wh_gg_.__enableVisited_1r4wh_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_1r4wh_gg_ .___SText_1r4wh_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1r4wh_gg_.__disabled_1r4wh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_ .___SText_1r4wh_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1r4wh_gg_,.___SInner_1r4wh_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1r4wh_gg_{height:100%;width:100%}.___SAddon_1r4wh_gg_{vertical-align:middle;pointer-events:none}.___SButton_1r4wh_gg_ .___SAddon_1r4wh_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1r4wh_gg_ .___SAddon_1r4wh_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_{color:var(--text-color_1r4wh)}.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_:active{color:var(--text-color_1r4wh);filter:brightness(.8)}@media (hover:hover){.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_:hover{color:var(--text-color_1r4wh);filter:brightness(.8)}}.___SButton_1r4wh_gg_._size_100_1r4wh_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1r4wh_gg_._size_200_1r4wh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1r4wh_gg_._size_300_1r4wh_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1r4wh_gg_._size_400_1r4wh_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1r4wh_gg_._size_500_1r4wh_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1r4wh_gg_._size_600_1r4wh_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1r4wh_gg_._size_700_1r4wh_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1r4wh_gg_._size_800_1r4wh_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1r4wh_gg_,.___SText_1r4wh_gg_{transition:none}}",
12
+ ".___SButton_o1yge_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_o1yge_gg_,.___SButton_o1yge_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_o1yge_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_o1yge_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_o1yge_gg_.__active_o1yge_gg_,.___SButton_o1yge_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_o1yge_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_o1yge_gg_.__active_o1yge_gg_ .___SText_o1yge_gg_,.___SButton_o1yge_gg_:active .___SText_o1yge_gg_{box-shadow:0 1px 0 0 currentColor}@media (hover:hover){.___SButton_o1yge_gg_:hover .___SText_o1yge_gg_{box-shadow:0 1px 0 0 currentColor}}.___SButton_o1yge_gg_.__enableVisited_o1yge_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_o1yge_gg_.__enableVisited_o1yge_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_o1yge_gg_ .___SText_o1yge_gg_{box-shadow:0 1px 0 0 transparent;transition:box-shadow .15s ease-in-out}.___SButton_o1yge_gg_.__disabled_o1yge_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_o1yge_gg_._use_secondary_o1yge_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_o1yge_gg_._use_secondary_o1yge_gg_.__active_o1yge_gg_,.___SButton_o1yge_gg_._use_secondary_o1yge_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_o1yge_gg_._use_secondary_o1yge_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_o1yge_gg_._use_secondary_o1yge_gg_ .___SText_o1yge_gg_{box-shadow:none;border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_o1yge_gg_,.___SInner_o1yge_gg_{display:inline-flex;justify-content:center;align-items:baseline}.___SInner_o1yge_gg_{height:100%;width:100%}.___SAddon_o1yge_gg_{vertical-align:middle;pointer-events:none;align-self:center}.___SButton_o1yge_gg_ .___SAddon_o1yge_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_o1yge_gg_ .___SAddon_o1yge_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_o1yge_gg_.__text-color_o1yge_gg_{color:var(--text-color_o1yge)}.___SButton_o1yge_gg_.__text-color_o1yge_gg_.__active_o1yge_gg_,.___SButton_o1yge_gg_.__text-color_o1yge_gg_:active{color:var(--text-color_o1yge);filter:brightness(.8)}@media (hover:hover){.___SButton_o1yge_gg_.__text-color_o1yge_gg_:hover{color:var(--text-color_o1yge);filter:brightness(.8)}}.___SButton_o1yge_gg_._size_100_o1yge_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_o1yge_gg_._size_200_o1yge_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_o1yge_gg_._size_300_o1yge_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_o1yge_gg_._size_400_o1yge_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_o1yge_gg_._size_500_o1yge_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_o1yge_gg_._size_600_o1yge_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_o1yge_gg_._size_700_o1yge_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_o1yge_gg_._size_800_o1yge_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_o1yge_gg_,.___SText_o1yge_gg_{transition:none}}",
18
13
  /*__inner_css_end__*/
19
- "1r4wh_gg_"
14
+ "o1yge_gg_"
20
15
  ), /*__reshadow_css_end__*/
21
16
  {
22
- "__SButton": "___SButton_1r4wh_gg_",
23
- "_disabled": "__disabled_1r4wh_gg_",
24
- "__SInner": "___SInner_1r4wh_gg_",
25
- "__SAddon": "___SAddon_1r4wh_gg_",
26
- "_size_100": "_size_100_1r4wh_gg_",
27
- "_size_200": "_size_200_1r4wh_gg_",
28
- "_size_300": "_size_300_1r4wh_gg_",
29
- "_size_400": "_size_400_1r4wh_gg_",
30
- "_size_500": "_size_500_1r4wh_gg_",
31
- "_size_600": "_size_600_1r4wh_gg_",
32
- "_size_700": "_size_700_1r4wh_gg_",
33
- "_size_800": "_size_800_1r4wh_gg_",
34
- "__SText": "___SText_1r4wh_gg_",
35
- "_active": "__active_1r4wh_gg_",
36
- "_enableVisited": "__enableVisited_1r4wh_gg_",
37
- "_use_secondary": "_use_secondary_1r4wh_gg_",
38
- "_text-color": "__text-color_1r4wh_gg_",
39
- "--text-color": "--text-color_1r4wh"
17
+ "__SButton": "___SButton_o1yge_gg_",
18
+ "_disabled": "__disabled_o1yge_gg_",
19
+ "__SInner": "___SInner_o1yge_gg_",
20
+ "__SAddon": "___SAddon_o1yge_gg_",
21
+ "_size_100": "_size_100_o1yge_gg_",
22
+ "_size_200": "_size_200_o1yge_gg_",
23
+ "_size_300": "_size_300_o1yge_gg_",
24
+ "_size_400": "_size_400_o1yge_gg_",
25
+ "_size_500": "_size_500_o1yge_gg_",
26
+ "_size_600": "_size_600_o1yge_gg_",
27
+ "_size_700": "_size_700_o1yge_gg_",
28
+ "_size_800": "_size_800_o1yge_gg_",
29
+ "__SText": "___SText_o1yge_gg_",
30
+ "_active": "__active_o1yge_gg_",
31
+ "_enableVisited": "__enableVisited_o1yge_gg_",
32
+ "_use_secondary": "_use_secondary_o1yge_gg_",
33
+ "_text-color": "__text-color_o1yge_gg_",
34
+ "--text-color": "--text-color_o1yge"
40
35
  })
41
36
  );
42
- var enhance = {
37
+ const enhance = {
43
38
  resolveColor: resolveColorEnhance()
44
39
  };
45
- var RootButtonLink = /* @__PURE__ */ (function(_AbstractButton) {
46
- function RootButtonLink2() {
47
- _classCallCheck(this, RootButtonLink2);
48
- return _callSuper(this, RootButtonLink2, arguments);
40
+ class RootButtonLink extends AbstractButton {
41
+ getTextColor() {
42
+ const {
43
+ color,
44
+ resolveColor
45
+ } = this.asProps;
46
+ return resolveColor(color);
49
47
  }
50
- _inherits(RootButtonLink2, _AbstractButton);
51
- return _createClass(RootButtonLink2, [{
52
- key: "getTextColor",
53
- value: function getTextColor() {
54
- var _ref5 = this.asProps, color = _ref5.color, resolveColor = _ref5.resolveColor;
55
- return resolveColor(color);
56
- }
57
- }]);
58
- })(AbstractButton);
48
+ }
59
49
  _defineProperty(RootButtonLink, "displayName", "ButtonLink");
60
50
  _defineProperty(RootButtonLink, "enhance", Object.values(enhance));
61
51
  _defineProperty(RootButtonLink, "style", style);
@@ -64,19 +54,23 @@ _defineProperty(RootButtonLink, "defaultProps", {
64
54
  });
65
55
  function Text(props) {
66
56
  var _ref = arguments[0], _ref3;
67
- var SText = Box;
68
- return _ref3 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", _objectSpread({}, assignProps({
69
- "tag": "span"
70
- }, _ref))));
57
+ const SText = Box;
58
+ return _ref3 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", {
59
+ ...assignProps({
60
+ "tag": "span"
61
+ }, _ref)
62
+ }));
71
63
  }
72
64
  function Addon(props) {
73
65
  var _ref2 = arguments[0], _ref4;
74
- var SAddon = Box;
75
- return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, assignProps({
76
- "tag": "span"
77
- }, _ref2))));
66
+ const SAddon = Box;
67
+ return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", {
68
+ ...assignProps({
69
+ "tag": "span"
70
+ }, _ref2)
71
+ }));
78
72
  }
79
- var ButtonLink = createComponent(RootButtonLink, {
73
+ const ButtonLink = createComponent(RootButtonLink, {
80
74
  Text,
81
75
  Addon
82
76
  });
package/lib/esm/component/ButtonLink/buttonLink.shadow.css CHANGED
@@ -31,7 +31,7 @@ SButton {
31
31
  color: var(--intergalactic-text-link-hover-active, #044792);
32
32
 
33
33
  & SText {
34
- border-color: currentColor;
34
+ box-shadow: 0 1px 0 0 currentColor;
35
35
  }
36
36
  }
37
37
 
@@ -41,10 +41,8 @@ SButton {
41
41
  }
42
42
 
43
43
  SText {
44
- border-bottom-width: 1px;
45
- border-bottom-style: solid;
46
- border-color: transparent;
47
- transition: border-bottom-color 0.15s ease-in-out;
44
+ box-shadow: 0 1px 0 0 transparent;
45
+ transition: box-shadow 0.15s ease-in-out;
48
46
  }
49
47
  }
50
48
 
@@ -65,6 +63,7 @@ SButton[use='secondary'] {
65
63
  }
66
64
 
67
65
  SText {
66
+ box-shadow: none;
68
67
  border-bottom-width: 1px;
69
68
  border-bottom-style: dashed;
70
69
  border-color: currentColor;
@@ -73,7 +72,7 @@ SButton[use='secondary'] {
73
72
 
74
73
  SInner {
75
74
  display: inline-flex;
76
- align-items: center;
75
+ align-items: baseline;
77
76
  justify-content: center;
78
77
  height: 100%;
79
78
  width: 100%;
@@ -82,9 +81,10 @@ SInner {
82
81
  SAddon {
83
82
  display: inline-flex;
84
83
  justify-content: center;
85
- align-items: center;
84
+ align-items: baseline;
86
85
  vertical-align: middle;
87
86
  pointer-events: none;
87
+ align-self: center;
88
88
  }
89
89
 
90
90
  SButton SAddon {
package/lib/types/component/AbstractButton/AbstractButton.d.ts CHANGED
@@ -3,12 +3,13 @@ import React from 'react';
3
3
  import type { AbstractButtonProps } from './AbstractButton.type';
4
4
  export declare const MAP_USE_DEFAULT_THEME: Record<string, string>;
5
5
  type Props = AbstractButtonProps<any, any, any>;
6
- export declare abstract class AbstractButton extends Component<Props, {}, {}> {
6
+ type State = {
7
+ ariaLabelledByContent: null | string;
8
+ };
9
+ export declare abstract class AbstractButton extends Component<Props, [], never, {}, State> {
7
10
  static displayName: string;
8
11
  containerRef: React.RefObject<HTMLButtonElement>;
9
- state: {
10
- ariaLabelledByContent: null;
11
- };
12
+ state: State;
12
13
  protected abstract getTextColor(): string | undefined;
13
14
  getTextProps(): {
14
15
  size: any;
@@ -17,8 +18,6 @@ export declare abstract class AbstractButton extends Component<Props, {}, {}> {
17
18
  size: any;
18
19
  };
19
20
  componentDidMount(): void;
20
- renderButton({ buttonProps, children }: any): React.ReactNode;
21
- renderButtonWithHint({ buttonProps, children, hintProps }: any): React.ReactNode;
22
21
  render(): React.JSX.Element;
23
22
  }
24
23
  export {};
package/lib/types/component/AbstractButton/AbstractButton.type.d.ts CHANGED
@@ -1,7 +1,5 @@
1
+ import type { BoxProps, NeighborItemProps, SimpleHintPopperProps } from '@semcore/base-components';
1
2
  import type { PropGetterFn } from '@semcore/core';
2
- import type { BoxProps } from '@semcore/flex-box';
3
- import type { NeighborItemProps } from '@semcore/neighbor-location';
4
- import type { TooltipHintProps } from '@semcore/tooltip';
5
3
  import type React from 'react';
6
4
  export type AbstractButtonProps<S, U, T> = BoxProps & NeighborItemProps & {
7
5
  /** Button activity state */
@@ -18,7 +16,7 @@ export type AbstractButtonProps<S, U, T> = BoxProps & NeighborItemProps & {
18
16
  * Placement for hint
19
17
  * @default top
20
18
  */
21
- hintPlacement?: TooltipHintProps['placement'];
19
+ hintPlacement?: SimpleHintPopperProps['placement'];
22
20
  /** Button size. Defined in Button.type or ButtonLink.type */
23
21
  size?: S;
24
22
  /** Button usage. Defined in Button.type or ButtonLink.type */
package/lib/types/component/Button/Button.type.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { UnknownProperties, Intergalactic } from '@semcore/core';
1
+ import type { Intergalactic } from '@semcore/core';
2
2
  import type { AbstractButtonAddonProps, AbstractButtonContext, AbstractButtonTextProps, AbstractButtonProps } from '../AbstractButton/AbstractButton.type';
3
3
  /**
4
4
  * Button size
@@ -10,27 +10,11 @@ export type ButtonSize = 'l' | 'm';
10
10
  * @default secondary
11
11
  */
12
12
  type Use = 'primary' | 'secondary' | 'tertiary';
13
- /**
14
- * @deprecated don't use it. use `danger` for incorrect or danger behavior and `brand` for the orange one.
15
- */
16
- type DeprecatedTheme = 'warning';
17
13
  /** Button theme */
18
14
  type Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';
19
- /** @deprecated */
20
- export interface IButtonProps extends ButtonProps, UnknownProperties {
21
- }
22
- export type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme | DeprecatedTheme>;
23
- /** @deprecated */
24
- export interface IButtonTextProps extends ButtonTextProps, UnknownProperties {
25
- }
15
+ export type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;
26
16
  export type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;
27
- /** @deprecated */
28
- export interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {
29
- }
30
17
  export type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;
31
- /** @deprecated */
32
- export interface IButtonContext extends ButtonContext, UnknownProperties {
33
- }
34
18
  export type ButtonContext = AbstractButtonContext;
35
19
  export type ButtonChildren = {
36
20
  Text: Intergalactic.Component<'span', ButtonTextProps>;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/button",
3
3
  "description": "Semrush Button Component",
4
- "version": "16.0.12",
4
+ "version": "16.0.13-prerelease.14",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,13 +14,10 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/flex-box": "16.0.11",
18
- "@semcore/neighbor-location": "16.0.11",
19
- "@semcore/spin": "16.0.11",
20
- "@semcore/tooltip": "16.0.11"
17
+ "@semcore/spin": "16.0.11"
21
18
  },
22
19
  "peerDependencies": {
23
- "@semcore/base-components": "^16.0.0"
20
+ "@semcore/base-components": "^17.0.0-prerelease.14"
24
21
  },
25
22
  "repository": {
26
23
  "type": "git",
@@ -28,10 +25,10 @@
28
25
  "directory": "semcore/button"
29
26
  },
30
27
  "devDependencies": {
31
- "@semcore/core": "16.5.1",
28
+ "@semcore/core": "17.0.0-prerelease.14",
29
+ "@semcore/icon": "16.7.2-prerelease.14",
32
30
  "@semcore/testing-utils": "1.0.0",
33
- "@semcore/icon": "16.7.3",
34
- "@semcore/base-components": "16.4.1"
31
+ "@semcore/base-components": "17.0.0-prerelease.14"
35
32
  },
36
33
  "scripts": {
37
34
  "build": "pnpm semcore-builder && pnpm vite build"