@semcore/button 5.43.3 → 5.44.0-prerelease.1

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 (16) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/component/Button/Button.js +28 -28
  3. package/lib/cjs/component/Button/button.shadow.css +80 -80
  4. package/lib/cjs/component/ButtonLink/ButtonLink.js +20 -20
  5. package/lib/cjs/component/ButtonLink/buttonLink.shadow.css +7 -7
  6. package/lib/es6/component/Button/Button.js +28 -28
  7. package/lib/es6/component/Button/button.shadow.css +80 -80
  8. package/lib/es6/component/ButtonLink/ButtonLink.js +20 -20
  9. package/lib/es6/component/ButtonLink/buttonLink.shadow.css +7 -7
  10. package/lib/esm/component/Button/Button.mjs +29 -29
  11. package/lib/esm/component/Button/button.shadow.css +80 -80
  12. package/lib/esm/component/ButtonLink/ButtonLink.mjs +21 -21
  13. package/lib/esm/component/ButtonLink/buttonLink.shadow.css +7 -7
  14. package/package.json +7 -7
  15. package/src/component/Button/button.shadow.css +80 -80
  16. package/src/component/ButtonLink/buttonLink.shadow.css +7 -7
package/lib/es6/component/Button/Button.js CHANGED
@@ -12,36 +12,36 @@ import createComponent, { sstyled, Root } from '@semcore/core';
12
12
  import { Box } from '@semcore/flex-box';
13
13
  import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
14
14
  /*!__reshadow-styles__:"./button.shadow.css"*/
