npm - @semcore/button - Versions diffs - 17.1.0 → 17.2.0-prerelease.3 - Mend

@semcore/button 17.1.0 → 17.2.0-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.

Files changed (25) hide show

package/CHANGELOG.md +6 -0
package/lib/cjs/component/Button/Button.js +33 -27
package/lib/cjs/component/Button/Button.js.map +1 -1
package/lib/cjs/component/Button/Button.type.js.map +1 -1
package/lib/cjs/component/ButtonLink/ButtonLink.js +13 -7
package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
package/lib/cjs/component/ButtonLink/ButtonLink.type.js.map +1 -1
package/lib/es6/component/Button/Button.js +33 -27
package/lib/es6/component/Button/Button.js.map +1 -1
package/lib/es6/component/Button/Button.type.js.map +1 -1
package/lib/es6/component/ButtonLink/ButtonLink.js +13 -7
package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
package/lib/es6/component/ButtonLink/ButtonLink.type.js.map +1 -1
package/lib/esm/component/Button/Button.mjs +29 -29
package/lib/esm/component/Button/SpinButton.mjs +1 -1
package/lib/esm/component/ButtonLink/ButtonLink.mjs +9 -9
package/lib/types/component/Button/Button.d.ts +12 -6
package/lib/types/component/Button/Button.type.d.ts +4 -0
package/lib/types/component/ButtonLink/ButtonLink.d.ts +5 -0
package/lib/types/component/ButtonLink/ButtonLink.type.d.ts +4 -0
package/package.json +7 -7
package/src/component/Button/Button.tsx +20 -5
package/src/component/Button/Button.type.ts +5 -0
package/src/component/ButtonLink/ButtonLink.tsx +25 -9
package/src/component/ButtonLink/ButtonLink.type.ts +5 -0

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,12 @@
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
+## [17.2.0] - 2026-06-05
+### Added
+- Links to the API and examples in the docs.
 ## [17.1.0] - 2026-05-13
 ### Added

package/lib/cjs/component/Button/Button.js CHANGED Viewed

@@ -15,35 +15,35 @@ var _typography = require("@semcore/typography");
 var _react = _interopRequireDefault(require("react"));
 var _SpinButton = _interopRequireDefault(require("./SpinButton"));
 /*!__reshadow-styles__:"./button.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_1ozgj_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, rgba(0, 3, 0, 0.583));min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_1ozgj_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_1ozgj_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1ozgj_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1ozgj_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1ozgj_gg_.__disabled_1ozgj_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1ozgj_gg_._size_s_1ozgj_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1ozgj_gg_._size_m_1ozgj_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1ozgj_gg_._size_l_1ozgj_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1ozgj_gg_._theme_primary-info_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-info_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-hover, rgb(49, 52, 48))}}.___SButton_1ozgj_gg_._theme_primary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-info_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-active, rgb(0, 0, 0))}.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_{background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_{background-color:var(--intergalactic-control-primary-success, color(display-p3 0.13723 0.6542 0.50031))}}}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, color(display-p3 0.09181 0.60147 0.45602))}}}}.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:active{background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:active{background-color:var(--intergalactic-control-primary-success-active, color(display-p3 0.07522 0.57486 0.43446))}}}.___SButton_1ozgj_gg_._theme_primary-brand_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-warning_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand, rgb(162, 97, 253))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-brand_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_1ozgj_gg_._theme_primary-brand_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-brand_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-warning_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_1ozgj_gg_._theme_primary-warning_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-warning_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}.___SButton_1ozgj_gg_._theme_primary-danger_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical, rgb(247, 55, 64))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-danger_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-hover, rgb(230, 44, 51))}}.___SButton_1ozgj_gg_._theme_primary-danger_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-danger_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-active, rgb(221, 39, 45))}.___SButton_1ozgj_gg_._theme_primary-invert_1ozgj_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert, rgb(255, 255, 255))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-invert_1ozgj_gg_:hover{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-hover, rgb(241, 242, 242))}}.___SButton_1ozgj_gg_._theme_primary-invert_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-invert_1ozgj_gg_:active{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-active, rgb(234, 235, 235))}.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));background-color:var(--intergalactic-control-secondary-neutral, rgba(0, 22, 16, 0.028))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}@media (hover:hover){.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,    rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,    rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-link, rgb(35, 95, 226));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_1ozgj_gg_._theme_secondary-invert_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));border-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391));background-color:var(--intergalactic-control-secondary-invert, rgba(225, 255, 219, 0.118))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_secondary-invert_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_1ozgj_gg_._theme_secondary-invert_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-invert_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-active,    rgba(239, 255, 236, 0.183))}.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info, transparent)}@media (hover:hover){.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-control-tertiary-neutral, transparent)}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,    rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_1ozgj_gg_._theme_tertiary-invert_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert, transparent)}@media (hover:hover){.___SButton_1ozgj_gg_._theme_tertiary-invert_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_1ozgj_gg_._theme_tertiary-invert_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-invert_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-active, rgba(239, 255, 236, 0.183))}.___SButton_1ozgj_gg_._neighborLocation_right_1ozgj_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_{border-radius:0;margin-left:-1px}.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_,.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_{position:relative}.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_:after,.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_:after{background-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391))}.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after,.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after,.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after,.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SButton_1ozgj_gg_+.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_:after,.___SButton_1ozgj_gg_+.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1ozgj_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1ozgj_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1ozgj_gg_.__loading_1ozgj_gg_{visibility:hidden}.___SText_1ozgj_gg_{display:inline-flex}.___SText_1ozgj_gg_._size_l_1ozgj_gg_,.___SText_1ozgj_gg_._size_m_1ozgj_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1ozgj_gg_._size_m_1ozgj_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1ozgj_gg_._size_l_1ozgj_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1ozgj_gg_._size_l_1ozgj_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1ozgj_gg_._size_l_1ozgj_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1ozgj_gg_._size_l_1ozgj_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1ozgj_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1ozgj_gg_._size_m_1ozgj_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1ozgj_gg_._size_m_1ozgj_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1ozgj_gg_._size_m_1ozgj_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_1ozgj_gg_._size_l_1ozgj_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1ozgj_gg_._size_l_1ozgj_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1ozgj_gg_._size_l_1ozgj_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__*/"1ozgj_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_18sie_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 #0000;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,#00030095);min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SButton_18sie_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SButton_18sie_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_18sie_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_18sie_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_18sie_gg_.__disabled_18sie_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_18sie_gg_._size_s_18sie_gg_{width:var(--intergalactic-form-control-s,20px);height:var(--intergalactic-form-control-s,20px);border-radius:var(--intergalactic-addon-rounded,4px)}.___SButton_18sie_gg_._size_m_18sie_gg_{height:var(--intergalactic-form-control-m,28px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButton_18sie_gg_._size_l_18sie_gg_{height:var(--intergalactic-form-control-l,40px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SButton_18sie_gg_._theme_primary-info_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-info,#1a1e1a)}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-info_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-info-hover,#313430)}}.___SButton_18sie_gg_._theme_primary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-info_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-info-active,#000)}.___SButton_18sie_gg_._theme_primary-success_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-success,#00a480)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_{background-color:var(--intergalactic-control-primary-success,#00a480)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_{background-color:var(--intergalactic-control-primary-success,color(display-p3 .13723 .6542 .50031))}}}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-success-hover,#009675)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,#009675)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,color(display-p3 .09181 .60147 .45602))}}}}.___SButton_18sie_gg_._theme_primary-success_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-success-active,#009070)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:active{background-color:var(--intergalactic-control-primary-success-active,#009070)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:active{background-color:var(--intergalactic-control-primary-success-active,color(display-p3 .07522 .57486 .43446))}}}.___SButton_18sie_gg_._theme_primary-brand_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand,#a261fd)}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-brand_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand-hover,#964cfb)}}.___SButton_18sie_gg_._theme_primary-brand_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-brand_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand-active,#9041fa)}.___SButton_18sie_gg_._theme_primary-warning_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand,#a261fd)}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-warning_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand-hover,#964cfb)}}.___SButton_18sie_gg_._theme_primary-warning_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-warning_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand-active,#9041fa)}.___SButton_18sie_gg_._theme_primary-danger_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-critical,#f73740)}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-danger_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-critical-hover,#e62c33)}}.___SButton_18sie_gg_._theme_primary-danger_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-danger_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-critical-active,#dd272d)}.___SButton_18sie_gg_._theme_primary-invert_18sie_gg_{color:var(--intergalactic-text-primary,#010500e5);background-color:var(--intergalactic-control-primary-invert,#fff)}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-invert_18sie_gg_:hover{color:var(--intergalactic-text-primary,#010500e5);background-color:var(--intergalactic-control-primary-invert-hover,#f1f2f2)}}.___SButton_18sie_gg_._theme_primary-invert_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-invert_18sie_gg_:active{color:var(--intergalactic-text-primary,#010500e5);background-color:var(--intergalactic-control-primary-invert-active,#eaebeb)}.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829);background-color:var(--intergalactic-control-secondary-neutral,#00161007)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583));border-color:var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}@media (hover:hover){.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,rgba(0,21,16,.056));color:var(--intergalactic-text-primary,#010500e5)}}.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015);color:var(--intergalactic-text-primary,#010500e5)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,color(display-p3 .01753 .08157 .06372/.084))}}}.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-link,#235fe2);border-color:var(--intergalactic-control-primary-info,#1a1e1a)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_{background-color:var(--intergalactic-control-secondary-info,color(display-p3 .12567 .31309 .96324/.039))}}}@media (hover:hover){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:hover{color:var(--intergalactic-text-link,#235fe2);background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,color(display-p3 .12402 .30857 .96259/.077))}}}}.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:active{color:var(--intergalactic-text-link,#235fe2);background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,color(display-p3 .12361 .30547 .96332/.116))}}}.___SButton_18sie_gg_._theme_secondary-invert_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);border-color:var(--intergalactic-border-primary-invert,#fafffa64);background-color:var(--intergalactic-control-secondary-invert,#e1ffdb1e)}@media (hover:hover){.___SButton_18sie_gg_._theme_secondary-invert_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-secondary-invert-hover,rgba(232,255,227,.145))}}.___SButton_18sie_gg_._theme_secondary-invert_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-invert_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-secondary-invert-active,#efffec2f)}.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_{color:var(--intergalactic-text-link,#235fe2);background-color:var(--intergalactic-control-tertiary-info,#0000)}@media (hover:hover){.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:hover{color:var(--intergalactic-text-link,#235fe2);background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,color(display-p3 .12402 .30857 .96259/.077))}}}}.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:active{color:var(--intergalactic-text-link,#235fe2);background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,color(display-p3 .12361 .30547 .96332/.116))}}}.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-control-tertiary-neutral,#0000)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}@media (hover:hover){.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover,rgba(0,21,16,.056));color:var(--intergalactic-text-primary,#010500e5)}}.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015);color:var(--intergalactic-text-primary,#010500e5)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,color(display-p3 .01753 .08157 .06372/.084))}}}.___SButton_18sie_gg_._theme_tertiary-invert_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-tertiary-invert,#0000)}@media (hover:hover){.___SButton_18sie_gg_._theme_tertiary-invert_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-tertiary-invert-hover,rgba(232,255,227,.145))}}.___SButton_18sie_gg_._theme_tertiary-invert_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-invert_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-tertiary-invert-active,#efffec2f)}.___SButton_18sie_gg_._neighborLocation_right_18sie_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_{border-radius:0;margin-left:-1px}.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_,.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_{position:relative}.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_:after,.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_:after{background-color:var(--intergalactic-border-primary-invert,#fafffa64)}.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_._theme_secondary-muted_18sie_gg_:after,.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_._theme_secondary-muted_18sie_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_._theme_secondary-muted_18sie_gg_:after,.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_._theme_secondary-muted_18sie_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_._theme_secondary-muted_18sie_gg_:after,.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_._theme_secondary-muted_18sie_gg_:after{background-color:var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}.___SButton_18sie_gg_+.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_:after,.___SButton_18sie_gg_+.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_18sie_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_18sie_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_18sie_gg_.__loading_18sie_gg_{visibility:hidden}.___SText_18sie_gg_{display:inline-flex}.___SText_18sie_gg_._size_m_18sie_gg_{line-height:var(--intergalactic-lh-200,142%)}.___SText_18sie_gg_._size_l_18sie_gg_,.___SText_18sie_gg_._size_m_18sie_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-2x,8px)}.___SText_18sie_gg_._size_l_18sie_gg_{line-height:var(--intergalactic-lh-300,150%)}.___SText_18sie_gg_._size_l_18sie_gg_:only-child{margin-left:var(--intergalactic-spacing-3x,12px);margin-right:var(--intergalactic-spacing-3x,12px)}.___SText_18sie_gg_._size_l_18sie_gg_:first-child{margin-left:var(--intergalactic-spacing-3x,12px)}.___SText_18sie_gg_._size_l_18sie_gg_:last-child{margin-right:var(--intergalactic-spacing-3x,12px)}.___SAddon_18sie_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_18sie_gg_._size_m_18sie_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_18sie_gg_._size_m_18sie_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_18sie_gg_._size_m_18sie_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px)}.___SAddon_18sie_gg_._size_l_18sie_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_18sie_gg_._size_l_18sie_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_18sie_gg_._size_l_18sie_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px)}", /*__inner_css_end__*/"18sie_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButton": "___SButton_1ozgj_gg_",
