@semcore/button 17.0.1-prerelease.1 → 17.1.0-prerelease.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.1.0] - 2026-05-12
+
+### Added
+
+- New brand theme.
+
 ## [17.0.1] - 2026-04-16
 
 ### Fixed

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

@@ -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_1fpin_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_1fpin_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1fpin_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1fpin_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1fpin_gg_.__disabled_1fpin_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1fpin_gg_._size_s_1fpin_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1fpin_gg_._size_m_1fpin_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1fpin_gg_._size_l_1fpin_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1fpin_gg_._theme_primary-info_1fpin_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1fpin_gg_._theme_primary-info_1fpin_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1fpin_gg_._theme_primary-info_1fpin_gg_.__active_1fpin_gg_,.___SButton_1fpin_gg_._theme_primary-info_1fpin_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1fpin_gg_._theme_primary-success_1fpin_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1fpin_gg_._theme_primary-success_1fpin_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1fpin_gg_._theme_primary-success_1fpin_gg_.__active_1fpin_gg_,.___SButton_1fpin_gg_._theme_primary-success_1fpin_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1fpin_gg_._theme_primary-brand_1fpin_gg_,.___SButton_1fpin_gg_._theme_primary-warning_1fpin_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_1fpin_gg_._theme_primary-brand_1fpin_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1fpin_gg_._theme_primary-brand_1fpin_gg_.__active_1fpin_gg_,.___SButton_1fpin_gg_._theme_primary-brand_1fpin_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_1fpin_gg_._theme_primary-warning_1fpin_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1fpin_gg_._theme_primary-warning_1fpin_gg_.__active_1fpin_gg_,.___SButton_1fpin_gg_._theme_primary-warning_1fpin_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_1fpin_gg_._theme_primary-danger_1fpin_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1fpin_gg_._theme_primary-danger_1fpin_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1fpin_gg_._theme_primary-danger_1fpin_gg_.__active_1fpin_gg_,.___SButton_1fpin_gg_._theme_primary-danger_1fpin_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1fpin_gg_._theme_primary-invert_1fpin_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1fpin_gg_._theme_primary-invert_1fpin_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1fpin_gg_._theme_primary-invert_1fpin_gg_.__active_1fpin_gg_,.___SButton_1fpin_gg_._theme_primary-invert_1fpin_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1fpin_gg_._theme_secondary-muted_1fpin_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_1fpin_gg_._theme_secondary-muted_1fpin_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1fpin_gg_._theme_secondary-muted_1fpin_gg_.__active_1fpin_gg_,.___SButton_1fpin_gg_._theme_secondary-muted_1fpin_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1fpin_gg_._theme_secondary-info_1fpin_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1fpin_gg_._theme_secondary-info_1fpin_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1fpin_gg_._theme_secondary-info_1fpin_gg_.__active_1fpin_gg_,.___SButton_1fpin_gg_._theme_secondary-info_1fpin_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1fpin_gg_._theme_secondary-invert_1fpin_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_1fpin_gg_._theme_secondary-invert_1fpin_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1fpin_gg_._theme_secondary-invert_1fpin_gg_.__active_1fpin_gg_,.___SButton_1fpin_gg_._theme_secondary-invert_1fpin_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n    rgba(255, 255, 255, 0.3))}.___SButton_1fpin_gg_._theme_tertiary-info_1fpin_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1fpin_gg_._theme_tertiary-info_1fpin_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1fpin_gg_._theme_tertiary-info_1fpin_gg_.__active_1fpin_gg_,.___SButton_1fpin_gg_._theme_tertiary-info_1fpin_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1fpin_gg_._theme_tertiary-muted_1fpin_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1fpin_gg_._theme_tertiary-muted_1fpin_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1fpin_gg_._theme_tertiary-muted_1fpin_gg_.__active_1fpin_gg_,.___SButton_1fpin_gg_._theme_tertiary-muted_1fpin_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1fpin_gg_._theme_tertiary-invert_1fpin_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1fpin_gg_._theme_tertiary-invert_1fpin_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1fpin_gg_._theme_tertiary-invert_1fpin_gg_.__active_1fpin_gg_,.___SButton_1fpin_gg_._theme_tertiary-invert_1fpin_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1fpin_gg_._neighborLocation_right_1fpin_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1fpin_gg_._neighborLocation_both_1fpin_gg_{border-radius:0;margin-left:-1px}.___SButton_1fpin_gg_._neighborLocation_left_1fpin_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1fpin_gg_._neighborLocation_both_1fpin_gg_,.___SButton_1fpin_gg_._neighborLocation_left_1fpin_gg_{position:relative}.___SButton_1fpin_gg_._neighborLocation_both_1fpin_gg_:after,.___SButton_1fpin_gg_._neighborLocation_left_1fpin_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_1fpin_gg_._neighborLocation_both_1fpin_gg_._theme_secondary-muted_1fpin_gg_:after,.___SButton_1fpin_gg_._neighborLocation_left_1fpin_gg_._theme_secondary-muted_1fpin_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1fpin_gg_+.___SButton_1fpin_gg_._neighborLocation_both_1fpin_gg_:after,.___SButton_1fpin_gg_+.___SButton_1fpin_gg_._neighborLocation_left_1fpin_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1fpin_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1fpin_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1fpin_gg_.__loading_1fpin_gg_{visibility:hidden}.___SText_1fpin_gg_{display:inline-flex}.___SText_1fpin_gg_._size_l_1fpin_gg_,.___SText_1fpin_gg_._size_m_1fpin_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1fpin_gg_._size_m_1fpin_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1fpin_gg_._size_l_1fpin_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1fpin_gg_._size_l_1fpin_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1fpin_gg_._size_l_1fpin_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1fpin_gg_._size_l_1fpin_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1fpin_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1fpin_gg_._size_m_1fpin_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1fpin_gg_._size_m_1fpin_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1fpin_gg_._size_m_1fpin_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_1fpin_gg_._size_l_1fpin_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1fpin_gg_._size_l_1fpin_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1fpin_gg_._size_l_1fpin_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__*/"1fpin_gg_"),
+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_"),
 /*__reshadow_css_end__*/
 {
-  "__SButton": "___SButton_1fpin_gg_",
-  "_disabled": "__disabled_1fpin_gg_",
-  "_size_s": "_size_s_1fpin_gg_",
-  "_size_m": "_size_m_1fpin_gg_",
-  "_size_l": "_size_l_1fpin_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1fpin_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1fpin_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1fpin_gg_",
-  "__SSpin": "___SSpin_1fpin_gg_",
-  "__SInner": "___SInner_1fpin_gg_",
-  "_loading": "__loading_1fpin_gg_",
-  "__SText": "___SText_1fpin_gg_",
-  "__SAddon": "___SAddon_1fpin_gg_",
-  "_theme_primary-info": "_theme_primary-info_1fpin_gg_",
-  "_active": "__active_1fpin_gg_",
-  "_theme_primary-success": "_theme_primary-success_1fpin_gg_",
-  "_theme_primary-brand": "_theme_primary-brand_1fpin_gg_",
-  "_theme_primary-warning": "_theme_primary-warning_1fpin_gg_",
-  "_theme_primary-danger": "_theme_primary-danger_1fpin_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1fpin_gg_",
-  "_theme_secondary-muted": "_theme_secondary-muted_1fpin_gg_",
-  "_theme_secondary-info": "_theme_secondary-info_1fpin_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1fpin_gg_",
-  "_theme_tertiary-info": "_theme_tertiary-info_1fpin_gg_",
-  "_theme_tertiary-muted": "_theme_tertiary-muted_1fpin_gg_",
-  "_theme_tertiary-invert": "_theme_tertiary-invert_1fpin_gg_"
+  "__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_"
 });
 const MAP_USE_DEFAULT_THEME = exports.MAP_USE_DEFAULT_THEME = {
   primary: 'info',

package/lib/cjs/component/Button/button.shadow.css

@@ -20,7 +20,7 @@ SButton {
   touch-action: manipulation;
   -webkit-tap-highlight-color: transparent;
   font-weight: var(--intergalactic-medium, 500);
-  color: var(--intergalactic-text-secondary, #6c6e79);
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
   min-width: fit-content;
 
   &::-moz-focus-inner {
@@ -35,7 +35,7 @@ SButton {
 }
 
 SButton[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
   cursor: default;
   pointer-events: none;
   box-shadow: none;
@@ -61,201 +61,201 @@ SButton[size='l'] {
 }
 
 SButton[theme='primary-info'] {
-  color: var(--intergalactic-text-primary-invert, #ffffff);
-  background-color: var(--intergalactic-control-primary-info, #008ff8);
+  color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+  background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
 
   &:hover {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-control-primary-info-hover, #006dca);
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-control-primary-info-hover, oklch(0.32 0.007 140));
   }
 
   &:active,
   &[active] {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-control-primary-info-active, #044792);
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-control-primary-info-active, oklch(0 0 140));
   }
 }
 
 SButton[theme='primary-success'] {
-  color: var(--intergalactic-text-primary-invert, #ffffff);
-  background-color: var(--intergalactic-control-primary-success, #009f81);
+  color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+  background-color: var(--intergalactic-control-primary-success, oklch(0.64 0.161 170));
 
   &:hover {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-control-primary-success-hover, #007c65);
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-control-primary-success-hover, oklch(0.6 0.155 170));
   }
 
   &:active,
   &[active] {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-control-primary-success-active, #055345);
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-control-primary-success-active, oklch(0.58 0.151 170));
   }
 }
 
 SButton[theme='primary-brand'] {
-  color: var(--intergalactic-text-primary-invert, #ffffff);
-  background-color: var(--intergalactic-control-primary-brand, #ff642d);
+  color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+  background-color: var(--intergalactic-control-primary-brand, oklch(0.64 0.223 299.3));
 
   &:hover {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-control-primary-brand-hover, oklch(0.6 0.244 297.8));
   }
 
   &:active,
   &[active] {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-control-primary-brand-active, oklch(0.58 0.254 297.1));
   }
 }
 
 SButton[theme='primary-warning'] {
-  color: var(--intergalactic-text-primary-invert, #ffffff);
-  background-color: var(--intergalactic-control-primary-brand, #ff642d);
+  color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+  background-color: var(--intergalactic-control-primary-brand, oklch(0.64 0.223 299.3));
 
   &:hover {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-control-primary-brand-hover, oklch(0.6 0.244 297.8));
   }
 
   &:active,
   &[active] {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-control-primary-brand-active, oklch(0.58 0.254 297.1));
   }
 }
 
 SButton[theme='primary-danger'] {
-  color: var(--intergalactic-text-primary-invert, #ffffff);
-  background-color: var(--intergalactic-control-primary-critical, #ff4953);
+  color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+  background-color: var(--intergalactic-control-primary-critical, oklch(0.64 0.226 24.5));
 
   &:hover {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-control-primary-critical-hover, #d1002f);
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-control-primary-critical-hover, oklch(0.6 0.219 25.5));
   }
 
   &:active,
   &[active] {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-control-primary-critical-active, #8e0016);
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-control-primary-critical-active, oklch(0.58 0.215 26));
   }
 }
 
 SButton[theme='primary-invert'] {
-  color: var(--intergalactic-text-primary, #191b23);
-  background-color: var(--intergalactic-control-primary-invert, #ffffff);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
+  background-color: var(--intergalactic-control-primary-invert, oklch(1 0 0));
 
   &:hover {
-    color: var(--intergalactic-text-primary, #191b23);
-    background-color: var(--intergalactic-control-primary-invert-hover, #f4f5f9);
+    color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
+    background-color: var(--intergalactic-control-primary-invert-hover, oklch(0.96 0.001 180));
   }
 
   &:active,
   &[active] {
-    color: var(--intergalactic-text-primary, #191b23);
-    background-color: var(--intergalactic-control-primary-invert-active, #e0e1e9);
+    color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
+    background-color: var(--intergalactic-control-primary-invert-active, oklch(0.94 0.002 180));
   }
 }
 
 SButton[theme='secondary-muted'] {
-  color: var(--intergalactic-text-secondary, #6c6e79);
-  border-color: var(--intergalactic-border-primary, #c4c7cf);
-  background-color: var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1));
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
+  border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
+  background-color: var(--intergalactic-control-secondary-neutral, oklch(0.177 0.033 175.6 / 0.028));
 
   &:hover {
     background-color: var(--intergalactic-control-secondary-neutral-hover,
-    rgba(138, 142, 155, 0.2));
-    color: var(--intergalactic-text-primary, #191b23);
+    oklch(0.176 0.033 175.6 / 0.056));
+    color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
   }
 
   &:active,
   &[active] {
     background-color: var(--intergalactic-control-secondary-neutral-active,
-    rgba(138, 142, 155, 0.3));
-    color: var(--intergalactic-text-primary, #191b23);
+    oklch(0.176 0.033 175.7 / 0.084));
+    color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
   }
 }
 
 SButton[theme='secondary-info'] {
-  background-color: var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));
-  color: var(--intergalactic-text-link, #006dca);
-  border-color: var(--intergalactic-control-primary-info, #008ff8);
+  background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
+  color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+  border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
 
   &:hover {
-    color: var(--intergalactic-text-link, #006dca);
-    background-color: var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));
+    color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+    background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.525 0.265 263 / 0.077));
   }
 
   &:active,
   &[active] {
-    color: var(--intergalactic-text-link, #006dca);
-    background-color: var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3));
+    color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+    background-color: var(--intergalactic-control-secondary-info-active, oklch(0.524 0.266 263.1 / 0.116));
   }
 }
 
 SButton[theme='secondary-invert'] {
-  color: var(--intergalactic-text-primary-invert, #ffffff);
-  border-color: var(--intergalactic-border-primary-invert, #ffffff);
-  background-color: var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05));
+  color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+  border-color: var(--intergalactic-border-primary-invert, oklch(0.995 0.008 147.4 / 0.391));
+  background-color: var(--intergalactic-control-secondary-invert, oklch(0.969 0.057 140 / 0.118));
 
   &:hover {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1));
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-control-secondary-invert-hover, oklch(0.976 0.043 140 / 0.145));
   }
 
   &:active,
   &[active] {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
     background-color: var(--intergalactic-control-secondary-invert-active,
-    rgba(255, 255, 255, 0.3));
+    oklch(0.983 0.03 140 / 0.183));
   }
 }
 
 SButton[theme='tertiary-info'] {
-  color: var(--intergalactic-text-link, #006dca);
-  background-color: var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0));
+  color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+  background-color: var(--intergalactic-control-tertiary-info, transparent);
 
   &:hover {
-    color: var(--intergalactic-text-link, #006dca);
-    background-color: var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2));
+    color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+    background-color: var(--intergalactic-control-tertiary-info-hover, oklch(0.525 0.265 263 / 0.077));
   }
 
   &:active,
   &[active] {
-    color: var(--intergalactic-text-link, #006dca);
-    background-color: var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3));
+    color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+    background-color: var(--intergalactic-control-tertiary-info-active, oklch(0.524 0.266 263.1 / 0.116));
   }
 }
 
 SButton[theme='tertiary-muted'] {
-  color: var(--intergalactic-text-secondary, #6c6e79);
-  background-color: var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0));
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
+  background-color: var(--intergalactic-control-tertiary-neutral, transparent);
 
   &:hover {
-    background-color: var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));
-    color: var(--intergalactic-text-primary, #191b23);
+    background-color: var(--intergalactic-control-tertiary-neutral-hover, oklch(0.176 0.033 175.6 / 0.056));
+    color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
   }
 
   &:active,
   &[active] {
     background-color: var(--intergalactic-control-tertiary-neutral-active,
-    rgba(138, 142, 155, 0.3));
-    color: var(--intergalactic-text-primary, #191b23);
+    oklch(0.176 0.033 175.7 / 0.084));
+    color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
   }
 }
 
 SButton[theme='tertiary-invert'] {
-  color: var(--intergalactic-text-primary-invert, #ffffff);
-  background-color: var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0));
+  color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+  background-color: var(--intergalactic-control-tertiary-invert, transparent);
 
   &:hover {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1));
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-control-tertiary-invert-hover, oklch(0.976 0.043 140 / 0.145));
   }
 
   &:active,
   &[active] {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3));
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-control-tertiary-invert-active, oklch(0.983 0.03 140 / 0.183));
   }
 }
 