15
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_18z1k_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_18z1k_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_18z1k_gg_:active,.___SButton_18z1k_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_18z1k_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_18z1k_gg_.__keyboardFocused_18z1k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_18z1k_gg_.__disabled_18z1k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_18z1k_gg_._size_s_18z1k_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_18z1k_gg_._size_m_18z1k_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_18z1k_gg_._size_l_18z1k_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_18z1k_gg_._theme_secondary-muted_18z1k_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_18z1k_gg_._theme_secondary-muted_18z1k_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_18z1k_gg_._theme_secondary-muted_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_secondary-muted_18z1k_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_18z1k_gg_._theme_secondary-info_18z1k_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_18z1k_gg_._theme_secondary-info_18z1k_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_18z1k_gg_._theme_secondary-info_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_secondary-info_18z1k_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_18z1k_gg_._theme_secondary-invert_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_18z1k_gg_._theme_secondary-invert_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_18z1k_gg_._theme_secondary-invert_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_secondary-invert_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_18z1k_gg_._theme_tertiary-info_18z1k_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_18z1k_gg_._theme_tertiary-info_18z1k_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_18z1k_gg_._theme_tertiary-info_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_tertiary-info_18z1k_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_18z1k_gg_._neighborLocation_right_18z1k_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_{border-radius:0;margin-left:-1px}.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_,.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_{position:relative}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_:after,.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_._theme_secondary-muted_18z1k_gg_:after,.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_._theme_secondary-muted_18z1k_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_18z1k_gg_+.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_:after,.___SButton_18z1k_gg_+.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_18z1k_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_18z1k_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_18z1k_gg_.__loading_18z1k_gg_{visibility:hidden}.___SText_18z1k_gg_{display:inline-flex}.___SText_18z1k_gg_._size_l_18z1k_gg_,.___SText_18z1k_gg_._size_m_18z1k_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_18z1k_gg_._size_m_18z1k_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_18z1k_gg_._size_l_18z1k_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_18z1k_gg_._size_l_18z1k_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_18z1k_gg_._size_l_18z1k_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_18z1k_gg_._size_l_18z1k_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_18z1k_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_18z1k_gg_._size_m_18z1k_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_18z1k_gg_._size_m_18z1k_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_18z1k_gg_._size_m_18z1k_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_18z1k_gg_._size_l_18z1k_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_18z1k_gg_._size_l_18z1k_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_18z1k_gg_._size_l_18z1k_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}", /*__inner_css_end__*/"18z1k_gg_"),
15
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_jgdxy_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_jgdxy_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_jgdxy_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_jgdxy_gg_:active,.___SButton_jgdxy_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_jgdxy_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_jgdxy_gg_.__keyboardFocused_jgdxy_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441));z-index:1}.___SButton_jgdxy_gg_.__disabled_jgdxy_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_jgdxy_gg_._size_s_jgdxy_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_jgdxy_gg_._size_m_jgdxy_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_jgdxy_gg_._size_l_jgdxy_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_jgdxy_gg_._theme_primary-info_jgdxy_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_jgdxy_gg_._theme_primary-info_jgdxy_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_jgdxy_gg_._theme_primary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-info_jgdxy_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_jgdxy_gg_._theme_primary-success_jgdxy_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success, rgb(0, 167, 127))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_{background-color:var(--intergalactic-control-primary-success, rgb(0, 167, 127))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_{background-color:var(--intergalactic-control-primary-success, color(display-p3 0.13723 0.6542 0.50031))}}}@media (hover:hover){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 153, 116))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 153, 116))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, color(display-p3 0.09181 0.60147 0.45602))}}}}.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-active, rgb(0, 146, 110))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:active{background-color:var(--intergalactic-control-primary-success-active, rgb(0, 146, 110))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:active{background-color:var(--intergalactic-control-primary-success-active, color(display-p3 0.07522 0.57486 0.43446))}}}.___SButton_jgdxy_gg_._theme_primary-brand_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-warning_jgdxy_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_jgdxy_gg_._theme_primary-brand_jgdxy_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_jgdxy_gg_._theme_primary-brand_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-brand_jgdxy_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_jgdxy_gg_._theme_primary-warning_jgdxy_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_jgdxy_gg_._theme_primary-warning_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-warning_jgdxy_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_jgdxy_gg_._theme_primary-danger_jgdxy_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_jgdxy_gg_._theme_primary-danger_jgdxy_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_jgdxy_gg_._theme_primary-danger_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-danger_jgdxy_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_jgdxy_gg_._theme_primary-invert_jgdxy_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_jgdxy_gg_._theme_primary-invert_jgdxy_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_jgdxy_gg_._theme_primary-invert_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-invert_jgdxy_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_jgdxy_gg_._theme_secondary-muted_jgdxy_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_jgdxy_gg_._theme_secondary-muted_jgdxy_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_jgdxy_gg_._theme_secondary-muted_jgdxy_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_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n 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_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 31, 210, 0.031));color:var(--intergalactic-text-link, rgb(36, 93, 229));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 31, 210, 0.031))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.03208 0.12081 0.79186 / 0.031))}}}@media (hover:hover){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:hover{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 30, 209, 0.062))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 30, 209, 0.062))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.02906 0.11403 0.78782 / 0.062))}}}}.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:active{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 31, 207, 0.093))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 31, 207, 0.093))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.02831 0.11224 0.78317 / 0.093))}}}.___SButton_jgdxy_gg_._theme_secondary-invert_jgdxy_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_jgdxy_gg_._theme_secondary-invert_jgdxy_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_jgdxy_gg_._theme_secondary-invert_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-invert_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(239, 255, 236, 0.183))}.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-tertiary-info, transparent)}@media (hover:hover){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:hover{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 30, 209, 0.062))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 30, 209, 0.062))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, color(display-p3 0.02906 0.11403 0.78782 / 0.062))}}}}.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:active{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 31, 207, 0.093))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 31, 207, 0.093))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, color(display-p3 0.02831 0.11224 0.78317 / 0.093))}}}.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_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_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_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_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n 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_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_jgdxy_gg_._theme_tertiary-invert_jgdxy_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_jgdxy_gg_._theme_tertiary-invert_jgdxy_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_jgdxy_gg_._theme_tertiary-invert_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-invert_jgdxy_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_jgdxy_gg_._neighborLocation_right_jgdxy_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_{border-radius:0;margin-left:-1px}.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_{position:relative}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391))}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SButton_jgdxy_gg_+.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_:after,.___SButton_jgdxy_gg_+.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_jgdxy_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_jgdxy_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_jgdxy_gg_.__loading_jgdxy_gg_{visibility:hidden}.___SText_jgdxy_gg_{display:inline-flex}.___SText_jgdxy_gg_._size_l_jgdxy_gg_,.___SText_jgdxy_gg_._size_m_jgdxy_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_jgdxy_gg_._size_m_jgdxy_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_jgdxy_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_jgdxy_gg_._size_m_jgdxy_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_jgdxy_gg_._size_m_jgdxy_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_jgdxy_gg_._size_m_jgdxy_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_jgdxy_gg_._size_l_jgdxy_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_jgdxy_gg_._size_l_jgdxy_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_jgdxy_gg_._size_l_jgdxy_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__*/"jgdxy_gg_"),
16
16
  /*__reshadow_css_end__*/