-  "_disabled": "__disabled_1ozgj_gg_",
-  "_size_s": "_size_s_1ozgj_gg_",
-  "_size_m": "_size_m_1ozgj_gg_",
-  "_size_l": "_size_l_1ozgj_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1ozgj_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1ozgj_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1ozgj_gg_",
-  "__SSpin": "___SSpin_1ozgj_gg_",
-  "__SInner": "___SInner_1ozgj_gg_",
-  "_loading": "__loading_1ozgj_gg_",
-  "__SText": "___SText_1ozgj_gg_",
-  "__SAddon": "___SAddon_1ozgj_gg_",
-  "_theme_primary-info": "_theme_primary-info_1ozgj_gg_",
-  "_active": "__active_1ozgj_gg_",
-  "_theme_primary-success": "_theme_primary-success_1ozgj_gg_",
-  "_theme_primary-brand": "_theme_primary-brand_1ozgj_gg_",
-  "_theme_primary-warning": "_theme_primary-warning_1ozgj_gg_",
-  "_theme_primary-danger": "_theme_primary-danger_1ozgj_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1ozgj_gg_",
-  "_theme_secondary-muted": "_theme_secondary-muted_1ozgj_gg_",
-  "_theme_secondary-info": "_theme_secondary-info_1ozgj_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1ozgj_gg_",
-  "_theme_tertiary-info": "_theme_tertiary-info_1ozgj_gg_",
-  "_theme_tertiary-muted": "_theme_tertiary-muted_1ozgj_gg_",
-  "_theme_tertiary-invert": "_theme_tertiary-invert_1ozgj_gg_"
+  "__SButton": "___SButton_18sie_gg_",
+  "_disabled": "__disabled_18sie_gg_",
+  "_size_s": "_size_s_18sie_gg_",
+  "_size_m": "_size_m_18sie_gg_",
+  "_size_l": "_size_l_18sie_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_18sie_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_18sie_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_18sie_gg_",
+  "__SSpin": "___SSpin_18sie_gg_",
+  "__SInner": "___SInner_18sie_gg_",
+  "_loading": "__loading_18sie_gg_",
+  "__SText": "___SText_18sie_gg_",
+  "__SAddon": "___SAddon_18sie_gg_",
+  "_theme_primary-info": "_theme_primary-info_18sie_gg_",
+  "_active": "__active_18sie_gg_",
+  "_theme_primary-success": "_theme_primary-success_18sie_gg_",
+  "_theme_primary-brand": "_theme_primary-brand_18sie_gg_",
+  "_theme_primary-warning": "_theme_primary-warning_18sie_gg_",
+  "_theme_primary-danger": "_theme_primary-danger_18sie_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_18sie_gg_",
+  "_theme_secondary-muted": "_theme_secondary-muted_18sie_gg_",
+  "_theme_secondary-info": "_theme_secondary-info_18sie_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_18sie_gg_",
+  "_theme_tertiary-info": "_theme_tertiary-info_18sie_gg_",
+  "_theme_tertiary-muted": "_theme_tertiary-muted_18sie_gg_",
+  "_theme_tertiary-invert": "_theme_tertiary-invert_18sie_gg_"
 });
 const MAP_USE_DEFAULT_THEME = exports.MAP_USE_DEFAULT_THEME = {
   primary: 'info',
@@ -175,6 +175,12 @@ function Addon(props) {
     }, _ref3)
   }));
 }