@@ -282,12 +282,12 @@ SButton[neighborLocation='left'] {
   position: relative;
 
   &:after {
-    background-color: var(--intergalactic-border-primary-invert, #ffffff);
+    background-color: var(--intergalactic-border-primary-invert, oklch(0.995 0.008 147.4 / 0.391));
   }
 
   &[theme='secondary-muted'] {
     &:after {
-      background-color: var(--intergalactic-border-primary, #c4c7cf);
+      background-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
     }
   }
 }

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

@@ -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_15pt0_gg_{border:0;font-family:inherit}.___SButtonLink_15pt0_gg_._use_primary_15pt0_gg_:not(.__color_15pt0_gg_){color:var(--intergalactic-text-link, #006dca)}.___SButtonLink_15pt0_gg_._use_primary_15pt0_gg_.__active_15pt0_gg_:not(.__color_15pt0_gg_),.___SButtonLink_15pt0_gg_._use_primary_15pt0_gg_:not(.__color_15pt0_gg_):active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButtonLink_15pt0_gg_._use_primary_15pt0_gg_:not(.__color_15pt0_gg_):hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButtonLink_15pt0_gg_._use_secondary_15pt0_gg_:not(.__color_15pt0_gg_){color:var(--intergalactic-text-hint, #6c6e79)}.___SButtonLink_15pt0_gg_._use_secondary_15pt0_gg_.__active_15pt0_gg_:not(.__color_15pt0_gg_),.___SButtonLink_15pt0_gg_._use_secondary_15pt0_gg_:not(.__color_15pt0_gg_):active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButtonLink_15pt0_gg_._use_secondary_15pt0_gg_:not(.__color_15pt0_gg_):hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButtonLink_15pt0_gg_._use_secondary_15pt0_gg_ .___SText_15pt0_gg_{text-decoration-style:dashed;text-decoration-color:currentColor}", /*__inner_css_end__*/"15pt0_gg_"),
+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_"),
 /*__reshadow_css_end__*/
 {
-  "__SButtonLink": "___SButtonLink_15pt0_gg_",
-  "_use_secondary": "_use_secondary_15pt0_gg_",
-  "__SText": "___SText_15pt0_gg_",
-  "_use_primary": "_use_primary_15pt0_gg_",
-  "_color": "__color_15pt0_gg_",
-  "_active": "__active_15pt0_gg_"
+  "__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_"
 });
 class RootButtonLink extends _core.Component {
   render() {

package/lib/cjs/component/ButtonLink/buttonLink.shadow.css

@@ -4,22 +4,22 @@ SButtonLink {
 }
 
 SButtonLink[use='primary']:not([color]) {
-  color: var(--intergalactic-text-link, #006dca);
+  color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
 
   &[active],
   &:active,
   &:hover {
-    color: var(--intergalactic-text-link-hover-active, #044792);
+    color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
   }
 }
 
 SButtonLink[use='secondary']:not([color]) {
-  color: var(--intergalactic-text-hint, #6c6e79);
+  color: var(--intergalactic-text-hint, oklch(0.088 0.026 147.7 / 0.583));
 
   &[active],
   &:active,
   &:hover {
-    color: var(--intergalactic-text-hint-hover-active, #484a54);
+    color: var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
   }
 }