17
17
  {
18
- "__SButton": "___SButton_18z1k_gg_",
19
- "_keyboardFocused": "__keyboardFocused_18z1k_gg_",
20
- "_disabled": "__disabled_18z1k_gg_",
21
- "_size_s": "_size_s_18z1k_gg_",
22
- "_size_m": "_size_m_18z1k_gg_",
23
- "_size_l": "_size_l_18z1k_gg_",
24
- "_neighborLocation_right": "_neighborLocation_right_18z1k_gg_",
25
- "_neighborLocation_both": "_neighborLocation_both_18z1k_gg_",
26
- "_neighborLocation_left": "_neighborLocation_left_18z1k_gg_",
27
- "__SSpin": "___SSpin_18z1k_gg_",
28
- "__SInner": "___SInner_18z1k_gg_",
29
- "_loading": "__loading_18z1k_gg_",
30
- "__SText": "___SText_18z1k_gg_",
31
- "__SAddon": "___SAddon_18z1k_gg_",
32
- "_theme_primary-info": "_theme_primary-info_18z1k_gg_",
33
- "_active": "__active_18z1k_gg_",
34
- "_theme_primary-success": "_theme_primary-success_18z1k_gg_",
35
- "_theme_primary-brand": "_theme_primary-brand_18z1k_gg_",
36
- "_theme_primary-warning": "_theme_primary-warning_18z1k_gg_",
37
- "_theme_primary-danger": "_theme_primary-danger_18z1k_gg_",
38
- "_theme_primary-invert": "_theme_primary-invert_18z1k_gg_",
39
- "_theme_secondary-muted": "_theme_secondary-muted_18z1k_gg_",
40
- "_theme_secondary-info": "_theme_secondary-info_18z1k_gg_",
41
- "_theme_secondary-invert": "_theme_secondary-invert_18z1k_gg_",
42
- "_theme_tertiary-info": "_theme_tertiary-info_18z1k_gg_",
43
- "_theme_tertiary-muted": "_theme_tertiary-muted_18z1k_gg_",
44
- "_theme_tertiary-invert": "_theme_tertiary-invert_18z1k_gg_"
18
+ "__SButton": "___SButton_jgdxy_gg_",
19
+ "_keyboardFocused": "__keyboardFocused_jgdxy_gg_",
20
+ "_disabled": "__disabled_jgdxy_gg_",
21
+ "_size_s": "_size_s_jgdxy_gg_",
22
+ "_size_m": "_size_m_jgdxy_gg_",
23
+ "_size_l": "_size_l_jgdxy_gg_",
24
+ "_neighborLocation_right": "_neighborLocation_right_jgdxy_gg_",
25
+ "_neighborLocation_both": "_neighborLocation_both_jgdxy_gg_",
26
+ "_neighborLocation_left": "_neighborLocation_left_jgdxy_gg_",
27
+ "__SSpin": "___SSpin_jgdxy_gg_",
28
+ "__SInner": "___SInner_jgdxy_gg_",
29
+ "_loading": "__loading_jgdxy_gg_",
30
+ "__SText": "___SText_jgdxy_gg_",
31
+ "__SAddon": "___SAddon_jgdxy_gg_",
32
+ "_theme_primary-info": "_theme_primary-info_jgdxy_gg_",
33
+ "_active": "__active_jgdxy_gg_",
34
+ "_theme_primary-success": "_theme_primary-success_jgdxy_gg_",
35
+ "_theme_primary-brand": "_theme_primary-brand_jgdxy_gg_",
36
+ "_theme_primary-warning": "_theme_primary-warning_jgdxy_gg_",
37
+ "_theme_primary-danger": "_theme_primary-danger_jgdxy_gg_",
38
+ "_theme_primary-invert": "_theme_primary-invert_jgdxy_gg_",
39
+ "_theme_secondary-muted": "_theme_secondary-muted_jgdxy_gg_",
40
+ "_theme_secondary-info": "_theme_secondary-info_jgdxy_gg_",
41
+ "_theme_secondary-invert": "_theme_secondary-invert_jgdxy_gg_",
42
+ "_theme_tertiary-info": "_theme_tertiary-info_jgdxy_gg_",
43
+ "_theme_tertiary-muted": "_theme_tertiary-muted_jgdxy_gg_",
44
+ "_theme_tertiary-invert": "_theme_tertiary-invert_jgdxy_gg_"
45
45
  });
46
46
  import { AbstractButton } from '../AbstractButton/AbstractButton';