+/**
+ * Button
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}
+ */
 const Button = (0, _core.createComponent)(RootButton, {
   Text: ButtonText,
   Addon

package/lib/cjs/component/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_hasLabels","_logger","_typography","_react","_SpinButton","style","sstyled","insert","MAP_USE_DEFAULT_THEME","exports","primary","secondary","tertiary","RootButton","Component","constructor","args","_defineProperty2","default","React","createRef","ariaLabelledByContent","getTextProps","size","asProps","containerRef","getAddonProps","componentDidMount","process","env","NODE_ENV","logger","warn","current","hasLabels","title","displayName","ariaLabelledby","setTimeout","setState","document","getElementById","textContent","render","_ref","styles","use","theme","loading","disabled","neighborLocation","children","ariaLabel","Children","addonLeft","AddonLeft","addonRight","AddonRight","hintPlacement","SButton","Box","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","NeighborLocation","Detect","_ref4","Fragment","cn","assignProps","Addon","addonTextChildren","Text","Hint","ButtonText","props","_ref2","arguments[0]","_ref5","SText","_ref3","_ref6","SAddon","createComponent","_default"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport { Component, CORE_INSTANCE, createComponent, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonProps, ButtonAddonProps, ButtonTextProps, ButtonComponent } from './Button.type';\nimport SpinButton from './SpinButton';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype State = {\n ariaLabelledByContent: null \| string;\n};\n\nexport class RootButton extends Component<ButtonProps, [], never, {}, State> {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state: State = {\n ariaLabelledByContent: null,\n };\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n 'hint:triggerRef': this.containerRef,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] \|\| RootButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n const SButton = Root;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const showHint = (children === undefined \|\| title);\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n return sstyled(styles)(\n <>\n <SButton\n render={Box}\n invertOutline={theme === 'invert'}\n type='button'\n tag='button'\n tabIndex={0}\n disabled={disabled}\n use:theme={useTheme}\n ref={this.containerRef}\n aria-busy={loading}\n __excludeProps={['title']}\n aria-label={showHint ? buttonAriaLabel : undefined}\n neighborLocation={neighborLocation}\n >\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n {AddonLeft\n ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n )\n : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight\n ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n )\n : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </SButton>\n {showHint && (\n <Hint\n triggerRef={this.containerRef}\n timeout={[250, 50]}\n placement={hintPlacement}\n >\n {buttonAriaLabel}\n </Hint>\n )}\n </>,\n );\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction ButtonText(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n Text: ButtonText,\n Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Button.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_hasLabels","_logger","_typography","_react","_SpinButton","style","sstyled","insert","MAP_USE_DEFAULT_THEME","exports","primary","secondary","tertiary","RootButton","Component","constructor","args","_defineProperty2","default","React","createRef","ariaLabelledByContent","getTextProps","size","asProps","containerRef","getAddonProps","componentDidMount","process","env","NODE_ENV","logger","warn","current","hasLabels","title","displayName","ariaLabelledby","setTimeout","setState","document","getElementById","textContent","render","_ref","styles","use","theme","loading","disabled","neighborLocation","children","ariaLabel","Children","addonLeft","AddonLeft","addonRight","AddonRight","hintPlacement","SButton","Box","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","NeighborLocation","Detect","_ref4","Fragment","cn","assignProps","Addon","addonTextChildren","Text","Hint","ButtonText","props","_ref2","arguments[0]","_ref5","SText","_ref3","_ref6","SAddon","createComponent","_default"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport { Component, CORE_INSTANCE, createComponent, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonProps, ButtonAddonProps, ButtonTextProps, ButtonComponent, ButtonDefaultProps } from './Button.type';\nimport SpinButton from './SpinButton';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype State = {\n ariaLabelledByContent: null \| string;\n};\n\nexport class RootButton extends Component<\n ButtonProps,\n [],\n never,\n {},\n State,\n ButtonDefaultProps\n> {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n } as const;\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state: State = {\n ariaLabelledByContent: null,\n };\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n 'hint:triggerRef': this.containerRef,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] \|\| RootButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n const SButton = Root;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const showHint = (children === undefined \|\| title);\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n return sstyled(styles)(\n <>\n <SButton\n render={Box}\n invertOutline={theme === 'invert'}\n type='button'\n tag='button'\n tabIndex={0}\n disabled={disabled}\n use:theme={useTheme}\n ref={this.containerRef}\n aria-busy={loading}\n __excludeProps={['title']}\n aria-label={showHint ? buttonAriaLabel : undefined}\n neighborLocation={neighborLocation}\n >\n {/* @ts-ignore /}\n <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n {AddonLeft\n ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n )\n : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight\n ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n )\n : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </SButton>\n {showHint && (\n <Hint\n triggerRef={this.containerRef}\n timeout={[250, 50]}\n placement={hintPlacement}\n >\n {buttonAriaLabel}\n </Hint>\n )}\n </>,\n );\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction ButtonText(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\n/\n Button\n \n {@link https://developer.semrush.com/intergalactic/components/button/button-api/\|API} \| {@link https://developer.semrush.com/intergalactic/components/button/button-code/\|Examples}\n */\nconst Button = createComponent<\n ButtonComponent,\n typeof RootButton\n>(RootButton, {\n Text: ButtonText,\n Addon,\n});\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/component/Button/Button.type.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { BoxProps, NeighborItemProps, SimpleHintPopperProps } from '@semcore/base-components';\nimport type { Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\nimport type React from 'react';\n\nexport type ButtonProps = 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?: SimpleHintPopperProps['placement'];\n\n /* Button size.\n * @default `m`\n /\n size?: 'l' \| 'm';\n /* Button usage.\n * @default `primary`\n /\n use?: 'primary' \| 'secondary' \| 'tertiary';\n /* Button theme.\n * @default undefined\n */\n theme?: 'info' \| 'success' \| 'brand' \| 'danger' \| 'muted' \| 'invert';\n };\n\nexport type ButtonTextProps = NSText.Props;\n\nexport type ButtonAddonProps = BoxProps;\n\nexport type ButtonContext = {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n};\n\nexport type ButtonChildren = {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & ButtonChildren;\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { BoxProps, NeighborItemProps, SimpleHintPopperProps } from '@semcore/base-components';\nimport type { Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\nimport type React from 'react';\n\nexport type ButtonProps = 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?: SimpleHintPopperProps['placement'];\n\n /* Button size.\n * @default `m`\n /\n size?: 'l' \| 'm';\n /* Button usage.\n * @default `primary`\n /\n use?: 'primary' \| 'secondary' \| 'tertiary';\n /* Button theme.\n * @default undefined\n */\n theme?: 'info' \| 'success' \| 'brand' \| 'danger' \| 'muted' \| 'invert';\n };\n\nexport type ButtonDefaultProps = {\n use: 'secondary';\n size: 'm';\n};\n\nexport type ButtonTextProps = NSText.Props;\n\nexport type ButtonAddonProps = BoxProps;\n\nexport type ButtonContext = {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n};\n\nexport type ButtonChildren = {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & ButtonChildren;\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/component/ButtonLink/ButtonLink.js CHANGED Viewed

@@ -10,15 +10,15 @@ var _core = require("@semcore/core");
 var _link = _interopRequireDefault(require("@semcore/link"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonLink_8pnvv_gg_{border:0;font-family:inherit}.___SButtonLink_8pnvv_gg_._use_primary_8pnvv_gg_:not(.__color_8pnvv_gg_){color:var(--intergalactic-text-link, rgb(35, 95, 226))}.___SButtonLink_8pnvv_gg_._use_primary_8pnvv_gg_.__active_8pnvv_gg_:not(.__color_8pnvv_gg_),.___SButtonLink_8pnvv_gg_._use_primary_8pnvv_gg_:not(.__color_8pnvv_gg_):active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SButtonLink_8pnvv_gg_._use_primary_8pnvv_gg_:not(.__color_8pnvv_gg_):hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_:not(.__color_8pnvv_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_:not(.__color_8pnvv_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_:not(.__color_8pnvv_gg_){color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_.__active_8pnvv_gg_:not(.__color_8pnvv_gg_),.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_:not(.__color_8pnvv_gg_):active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_:not(.__color_8pnvv_gg_):hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_ .___SText_8pnvv_gg_{text-decoration-style:dashed;text-decoration-color:currentColor}", /*__inner_css_end__*/"8pnvv_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonLink_s4nyr_gg_{border:none;font-family:inherit}.___SButtonLink_s4nyr_gg_._use_primary_s4nyr_gg_:not(.__color_s4nyr_gg_){color:var(--intergalactic-text-link,#235fe2)}.___SButtonLink_s4nyr_gg_._use_primary_s4nyr_gg_.__active_s4nyr_gg_:not(.__color_s4nyr_gg_),.___SButtonLink_s4nyr_gg_._use_primary_s4nyr_gg_:not(.__color_s4nyr_gg_):active{color:var(--intergalactic-text-link-hover-active,#2159d7)}@media (hover:hover){.___SButtonLink_s4nyr_gg_._use_primary_s4nyr_gg_:not(.__color_s4nyr_gg_):hover{color:var(--intergalactic-text-link-hover-active,#2159d7)}}.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_:not(.__color_s4nyr_gg_){color:var(--intergalactic-text-hint,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_:not(.__color_s4nyr_gg_){color:var(--intergalactic-text-hint,#00030095)}@media (color-gamut:p3){.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_:not(.__color_s4nyr_gg_){color:var(--intergalactic-text-hint,color(display-p3 .00228 .01289 .00252/.583))}}}.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_.__active_s4nyr_gg_:not(.__color_s4nyr_gg_),.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_:not(.__color_s4nyr_gg_):active{color:var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605))}@media (hover:hover){.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_:not(.__color_s4nyr_gg_):hover{color:var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605))}}.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_ .___SText_s4nyr_gg_{text-decoration-style:dashed;text-decoration-color:initial}", /*__inner_css_end__*/"s4nyr_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButtonLink": "___SButtonLink_8pnvv_gg_",
-  "_use_secondary": "_use_secondary_8pnvv_gg_",
-  "__SText": "___SText_8pnvv_gg_",
-  "_use_primary": "_use_primary_8pnvv_gg_",
-  "_color": "__color_8pnvv_gg_",
-  "_active": "__active_8pnvv_gg_"
+  "__SButtonLink": "___SButtonLink_s4nyr_gg_",
+  "_use_secondary": "_use_secondary_s4nyr_gg_",
+  "__SText": "___SText_s4nyr_gg_",
+  "_use_primary": "_use_primary_s4nyr_gg_",
+  "_color": "__color_s4nyr_gg_",
+  "_active": "__active_s4nyr_gg_"
 });
 class RootButtonLink extends _core.Component {
   render() {
@@ -38,6 +38,12 @@ class RootButtonLink extends _core.Component {
     }));
   }
 }
+/**
+ * ButtonLink
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}
+ */
 (0, _defineProperty2.default)(RootButtonLink, "displayName", 'ButtonLink');
 (0, _defineProperty2.default)(RootButtonLink, "style", style);
 (0, _defineProperty2.default)(RootButtonLink, "defaultProps", {

package/lib/cjs/component/ButtonLink/ButtonLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonLink.js","names":["_core","require","_link","_interopRequireDefault","_react","style","sstyled","insert","RootButtonLink","Component","render","_ref","asProps","_ref2","SButtonLink","Link","disabled","default","createElement","cn","assignProps","_defineProperty2","use","size","ButtonLink","exports","createComponent","Text","Addon","parent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root, Component } from '@semcore/core';\nimport Link from '@semcore/link';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkComponent, ButtonLinkProps } from './ButtonLink.type';\n\nclass RootButtonLink extends Component<ButtonLinkProps> {\n static displayName = 'ButtonLink';\n static style = style;\n static defaultProps = {\n use: 'primary',\n size: 200,\n };\n\n render(): React.ReactNode {\n const SButtonLink = Root;\n const { disabled } = this.asProps;\n\n return sstyled(style)(\n <SButtonLink\n render={Link}\n tag='button'\n type='button'\n use:disabled={disabled}\n use:tabIndex={0}\n />,\n );\n }\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text: Link.Text,\n Addon: Link.Addon,\n}, {\n parent: Link,\n}) ~~as ButtonLinkComponent~~;\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA0B;AAAA,MAAAI,KAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAK1B,MAAMC,cAAc,SAASC,eAAS,~~CAAkB~~;~~EAQtDC~~,MAAMA,CAAA,EAAoB;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACxB,MAAMC,WAAW,GAKLC,aAAI;IAJhB,MAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACJ,OAAO;IAEjC,OAAAC,KAAA,GAAO,IAAAP,aAAO,EAACD,KAAK,CAAC,eACnBD,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACJ,WAAW,EAAAD,KAAA,CAAAM,EAAA;MAAA,OAAAnB,KAAA,CAAAoB,WAAA;QAAA,OAEN,QAAQ;QAAA,QACP,QAAQ;QAAA,gBACCJ,QAAQ;QAAA,gBACR;MAAC,GAAAL,IAAA;IAAA,EAChB,CAAC;EAEN;AACF;~~AAAC~~,IAAAU,gBAAA,CAAAJ,OAAA,~~EAtBKT~~,cAAc,~~iBACG~~,YAAY;AAAA,IAAAa,gBAAA,CAAAJ,OAAA,~~EAD7BT~~,cAAc,~~WAEHH~~,KAAK;AAAA,IAAAgB,gBAAA,CAAAJ,OAAA,~~EAFhBT~~,cAAc,~~kBAGI~~;EACpBc,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE;AACR,CAAC;~~AAkBI~~,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,~~EAAClB~~,cAAc,~~EAAE~~;~~EACxDmB~~,IAAI,EAAEZ,aAAI,CAACY,IAAI;EACfC,KAAK,EAAEb,aAAI,CAACa;AACd,CAAC,~~EAAE~~;~~EACDC~~,MAAM,EAAEd;AACV,CAAC~~,CAAwB~~","ignoreList":[]}
1	+ {"version":3,"file":"ButtonLink.js","names":["_core","require","_link","_interopRequireDefault","_react","style","sstyled","insert","RootButtonLink","Component","render","_ref","asProps","_ref2","SButtonLink","Link","disabled","default","createElement","cn","assignProps","_defineProperty2","use","size","ButtonLink","exports","createComponent","Text","Addon","parent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root, Component } from '@semcore/core';\nimport Link from '@semcore/link';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkComponent, ButtonLinkDefaultProps, ButtonLinkProps } from './ButtonLink.type';\n\nclass RootButtonLink extends Component<\n ButtonLinkProps,\n [],\n {},\n {},\n {},\n ButtonLinkDefaultProps\n> {\n static displayName = 'ButtonLink';\n static style = style;\n static defaultProps = {\n use: 'primary',\n size: 200,\n } as const;\n\n render(): React.ReactNode {\n const SButtonLink = Root;\n const { disabled } = this.asProps;\n\n return sstyled(style)(\n <SButtonLink\n render={Link}\n tag='button'\n type='button'\n use:disabled={disabled}\n use:tabIndex={0}\n />,\n );\n }\n}\n\n/*\n ButtonLink\n \n {@link https://developer.semrush.com/intergalactic/components/button/button-api/\|API} \| {@link https://developer.semrush.com/intergalactic/components/button/button-code/\|Examples}\n */\nexport const ButtonLink = createComponent<ButtonLinkComponent, typeof RootButtonLink>(\n RootButtonLink,\n {\n Text: Link.Text,\n Addon: Link.Addon,\n },\n {\n parent: Link,\n },\n);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA0B;AAAA,MAAAI,KAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAK1B,MAAMC,cAAc,SAASC,eAAS,CAOpC;EAQAC,MAAMA,CAAA,EAAoB;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACxB,MAAMC,WAAW,GAKLC,aAAI;IAJhB,MAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACJ,OAAO;IAEjC,OAAAC,KAAA,GAAO,IAAAP,aAAO,EAACD,KAAK,CAAC,eACnBD,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACJ,WAAW,EAAAD,KAAA,CAAAM,EAAA;MAAA,OAAAnB,KAAA,CAAAoB,WAAA;QAAA,OAEN,QAAQ;QAAA,QACP,QAAQ;QAAA,gBACCJ,QAAQ;QAAA,gBACR;MAAC,GAAAL,IAAA;IAAA,EAChB,CAAC;EAEN;AACF;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAAAU,gBAAA,CAAAJ,OAAA,EA/BMT,cAAc,iBAQG,YAAY;AAAA,IAAAa,gBAAA,CAAAJ,OAAA,EAR7BT,cAAc,WASHH,KAAK;AAAA,IAAAgB,gBAAA,CAAAJ,OAAA,EAThBT,cAAc,kBAUI;EACpBc,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE;AACR,CAAC;AAuBI,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EACvClB,cAAc,EACd;EACEmB,IAAI,EAAEZ,aAAI,CAACY,IAAI;EACfC,KAAK,EAAEb,aAAI,CAACa;AACd,CAAC,EACD;EACEC,MAAM,EAAEd;AACV,CACF,CAAC","ignoreList":[]}

package/lib/cjs/component/ButtonLink/ButtonLink.type.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { LinkProps } from '@semcore/link';\nimport type { NSText } from '@semcore/typography';\n\nimport type { ButtonContext } from '../Button/Button.type';\n\nexport type ButtonLinkProps = Intergalactic.InternalTypings.EfficientOmit<LinkProps, 'enableVisited'> & {\n /*\n Button link type\n * @default primary\n */\n use?: 'primary' \| 'secondary';\n};\n\nexport type ButtonLinkTextProps = NSText.Props;\n\nexport type ButtonLinkAddonProps = BoxProps;\n\nexport type ButtonLinkChildren = {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n\nexport type ButtonLinkComponent = Intergalactic.Component<\n 'button',\n ButtonLinkProps,\n ButtonContext\n> & ButtonLinkChildren;\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { LinkProps } from '@semcore/link';\nimport type { NSText } from '@semcore/typography';\n\nimport type { ButtonContext } from '../Button/Button.type';\n\nexport type ButtonLinkProps = Intergalactic.InternalTypings.EfficientOmit<LinkProps, 'enableVisited'> & {\n /*\n Button link type\n * @default primary\n */\n use?: 'primary' \| 'secondary';\n};\n\nexport type ButtonLinkDefaultProps = {\n use: 'primary';\n size: 200;\n};\n\nexport type ButtonLinkTextProps = NSText.Props;\n\nexport type ButtonLinkAddonProps = BoxProps;\n\nexport type ButtonLinkChildren = {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n\nexport type ButtonLinkComponent = Intergalactic.Component<\n 'button',\n ButtonLinkProps,\n ButtonContext\n> & ButtonLinkChildren;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/component/Button/Button.js CHANGED Viewed

@@ -11,35 +11,35 @@ import logger from '@semcore/core/lib/utils/logger';
 import { Text } from '@semcore/typography';
 import React from 'react';
 /*!__reshadow-styles__:"./button.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_1ozgj_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, rgba(0, 3, 0, 0.583));min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_1ozgj_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_1ozgj_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1ozgj_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1ozgj_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1ozgj_gg_.__disabled_1ozgj_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1ozgj_gg_._size_s_1ozgj_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1ozgj_gg_._size_m_1ozgj_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1ozgj_gg_._size_l_1ozgj_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1ozgj_gg_._theme_primary-info_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-info_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-hover, rgb(49, 52, 48))}}.___SButton_1ozgj_gg_._theme_primary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-info_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-active, rgb(0, 0, 0))}.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_{background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_{background-color:var(--intergalactic-control-primary-success, color(display-p3 0.13723 0.6542 0.50031))}}}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, color(display-p3 0.09181 0.60147 0.45602))}}}}.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:active{background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:active{background-color:var(--intergalactic-control-primary-success-active, color(display-p3 0.07522 0.57486 0.43446))}}}.___SButton_1ozgj_gg_._theme_primary-brand_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-warning_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand, rgb(162, 97, 253))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-brand_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_1ozgj_gg_._theme_primary-brand_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-brand_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-warning_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_1ozgj_gg_._theme_primary-warning_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-warning_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}.___SButton_1ozgj_gg_._theme_primary-danger_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical, rgb(247, 55, 64))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-danger_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-hover, rgb(230, 44, 51))}}.___SButton_1ozgj_gg_._theme_primary-danger_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-danger_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-active, rgb(221, 39, 45))}.___SButton_1ozgj_gg_._theme_primary-invert_1ozgj_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert, rgb(255, 255, 255))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-invert_1ozgj_gg_:hover{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-hover, rgb(241, 242, 242))}}.___SButton_1ozgj_gg_._theme_primary-invert_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-invert_1ozgj_gg_:active{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-active, rgb(234, 235, 235))}.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));background-color:var(--intergalactic-control-secondary-neutral, rgba(0, 22, 16, 0.028))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}@media (hover:hover){.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,    rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,    rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-link, rgb(35, 95, 226));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_1ozgj_gg_._theme_secondary-invert_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));border-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391));background-color:var(--intergalactic-control-secondary-invert, rgba(225, 255, 219, 0.118))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_secondary-invert_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_1ozgj_gg_._theme_secondary-invert_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-invert_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-active,    rgba(239, 255, 236, 0.183))}.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info, transparent)}@media (hover:hover){.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-control-tertiary-neutral, transparent)}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,    rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_1ozgj_gg_._theme_tertiary-invert_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert, transparent)}@media (hover:hover){.___SButton_1ozgj_gg_._theme_tertiary-invert_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_1ozgj_gg_._theme_tertiary-invert_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-invert_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-active, rgba(239, 255, 236, 0.183))}.___SButton_1ozgj_gg_._neighborLocation_right_1ozgj_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_{border-radius:0;margin-left:-1px}.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_,.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_{position:relative}.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_:after,.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_:after{background-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391))}.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after,.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after,.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after,.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SButton_1ozgj_gg_+.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_:after,.___SButton_1ozgj_gg_+.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1ozgj_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1ozgj_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1ozgj_gg_.__loading_1ozgj_gg_{visibility:hidden}.___SText_1ozgj_gg_{display:inline-flex}.___SText_1ozgj_gg_._size_l_1ozgj_gg_,.___SText_1ozgj_gg_._size_m_1ozgj_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1ozgj_gg_._size_m_1ozgj_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1ozgj_gg_._size_l_1ozgj_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1ozgj_gg_._size_l_1ozgj_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1ozgj_gg_._size_l_1ozgj_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1ozgj_gg_._size_l_1ozgj_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1ozgj_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1ozgj_gg_._size_m_1ozgj_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1ozgj_gg_._size_m_1ozgj_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1ozgj_gg_._size_m_1ozgj_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_1ozgj_gg_._size_l_1ozgj_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1ozgj_gg_._size_l_1ozgj_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1ozgj_gg_._size_l_1ozgj_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__*/"1ozgj_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_18sie_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 #0000;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,#00030095);min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SButton_18sie_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SButton_18sie_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_18sie_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_18sie_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_18sie_gg_.__disabled_18sie_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_18sie_gg_._size_s_18sie_gg_{width:var(--intergalactic-form-control-s,20px);height:var(--intergalactic-form-control-s,20px);border-radius:var(--intergalactic-addon-rounded,4px)}.___SButton_18sie_gg_._size_m_18sie_gg_{height:var(--intergalactic-form-control-m,28px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButton_18sie_gg_._size_l_18sie_gg_{height:var(--intergalactic-form-control-l,40px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SButton_18sie_gg_._theme_primary-info_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-info,#1a1e1a)}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-info_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-info-hover,#313430)}}.___SButton_18sie_gg_._theme_primary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-info_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-info-active,#000)}.___SButton_18sie_gg_._theme_primary-success_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-success,#00a480)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_{background-color:var(--intergalactic-control-primary-success,#00a480)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_{background-color:var(--intergalactic-control-primary-success,color(display-p3 .13723 .6542 .50031))}}}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-success-hover,#009675)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,#009675)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,color(display-p3 .09181 .60147 .45602))}}}}.___SButton_18sie_gg_._theme_primary-success_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-success-active,#009070)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:active{background-color:var(--intergalactic-control-primary-success-active,#009070)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:active{background-color:var(--intergalactic-control-primary-success-active,color(display-p3 .07522 .57486 .43446))}}}.___SButton_18sie_gg_._theme_primary-brand_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand,#a261fd)}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-brand_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand-hover,#964cfb)}}.___SButton_18sie_gg_._theme_primary-brand_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-brand_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand-active,#9041fa)}.___SButton_18sie_gg_._theme_primary-warning_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand,#a261fd)}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-warning_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand-hover,#964cfb)}}.___SButton_18sie_gg_._theme_primary-warning_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-warning_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand-active,#9041fa)}.___SButton_18sie_gg_._theme_primary-danger_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-critical,#f73740)}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-danger_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-critical-hover,#e62c33)}}.___SButton_18sie_gg_._theme_primary-danger_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-danger_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-critical-active,#dd272d)}.___SButton_18sie_gg_._theme_primary-invert_18sie_gg_{color:var(--intergalactic-text-primary,#010500e5);background-color:var(--intergalactic-control-primary-invert,#fff)}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-invert_18sie_gg_:hover{color:var(--intergalactic-text-primary,#010500e5);background-color:var(--intergalactic-control-primary-invert-hover,#f1f2f2)}}.___SButton_18sie_gg_._theme_primary-invert_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-invert_18sie_gg_:active{color:var(--intergalactic-text-primary,#010500e5);background-color:var(--intergalactic-control-primary-invert-active,#eaebeb)}.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829);background-color:var(--intergalactic-control-secondary-neutral,#00161007)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583));border-color:var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}@media (hover:hover){.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,rgba(0,21,16,.056));color:var(--intergalactic-text-primary,#010500e5)}}.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015);color:var(--intergalactic-text-primary,#010500e5)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,color(display-p3 .01753 .08157 .06372/.084))}}}.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-link,#235fe2);border-color:var(--intergalactic-control-primary-info,#1a1e1a)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_{background-color:var(--intergalactic-control-secondary-info,color(display-p3 .12567 .31309 .96324/.039))}}}@media (hover:hover){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:hover{color:var(--intergalactic-text-link,#235fe2);background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,color(display-p3 .12402 .30857 .96259/.077))}}}}.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:active{color:var(--intergalactic-text-link,#235fe2);background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,color(display-p3 .12361 .30547 .96332/.116))}}}.___SButton_18sie_gg_._theme_secondary-invert_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);border-color:var(--intergalactic-border-primary-invert,#fafffa64);background-color:var(--intergalactic-control-secondary-invert,#e1ffdb1e)}@media (hover:hover){.___SButton_18sie_gg_._theme_secondary-invert_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-secondary-invert-hover,rgba(232,255,227,.145))}}.___SButton_18sie_gg_._theme_secondary-invert_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-invert_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-secondary-invert-active,#efffec2f)}.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_{color:var(--intergalactic-text-link,#235fe2);background-color:var(--intergalactic-control-tertiary-info,#0000)}@media (hover:hover){.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:hover{color:var(--intergalactic-text-link,#235fe2);background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,color(display-p3 .12402 .30857 .96259/.077))}}}}.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:active{color:var(--intergalactic-text-link,#235fe2);background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,color(display-p3 .12361 .30547 .96332/.116))}}}.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-control-tertiary-neutral,#0000)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}@media (hover:hover){.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover,rgba(0,21,16,.056));color:var(--intergalactic-text-primary,#010500e5)}}.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015);color:var(--intergalactic-text-primary,#010500e5)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,color(display-p3 .01753 .08157 .06372/.084))}}}.___SButton_18sie_gg_._theme_tertiary-invert_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-tertiary-invert,#0000)}@media (hover:hover){.___SButton_18sie_gg_._theme_tertiary-invert_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-tertiary-invert-hover,rgba(232,255,227,.145))}}.___SButton_18sie_gg_._theme_tertiary-invert_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-invert_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-tertiary-invert-active,#efffec2f)}.___SButton_18sie_gg_._neighborLocation_right_18sie_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_{border-radius:0;margin-left:-1px}.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_,.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_{position:relative}.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_:after,.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_:after{background-color:var(--intergalactic-border-primary-invert,#fafffa64)}.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_._theme_secondary-muted_18sie_gg_:after,.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_._theme_secondary-muted_18sie_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_._theme_secondary-muted_18sie_gg_:after,.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_._theme_secondary-muted_18sie_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_._theme_secondary-muted_18sie_gg_:after,.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_._theme_secondary-muted_18sie_gg_:after{background-color:var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}.___SButton_18sie_gg_+.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_:after,.___SButton_18sie_gg_+.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_18sie_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_18sie_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_18sie_gg_.__loading_18sie_gg_{visibility:hidden}.___SText_18sie_gg_{display:inline-flex}.___SText_18sie_gg_._size_m_18sie_gg_{line-height:var(--intergalactic-lh-200,142%)}.___SText_18sie_gg_._size_l_18sie_gg_,.___SText_18sie_gg_._size_m_18sie_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-2x,8px)}.___SText_18sie_gg_._size_l_18sie_gg_{line-height:var(--intergalactic-lh-300,150%)}.___SText_18sie_gg_._size_l_18sie_gg_:only-child{margin-left:var(--intergalactic-spacing-3x,12px);margin-right:var(--intergalactic-spacing-3x,12px)}.___SText_18sie_gg_._size_l_18sie_gg_:first-child{margin-left:var(--intergalactic-spacing-3x,12px)}.___SText_18sie_gg_._size_l_18sie_gg_:last-child{margin-right:var(--intergalactic-spacing-3x,12px)}.___SAddon_18sie_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_18sie_gg_._size_m_18sie_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_18sie_gg_._size_m_18sie_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_18sie_gg_._size_m_18sie_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px)}.___SAddon_18sie_gg_._size_l_18sie_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_18sie_gg_._size_l_18sie_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_18sie_gg_._size_l_18sie_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px)}", /*__inner_css_end__*/"18sie_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButton": "___SButton_1ozgj_gg_",
-  "_disabled": "__disabled_1ozgj_gg_",
-  "_size_s": "_size_s_1ozgj_gg_",
-  "_size_m": "_size_m_1ozgj_gg_",
-  "_size_l": "_size_l_1ozgj_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1ozgj_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1ozgj_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1ozgj_gg_",
-  "__SSpin": "___SSpin_1ozgj_gg_",
-  "__SInner": "___SInner_1ozgj_gg_",
-  "_loading": "__loading_1ozgj_gg_",
-  "__SText": "___SText_1ozgj_gg_",
-  "__SAddon": "___SAddon_1ozgj_gg_",
-  "_theme_primary-info": "_theme_primary-info_1ozgj_gg_",
-  "_active": "__active_1ozgj_gg_",
-  "_theme_primary-success": "_theme_primary-success_1ozgj_gg_",
-  "_theme_primary-brand": "_theme_primary-brand_1ozgj_gg_",
-  "_theme_primary-warning": "_theme_primary-warning_1ozgj_gg_",
-  "_theme_primary-danger": "_theme_primary-danger_1ozgj_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1ozgj_gg_",
-  "_theme_secondary-muted": "_theme_secondary-muted_1ozgj_gg_",
-  "_theme_secondary-info": "_theme_secondary-info_1ozgj_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1ozgj_gg_",
-  "_theme_tertiary-info": "_theme_tertiary-info_1ozgj_gg_",
-  "_theme_tertiary-muted": "_theme_tertiary-muted_1ozgj_gg_",
-  "_theme_tertiary-invert": "_theme_tertiary-invert_1ozgj_gg_"
+  "__SButton": "___SButton_18sie_gg_",
+  "_disabled": "__disabled_18sie_gg_",
+  "_size_s": "_size_s_18sie_gg_",
+  "_size_m": "_size_m_18sie_gg_",
+  "_size_l": "_size_l_18sie_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_18sie_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_18sie_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_18sie_gg_",
+  "__SSpin": "___SSpin_18sie_gg_",
+  "__SInner": "___SInner_18sie_gg_",
+  "_loading": "__loading_18sie_gg_",
+  "__SText": "___SText_18sie_gg_",
+  "__SAddon": "___SAddon_18sie_gg_",
+  "_theme_primary-info": "_theme_primary-info_18sie_gg_",
+  "_active": "__active_18sie_gg_",
+  "_theme_primary-success": "_theme_primary-success_18sie_gg_",
+  "_theme_primary-brand": "_theme_primary-brand_18sie_gg_",
+  "_theme_primary-warning": "_theme_primary-warning_18sie_gg_",
+  "_theme_primary-danger": "_theme_primary-danger_18sie_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_18sie_gg_",
+  "_theme_secondary-muted": "_theme_secondary-muted_18sie_gg_",
+  "_theme_secondary-info": "_theme_secondary-info_18sie_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_18sie_gg_",
+  "_theme_tertiary-info": "_theme_tertiary-info_18sie_gg_",
+  "_theme_tertiary-muted": "_theme_tertiary-muted_18sie_gg_",
+  "_theme_tertiary-invert": "_theme_tertiary-invert_18sie_gg_"
 });
 import SpinButton from './SpinButton';
 export const MAP_USE_DEFAULT_THEME = {
@@ -171,6 +171,12 @@ function Addon(props) {
     }, _ref3)
   }));
 }
+/**
+ * Button
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}
+ */
 const Button = createComponent(RootButton, {
   Text: ButtonText,
   Addon

package/lib/es6/component/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","names":["NeighborLocation","Box","Hint","Component","CORE_INSTANCE","createComponent","Root","sstyled","addonTextChildren","hasLabels","logger","Text","React","style","_sstyled","insert","SpinButton","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","RootButton","constructor","args","_defineProperty","createRef","ariaLabelledByContent","getTextProps","size","asProps","containerRef","getAddonProps","componentDidMount","process","env","NODE_ENV","warn","current","title","displayName","ariaLabelledby","setTimeout","setState","document","getElementById","textContent","render","_ref","styles","use","theme","loading","disabled","neighborLocation","children","ariaLabel","Children","addonLeft","AddonLeft","addonRight","AddonRight","hintPlacement","SButton","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","Detect","_ref4","Fragment","cn","_assignProps","Addon","ButtonText","props","_ref2","arguments[0]","_ref5","SText","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport { Component, CORE_INSTANCE, createComponent, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonProps, ButtonAddonProps, ButtonTextProps, ButtonComponent } from './Button.type';\nimport SpinButton from './SpinButton';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype State = {\n ariaLabelledByContent: null \| string;\n};\n\nexport class RootButton extends Component<ButtonProps, [], never, {}, State> {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state: State = {\n ariaLabelledByContent: null,\n };\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n 'hint:triggerRef': this.containerRef,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] \|\| RootButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n const SButton = Root;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const showHint = (children === undefined \|\| title);\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n return sstyled(styles)(\n <>\n <SButton\n render={Box}\n invertOutline={theme === 'invert'}\n type='button'\n tag='button'\n tabIndex={0}\n disabled={disabled}\n use:theme={useTheme}\n ref={this.containerRef}\n aria-busy={loading}\n __excludeProps={['title']}\n aria-label={showHint ? buttonAriaLabel : undefined}\n neighborLocation={neighborLocation}\n >\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n {AddonLeft\n ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n )\n : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight\n ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n )\n : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </SButton>\n {showHint && (\n <Hint\n triggerRef={this.containerRef}\n timeout={[250, 50]}\n placement={hintPlacement}\n >\n {buttonAriaLabel}\n </Hint>\n )}\n </>,\n );\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction ButtonText(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n Text: ButtonText,\n Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Button.js","names":["NeighborLocation","Box","Hint","Component","CORE_INSTANCE","createComponent","Root","sstyled","addonTextChildren","hasLabels","logger","Text","React","style","_sstyled","insert","SpinButton","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","RootButton","constructor","args","_defineProperty","createRef","ariaLabelledByContent","getTextProps","size","asProps","containerRef","getAddonProps","componentDidMount","process","env","NODE_ENV","warn","current","title","displayName","ariaLabelledby","setTimeout","setState","document","getElementById","textContent","render","_ref","styles","use","theme","loading","disabled","neighborLocation","children","ariaLabel","Children","addonLeft","AddonLeft","addonRight","AddonRight","hintPlacement","SButton","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","Detect","_ref4","Fragment","cn","_assignProps","Addon","ButtonText","props","_ref2","arguments[0]","_ref5","SText","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport { Component, CORE_INSTANCE, createComponent, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonProps, ButtonAddonProps, ButtonTextProps, ButtonComponent, ButtonDefaultProps } from './Button.type';\nimport SpinButton from './SpinButton';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype State = {\n ariaLabelledByContent: null \| string;\n};\n\nexport class RootButton extends Component<\n ButtonProps,\n [],\n never,\n {},\n State,\n ButtonDefaultProps\n> {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n } as const;\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state: State = {\n ariaLabelledByContent: null,\n };\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n 'hint:triggerRef': this.containerRef,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] \|\| RootButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n const SButton = Root;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const showHint = (children === undefined \|\| title);\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n return sstyled(styles)(\n <>\n <SButton\n render={Box}\n invertOutline={theme === 'invert'}\n type='button'\n tag='button'\n tabIndex={0}\n disabled={disabled}\n use:theme={useTheme}\n ref={this.containerRef}\n aria-busy={loading}\n __excludeProps={['title']}\n aria-label={showHint ? buttonAriaLabel : undefined}\n neighborLocation={neighborLocation}\n >\n {/* @ts-ignore /}\n <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n {AddonLeft\n ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n )\n : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight\n ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n )\n : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </SButton>\n {showHint && (\n <Hint\n triggerRef={this.containerRef}\n timeout={[250, 50]}\n placement={hintPlacement}\n >\n {buttonAriaLabel}\n </Hint>\n )}\n </>,\n );\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction ButtonText(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\n/\n Button\n \n {@link https://developer.semrush.com/intergalactic/components/button/button-api/\|API} \| {@link https://developer.semrush.com/intergalactic/components/button/button-code/\|Examples}\n */\nconst Button = createComponent<\n ButtonComponent,\n typeof RootButton\n>(RootButton, {\n Text: ButtonText,\n Addon,\n});\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/component/Button/Button.type.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { BoxProps, NeighborItemProps, SimpleHintPopperProps } from '@semcore/base-components';\nimport type { Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\nimport type React from 'react';\n\nexport type ButtonProps = 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?: SimpleHintPopperProps['placement'];\n\n /* Button size.\n * @default `m`\n /\n size?: 'l' \| 'm';\n /* Button usage.\n * @default `primary`\n /\n use?: 'primary' \| 'secondary' \| 'tertiary';\n /* Button theme.\n * @default undefined\n */\n theme?: 'info' \| 'success' \| 'brand' \| 'danger' \| 'muted' \| 'invert';\n };\n\nexport type ButtonTextProps = NSText.Props;\n\nexport type ButtonAddonProps = BoxProps;\n\nexport type ButtonContext = {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n};\n\nexport type ButtonChildren = {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & ButtonChildren;\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { BoxProps, NeighborItemProps, SimpleHintPopperProps } from '@semcore/base-components';\nimport type { Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\nimport type React from 'react';\n\nexport type ButtonProps = 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?: SimpleHintPopperProps['placement'];\n\n /* Button size.\n * @default `m`\n /\n size?: 'l' \| 'm';\n /* Button usage.\n * @default `primary`\n /\n use?: 'primary' \| 'secondary' \| 'tertiary';\n /* Button theme.\n * @default undefined\n */\n theme?: 'info' \| 'success' \| 'brand' \| 'danger' \| 'muted' \| 'invert';\n };\n\nexport type ButtonDefaultProps = {\n use: 'secondary';\n size: 'm';\n};\n\nexport type ButtonTextProps = NSText.Props;\n\nexport type ButtonAddonProps = BoxProps;\n\nexport type ButtonContext = {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n};\n\nexport type ButtonChildren = {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & ButtonChildren;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/component/ButtonLink/ButtonLink.js CHANGED Viewed

@@ -5,15 +5,15 @@ import { createComponent, sstyled, Root, Component } from '@semcore/core';
 import Link from '@semcore/link';
 import React from 'react';
 /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButtonLink_8pnvv_gg_{border:0;font-family:inherit}.___SButtonLink_8pnvv_gg_._use_primary_8pnvv_gg_:not(.__color_8pnvv_gg_){color:var(--intergalactic-text-link, rgb(35, 95, 226))}.___SButtonLink_8pnvv_gg_._use_primary_8pnvv_gg_.__active_8pnvv_gg_:not(.__color_8pnvv_gg_),.___SButtonLink_8pnvv_gg_._use_primary_8pnvv_gg_:not(.__color_8pnvv_gg_):active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SButtonLink_8pnvv_gg_._use_primary_8pnvv_gg_:not(.__color_8pnvv_gg_):hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_:not(.__color_8pnvv_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_:not(.__color_8pnvv_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_:not(.__color_8pnvv_gg_){color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_.__active_8pnvv_gg_:not(.__color_8pnvv_gg_),.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_:not(.__color_8pnvv_gg_):active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_:not(.__color_8pnvv_gg_):hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_ .___SText_8pnvv_gg_{text-decoration-style:dashed;text-decoration-color:currentColor}", /*__inner_css_end__*/"8pnvv_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButtonLink_s4nyr_gg_{border:none;font-family:inherit}.___SButtonLink_s4nyr_gg_._use_primary_s4nyr_gg_:not(.__color_s4nyr_gg_){color:var(--intergalactic-text-link,#235fe2)}.___SButtonLink_s4nyr_gg_._use_primary_s4nyr_gg_.__active_s4nyr_gg_:not(.__color_s4nyr_gg_),.___SButtonLink_s4nyr_gg_._use_primary_s4nyr_gg_:not(.__color_s4nyr_gg_):active{color:var(--intergalactic-text-link-hover-active,#2159d7)}@media (hover:hover){.___SButtonLink_s4nyr_gg_._use_primary_s4nyr_gg_:not(.__color_s4nyr_gg_):hover{color:var(--intergalactic-text-link-hover-active,#2159d7)}}.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_:not(.__color_s4nyr_gg_){color:var(--intergalactic-text-hint,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_:not(.__color_s4nyr_gg_){color:var(--intergalactic-text-hint,#00030095)}@media (color-gamut:p3){.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_:not(.__color_s4nyr_gg_){color:var(--intergalactic-text-hint,color(display-p3 .00228 .01289 .00252/.583))}}}.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_.__active_s4nyr_gg_:not(.__color_s4nyr_gg_),.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_:not(.__color_s4nyr_gg_):active{color:var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605))}@media (hover:hover){.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_:not(.__color_s4nyr_gg_):hover{color:var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605))}}.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_ .___SText_s4nyr_gg_{text-decoration-style:dashed;text-decoration-color:initial}", /*__inner_css_end__*/"s4nyr_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButtonLink": "___SButtonLink_8pnvv_gg_",
-  "_use_secondary": "_use_secondary_8pnvv_gg_",
-  "__SText": "___SText_8pnvv_gg_",
-  "_use_primary": "_use_primary_8pnvv_gg_",
-  "_color": "__color_8pnvv_gg_",
-  "_active": "__active_8pnvv_gg_"
+  "__SButtonLink": "___SButtonLink_s4nyr_gg_",
+  "_use_secondary": "_use_secondary_s4nyr_gg_",
+  "__SText": "___SText_s4nyr_gg_",
+  "_use_primary": "_use_primary_s4nyr_gg_",
+  "_color": "__color_s4nyr_gg_",
+  "_active": "__active_s4nyr_gg_"
 });
 class RootButtonLink extends Component {
   render() {
@@ -33,6 +33,12 @@ class RootButtonLink extends Component {
     }));
   }
 }
+/**
+ * ButtonLink
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}
+ */
 _defineProperty(RootButtonLink, "displayName", 'ButtonLink');
 _defineProperty(RootButtonLink, "style", style);
 _defineProperty(RootButtonLink, "defaultProps", {

package/lib/es6/component/ButtonLink/ButtonLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonLink.js","names":["createComponent","sstyled","Root","Component","Link","React","style","_sstyled","insert","RootButtonLink","render","_ref","asProps","_ref2","SButtonLink","disabled","createElement","cn","_assignProps","_defineProperty","use","size","ButtonLink","Text","Addon","parent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root, Component } from '@semcore/core';\nimport Link from '@semcore/link';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkComponent, ButtonLinkProps } from './ButtonLink.type';\n\nclass RootButtonLink extends Component<ButtonLinkProps> {\n static displayName = 'ButtonLink';\n static style = style;\n static defaultProps = {\n use: 'primary',\n size: 200,\n };\n\n render(): React.ReactNode {\n const SButtonLink = Root;\n const { disabled } = this.asProps;\n\n return sstyled(style)(\n <SButtonLink\n render={Link}\n tag='button'\n type='button'\n use:disabled={disabled}\n use:tabIndex={0}\n />,\n );\n }\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text: Link.Text,\n Addon: Link.Addon,\n}, {\n parent: Link,\n}) ~~as ButtonLinkComponent~~;\n"],"mappings":";;;AAAA,SAASA,eAAe,EAAEC,OAAO,EAAEC,IAAI,EAAEC,SAAS,QAAQ,eAAe;AACzE,OAAOC,IAAI,MAAM,eAAe;AAChC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAK1B,MAAMC,cAAc,SAASN,SAAS,~~CAAkB~~;~~EAQtDO~~,MAAMA,CAAA,EAAoB;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACxB,MAAMC,WAAW,GAKLV,IAAI;IAJhB,MAAM;MAAEW;IAAS,CAAC,GAAG,IAAI,CAACH,OAAO;IAEjC,OAAAC,KAAA,GAAOZ,OAAO,CAACK,KAAK,CAAC,eACnBD,KAAA,CAAAW,aAAA,CAACF,WAAW,EAAAD,KAAA,CAAAI,EAAA;MAAA,GAAAC,YAAA;QAAA,OAEN,QAAQ;QAAA,QACP,QAAQ;QAAA,gBACCH,QAAQ;QAAA,gBACR;MAAC,GAAAJ,IAAA;IAAA,EAChB,CAAC;EAEN;AACF;~~AAACQ~~,eAAA,~~CAtBKV~~,cAAc,~~iBACG~~,YAAY;AAAAU,eAAA,~~CAD7BV~~,cAAc,~~WAEHH~~,KAAK;AAAAa,eAAA,~~CAFhBV~~,cAAc,~~kBAGI~~;EACpBW,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE;AACR,CAAC;~~AAkBH~~,OAAO,MAAMC,UAAU,GAAGtB,eAAe,~~CAACS~~,cAAc,~~EAAE~~;~~EACxDc~~,IAAI,EAAEnB,IAAI,CAACmB,IAAI;EACfC,KAAK,EAAEpB,IAAI,CAACoB;AACd,CAAC,~~EAAE~~;~~EACDC~~,MAAM,EAAErB;AACV,CAAC~~,CAAwB~~","ignoreList":[]}
1	+ {"version":3,"file":"ButtonLink.js","names":["createComponent","sstyled","Root","Component","Link","React","style","_sstyled","insert","RootButtonLink","render","_ref","asProps","_ref2","SButtonLink","disabled","createElement","cn","_assignProps","_defineProperty","use","size","ButtonLink","Text","Addon","parent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root, Component } from '@semcore/core';\nimport Link from '@semcore/link';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkComponent, ButtonLinkDefaultProps, ButtonLinkProps } from './ButtonLink.type';\n\nclass RootButtonLink extends Component<\n ButtonLinkProps,\n [],\n {},\n {},\n {},\n ButtonLinkDefaultProps\n> {\n static displayName = 'ButtonLink';\n static style = style;\n static defaultProps = {\n use: 'primary',\n size: 200,\n } as const;\n\n render(): React.ReactNode {\n const SButtonLink = Root;\n const { disabled } = this.asProps;\n\n return sstyled(style)(\n <SButtonLink\n render={Link}\n tag='button'\n type='button'\n use:disabled={disabled}\n use:tabIndex={0}\n />,\n );\n }\n}\n\n/*\n ButtonLink\n \n {@link https://developer.semrush.com/intergalactic/components/button/button-api/\|API} \| {@link https://developer.semrush.com/intergalactic/components/button/button-code/\|Examples}\n */\nexport const ButtonLink = createComponent<ButtonLinkComponent, typeof RootButtonLink>(\n RootButtonLink,\n {\n Text: Link.Text,\n Addon: Link.Addon,\n },\n {\n parent: Link,\n },\n);\n"],"mappings":";;;AAAA,SAASA,eAAe,EAAEC,OAAO,EAAEC,IAAI,EAAEC,SAAS,QAAQ,eAAe;AACzE,OAAOC,IAAI,MAAM,eAAe;AAChC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAK1B,MAAMC,cAAc,SAASN,SAAS,CAOpC;EAQAO,MAAMA,CAAA,EAAoB;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACxB,MAAMC,WAAW,GAKLV,IAAI;IAJhB,MAAM;MAAEW;IAAS,CAAC,GAAG,IAAI,CAACH,OAAO;IAEjC,OAAAC,KAAA,GAAOZ,OAAO,CAACK,KAAK,CAAC,eACnBD,KAAA,CAAAW,aAAA,CAACF,WAAW,EAAAD,KAAA,CAAAI,EAAA;MAAA,GAAAC,YAAA;QAAA,OAEN,QAAQ;QAAA,QACP,QAAQ;QAAA,gBACCH,QAAQ;QAAA,gBACR;MAAC,GAAAJ,IAAA;IAAA,EAChB,CAAC;EAEN;AACF;;AAEA;AACA;AACA;AACA;AACA;AAJAQ,eAAA,CA/BMV,cAAc,iBAQG,YAAY;AAAAU,eAAA,CAR7BV,cAAc,WASHH,KAAK;AAAAa,eAAA,CAThBV,cAAc,kBAUI;EACpBW,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE;AACR,CAAC;AAuBH,OAAO,MAAMC,UAAU,GAAGtB,eAAe,CACvCS,cAAc,EACd;EACEc,IAAI,EAAEnB,IAAI,CAACmB,IAAI;EACfC,KAAK,EAAEpB,IAAI,CAACoB;AACd,CAAC,EACD;EACEC,MAAM,EAAErB;AACV,CACF,CAAC","ignoreList":[]}

package/lib/es6/component/ButtonLink/ButtonLink.type.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { LinkProps } from '@semcore/link';\nimport type { NSText } from '@semcore/typography';\n\nimport type { ButtonContext } from '../Button/Button.type';\n\nexport type ButtonLinkProps = Intergalactic.InternalTypings.EfficientOmit<LinkProps, 'enableVisited'> & {\n /*\n Button link type\n * @default primary\n */\n use?: 'primary' \| 'secondary';\n};\n\nexport type ButtonLinkTextProps = NSText.Props;\n\nexport type ButtonLinkAddonProps = BoxProps;\n\nexport type ButtonLinkChildren = {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n\nexport type ButtonLinkComponent = Intergalactic.Component<\n 'button',\n ButtonLinkProps,\n ButtonContext\n> & ButtonLinkChildren;\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { LinkProps } from '@semcore/link';\nimport type { NSText } from '@semcore/typography';\n\nimport type { ButtonContext } from '../Button/Button.type';\n\nexport type ButtonLinkProps = Intergalactic.InternalTypings.EfficientOmit<LinkProps, 'enableVisited'> & {\n /*\n Button link type\n * @default primary\n */\n use?: 'primary' \| 'secondary';\n};\n\nexport type ButtonLinkDefaultProps = {\n use: 'primary';\n size: 200;\n};\n\nexport type ButtonLinkTextProps = NSText.Props;\n\nexport type ButtonLinkAddonProps = BoxProps;\n\nexport type ButtonLinkChildren = {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n\nexport type ButtonLinkComponent = Intergalactic.Component<\n 'button',\n ButtonLinkProps,\n ButtonContext\n> & ButtonLinkChildren;\n"],"mappings":"","ignoreList":[]}

package/lib/esm/component/Button/Button.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, CORE_INSTANCE, assignProps, createComponent } from "@semcore/core";
 import { Box, NeighborLocation, Hint } from "@semcore/base-components";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
@@ -12,37 +12,37 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SButton_1ozgj_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, rgba(0, 3, 0, 0.583));min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_1ozgj_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_1ozgj_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1ozgj_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1ozgj_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1ozgj_gg_.__disabled_1ozgj_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1ozgj_gg_._size_s_1ozgj_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1ozgj_gg_._size_m_1ozgj_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1ozgj_gg_._size_l_1ozgj_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1ozgj_gg_._theme_primary-info_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-info_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-hover, rgb(49, 52, 48))}}.___SButton_1ozgj_gg_._theme_primary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-info_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-active, rgb(0, 0, 0))}.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_{background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_{background-color:var(--intergalactic-control-primary-success, color(display-p3 0.13723 0.6542 0.50031))}}}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, color(display-p3 0.09181 0.60147 0.45602))}}}}.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:active{background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-success_1ozgj_gg_:active{background-color:var(--intergalactic-control-primary-success-active, color(display-p3 0.07522 0.57486 0.43446))}}}.___SButton_1ozgj_gg_._theme_primary-brand_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-warning_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand, rgb(162, 97, 253))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-brand_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_1ozgj_gg_._theme_primary-brand_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-brand_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-warning_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_1ozgj_gg_._theme_primary-warning_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-warning_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}.___SButton_1ozgj_gg_._theme_primary-danger_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical, rgb(247, 55, 64))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-danger_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-hover, rgb(230, 44, 51))}}.___SButton_1ozgj_gg_._theme_primary-danger_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-danger_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-active, rgb(221, 39, 45))}.___SButton_1ozgj_gg_._theme_primary-invert_1ozgj_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert, rgb(255, 255, 255))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_primary-invert_1ozgj_gg_:hover{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-hover, rgb(241, 242, 242))}}.___SButton_1ozgj_gg_._theme_primary-invert_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_primary-invert_1ozgj_gg_:active{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-active, rgb(234, 235, 235))}.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));background-color:var(--intergalactic-control-secondary-neutral, rgba(0, 22, 16, 0.028))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}@media (hover:hover){.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,    rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,    rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-link, rgb(35, 95, 226));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-info_1ozgj_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_1ozgj_gg_._theme_secondary-invert_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));border-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391));background-color:var(--intergalactic-control-secondary-invert, rgba(225, 255, 219, 0.118))}@media (hover:hover){.___SButton_1ozgj_gg_._theme_secondary-invert_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_1ozgj_gg_._theme_secondary-invert_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_secondary-invert_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-active,    rgba(239, 255, 236, 0.183))}.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info, transparent)}@media (hover:hover){.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-info_1ozgj_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-control-tertiary-neutral, transparent)}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,    rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-muted_1ozgj_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_1ozgj_gg_._theme_tertiary-invert_1ozgj_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert, transparent)}@media (hover:hover){.___SButton_1ozgj_gg_._theme_tertiary-invert_1ozgj_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_1ozgj_gg_._theme_tertiary-invert_1ozgj_gg_.__active_1ozgj_gg_,.___SButton_1ozgj_gg_._theme_tertiary-invert_1ozgj_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-active, rgba(239, 255, 236, 0.183))}.___SButton_1ozgj_gg_._neighborLocation_right_1ozgj_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_{border-radius:0;margin-left:-1px}.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_,.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_{position:relative}.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_:after,.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_:after{background-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391))}.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after,.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after,.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after,.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_._theme_secondary-muted_1ozgj_gg_:after{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SButton_1ozgj_gg_+.___SButton_1ozgj_gg_._neighborLocation_both_1ozgj_gg_:after,.___SButton_1ozgj_gg_+.___SButton_1ozgj_gg_._neighborLocation_left_1ozgj_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1ozgj_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1ozgj_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1ozgj_gg_.__loading_1ozgj_gg_{visibility:hidden}.___SText_1ozgj_gg_{display:inline-flex}.___SText_1ozgj_gg_._size_l_1ozgj_gg_,.___SText_1ozgj_gg_._size_m_1ozgj_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1ozgj_gg_._size_m_1ozgj_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1ozgj_gg_._size_l_1ozgj_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1ozgj_gg_._size_l_1ozgj_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1ozgj_gg_._size_l_1ozgj_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1ozgj_gg_._size_l_1ozgj_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1ozgj_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1ozgj_gg_._size_m_1ozgj_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1ozgj_gg_._size_m_1ozgj_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1ozgj_gg_._size_m_1ozgj_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_1ozgj_gg_._size_l_1ozgj_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1ozgj_gg_._size_l_1ozgj_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1ozgj_gg_._size_l_1ozgj_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}',
+    '.___SButton_18sie_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 #0000;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,#00030095);min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SButton_18sie_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SButton_18sie_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_18sie_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_18sie_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_18sie_gg_.__disabled_18sie_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_18sie_gg_._size_s_18sie_gg_{width:var(--intergalactic-form-control-s,20px);height:var(--intergalactic-form-control-s,20px);border-radius:var(--intergalactic-addon-rounded,4px)}.___SButton_18sie_gg_._size_m_18sie_gg_{height:var(--intergalactic-form-control-m,28px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButton_18sie_gg_._size_l_18sie_gg_{height:var(--intergalactic-form-control-l,40px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SButton_18sie_gg_._theme_primary-info_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-info,#1a1e1a)}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-info_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-info-hover,#313430)}}.___SButton_18sie_gg_._theme_primary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-info_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-info-active,#000)}.___SButton_18sie_gg_._theme_primary-success_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-success,#00a480)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_{background-color:var(--intergalactic-control-primary-success,#00a480)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_{background-color:var(--intergalactic-control-primary-success,color(display-p3 .13723 .6542 .50031))}}}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-success-hover,#009675)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,#009675)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,color(display-p3 .09181 .60147 .45602))}}}}.___SButton_18sie_gg_._theme_primary-success_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-success-active,#009070)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:active{background-color:var(--intergalactic-control-primary-success-active,#009070)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_primary-success_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-success_18sie_gg_:active{background-color:var(--intergalactic-control-primary-success-active,color(display-p3 .07522 .57486 .43446))}}}.___SButton_18sie_gg_._theme_primary-brand_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand,#a261fd)}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-brand_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand-hover,#964cfb)}}.___SButton_18sie_gg_._theme_primary-brand_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-brand_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand-active,#9041fa)}.___SButton_18sie_gg_._theme_primary-warning_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand,#a261fd)}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-warning_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand-hover,#964cfb)}}.___SButton_18sie_gg_._theme_primary-warning_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-warning_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-brand-active,#9041fa)}.___SButton_18sie_gg_._theme_primary-danger_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-critical,#f73740)}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-danger_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-critical-hover,#e62c33)}}.___SButton_18sie_gg_._theme_primary-danger_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-danger_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-primary-critical-active,#dd272d)}.___SButton_18sie_gg_._theme_primary-invert_18sie_gg_{color:var(--intergalactic-text-primary,#010500e5);background-color:var(--intergalactic-control-primary-invert,#fff)}@media (hover:hover){.___SButton_18sie_gg_._theme_primary-invert_18sie_gg_:hover{color:var(--intergalactic-text-primary,#010500e5);background-color:var(--intergalactic-control-primary-invert-hover,#f1f2f2)}}.___SButton_18sie_gg_._theme_primary-invert_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_primary-invert_18sie_gg_:active{color:var(--intergalactic-text-primary,#010500e5);background-color:var(--intergalactic-control-primary-invert-active,#eaebeb)}.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829);background-color:var(--intergalactic-control-secondary-neutral,#00161007)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583));border-color:var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}@media (hover:hover){.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,rgba(0,21,16,.056));color:var(--intergalactic-text-primary,#010500e5)}}.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015);color:var(--intergalactic-text-primary,#010500e5)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,color(display-p3 .01753 .08157 .06372/.084))}}}.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-link,#235fe2);border-color:var(--intergalactic-control-primary-info,#1a1e1a)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_{background-color:var(--intergalactic-control-secondary-info,color(display-p3 .12567 .31309 .96324/.039))}}}@media (hover:hover){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:hover{color:var(--intergalactic-text-link,#235fe2);background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,color(display-p3 .12402 .30857 .96259/.077))}}}}.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:active{color:var(--intergalactic-text-link,#235fe2);background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-info_18sie_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,color(display-p3 .12361 .30547 .96332/.116))}}}.___SButton_18sie_gg_._theme_secondary-invert_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);border-color:var(--intergalactic-border-primary-invert,#fafffa64);background-color:var(--intergalactic-control-secondary-invert,#e1ffdb1e)}@media (hover:hover){.___SButton_18sie_gg_._theme_secondary-invert_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-secondary-invert-hover,rgba(232,255,227,.145))}}.___SButton_18sie_gg_._theme_secondary-invert_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_secondary-invert_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-secondary-invert-active,#efffec2f)}.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_{color:var(--intergalactic-text-link,#235fe2);background-color:var(--intergalactic-control-tertiary-info,#0000)}@media (hover:hover){.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:hover{color:var(--intergalactic-text-link,#235fe2);background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,color(display-p3 .12402 .30857 .96259/.077))}}}}.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:active{color:var(--intergalactic-text-link,#235fe2);background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-info_18sie_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,color(display-p3 .12361 .30547 .96332/.116))}}}.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-control-tertiary-neutral,#0000)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}@media (hover:hover){.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover,rgba(0,21,16,.056));color:var(--intergalactic-text-primary,#010500e5)}}.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015);color:var(--intergalactic-text-primary,#010500e5)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015)}@media (color-gamut:p3){.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-muted_18sie_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,color(display-p3 .01753 .08157 .06372/.084))}}}.___SButton_18sie_gg_._theme_tertiary-invert_18sie_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-tertiary-invert,#0000)}@media (hover:hover){.___SButton_18sie_gg_._theme_tertiary-invert_18sie_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-tertiary-invert-hover,rgba(232,255,227,.145))}}.___SButton_18sie_gg_._theme_tertiary-invert_18sie_gg_.__active_18sie_gg_,.___SButton_18sie_gg_._theme_tertiary-invert_18sie_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-control-tertiary-invert-active,#efffec2f)}.___SButton_18sie_gg_._neighborLocation_right_18sie_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_{border-radius:0;margin-left:-1px}.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_,.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_{position:relative}.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_:after,.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_:after{background-color:var(--intergalactic-border-primary-invert,#fafffa64)}.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_._theme_secondary-muted_18sie_gg_:after,.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_._theme_secondary-muted_18sie_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@supports (color:color(display-p3 0 0 0%)){.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_._theme_secondary-muted_18sie_gg_:after,.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_._theme_secondary-muted_18sie_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_._theme_secondary-muted_18sie_gg_:after,.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_._theme_secondary-muted_18sie_gg_:after{background-color:var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}.___SButton_18sie_gg_+.___SButton_18sie_gg_._neighborLocation_both_18sie_gg_:after,.___SButton_18sie_gg_+.___SButton_18sie_gg_._neighborLocation_left_18sie_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_18sie_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_18sie_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_18sie_gg_.__loading_18sie_gg_{visibility:hidden}.___SText_18sie_gg_{display:inline-flex}.___SText_18sie_gg_._size_m_18sie_gg_{line-height:var(--intergalactic-lh-200,142%)}.___SText_18sie_gg_._size_l_18sie_gg_,.___SText_18sie_gg_._size_m_18sie_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-2x,8px)}.___SText_18sie_gg_._size_l_18sie_gg_{line-height:var(--intergalactic-lh-300,150%)}.___SText_18sie_gg_._size_l_18sie_gg_:only-child{margin-left:var(--intergalactic-spacing-3x,12px);margin-right:var(--intergalactic-spacing-3x,12px)}.___SText_18sie_gg_._size_l_18sie_gg_:first-child{margin-left:var(--intergalactic-spacing-3x,12px)}.___SText_18sie_gg_._size_l_18sie_gg_:last-child{margin-right:var(--intergalactic-spacing-3x,12px)}.___SAddon_18sie_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_18sie_gg_._size_m_18sie_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_18sie_gg_._size_m_18sie_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_18sie_gg_._size_m_18sie_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px)}.___SAddon_18sie_gg_._size_l_18sie_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_18sie_gg_._size_l_18sie_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_18sie_gg_._size_l_18sie_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px)}',
     /*__inner_css_end__*/
