@semcore/button 16.0.0 → 16.0.1-prerelease.3
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.
- package/CHANGELOG.md +7 -1
- package/lib/cjs/component/AbstractButton/AbstractButton.type.js.map +1 -1
- package/lib/cjs/component/Button/Button.js +27 -27
- package/lib/cjs/component/ButtonLink/ButtonLink.js +19 -19
- package/lib/es6/component/AbstractButton/AbstractButton.type.js.map +1 -1
- package/lib/es6/component/Button/Button.js +27 -27
- package/lib/es6/component/ButtonLink/ButtonLink.js +19 -19
- package/lib/esm/component/Button/Button.mjs +28 -28
- package/lib/esm/component/ButtonLink/ButtonLink.mjs +20 -20
- package/lib/types/component/AbstractButton/AbstractButton.type.d.ts +1 -2
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [16.0.1] - 2025-05-30
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/base-components` [16.0.0 ~> 16.0.1]).
|
|
10
|
+
|
|
5
11
|
## [16.0.0] - 2025-05-19
|
|
6
12
|
|
|
7
13
|
### Break
|
|
8
14
|
|
|
9
|
-
- `keyboardFocusEnhance`
|
|
15
|
+
- replaced `keyboardFocusEnhance` with `:focus-visible` CSS pseudo-class.
|
|
10
16
|
|
|
11
17
|
## [5.43.3] - 2025-05-13
|
|
12
18
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AbstractButton.type.js","names":[],"sources":["../../../../src/component/AbstractButton/AbstractButton.type.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn } from '@semcore/core';\nimport {
|
|
1
|
+
{"version":3,"file":"AbstractButton.type.js","names":[],"sources":["../../../../src/component/AbstractButton/AbstractButton.type.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { TooltipHintProps } from '@semcore/tooltip';\n\nexport type AbstractButtonProps<S, U, T> = BoxProps &\n NeighborItemProps & {\n /** Button activity state */\n active?: boolean;\n /** Disabled button state */\n disabled?: boolean;\n /** Loading button state */\n loading?: boolean;\n /** Tag for the left Addon */\n addonLeft?: React.ElementType;\n /** Tag for the right Addon */\n addonRight?: React.ElementType;\n /**\n * Placement for hint\n * @default top\n */\n hintPlacement?: TooltipHintProps['placement'];\n\n /** Button type. Defined in Button.type or ButtonLink.type */\n size?: S;\n /** Button usage. Defined in Button.type or ButtonLink.type */\n use?: U;\n /** Button theme. Defined in Button.type or ButtonLink.type */\n theme?: T;\n };\n\nexport type AbstractButtonAddonProps<S> = BoxProps & {\n size?: S;\n};\n\nexport type AbstractButtonTextProps<S> = BoxProps & {\n size?: S;\n};\n\nexport type AbstractButtonContext = {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n};\n"],"mappings":""}
|
|
@@ -16,35 +16,35 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
16
16
|
var _flexBox = require("@semcore/flex-box");
|
|
17
17
|
var _AbstractButton2 = require("../AbstractButton/AbstractButton");
|
|
18
18
|
/*!__reshadow-styles__:"./button.shadow.css"*/
|
|
19
|
-
var style = ( /*__reshadow_css_start__*/_core.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_"),
|
|
19
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButton_37giu_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_37giu_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_37giu_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_37giu_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_37giu_gg_.__disabled_37giu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_37giu_gg_._size_s_37giu_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_37giu_gg_._size_m_37giu_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_37giu_gg_._size_l_37giu_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_37giu_gg_._theme_primary-info_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-info_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_37giu_gg_._theme_primary-info_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-info_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_37giu_gg_._theme_primary-success_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-success_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_37giu_gg_._theme_primary-success_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-success_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_,.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_37giu_gg_._theme_secondary-muted_37giu_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_37giu_gg_._theme_secondary-muted_37giu_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_37giu_gg_._theme_secondary-muted_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_secondary-muted_37giu_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_37giu_gg_._theme_secondary-info_37giu_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_37giu_gg_._theme_secondary-info_37giu_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_37giu_gg_._theme_secondary-info_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_secondary-info_37giu_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_37giu_gg_._theme_secondary-invert_37giu_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_37giu_gg_._theme_secondary-invert_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_37giu_gg_._theme_secondary-invert_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_secondary-invert_37giu_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_37giu_gg_._theme_tertiary-info_37giu_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_37giu_gg_._theme_tertiary-info_37giu_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_37giu_gg_._theme_tertiary-info_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_tertiary-info_37giu_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_37giu_gg_._neighborLocation_right_37giu_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_{border-radius:0;margin-left:-1px}.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_,.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_{position:relative}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_:after,.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_._theme_secondary-muted_37giu_gg_:after,.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_._theme_secondary-muted_37giu_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_37giu_gg_+.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_:after,.___SButton_37giu_gg_+.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_37giu_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_37giu_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_37giu_gg_.__loading_37giu_gg_{visibility:hidden}.___SText_37giu_gg_{display:inline-flex}.___SText_37giu_gg_._size_l_37giu_gg_,.___SText_37giu_gg_._size_m_37giu_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_37giu_gg_._size_m_37giu_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_37giu_gg_._size_l_37giu_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_37giu_gg_._size_l_37giu_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_37giu_gg_._size_l_37giu_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_37giu_gg_._size_l_37giu_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_37giu_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_37giu_gg_._size_m_37giu_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_37giu_gg_._size_m_37giu_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_37giu_gg_._size_m_37giu_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_37giu_gg_._size_l_37giu_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_37giu_gg_._size_l_37giu_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_37giu_gg_._size_l_37giu_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__*/"37giu_gg_"),
|
|
20
20
|
/*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SButton": "
|
|
23
|
-
"_disabled": "
|
|
24
|
-
"_size_s": "
|
|
25
|
-
"_size_m": "
|
|
26
|
-
"_size_l": "
|
|
27
|
-
"_neighborLocation_right": "
|
|
28
|
-
"_neighborLocation_both": "
|
|
29
|
-
"_neighborLocation_left": "
|
|
30
|
-
"__SSpin": "
|
|
31
|
-
"__SInner": "
|
|
32
|
-
"_loading": "
|
|
33
|
-
"__SText": "
|
|
34
|
-
"__SAddon": "
|
|
35
|
-
"_theme_primary-info": "_theme_primary-
|
|
36
|
-
"_active": "
|
|
37
|
-
"_theme_primary-success": "_theme_primary-
|
|
38
|
-
"_theme_primary-brand": "_theme_primary-
|
|
39
|
-
"_theme_primary-warning": "_theme_primary-
|
|
40
|
-
"_theme_primary-danger": "_theme_primary-
|
|
41
|
-
"_theme_primary-invert": "_theme_primary-
|
|
42
|
-
"_theme_secondary-muted": "_theme_secondary-
|
|
43
|
-
"_theme_secondary-info": "_theme_secondary-
|
|
44
|
-
"_theme_secondary-invert": "_theme_secondary-
|
|
45
|
-
"_theme_tertiary-info": "_theme_tertiary-
|
|
46
|
-
"_theme_tertiary-muted": "_theme_tertiary-
|
|
47
|
-
"_theme_tertiary-invert": "_theme_tertiary-
|
|
22
|
+
"__SButton": "___SButton_37giu_gg_",
|
|
23
|
+
"_disabled": "__disabled_37giu_gg_",
|
|
24
|
+
"_size_s": "_size_s_37giu_gg_",
|
|
25
|
+
"_size_m": "_size_m_37giu_gg_",
|
|
26
|
+
"_size_l": "_size_l_37giu_gg_",
|
|
27
|
+
"_neighborLocation_right": "_neighborLocation_right_37giu_gg_",
|
|
28
|
+
"_neighborLocation_both": "_neighborLocation_both_37giu_gg_",
|
|
29
|
+
"_neighborLocation_left": "_neighborLocation_left_37giu_gg_",
|
|
30
|
+
"__SSpin": "___SSpin_37giu_gg_",
|
|
31
|
+
"__SInner": "___SInner_37giu_gg_",
|
|
32
|
+
"_loading": "__loading_37giu_gg_",
|
|
33
|
+
"__SText": "___SText_37giu_gg_",
|
|
34
|
+
"__SAddon": "___SAddon_37giu_gg_",
|
|
35
|
+
"_theme_primary-info": "_theme_primary-info_37giu_gg_",
|
|
36
|
+
"_active": "__active_37giu_gg_",
|
|
37
|
+
"_theme_primary-success": "_theme_primary-success_37giu_gg_",
|
|
38
|
+
"_theme_primary-brand": "_theme_primary-brand_37giu_gg_",
|
|
39
|
+
"_theme_primary-warning": "_theme_primary-warning_37giu_gg_",
|
|
40
|
+
"_theme_primary-danger": "_theme_primary-danger_37giu_gg_",
|
|
41
|
+
"_theme_primary-invert": "_theme_primary-invert_37giu_gg_",
|
|
42
|
+
"_theme_secondary-muted": "_theme_secondary-muted_37giu_gg_",
|
|
43
|
+
"_theme_secondary-info": "_theme_secondary-info_37giu_gg_",
|
|
44
|
+
"_theme_secondary-invert": "_theme_secondary-invert_37giu_gg_",
|
|
45
|
+
"_theme_tertiary-info": "_theme_tertiary-info_37giu_gg_",
|
|
46
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_37giu_gg_",
|
|
47
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_37giu_gg_"
|
|
48
48
|
});
|
|
49
49
|
var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
|
50
50
|
(0, _inherits2["default"])(RootButton, _AbstractButton);
|
|
@@ -17,27 +17,27 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
17
17
|
var _AbstractButton2 = require("../AbstractButton/AbstractButton");
|
|
18
18
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
|
|
19
19
|
/*!__reshadow-styles__:"./buttonLink.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButton_wqc87_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_wqc87_gg_,.___SButton_wqc87_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_wqc87_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_wqc87_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_wqc87_gg_.__active_wqc87_gg_,.___SButton_wqc87_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_wqc87_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_wqc87_gg_.__active_wqc87_gg_ .___SText_wqc87_gg_,.___SButton_wqc87_gg_:active .___SText_wqc87_gg_{border-color:currentColor}@media (hover:hover){.___SButton_wqc87_gg_:hover .___SText_wqc87_gg_{border-color:currentColor}}.___SButton_wqc87_gg_.__enableVisited_wqc87_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_wqc87_gg_.__enableVisited_wqc87_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_wqc87_gg_ .___SText_wqc87_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_wqc87_gg_.__disabled_wqc87_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_wqc87_gg_._use_secondary_wqc87_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_wqc87_gg_._use_secondary_wqc87_gg_.__active_wqc87_gg_,.___SButton_wqc87_gg_._use_secondary_wqc87_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_wqc87_gg_._use_secondary_wqc87_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_wqc87_gg_._use_secondary_wqc87_gg_ .___SText_wqc87_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_wqc87_gg_,.___SInner_wqc87_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_wqc87_gg_{height:100%;width:100%}.___SAddon_wqc87_gg_{vertical-align:middle;pointer-events:none}.___SButton_wqc87_gg_ .___SAddon_wqc87_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_wqc87_gg_ .___SAddon_wqc87_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_wqc87_gg_.__text-color_wqc87_gg_{color:var(--text-color_wqc87)}.___SButton_wqc87_gg_.__text-color_wqc87_gg_.__active_wqc87_gg_,.___SButton_wqc87_gg_.__text-color_wqc87_gg_:active{color:var(--text-color_wqc87);filter:brightness(.8)}@media (hover:hover){.___SButton_wqc87_gg_.__text-color_wqc87_gg_:hover{color:var(--text-color_wqc87);filter:brightness(.8)}}.___SButton_wqc87_gg_._size_100_wqc87_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_wqc87_gg_._size_200_wqc87_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_wqc87_gg_._size_300_wqc87_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_wqc87_gg_._size_400_wqc87_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_wqc87_gg_._size_500_wqc87_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_wqc87_gg_._size_600_wqc87_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_wqc87_gg_._size_700_wqc87_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_wqc87_gg_._size_800_wqc87_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_wqc87_gg_,.___SText_wqc87_gg_{transition:none}}", /*__inner_css_end__*/"wqc87_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SButton": "
|
|
24
|
-
"_disabled": "
|
|
25
|
-
"__SInner": "
|
|
26
|
-
"__SAddon": "
|
|
27
|
-
"_size_100": "
|
|
28
|
-
"_size_200": "
|
|
29
|
-
"_size_300": "
|
|
30
|
-
"_size_400": "
|
|
31
|
-
"_size_500": "
|
|
32
|
-
"_size_600": "
|
|
33
|
-
"_size_700": "
|
|
34
|
-
"_size_800": "
|
|
35
|
-
"__SText": "
|
|
36
|
-
"_active": "
|
|
37
|
-
"_enableVisited": "
|
|
38
|
-
"_use_secondary": "
|
|
39
|
-
"_text-color": "__text-
|
|
40
|
-
"--text-color": "--text-
|
|
23
|
+
"__SButton": "___SButton_wqc87_gg_",
|
|
24
|
+
"_disabled": "__disabled_wqc87_gg_",
|
|
25
|
+
"__SInner": "___SInner_wqc87_gg_",
|
|
26
|
+
"__SAddon": "___SAddon_wqc87_gg_",
|
|
27
|
+
"_size_100": "_size_100_wqc87_gg_",
|
|
28
|
+
"_size_200": "_size_200_wqc87_gg_",
|
|
29
|
+
"_size_300": "_size_300_wqc87_gg_",
|
|
30
|
+
"_size_400": "_size_400_wqc87_gg_",
|
|
31
|
+
"_size_500": "_size_500_wqc87_gg_",
|
|
32
|
+
"_size_600": "_size_600_wqc87_gg_",
|
|
33
|
+
"_size_700": "_size_700_wqc87_gg_",
|
|
34
|
+
"_size_800": "_size_800_wqc87_gg_",
|
|
35
|
+
"__SText": "___SText_wqc87_gg_",
|
|
36
|
+
"_active": "__active_wqc87_gg_",
|
|
37
|
+
"_enableVisited": "__enableVisited_wqc87_gg_",
|
|
38
|
+
"_use_secondary": "_use_secondary_wqc87_gg_",
|
|
39
|
+
"_text-color": "__text-color_wqc87_gg_",
|
|
40
|
+
"--text-color": "--text-color_wqc87"
|
|
41
41
|
});
|
|
42
42
|
var enhance = {
|
|
43
43
|
resolveColor: (0, _resolveColorEnhance["default"])()
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AbstractButton.type.js","names":[],"sources":["../../../../src/component/AbstractButton/AbstractButton.type.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn } from '@semcore/core';\nimport {
|
|
1
|
+
{"version":3,"file":"AbstractButton.type.js","names":[],"sources":["../../../../src/component/AbstractButton/AbstractButton.type.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { TooltipHintProps } from '@semcore/tooltip';\n\nexport type AbstractButtonProps<S, U, T> = BoxProps &\n NeighborItemProps & {\n /** Button activity state */\n active?: boolean;\n /** Disabled button state */\n disabled?: boolean;\n /** Loading button state */\n loading?: boolean;\n /** Tag for the left Addon */\n addonLeft?: React.ElementType;\n /** Tag for the right Addon */\n addonRight?: React.ElementType;\n /**\n * Placement for hint\n * @default top\n */\n hintPlacement?: TooltipHintProps['placement'];\n\n /** Button type. Defined in Button.type or ButtonLink.type */\n size?: S;\n /** Button usage. Defined in Button.type or ButtonLink.type */\n use?: U;\n /** Button theme. Defined in Button.type or ButtonLink.type */\n theme?: T;\n };\n\nexport type AbstractButtonAddonProps<S> = BoxProps & {\n size?: S;\n};\n\nexport type AbstractButtonTextProps<S> = BoxProps & {\n size?: S;\n};\n\nexport type AbstractButtonContext = {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n};\n"],"mappings":""}
|
|
@@ -11,35 +11,35 @@ import React from 'react';
|
|
|
11
11
|
import { createComponent, sstyled, Root } from '@semcore/core';
|
|
12
12
|
import { Box } from '@semcore/flex-box';
|
|
13
13
|
/*!__reshadow-styles__:"./button.shadow.css"*/
|
|
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_"),
|
|
14
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_37giu_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_37giu_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_37giu_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_37giu_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_37giu_gg_.__disabled_37giu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_37giu_gg_._size_s_37giu_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_37giu_gg_._size_m_37giu_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_37giu_gg_._size_l_37giu_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_37giu_gg_._theme_primary-info_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-info_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_37giu_gg_._theme_primary-info_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-info_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_37giu_gg_._theme_primary-success_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-success_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_37giu_gg_._theme_primary-success_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-success_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_,.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_37giu_gg_._theme_secondary-muted_37giu_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_37giu_gg_._theme_secondary-muted_37giu_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_37giu_gg_._theme_secondary-muted_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_secondary-muted_37giu_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_37giu_gg_._theme_secondary-info_37giu_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_37giu_gg_._theme_secondary-info_37giu_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_37giu_gg_._theme_secondary-info_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_secondary-info_37giu_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_37giu_gg_._theme_secondary-invert_37giu_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_37giu_gg_._theme_secondary-invert_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_37giu_gg_._theme_secondary-invert_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_secondary-invert_37giu_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_37giu_gg_._theme_tertiary-info_37giu_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_37giu_gg_._theme_tertiary-info_37giu_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_37giu_gg_._theme_tertiary-info_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_tertiary-info_37giu_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_37giu_gg_._neighborLocation_right_37giu_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_{border-radius:0;margin-left:-1px}.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_,.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_{position:relative}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_:after,.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_._theme_secondary-muted_37giu_gg_:after,.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_._theme_secondary-muted_37giu_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_37giu_gg_+.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_:after,.___SButton_37giu_gg_+.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_37giu_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_37giu_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_37giu_gg_.__loading_37giu_gg_{visibility:hidden}.___SText_37giu_gg_{display:inline-flex}.___SText_37giu_gg_._size_l_37giu_gg_,.___SText_37giu_gg_._size_m_37giu_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_37giu_gg_._size_m_37giu_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_37giu_gg_._size_l_37giu_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_37giu_gg_._size_l_37giu_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_37giu_gg_._size_l_37giu_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_37giu_gg_._size_l_37giu_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_37giu_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_37giu_gg_._size_m_37giu_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_37giu_gg_._size_m_37giu_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_37giu_gg_._size_m_37giu_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_37giu_gg_._size_l_37giu_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_37giu_gg_._size_l_37giu_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_37giu_gg_._size_l_37giu_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__*/"37giu_gg_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SButton": "
|
|
18
|
-
"_disabled": "
|
|
19
|
-
"_size_s": "
|
|
20
|
-
"_size_m": "
|
|
21
|
-
"_size_l": "
|
|
22
|
-
"_neighborLocation_right": "
|
|
23
|
-
"_neighborLocation_both": "
|
|
24
|
-
"_neighborLocation_left": "
|
|
25
|
-
"__SSpin": "
|
|
26
|
-
"__SInner": "
|
|
27
|
-
"_loading": "
|
|
28
|
-
"__SText": "
|
|
29
|
-
"__SAddon": "
|
|
30
|
-
"_theme_primary-info": "_theme_primary-
|
|
31
|
-
"_active": "
|
|
32
|
-
"_theme_primary-success": "_theme_primary-
|
|
33
|
-
"_theme_primary-brand": "_theme_primary-
|
|
34
|
-
"_theme_primary-warning": "_theme_primary-
|
|
35
|
-
"_theme_primary-danger": "_theme_primary-
|
|
36
|
-
"_theme_primary-invert": "_theme_primary-
|
|
37
|
-
"_theme_secondary-muted": "_theme_secondary-
|
|
38
|
-
"_theme_secondary-info": "_theme_secondary-
|
|
39
|
-
"_theme_secondary-invert": "_theme_secondary-
|
|
40
|
-
"_theme_tertiary-info": "_theme_tertiary-
|
|
41
|
-
"_theme_tertiary-muted": "_theme_tertiary-
|
|
42
|
-
"_theme_tertiary-invert": "_theme_tertiary-
|
|
17
|
+
"__SButton": "___SButton_37giu_gg_",
|
|
18
|
+
"_disabled": "__disabled_37giu_gg_",
|
|
19
|
+
"_size_s": "_size_s_37giu_gg_",
|
|
20
|
+
"_size_m": "_size_m_37giu_gg_",
|
|
21
|
+
"_size_l": "_size_l_37giu_gg_",
|
|
22
|
+
"_neighborLocation_right": "_neighborLocation_right_37giu_gg_",
|
|
23
|
+
"_neighborLocation_both": "_neighborLocation_both_37giu_gg_",
|
|
24
|
+
"_neighborLocation_left": "_neighborLocation_left_37giu_gg_",
|
|
25
|
+
"__SSpin": "___SSpin_37giu_gg_",
|
|
26
|
+
"__SInner": "___SInner_37giu_gg_",
|
|
27
|
+
"_loading": "__loading_37giu_gg_",
|
|
28
|
+
"__SText": "___SText_37giu_gg_",
|
|
29
|
+
"__SAddon": "___SAddon_37giu_gg_",
|
|
30
|
+
"_theme_primary-info": "_theme_primary-info_37giu_gg_",
|
|
31
|
+
"_active": "__active_37giu_gg_",
|
|
32
|
+
"_theme_primary-success": "_theme_primary-success_37giu_gg_",
|
|
33
|
+
"_theme_primary-brand": "_theme_primary-brand_37giu_gg_",
|
|
34
|
+
"_theme_primary-warning": "_theme_primary-warning_37giu_gg_",
|
|
35
|
+
"_theme_primary-danger": "_theme_primary-danger_37giu_gg_",
|
|
36
|
+
"_theme_primary-invert": "_theme_primary-invert_37giu_gg_",
|
|
37
|
+
"_theme_secondary-muted": "_theme_secondary-muted_37giu_gg_",
|
|
38
|
+
"_theme_secondary-info": "_theme_secondary-info_37giu_gg_",
|
|
39
|
+
"_theme_secondary-invert": "_theme_secondary-invert_37giu_gg_",
|
|
40
|
+
"_theme_tertiary-info": "_theme_tertiary-info_37giu_gg_",
|
|
41
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_37giu_gg_",
|
|
42
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_37giu_gg_"
|
|
43
43
|
});
|
|
44
44
|
import { AbstractButton } from '../AbstractButton/AbstractButton';
|
|
45
45
|
var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
|
@@ -10,27 +10,27 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
10
10
|
import React from 'react';
|
|
11
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__*/".
|
|
13
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_wqc87_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_wqc87_gg_,.___SButton_wqc87_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_wqc87_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_wqc87_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_wqc87_gg_.__active_wqc87_gg_,.___SButton_wqc87_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_wqc87_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_wqc87_gg_.__active_wqc87_gg_ .___SText_wqc87_gg_,.___SButton_wqc87_gg_:active .___SText_wqc87_gg_{border-color:currentColor}@media (hover:hover){.___SButton_wqc87_gg_:hover .___SText_wqc87_gg_{border-color:currentColor}}.___SButton_wqc87_gg_.__enableVisited_wqc87_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_wqc87_gg_.__enableVisited_wqc87_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_wqc87_gg_ .___SText_wqc87_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_wqc87_gg_.__disabled_wqc87_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_wqc87_gg_._use_secondary_wqc87_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_wqc87_gg_._use_secondary_wqc87_gg_.__active_wqc87_gg_,.___SButton_wqc87_gg_._use_secondary_wqc87_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_wqc87_gg_._use_secondary_wqc87_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_wqc87_gg_._use_secondary_wqc87_gg_ .___SText_wqc87_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_wqc87_gg_,.___SInner_wqc87_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_wqc87_gg_{height:100%;width:100%}.___SAddon_wqc87_gg_{vertical-align:middle;pointer-events:none}.___SButton_wqc87_gg_ .___SAddon_wqc87_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_wqc87_gg_ .___SAddon_wqc87_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_wqc87_gg_.__text-color_wqc87_gg_{color:var(--text-color_wqc87)}.___SButton_wqc87_gg_.__text-color_wqc87_gg_.__active_wqc87_gg_,.___SButton_wqc87_gg_.__text-color_wqc87_gg_:active{color:var(--text-color_wqc87);filter:brightness(.8)}@media (hover:hover){.___SButton_wqc87_gg_.__text-color_wqc87_gg_:hover{color:var(--text-color_wqc87);filter:brightness(.8)}}.___SButton_wqc87_gg_._size_100_wqc87_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_wqc87_gg_._size_200_wqc87_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_wqc87_gg_._size_300_wqc87_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_wqc87_gg_._size_400_wqc87_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_wqc87_gg_._size_500_wqc87_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_wqc87_gg_._size_600_wqc87_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_wqc87_gg_._size_700_wqc87_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_wqc87_gg_._size_800_wqc87_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_wqc87_gg_,.___SText_wqc87_gg_{transition:none}}", /*__inner_css_end__*/"wqc87_gg_"),
|
|
14
14
|
/*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SButton": "
|
|
17
|
-
"_disabled": "
|
|
18
|
-
"__SInner": "
|
|
19
|
-
"__SAddon": "
|
|
20
|
-
"_size_100": "
|
|
21
|
-
"_size_200": "
|
|
22
|
-
"_size_300": "
|
|
23
|
-
"_size_400": "
|
|
24
|
-
"_size_500": "
|
|
25
|
-
"_size_600": "
|
|
26
|
-
"_size_700": "
|
|
27
|
-
"_size_800": "
|
|
28
|
-
"__SText": "
|
|
29
|
-
"_active": "
|
|
30
|
-
"_enableVisited": "
|
|
31
|
-
"_use_secondary": "
|
|
32
|
-
"_text-color": "__text-
|
|
33
|
-
"--text-color": "--text-
|
|
16
|
+
"__SButton": "___SButton_wqc87_gg_",
|
|
17
|
+
"_disabled": "__disabled_wqc87_gg_",
|
|
18
|
+
"__SInner": "___SInner_wqc87_gg_",
|
|
19
|
+
"__SAddon": "___SAddon_wqc87_gg_",
|
|
20
|
+
"_size_100": "_size_100_wqc87_gg_",
|
|
21
|
+
"_size_200": "_size_200_wqc87_gg_",
|
|
22
|
+
"_size_300": "_size_300_wqc87_gg_",
|
|
23
|
+
"_size_400": "_size_400_wqc87_gg_",
|
|
24
|
+
"_size_500": "_size_500_wqc87_gg_",
|
|
25
|
+
"_size_600": "_size_600_wqc87_gg_",
|
|
26
|
+
"_size_700": "_size_700_wqc87_gg_",
|
|
27
|
+
"_size_800": "_size_800_wqc87_gg_",
|
|
28
|
+
"__SText": "___SText_wqc87_gg_",
|
|
29
|
+
"_active": "__active_wqc87_gg_",
|
|
30
|
+
"_enableVisited": "__enableVisited_wqc87_gg_",
|
|
31
|
+
"_use_secondary": "_use_secondary_wqc87_gg_",
|
|
32
|
+
"_text-color": "__text-color_wqc87_gg_",
|
|
33
|
+
"--text-color": "--text-color_wqc87"
|
|
34
34
|
});
|
|
35
35
|
import { Box } from '@semcore/flex-box';
|
|
36
36
|
import { AbstractButton } from '../AbstractButton/AbstractButton';
|
|
@@ -13,37 +13,37 @@ var style = (
|
|
|
13
13
|
/*__reshadow_css_start__*/
|
|
14
14
|
(sstyled.insert(
|
|
15
15
|
/*__inner_css_start__*/
|
|
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)}',
|
|
16
|
+
'.___SButton_37giu_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_37giu_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_37giu_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_37giu_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_37giu_gg_.__disabled_37giu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_37giu_gg_._size_s_37giu_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_37giu_gg_._size_m_37giu_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_37giu_gg_._size_l_37giu_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_37giu_gg_._theme_primary-info_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-info_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_37giu_gg_._theme_primary-info_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-info_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_37giu_gg_._theme_primary-success_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-success_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_37giu_gg_._theme_primary-success_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-success_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_,.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_37giu_gg_._theme_secondary-muted_37giu_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_37giu_gg_._theme_secondary-muted_37giu_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_37giu_gg_._theme_secondary-muted_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_secondary-muted_37giu_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_37giu_gg_._theme_secondary-info_37giu_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_37giu_gg_._theme_secondary-info_37giu_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_37giu_gg_._theme_secondary-info_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_secondary-info_37giu_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_37giu_gg_._theme_secondary-invert_37giu_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_37giu_gg_._theme_secondary-invert_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_37giu_gg_._theme_secondary-invert_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_secondary-invert_37giu_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_37giu_gg_._theme_tertiary-info_37giu_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_37giu_gg_._theme_tertiary-info_37giu_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_37giu_gg_._theme_tertiary-info_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_tertiary-info_37giu_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_37giu_gg_._neighborLocation_right_37giu_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_{border-radius:0;margin-left:-1px}.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_,.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_{position:relative}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_:after,.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_._theme_secondary-muted_37giu_gg_:after,.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_._theme_secondary-muted_37giu_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_37giu_gg_+.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_:after,.___SButton_37giu_gg_+.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_37giu_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_37giu_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_37giu_gg_.__loading_37giu_gg_{visibility:hidden}.___SText_37giu_gg_{display:inline-flex}.___SText_37giu_gg_._size_l_37giu_gg_,.___SText_37giu_gg_._size_m_37giu_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_37giu_gg_._size_m_37giu_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_37giu_gg_._size_l_37giu_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_37giu_gg_._size_l_37giu_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_37giu_gg_._size_l_37giu_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_37giu_gg_._size_l_37giu_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_37giu_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_37giu_gg_._size_m_37giu_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_37giu_gg_._size_m_37giu_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_37giu_gg_._size_m_37giu_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_37giu_gg_._size_l_37giu_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_37giu_gg_._size_l_37giu_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_37giu_gg_._size_l_37giu_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}',
|
|
17
17
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
18
|
+
"37giu_gg_"
|
|
19
19
|
), /*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SButton": "
|
|
22
|
-
"_disabled": "
|
|
23
|
-
"_size_s": "
|
|
24
|
-
"_size_m": "
|
|
25
|
-
"_size_l": "
|
|
26
|
-
"_neighborLocation_right": "
|
|
27
|
-
"_neighborLocation_both": "
|
|
28
|
-
"_neighborLocation_left": "
|
|
29
|
-
"__SSpin": "
|
|
30
|
-
"__SInner": "
|
|
31
|
-
"_loading": "
|
|
32
|
-
"__SText": "
|
|
33
|
-
"__SAddon": "
|
|
34
|
-
"_theme_primary-info": "_theme_primary-
|
|
35
|
-
"_active": "
|
|
36
|
-
"_theme_primary-success": "_theme_primary-
|
|
37
|
-
"_theme_primary-brand": "_theme_primary-
|
|
38
|
-
"_theme_primary-warning": "_theme_primary-
|
|
39
|
-
"_theme_primary-danger": "_theme_primary-
|
|
40
|
-
"_theme_primary-invert": "_theme_primary-
|
|
41
|
-
"_theme_secondary-muted": "_theme_secondary-
|
|
42
|
-
"_theme_secondary-info": "_theme_secondary-
|
|
43
|
-
"_theme_secondary-invert": "_theme_secondary-
|
|
44
|
-
"_theme_tertiary-info": "_theme_tertiary-
|
|
45
|
-
"_theme_tertiary-muted": "_theme_tertiary-
|
|
46
|
-
"_theme_tertiary-invert": "_theme_tertiary-
|
|
21
|
+
"__SButton": "___SButton_37giu_gg_",
|
|
22
|
+
"_disabled": "__disabled_37giu_gg_",
|
|
23
|
+
"_size_s": "_size_s_37giu_gg_",
|
|
24
|
+
"_size_m": "_size_m_37giu_gg_",
|
|
25
|
+
"_size_l": "_size_l_37giu_gg_",
|
|
26
|
+
"_neighborLocation_right": "_neighborLocation_right_37giu_gg_",
|
|
27
|
+
"_neighborLocation_both": "_neighborLocation_both_37giu_gg_",
|
|
28
|
+
"_neighborLocation_left": "_neighborLocation_left_37giu_gg_",
|
|
29
|
+
"__SSpin": "___SSpin_37giu_gg_",
|
|
30
|
+
"__SInner": "___SInner_37giu_gg_",
|
|
31
|
+
"_loading": "__loading_37giu_gg_",
|
|
32
|
+
"__SText": "___SText_37giu_gg_",
|
|
33
|
+
"__SAddon": "___SAddon_37giu_gg_",
|
|
34
|
+
"_theme_primary-info": "_theme_primary-info_37giu_gg_",
|
|
35
|
+
"_active": "__active_37giu_gg_",
|
|
36
|
+
"_theme_primary-success": "_theme_primary-success_37giu_gg_",
|
|
37
|
+
"_theme_primary-brand": "_theme_primary-brand_37giu_gg_",
|
|
38
|
+
"_theme_primary-warning": "_theme_primary-warning_37giu_gg_",
|
|
39
|
+
"_theme_primary-danger": "_theme_primary-danger_37giu_gg_",
|
|
40
|
+
"_theme_primary-invert": "_theme_primary-invert_37giu_gg_",
|
|
41
|
+
"_theme_secondary-muted": "_theme_secondary-muted_37giu_gg_",
|
|
42
|
+
"_theme_secondary-info": "_theme_secondary-info_37giu_gg_",
|
|
43
|
+
"_theme_secondary-invert": "_theme_secondary-invert_37giu_gg_",
|
|
44
|
+
"_theme_tertiary-info": "_theme_tertiary-info_37giu_gg_",
|
|
45
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_37giu_gg_",
|
|
46
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_37giu_gg_"
|
|
47
47
|
})
|
|
48
48
|
);
|
|
49
49
|
var RootButton = /* @__PURE__ */ function(_AbstractButton) {
|
|
@@ -14,29 +14,29 @@ var style = (
|
|
|
14
14
|
/*__reshadow_css_start__*/
|
|
15
15
|
(sstyled.insert(
|
|
16
16
|
/*__inner_css_start__*/
|
|
17
|
-
".
|
|
17
|
+
".___SButton_wqc87_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_wqc87_gg_,.___SButton_wqc87_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_wqc87_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_wqc87_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_wqc87_gg_.__active_wqc87_gg_,.___SButton_wqc87_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_wqc87_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_wqc87_gg_.__active_wqc87_gg_ .___SText_wqc87_gg_,.___SButton_wqc87_gg_:active .___SText_wqc87_gg_{border-color:currentColor}@media (hover:hover){.___SButton_wqc87_gg_:hover .___SText_wqc87_gg_{border-color:currentColor}}.___SButton_wqc87_gg_.__enableVisited_wqc87_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_wqc87_gg_.__enableVisited_wqc87_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_wqc87_gg_ .___SText_wqc87_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_wqc87_gg_.__disabled_wqc87_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_wqc87_gg_._use_secondary_wqc87_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_wqc87_gg_._use_secondary_wqc87_gg_.__active_wqc87_gg_,.___SButton_wqc87_gg_._use_secondary_wqc87_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_wqc87_gg_._use_secondary_wqc87_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_wqc87_gg_._use_secondary_wqc87_gg_ .___SText_wqc87_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_wqc87_gg_,.___SInner_wqc87_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_wqc87_gg_{height:100%;width:100%}.___SAddon_wqc87_gg_{vertical-align:middle;pointer-events:none}.___SButton_wqc87_gg_ .___SAddon_wqc87_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_wqc87_gg_ .___SAddon_wqc87_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_wqc87_gg_.__text-color_wqc87_gg_{color:var(--text-color_wqc87)}.___SButton_wqc87_gg_.__text-color_wqc87_gg_.__active_wqc87_gg_,.___SButton_wqc87_gg_.__text-color_wqc87_gg_:active{color:var(--text-color_wqc87);filter:brightness(.8)}@media (hover:hover){.___SButton_wqc87_gg_.__text-color_wqc87_gg_:hover{color:var(--text-color_wqc87);filter:brightness(.8)}}.___SButton_wqc87_gg_._size_100_wqc87_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_wqc87_gg_._size_200_wqc87_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_wqc87_gg_._size_300_wqc87_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_wqc87_gg_._size_400_wqc87_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_wqc87_gg_._size_500_wqc87_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_wqc87_gg_._size_600_wqc87_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_wqc87_gg_._size_700_wqc87_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_wqc87_gg_._size_800_wqc87_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_wqc87_gg_,.___SText_wqc87_gg_{transition:none}}",
|
|
18
18
|
/*__inner_css_end__*/
|
|
19
|
-
"
|
|
19
|
+
"wqc87_gg_"
|
|
20
20
|
), /*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SButton": "
|
|
23
|
-
"_disabled": "
|
|
24
|
-
"__SInner": "
|
|
25
|
-
"__SAddon": "
|
|
26
|
-
"_size_100": "
|
|
27
|
-
"_size_200": "
|
|
28
|
-
"_size_300": "
|
|
29
|
-
"_size_400": "
|
|
30
|
-
"_size_500": "
|
|
31
|
-
"_size_600": "
|
|
32
|
-
"_size_700": "
|
|
33
|
-
"_size_800": "
|
|
34
|
-
"__SText": "
|
|
35
|
-
"_active": "
|
|
36
|
-
"_enableVisited": "
|
|
37
|
-
"_use_secondary": "
|
|
38
|
-
"_text-color": "__text-
|
|
39
|
-
"--text-color": "--text-
|
|
22
|
+
"__SButton": "___SButton_wqc87_gg_",
|
|
23
|
+
"_disabled": "__disabled_wqc87_gg_",
|
|
24
|
+
"__SInner": "___SInner_wqc87_gg_",
|
|
25
|
+
"__SAddon": "___SAddon_wqc87_gg_",
|
|
26
|
+
"_size_100": "_size_100_wqc87_gg_",
|
|
27
|
+
"_size_200": "_size_200_wqc87_gg_",
|
|
28
|
+
"_size_300": "_size_300_wqc87_gg_",
|
|
29
|
+
"_size_400": "_size_400_wqc87_gg_",
|
|
30
|
+
"_size_500": "_size_500_wqc87_gg_",
|
|
31
|
+
"_size_600": "_size_600_wqc87_gg_",
|
|
32
|
+
"_size_700": "_size_700_wqc87_gg_",
|
|
33
|
+
"_size_800": "_size_800_wqc87_gg_",
|
|
34
|
+
"__SText": "___SText_wqc87_gg_",
|
|
35
|
+
"_active": "__active_wqc87_gg_",
|
|
36
|
+
"_enableVisited": "__enableVisited_wqc87_gg_",
|
|
37
|
+
"_use_secondary": "_use_secondary_wqc87_gg_",
|
|
38
|
+
"_text-color": "__text-color_wqc87_gg_",
|
|
39
|
+
"--text-color": "--text-color_wqc87"
|
|
40
40
|
})
|
|
41
41
|
);
|
|
42
42
|
var enhance = {
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PropGetterFn } from '@semcore/core';
|
|
3
|
-
import { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
|
|
4
3
|
import { BoxProps } from '@semcore/flex-box';
|
|
5
4
|
import { NeighborItemProps } from '@semcore/neighbor-location';
|
|
6
5
|
import { TooltipHintProps } from '@semcore/tooltip';
|
|
7
|
-
export type AbstractButtonProps<S, U, T> = BoxProps & NeighborItemProps &
|
|
6
|
+
export type AbstractButtonProps<S, U, T> = BoxProps & NeighborItemProps & {
|
|
8
7
|
/** Button activity state */
|
|
9
8
|
active?: boolean;
|
|
10
9
|
/** Disabled button state */
|
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.
|
|
4
|
+
"version": "16.0.1-prerelease.3",
|
|
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,13 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/flex-box": "16.0.
|
|
18
|
-
"@semcore/neighbor-location": "16.0.
|
|
19
|
-
"@semcore/spin": "16.0.
|
|
20
|
-
"@semcore/tooltip": "16.0.
|
|
17
|
+
"@semcore/flex-box": "16.0.1-prerelease.3",
|
|
18
|
+
"@semcore/neighbor-location": "16.0.1-prerelease.3",
|
|
19
|
+
"@semcore/spin": "16.0.1-prerelease.3",
|
|
20
|
+
"@semcore/tooltip": "16.0.1-prerelease.3"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
|
-
"@semcore/base-components": "^16.0.
|
|
23
|
+
"@semcore/base-components": "^16.0.1-prerelease.3"
|
|
24
24
|
},
|
|
25
25
|
"repository": {
|
|
26
26
|
"type": "git",
|