47
47
  var RootButton = /*#__PURE__*/function (_AbstractButton) {
package/lib/es6/component/Button/button.shadow.css CHANGED
@@ -21,7 +21,7 @@ SButton {
21
21
  touch-action: manipulation;
22
22
  -webkit-tap-highlight-color: transparent;
23
23
  font-weight: var(--intergalactic-medium, 500);
24
- color: var(--intergalactic-text-secondary, #6c6e79);
24
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
25
25
  min-width: fit-content;
26
26
 
27
27
  &::-moz-focus-inner {
@@ -38,12 +38,12 @@ SButton {
38
38
  }
39
39
 
40
40
  SButton[keyboardFocused] {
41
- box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
41
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441));
42
42
  z-index: 1;
43
43
  }
44
44
 
45
45
  SButton[disabled] {
46
- opacity: var(--intergalactic-disabled-opacity, 0.3);
46
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
47
47
  cursor: default;
48
48
  pointer-events: none;
49
49
  box-shadow: none;
@@ -69,201 +69,201 @@ SButton[size='l'] {
69
69
  }
70
70
 
71
71
  SButton[theme='primary-info'] {
72
- color: var(--intergalactic-text-primary-invert, #ffffff);
73
- background-color: var(--intergalactic-control-primary-info, #008ff8);
72
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
73
+ background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
74
74
 
75
75
  &:hover {
76
- color: var(--intergalactic-text-primary-invert, #ffffff);
77
- background-color: var(--intergalactic-control-primary-info-hover, #006dca);
76
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
77
+ background-color: var(--intergalactic-control-primary-info-hover, oklch(0.32 0.007 140));
78
78
  }
79
79
 
80
80
  &:active,
81
81
  &[active] {
82
- color: var(--intergalactic-text-primary-invert, #ffffff);
83
- background-color: var(--intergalactic-control-primary-info-active, #044792);
82
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
83
+ background-color: var(--intergalactic-control-primary-info-active, oklch(0 0 140));
84
84
  }
85
85
  }
86
86
 
87
87
  SButton[theme='primary-success'] {
88
- color: var(--intergalactic-text-primary-invert, #ffffff);
89
- background-color: var(--intergalactic-control-primary-success, #009f81);
88
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
89
+ background-color: var(--intergalactic-control-primary-success, oklch(0.64 0.161 170));
90
90
 
91
91
  &:hover {
92
- color: var(--intergalactic-text-primary-invert, #ffffff);
93
- background-color: var(--intergalactic-control-primary-success-hover, #007c65);
92
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
93
+ background-color: var(--intergalactic-control-primary-success-hover, oklch(0.6 0.155 170));
94
94
  }
95
95
 
96
96
  &:active,
97
97
  &[active] {
98
- color: var(--intergalactic-text-primary-invert, #ffffff);
99
- background-color: var(--intergalactic-control-primary-success-active, #055345);
98
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
99
+ background-color: var(--intergalactic-control-primary-success-active, oklch(0.58 0.151 170));
100
100
  }
101
101
  }
102
102
 
103
103
  SButton[theme='primary-brand'] {
104
- color: var(--intergalactic-text-primary-invert, #ffffff);
105
- background-color: var(--intergalactic-control-primary-brand, #ff642d);
104
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
105
+ background-color: var(--intergalactic-control-primary-brand, oklch(0.64 0.223 299.3));
106
106
 
107
107
  &:hover {
108
- color: var(--intergalactic-text-primary-invert, #ffffff);
109
- background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
108
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
109
+ background-color: var(--intergalactic-control-primary-brand-hover, oklch(0.6 0.244 297.8));
110
110
  }
111
111
 
112
112
  &:active,
113
113
  &[active] {
114
- color: var(--intergalactic-text-primary-invert, #ffffff);
115
- background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
114
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
115
+ background-color: var(--intergalactic-control-primary-brand-active, oklch(0.58 0.254 297.1));
116
116
  }
117
117
  }
118
118
 
119
119
  SButton[theme='primary-warning'] {
120
- color: var(--intergalactic-text-primary-invert, #ffffff);
121
- background-color: var(--intergalactic-control-primary-brand, #ff642d);
120
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
121
+ background-color: var(--intergalactic-control-primary-brand, oklch(0.64 0.223 299.3));
122
122
 
123
123
  &:hover {
124
- color: var(--intergalactic-text-primary-invert, #ffffff);
125
- background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
124
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
125
+ background-color: var(--intergalactic-control-primary-brand-hover, oklch(0.6 0.244 297.8));
126
126
  }
127
127
 
128
128
  &:active,
129
129
  &[active] {
130
- color: var(--intergalactic-text-primary-invert, #ffffff);
131
- background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
130
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
131
+ background-color: var(--intergalactic-control-primary-brand-active, oklch(0.58 0.254 297.1));
132
132
  }
133
133
  }
134
134
 
135
135
  SButton[theme='primary-danger'] {
136
- color: var(--intergalactic-text-primary-invert, #ffffff);
137
- background-color: var(--intergalactic-control-primary-critical, #ff4953);
136
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
137
+ background-color: var(--intergalactic-control-primary-critical, oklch(0.64 0.226 24.5));
138
138
 
139
139
  &:hover {
140
- color: var(--intergalactic-text-primary-invert, #ffffff);
141
- background-color: var(--intergalactic-control-primary-critical-hover, #d1002f);
140
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
141
+ background-color: var(--intergalactic-control-primary-critical-hover, oklch(0.6 0.219 25.5));
142
142
  }
143
143
 
144
144
  &:active,
145
145
  &[active] {
146
- color: var(--intergalactic-text-primary-invert, #ffffff);
147
- background-color: var(--intergalactic-control-primary-critical-active, #8e0016);
146
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
147
+ background-color: var(--intergalactic-control-primary-critical-active, oklch(0.58 0.215 26));
148
148
  }
149
149
  }
150
150
 
151
151
  SButton[theme='primary-invert'] {
152
- color: var(--intergalactic-text-primary, #191b23);
153
- background-color: var(--intergalactic-control-primary-invert, #ffffff);
152
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
153
+ background-color: var(--intergalactic-control-primary-invert, oklch(1 0 0));
154
154
 
155
155
  &:hover {
156
- color: var(--intergalactic-text-primary, #191b23);
157
- background-color: var(--intergalactic-control-primary-invert-hover, #f4f5f9);
156
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
157
+ background-color: var(--intergalactic-control-primary-invert-hover, oklch(0.96 0.001 180));
158
158
  }
159
159
 
160
160
  &:active,
161
161
  &[active] {
162
- color: var(--intergalactic-text-primary, #191b23);
163
- background-color: var(--intergalactic-control-primary-invert-active, #e0e1e9);
162
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
163
+ background-color: var(--intergalactic-control-primary-invert-active, oklch(0.94 0.002 180));
164
164
  }
165
165
  }
166
166
 
167
167
  SButton[theme='secondary-muted'] {
168
- color: var(--intergalactic-text-secondary, #6c6e79);
169
- border-color: var(--intergalactic-border-primary, #c4c7cf);
170
- background-color: var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1));
168
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
169
+ border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
170
+ background-color: var(--intergalactic-control-secondary-neutral, oklch(0.177 0.033 175.6 / 0.028));
171
171
 
172
172
  &:hover {
173
173
  background-color: var(--intergalactic-control-secondary-neutral-hover,
174
- rgba(138, 142, 155, 0.2));
175
- color: var(--intergalactic-text-primary, #191b23);
174
+ oklch(0.176 0.033 175.6 / 0.056));
175
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
176
176
  }
177
177
 
178
178
  &:active,
179
179
  &[active] {
180
180
  background-color: var(--intergalactic-control-secondary-neutral-active,
181
- rgba(138, 142, 155, 0.3));
182
- color: var(--intergalactic-text-primary, #191b23);
181
+ oklch(0.176 0.033 175.7 / 0.084));
182
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
183
183
  }
184
184
  }
185
185
 
186
186
  SButton[theme='secondary-info'] {
187
- background-color: var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));
188
- color: var(--intergalactic-text-link, #006dca);
189
- border-color: var(--intergalactic-control-primary-info, #008ff8);
187
+ background-color: var(--intergalactic-control-secondary-info, oklch(0.41 0.258 264.2 / 0.031));
188
+ color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
189
+ border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
190
190
 
191
191
  &:hover {
192
- color: var(--intergalactic-text-link, #006dca);
193
- background-color: var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));
192
+ color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
193
+ background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.407 0.258 264.2 / 0.062));
194
194
  }
195
195
 
196
196
  &:active,
197
197
  &[active] {
198
- color: var(--intergalactic-text-link, #006dca);
199
- background-color: var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3));
198
+ color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
199
+ background-color: var(--intergalactic-control-secondary-info-active, oklch(0.405 0.257 264.2 / 0.093));
200
200
  }
201
201
  }
202
202
 
203
203
  SButton[theme='secondary-invert'] {
204
- color: var(--intergalactic-text-primary-invert, #ffffff);
205
- border-color: var(--intergalactic-border-primary-invert, #ffffff);
206
- background-color: var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05));
204
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
205
+ border-color: var(--intergalactic-border-primary-invert, oklch(0.995 0.008 147.4 / 0.391));
206
+ background-color: var(--intergalactic-control-secondary-invert, oklch(0.969 0.057 140 / 0.118));
207
207
 
208
208
  &:hover {
209
- color: var(--intergalactic-text-primary-invert, #ffffff);
210
- background-color: var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1));
209
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
210
+ background-color: var(--intergalactic-control-secondary-invert-hover, oklch(0.976 0.043 140 / 0.145));
211
211
  }
212
212
 
213
213
  &:active,
214
214
  &[active] {
215
- color: var(--intergalactic-text-primary-invert, #ffffff);
215
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
216
216
  background-color: var(--intergalactic-control-secondary-invert-active,
217
- rgba(255, 255, 255, 0.3));
217
+ oklch(0.983 0.03 140 / 0.183));
218
218
  }
219
219
  }
220
220
 
221
221
  SButton[theme='tertiary-info'] {
222
- color: var(--intergalactic-text-link, #006dca);
223
- background-color: var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0));
222
+ color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
223
+ background-color: var(--intergalactic-control-tertiary-info, transparent);
224
224
 
225
225
  &:hover {
226
- color: var(--intergalactic-text-link, #006dca);
227
- background-color: var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2));
226
+ color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
227
+ background-color: var(--intergalactic-control-tertiary-info-hover, oklch(0.407 0.258 264.2 / 0.062));
228
228
  }
229
229
 
230
230
  &:active,
231
231
  &[active] {
232
- color: var(--intergalactic-text-link, #006dca);
233
- background-color: var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3));
232
+ color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
233
+ background-color: var(--intergalactic-control-tertiary-info-active, oklch(0.405 0.257 264.2 / 0.093));
234
234
  }
235
235
  }
236
236
 
237
237
  SButton[theme='tertiary-muted'] {
238
- color: var(--intergalactic-text-secondary, #6c6e79);
239
- background-color: var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0));
238
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
239
+ background-color: var(--intergalactic-control-tertiary-neutral, transparent);
240
240
 
241
241
  &:hover {
242
- background-color: var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));
243
- color: var(--intergalactic-text-primary, #191b23);
242
+ background-color: var(--intergalactic-control-tertiary-neutral-hover, oklch(0.176 0.033 175.6 / 0.056));
243
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
244
244
  }
245
245
 
246
246
  &:active,
247
247
  &[active] {
248
248
  background-color: var(--intergalactic-control-tertiary-neutral-active,
249
- rgba(138, 142, 155, 0.3));
250
- color: var(--intergalactic-text-primary, #191b23);
249
+ oklch(0.176 0.033 175.7 / 0.084));
250
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
251
251
  }
252
252
  }
253
253
 
254
254
  SButton[theme='tertiary-invert'] {
255
- color: var(--intergalactic-text-primary-invert, #ffffff);
256
- background-color: var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0));
255
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
256
+ background-color: var(--intergalactic-control-tertiary-invert, transparent);
257
257
 
258
258
  &:hover {
259
- color: var(--intergalactic-text-primary-invert, #ffffff);
260
- background-color: var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1));
259
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
260
+ background-color: var(--intergalactic-control-tertiary-invert-hover, oklch(0.976 0.043 140 / 0.145));
261
261
  }
262
262
 
263
263
  &:active,
264
264
  &[active] {
265
- color: var(--intergalactic-text-primary-invert, #ffffff);
266
- background-color: var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3));
265
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
266
+ background-color: var(--intergalactic-control-tertiary-invert-active, oklch(0.983 0.03 140 / 0.183));
267
267
  }
268
268
  }
269
269
 
@@ -290,12 +290,12 @@ SButton[neighborLocation='left'] {
290
290
  position: relative;
291
291
 
292
292
  &:after {
293
- background-color: var(--intergalactic-border-primary-invert, #ffffff);
293
+ background-color: var(--intergalactic-border-primary-invert, oklch(0.995 0.008 147.4 / 0.391));
294
294
  }
295
295
 
296
296
  &[theme='secondary-muted'] {
297
297
  &:after {
298
- background-color: var(--intergalactic-border-primary, #c4c7cf);
298
+ background-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
299
299
  }
300
300
  }
301
301
  }
package/lib/es6/component/ButtonLink/ButtonLink.js CHANGED
@@ -10,28 +10,28 @@ import { assignProps as _assignProps } from "@semcore/core";
10
10
  import React from 'react';
11
11
  import createComponent, { sstyled, Root } from '@semcore/core';
12
12
  /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
13
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_yt3bu_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_yt3bu_gg_:active,.___SButton_yt3bu_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_yt3bu_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_yt3bu_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_yt3bu_gg_.__active_yt3bu_gg_,.___SButton_yt3bu_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_yt3bu_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_yt3bu_gg_.__active_yt3bu_gg_ .___SText_yt3bu_gg_,.___SButton_yt3bu_gg_:active .___SText_yt3bu_gg_{border-color:currentColor}@media (hover:hover){.___SButton_yt3bu_gg_:hover .___SText_yt3bu_gg_{border-color:currentColor}}.___SButton_yt3bu_gg_.__enableVisited_yt3bu_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_yt3bu_gg_.__enableVisited_yt3bu_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_yt3bu_gg_ .___SText_yt3bu_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_yt3bu_gg_.__keyboardFocused_yt3bu_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_yt3bu_gg_.__disabled_yt3bu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_yt3bu_gg_._use_secondary_yt3bu_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_yt3bu_gg_._use_secondary_yt3bu_gg_.__active_yt3bu_gg_,.___SButton_yt3bu_gg_._use_secondary_yt3bu_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_yt3bu_gg_._use_secondary_yt3bu_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_yt3bu_gg_._use_secondary_yt3bu_gg_ .___SText_yt3bu_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_yt3bu_gg_,.___SInner_yt3bu_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_yt3bu_gg_{height:100%;width:100%}.___SAddon_yt3bu_gg_{vertical-align:middle;pointer-events:none}.___SButton_yt3bu_gg_ .___SAddon_yt3bu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_yt3bu_gg_ .___SAddon_yt3bu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_yt3bu_gg_.__text-color_yt3bu_gg_{color:var(--text-color_yt3bu)}.___SButton_yt3bu_gg_.__text-color_yt3bu_gg_.__active_yt3bu_gg_,.___SButton_yt3bu_gg_.__text-color_yt3bu_gg_:active{color:var(--text-color_yt3bu);filter:brightness(.8)}@media (hover:hover){.___SButton_yt3bu_gg_.__text-color_yt3bu_gg_:hover{color:var(--text-color_yt3bu);filter:brightness(.8)}}.___SButton_yt3bu_gg_._size_100_yt3bu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_yt3bu_gg_._size_200_yt3bu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_yt3bu_gg_._size_300_yt3bu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_yt3bu_gg_._size_400_yt3bu_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_yt3bu_gg_._size_500_yt3bu_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_yt3bu_gg_._size_600_yt3bu_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_yt3bu_gg_._size_700_yt3bu_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_yt3bu_gg_._size_800_yt3bu_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_yt3bu_gg_,.___SText_yt3bu_gg_{transition:none}}", /*__inner_css_end__*/"yt3bu_gg_"),
13
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_1dn0k_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, rgb(36, 93, 229));line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_1dn0k_gg_:active,.___SButton_1dn0k_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1dn0k_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1dn0k_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1dn0k_gg_.__active_1dn0k_gg_,.___SButton_1dn0k_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}@media (hover:hover){.___SButton_1dn0k_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}}.___SButton_1dn0k_gg_.__active_1dn0k_gg_ .___SText_1dn0k_gg_,.___SButton_1dn0k_gg_:active .___SText_1dn0k_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1dn0k_gg_:hover .___SText_1dn0k_gg_{border-color:currentColor}}.___SButton_1dn0k_gg_.__enableVisited_1dn0k_gg_:visited{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}@media (hover:hover){.___SButton_1dn0k_gg_.__enableVisited_1dn0k_gg_:visited:hover{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}}.___SButton_1dn0k_gg_ .___SText_1dn0k_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1dn0k_gg_.__keyboardFocused_1dn0k_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 18, 193, 0.441));outline-style:solid;outline-width:3px}.___SButton_1dn0k_gg_.__disabled_1dn0k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_{color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_.__active_1dn0k_gg_,.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_:active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_:hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_ .___SText_1dn0k_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1dn0k_gg_,.___SInner_1dn0k_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1dn0k_gg_{height:100%;width:100%}.___SAddon_1dn0k_gg_{vertical-align:middle;pointer-events:none}.___SButton_1dn0k_gg_ .___SAddon_1dn0k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1dn0k_gg_ .___SAddon_1dn0k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_{color:var(--text-color_1dn0k)}.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_.__active_1dn0k_gg_,.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_:active{color:var(--text-color_1dn0k);filter:brightness(.8)}@media (hover:hover){.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_:hover{color:var(--text-color_1dn0k);filter:brightness(.8)}}.___SButton_1dn0k_gg_._size_100_1dn0k_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1dn0k_gg_._size_200_1dn0k_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1dn0k_gg_._size_300_1dn0k_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1dn0k_gg_._size_400_1dn0k_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1dn0k_gg_._size_500_1dn0k_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1dn0k_gg_._size_600_1dn0k_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1dn0k_gg_._size_700_1dn0k_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1dn0k_gg_._size_800_1dn0k_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1dn0k_gg_,.___SText_1dn0k_gg_{transition:none}}", /*__inner_css_end__*/"1dn0k_gg_"),
14
14
  /*__reshadow_css_end__*/
15
15
  {
16
- "__SButton": "___SButton_yt3bu_gg_",
17
- "_keyboardFocused": "__keyboardFocused_yt3bu_gg_",
18
- "_disabled": "__disabled_yt3bu_gg_",
19
- "__SInner": "___SInner_yt3bu_gg_",
20
- "__SAddon": "___SAddon_yt3bu_gg_",
21
- "_size_100": "_size_100_yt3bu_gg_",
22
- "_size_200": "_size_200_yt3bu_gg_",
23
- "_size_300": "_size_300_yt3bu_gg_",
24
- "_size_400": "_size_400_yt3bu_gg_",
25
- "_size_500": "_size_500_yt3bu_gg_",
26
- "_size_600": "_size_600_yt3bu_gg_",
27
- "_size_700": "_size_700_yt3bu_gg_",
28
- "_size_800": "_size_800_yt3bu_gg_",
29
- "__SText": "___SText_yt3bu_gg_",
30
- "_active": "__active_yt3bu_gg_",
31
- "_enableVisited": "__enableVisited_yt3bu_gg_",
32
- "_use_secondary": "_use_secondary_yt3bu_gg_",
33
- "_text-color": "__text-color_yt3bu_gg_",
34
- "--text-color": "--text-color_yt3bu"
16
+ "__SButton": "___SButton_1dn0k_gg_",
17
+ "_keyboardFocused": "__keyboardFocused_1dn0k_gg_",
18
+ "_disabled": "__disabled_1dn0k_gg_",
19
+ "__SInner": "___SInner_1dn0k_gg_",
20
+ "__SAddon": "___SAddon_1dn0k_gg_",
21
+ "_size_100": "_size_100_1dn0k_gg_",
22
+ "_size_200": "_size_200_1dn0k_gg_",
23
+ "_size_300": "_size_300_1dn0k_gg_",
24
+ "_size_400": "_size_400_1dn0k_gg_",
25
+ "_size_500": "_size_500_1dn0k_gg_",
26
+ "_size_600": "_size_600_1dn0k_gg_",
27
+ "_size_700": "_size_700_1dn0k_gg_",
28
+ "_size_800": "_size_800_1dn0k_gg_",
29
+ "__SText": "___SText_1dn0k_gg_",
30
+ "_active": "__active_1dn0k_gg_",
31
+ "_enableVisited": "__enableVisited_1dn0k_gg_",
32
+ "_use_secondary": "_use_secondary_1dn0k_gg_",
33
+ "_text-color": "__text-color_1dn0k_gg_",
34
+ "--text-color": "--text-color_1dn0k"
35
35
  });
36
36
  import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
37
37
  import { Box } from '@semcore/flex-box';
package/lib/es6/component/ButtonLink/buttonLink.shadow.css CHANGED
@@ -2,7 +2,7 @@ SButton {
2
2
  display: inline-flex;
3
3
  font-family: inherit;
4
4
  font-size: var(--intergalactic-fs-200, 14px);
5
- color: var(--intergalactic-text-link, #006dca);
5
+ color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
6
6
  line-height: normal;
7
7
  position: relative;
8
8
  cursor: pointer;
@@ -31,7 +31,7 @@ SButton {
31
31
  &[active],
32
32
  &:hover,
33
33
  &:active {
34
- color: var(--intergalactic-text-link-hover-active, #044792);
34
+ color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.206 263.4));
35
35
 
36
36
  & SText {
37
37
  border-color: currentColor;
@@ -40,7 +40,7 @@ SButton {
40
40
 
41
41
  &[enableVisited]:visited,
42
42
  &[enableVisited]:visited:hover {
43
- color: var(--intergalactic-text-link-visited, #8649e1);
43
+ color: var(--intergalactic-text-link-visited, oklch(0.53 0.26 296));
44
44
  }
45
45
 
46
46
  SText {
@@ -52,25 +52,25 @@ SButton {
52
52
  }
53
53
 
54
54
  SButton[keyboardFocused] {
55
- outline-color: var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));
55
+ outline-color: var(--intergalactic-keyboard-focus-outline, oklch(0.376 0.247 264.2 / 0.441));
56
56
  outline-style: solid;
57
57
  outline-width: 3px;
58
58
  }
59
59
 
60
60
  SButton[disabled] {
61
- opacity: var(--intergalactic-disabled-opacity, 0.3);
61
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
62
62
  cursor: default;
63
63
  /* Disable link interactions */
64
64
  pointer-events: none;
65
65
  }
66
66
 
67
67
  SButton[use='secondary'] {
68
- color: var(--intergalactic-text-hint, #6c6e79);
68
+ color: var(--intergalactic-text-hint, oklch(0.088 0.026 147.7 / 0.583));
69
69
 
70
70
  &[active],
71
71
  &:active,
72
72
  &:hover {
73
- color: var(--intergalactic-text-hint-hover-active, #484a54);
73
+ color: var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
74
74
  }
75
75
 
76
76
  SText {