-    "1ozgj_gg_"
+    "18sie_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SButton": "___SButton_1ozgj_gg_",
-    "_disabled": "__disabled_1ozgj_gg_",
-    "_size_s": "_size_s_1ozgj_gg_",
-    "_size_m": "_size_m_1ozgj_gg_",
-    "_size_l": "_size_l_1ozgj_gg_",
-    "_neighborLocation_right": "_neighborLocation_right_1ozgj_gg_",
-    "_neighborLocation_both": "_neighborLocation_both_1ozgj_gg_",
-    "_neighborLocation_left": "_neighborLocation_left_1ozgj_gg_",
-    "__SSpin": "___SSpin_1ozgj_gg_",
-    "__SInner": "___SInner_1ozgj_gg_",
-    "_loading": "__loading_1ozgj_gg_",
-    "__SText": "___SText_1ozgj_gg_",
-    "__SAddon": "___SAddon_1ozgj_gg_",
-    "_theme_primary-info": "_theme_primary-info_1ozgj_gg_",
-    "_active": "__active_1ozgj_gg_",
-    "_theme_primary-success": "_theme_primary-success_1ozgj_gg_",
-    "_theme_primary-brand": "_theme_primary-brand_1ozgj_gg_",
-    "_theme_primary-warning": "_theme_primary-warning_1ozgj_gg_",
-    "_theme_primary-danger": "_theme_primary-danger_1ozgj_gg_",
-    "_theme_primary-invert": "_theme_primary-invert_1ozgj_gg_",
-    "_theme_secondary-muted": "_theme_secondary-muted_1ozgj_gg_",
-    "_theme_secondary-info": "_theme_secondary-info_1ozgj_gg_",
-    "_theme_secondary-invert": "_theme_secondary-invert_1ozgj_gg_",
-    "_theme_tertiary-info": "_theme_tertiary-info_1ozgj_gg_",
-    "_theme_tertiary-muted": "_theme_tertiary-muted_1ozgj_gg_",
-    "_theme_tertiary-invert": "_theme_tertiary-invert_1ozgj_gg_"
+    "__SButton": "___SButton_18sie_gg_",
+    "_disabled": "__disabled_18sie_gg_",
+    "_size_s": "_size_s_18sie_gg_",
+    "_size_m": "_size_m_18sie_gg_",
+    "_size_l": "_size_l_18sie_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_18sie_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_18sie_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_18sie_gg_",
+    "__SSpin": "___SSpin_18sie_gg_",
+    "__SInner": "___SInner_18sie_gg_",
+    "_loading": "__loading_18sie_gg_",
+    "__SText": "___SText_18sie_gg_",
+    "__SAddon": "___SAddon_18sie_gg_",
+    "_theme_primary-info": "_theme_primary-info_18sie_gg_",
+    "_active": "__active_18sie_gg_",
+    "_theme_primary-success": "_theme_primary-success_18sie_gg_",
+    "_theme_primary-brand": "_theme_primary-brand_18sie_gg_",
+    "_theme_primary-warning": "_theme_primary-warning_18sie_gg_",
+    "_theme_primary-danger": "_theme_primary-danger_18sie_gg_",
+    "_theme_primary-invert": "_theme_primary-invert_18sie_gg_",
+    "_theme_secondary-muted": "_theme_secondary-muted_18sie_gg_",
+    "_theme_secondary-info": "_theme_secondary-info_18sie_gg_",
+    "_theme_secondary-invert": "_theme_secondary-invert_18sie_gg_",
+    "_theme_tertiary-info": "_theme_tertiary-info_18sie_gg_",
+    "_theme_tertiary-muted": "_theme_tertiary-muted_18sie_gg_",
+    "_theme_tertiary-invert": "_theme_tertiary-invert_18sie_gg_"
   })
 );
 const MAP_USE_DEFAULT_THEME = {

package/lib/esm/component/Button/SpinButton.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import Spin from "@semcore/spin";
 import React from "react";
 const SPIN_SIZE_MAP = {

package/lib/esm/component/ButtonLink/ButtonLink.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import Link from "@semcore/link";
 import React from "react";
@@ -7,17 +7,17 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SButtonLink_8pnvv_gg_{border:0;font-family:inherit}.___SButtonLink_8pnvv_gg_._use_primary_8pnvv_gg_:not(.__color_8pnvv_gg_){color:var(--intergalactic-text-link, rgb(35, 95, 226))}.___SButtonLink_8pnvv_gg_._use_primary_8pnvv_gg_.__active_8pnvv_gg_:not(.__color_8pnvv_gg_),.___SButtonLink_8pnvv_gg_._use_primary_8pnvv_gg_:not(.__color_8pnvv_gg_):active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SButtonLink_8pnvv_gg_._use_primary_8pnvv_gg_:not(.__color_8pnvv_gg_):hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_:not(.__color_8pnvv_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_:not(.__color_8pnvv_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_:not(.__color_8pnvv_gg_){color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_.__active_8pnvv_gg_:not(.__color_8pnvv_gg_),.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_:not(.__color_8pnvv_gg_):active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_:not(.__color_8pnvv_gg_):hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButtonLink_8pnvv_gg_._use_secondary_8pnvv_gg_ .___SText_8pnvv_gg_{text-decoration-style:dashed;text-decoration-color:currentColor}",
+    ".___SButtonLink_s4nyr_gg_{border:none;font-family:inherit}.___SButtonLink_s4nyr_gg_._use_primary_s4nyr_gg_:not(.__color_s4nyr_gg_){color:var(--intergalactic-text-link,#235fe2)}.___SButtonLink_s4nyr_gg_._use_primary_s4nyr_gg_.__active_s4nyr_gg_:not(.__color_s4nyr_gg_),.___SButtonLink_s4nyr_gg_._use_primary_s4nyr_gg_:not(.__color_s4nyr_gg_):active{color:var(--intergalactic-text-link-hover-active,#2159d7)}@media (hover:hover){.___SButtonLink_s4nyr_gg_._use_primary_s4nyr_gg_:not(.__color_s4nyr_gg_):hover{color:var(--intergalactic-text-link-hover-active,#2159d7)}}.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_:not(.__color_s4nyr_gg_){color:var(--intergalactic-text-hint,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_:not(.__color_s4nyr_gg_){color:var(--intergalactic-text-hint,#00030095)}@media (color-gamut:p3){.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_:not(.__color_s4nyr_gg_){color:var(--intergalactic-text-hint,color(display-p3 .00228 .01289 .00252/.583))}}}.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_.__active_s4nyr_gg_:not(.__color_s4nyr_gg_),.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_:not(.__color_s4nyr_gg_):active{color:var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605))}@media (hover:hover){.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_:not(.__color_s4nyr_gg_):hover{color:var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605))}}.___SButtonLink_s4nyr_gg_._use_secondary_s4nyr_gg_ .___SText_s4nyr_gg_{text-decoration-style:dashed;text-decoration-color:initial}",
     /*__inner_css_end__*/
-    "8pnvv_gg_"
+    "s4nyr_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SButtonLink": "___SButtonLink_8pnvv_gg_",
-    "_use_secondary": "_use_secondary_8pnvv_gg_",
-    "__SText": "___SText_8pnvv_gg_",
-    "_use_primary": "_use_primary_8pnvv_gg_",
-    "_color": "__color_8pnvv_gg_",
-    "_active": "__active_8pnvv_gg_"
+    "__SButtonLink": "___SButtonLink_s4nyr_gg_",
+    "_use_secondary": "_use_secondary_s4nyr_gg_",
+    "__SText": "___SText_s4nyr_gg_",
+    "_use_primary": "_use_primary_s4nyr_gg_",
+    "_color": "__color_s4nyr_gg_",
+    "_active": "__active_s4nyr_gg_"
   })
 );
 class RootButtonLink extends Component {

package/lib/types/component/Button/Button.d.ts CHANGED Viewed

@@ -1,30 +1,36 @@
 import { Component } from '@semcore/core';
 import React from 'react';
-import type { ButtonProps, ButtonComponent } from './Button.type';
+import type { ButtonProps, ButtonComponent, ButtonDefaultProps } from './Button.type';
 export declare const MAP_USE_DEFAULT_THEME: Record<string, string>;
 type State = {
     ariaLabelledByContent: null | string;
 };
-export declare class RootButton extends Component<ButtonProps, [], never, {}, State> {
+export declare class RootButton extends Component<ButtonProps, [
+], never, {}, State, ButtonDefaultProps> {
     static displayName: string;
     static style: {
         [key: string]: string;
     };
     static defaultProps: {
-        use: string;
-        size: string;
+        readonly use: "secondary";
+        readonly size: "m";
     };
     containerRef: React.RefObject<HTMLButtonElement>;
     state: State;
     getTextProps(): {
-        size: "l" | "m" | undefined;
+        size: "l" | "m";
         'hint:triggerRef': React.RefObject<HTMLButtonElement>;
     };
     getAddonProps(): {
-        size: "l" | "m" | undefined;
+        size: "l" | "m";
     };
     componentDidMount(): void;
     render(): React.JSX.Element;
 }
+/**
+ * Button
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}
+ */
 declare const Button: ButtonComponent;
 export default Button;

package/lib/types/component/Button/Button.type.d.ts CHANGED Viewed

@@ -31,6 +31,10 @@ export type ButtonProps = BoxProps & NeighborItemProps & {
    */
     theme?: 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';
 };
+export type ButtonDefaultProps = {
+    use: 'secondary';
+    size: 'm';
+};
 export type ButtonTextProps = NSText.Props;
 export type ButtonAddonProps = BoxProps;
 export type ButtonContext = {

package/lib/types/component/ButtonLink/ButtonLink.d.ts CHANGED Viewed

@@ -1,2 +1,7 @@
 import type { ButtonLinkComponent } from './ButtonLink.type';
+/**
+ * ButtonLink
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}
+ */
 export declare const ButtonLink: ButtonLinkComponent;

package/lib/types/component/ButtonLink/ButtonLink.type.d.ts CHANGED Viewed

@@ -10,6 +10,10 @@ export type ButtonLinkProps = Intergalactic.InternalTypings.EfficientOmit<LinkPr
      */
     use?: 'primary' | 'secondary';
 };
+export type ButtonLinkDefaultProps = {
+    use: 'primary';
+    size: 200;
+};
 export type ButtonLinkTextProps = NSText.Props;
 export type ButtonLinkAddonProps = BoxProps;
 export type ButtonLinkChildren = {

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/button",
   "description": "Semrush Button Component",
-  "version": "17.1.0",
+  "version": "17.2.0-prerelease.3",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,12 +14,12 @@
     "require": "./lib/cjs/index.js"
   },
   "dependencies": {
-    "@semcore/spin": "^17.1.0",
-    "@semcore/typography": "^17.1.0",
-    "@semcore/link": "^17.1.0"
+    "@semcore/spin": "^17.2.0-prerelease.3",
+    "@semcore/typography": "^17.2.0-prerelease.3",
+    "@semcore/link": "^17.2.0-prerelease.3"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^17.0.2"
+    "@semcore/base-components": "^17.2.0"
   },
   "repository": {
     "type": "git",
@@ -27,9 +27,9 @@
     "directory": "semcore/button"
   },
   "devDependencies": {
-    "@semcore/core": "17.1.0",
+    "@semcore/core": "17.2.0-prerelease.3",
+    "@semcore/base-components": "17.2.0-prerelease.3",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/base-components": "17.0.2",
     "@semcore/icon": "17.1.0"
   },
   "scripts": {

package/src/component/Button/Button.tsx CHANGED Viewed

@@ -7,7 +7,7 @@ import { Text } from '@semcore/typography';
 import React from 'react';
 import style from './button.shadow.css';
-import type { ButtonProps, ButtonAddonProps, ButtonTextProps, ButtonComponent } from './Button.type';
+import type { ButtonProps, ButtonAddonProps, ButtonTextProps, ButtonComponent, ButtonDefaultProps } from './Button.type';
 import SpinButton from './SpinButton';
 export const MAP_USE_DEFAULT_THEME: Record<string, string> = {
@@ -20,13 +20,20 @@ type State = {
   ariaLabelledByContent: null | string;
 };
-export class RootButton extends Component<ButtonProps, [], never, {}, State> {
+export class RootButton extends Component<
+  ButtonProps,
+  [],
+  never,
+  {},
+  State,
+  ButtonDefaultProps
+> {
   static displayName = 'Button';
   static style = style;
   static defaultProps = {
     use: 'secondary',
     size: 'm',
-  };
+  } as const;
   containerRef = React.createRef<HTMLButtonElement>();
@@ -167,9 +174,17 @@ function Addon(props: ButtonAddonProps) {
   return sstyled(props.styles)(<SAddon render={Box} tag='span' />);
 }
-const Button = createComponent(RootButton, {
+/**
+ * Button
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}
+ */
+const Button = createComponent<
+  ButtonComponent,
+  typeof RootButton
+>(RootButton, {
   Text: ButtonText,
   Addon,
-}) as ButtonComponent;
+});
 export default Button;

package/src/component/Button/Button.type.ts CHANGED Viewed

@@ -35,6 +35,11 @@ export type ButtonProps = BoxProps &
     theme?: 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';
   };
+export type ButtonDefaultProps = {
+  use: 'secondary';
+  size: 'm';
+};
 export type ButtonTextProps = NSText.Props;
 export type ButtonAddonProps = BoxProps;

package/src/component/ButtonLink/ButtonLink.tsx CHANGED Viewed

@@ -3,15 +3,22 @@ import Link from '@semcore/link';
 import React from 'react';
 import style from './buttonLink.shadow.css';
-import type { ButtonLinkComponent, ButtonLinkProps } from './ButtonLink.type';
+import type { ButtonLinkComponent, ButtonLinkDefaultProps, ButtonLinkProps } from './ButtonLink.type';
-class RootButtonLink extends Component<ButtonLinkProps> {
+class RootButtonLink extends Component<
+  ButtonLinkProps,
+  [],
+  {},
+  {},
+  {},
+  ButtonLinkDefaultProps
+> {
   static displayName = 'ButtonLink';
   static style = style;
   static defaultProps = {
     use: 'primary',
     size: 200,
-  };
+  } as const;
   render(): React.ReactNode {
     const SButtonLink = Root;
@@ -29,9 +36,18 @@ class RootButtonLink extends Component<ButtonLinkProps> {
   }
 }
-export const ButtonLink = createComponent(RootButtonLink, {
-  Text: Link.Text,
-  Addon: Link.Addon,
-}, {
-  parent: Link,
-}) as ButtonLinkComponent;
+/**
+ * ButtonLink
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}
+ */
+export const ButtonLink = createComponent<ButtonLinkComponent, typeof RootButtonLink>(
+  RootButtonLink,
+  {
+    Text: Link.Text,
+    Addon: Link.Addon,
+  },
+  {
+    parent: Link,
+  },
+);

package/src/component/ButtonLink/ButtonLink.type.ts CHANGED Viewed

@@ -13,6 +13,11 @@ export type ButtonLinkProps = Intergalactic.InternalTypings.EfficientOmit<LinkPr
   use?: 'primary' | 'secondary';
 };
+export type ButtonLinkDefaultProps = {
+  use: 'primary';
+  size: 200;
+};
 export type ButtonLinkTextProps = NSText.Props;
 export type ButtonLinkAddonProps = BoxProps;