@semcore/button 17.2.2 → 18.0.0-prerelease.0

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 (27) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/component/Button/Button.js +26 -27
  3. package/lib/cjs/component/Button/Button.js.map +1 -1
  4. package/lib/cjs/component/Button/button.shadow.css +101 -109
  5. package/lib/cjs/component/ButtonLink/ButtonLink.js +27 -16
  6. package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
  7. package/lib/cjs/component/ButtonLink/ButtonLink.type.js.map +1 -1
  8. package/lib/cjs/component/ButtonLink/buttonLink.shadow.css +18 -6
  9. package/lib/es6/component/Button/Button.js +26 -27
  10. package/lib/es6/component/Button/Button.js.map +1 -1
  11. package/lib/es6/component/Button/button.shadow.css +101 -109
  12. package/lib/es6/component/ButtonLink/ButtonLink.js +28 -16
  13. package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
  14. package/lib/es6/component/ButtonLink/ButtonLink.type.js.map +1 -1
  15. package/lib/es6/component/ButtonLink/buttonLink.shadow.css +18 -6
  16. package/lib/esm/component/Button/Button.mjs +27 -28
  17. package/lib/esm/component/Button/button.shadow.css +101 -109
  18. package/lib/esm/component/ButtonLink/ButtonLink.mjs +21 -11
  19. package/lib/esm/component/ButtonLink/buttonLink.shadow.css +18 -6
  20. package/lib/types/component/ButtonLink/ButtonLink.d.ts.map +1 -1
  21. package/lib/types/component/ButtonLink/ButtonLink.type.d.ts +1 -1
  22. package/lib/types/component/ButtonLink/ButtonLink.type.d.ts.map +1 -1
  23. package/package.json +8 -8
  24. package/src/component/Button/button.shadow.css +101 -109
  25. package/src/component/ButtonLink/ButtonLink.tsx +8 -2
  26. package/src/component/ButtonLink/ButtonLink.type.ts +1 -1
  27. package/src/component/ButtonLink/buttonLink.shadow.css +18 -6
package/lib/es6/component/Button/Button.js CHANGED
@@ -12,35 +12,34 @@ import Spin from '@semcore/spin';
12
12
  import { Text } from '@semcore/typography';
13
13
  import React from 'react';
14
14
  /*!__reshadow-styles__:"./button.shadow.css"*/
15
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_eyreh_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid #0000;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium,500);color:var(--intergalactic-text-secondary,#00030095);min-width:-moz-fit-content;min-width:fit-content}@media (color-gamut:p3){.___SButton_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SButton_eyreh_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_eyreh_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_eyreh_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_eyreh_gg_.__disabled_eyreh_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_eyreh_gg_._size_s_eyreh_gg_{width:var(--intergalactic-form-control-s,20px);height:var(--intergalactic-form-control-s,20px);border-radius:var(--intergalactic-addon-rounded,4px)}.___SButton_eyreh_gg_._size_m_eyreh_gg_{height:var(--intergalactic-form-control-m,28px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButton_eyreh_gg_._size_l_eyreh_gg_{height:var(--intergalactic-form-control-l,40px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-hover,oklch(.32 .007 140))}}.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-active,oklch(0 0 140))}.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success,#00a480)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_{background-color:var(--intergalactic-control-primary-success,oklch(.64 .161 170))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-hover,#009675)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,oklch(.6 .155 170))}}}.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-active,#009070)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:active{background-color:var(--intergalactic-control-primary-success-active,oklch(.58 .151 170))}}.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical,oklch(.64 .226 24.5))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-hover,oklch(.6 .219 25.5))}}.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-active,oklch(.58 .215 26))}.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert,oklch(1 0 0))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-hover,oklch(.96 .001 180))}}.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-active,oklch(.94 .002 180))}.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829);background-color:var(--intergalactic-control-secondary-neutral,oklch(.177 .033 175.6/.028))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583));border-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-link,oklch(.53 .21 263));border-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_{background-color:var(--intergalactic-control-secondary-info,oklch(.527 .264 262.9/.039))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));border-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391));background-color:var(--intergalactic-control-secondary-invert,oklch(.969 .057 140/.118))}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-active,oklch(.983 .03 140/.183))}.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info,#0000)}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-control-tertiary-neutral,#0000)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert,#0000)}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-active,oklch(.983 .03 140/.183))}.___SButton_eyreh_gg_._neighborLocation_right_eyreh_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_{border-radius:0;margin-left:-1px}.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_{position:relative}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_:after{background-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391))}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after{background-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SButton_eyreh_gg_+.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_:after,.___SButton_eyreh_gg_+.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_eyreh_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_eyreh_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_eyreh_gg_.__loading_eyreh_gg_{visibility:hidden}.___SText_eyreh_gg_{display:inline-flex}.___SText_eyreh_gg_._size_m_eyreh_gg_{line-height:var(--intergalactic-lh-200,142%)}.___SText_eyreh_gg_._size_l_eyreh_gg_,.___SText_eyreh_gg_._size_m_eyreh_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-2x,8px)}.___SText_eyreh_gg_._size_l_eyreh_gg_{line-height:var(--intergalactic-lh-300,150%)}.___SText_eyreh_gg_._size_l_eyreh_gg_:only-child{margin-left:var(--intergalactic-spacing-3x,12px);margin-right:var(--intergalactic-spacing-3x,12px)}.___SText_eyreh_gg_._size_l_eyreh_gg_:first-child{margin-left:var(--intergalactic-spacing-3x,12px)}.___SText_eyreh_gg_._size_l_eyreh_gg_:last-child{margin-right:var(--intergalactic-spacing-3x,12px)}.___SAddon_eyreh_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px)}", /*__inner_css_end__*/"eyreh_gg_"),
15
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_1mafv_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:none;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-control-text-secondary,oklch(.097 .023 156.5/.468));min-width:-moz-fit-content;min-width:fit-content}.___SButton_1mafv_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_1mafv_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1mafv_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1mafv_gg_.__disabled_1mafv_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1mafv_gg_._size_s_1mafv_gg_{width:var(--intergalactic-form-control-s,20px);height:var(--intergalactic-form-control-s,20px);border-radius:var(--intergalactic-addon-rounded,4px)}.___SButton_1mafv_gg_._size_m_1mafv_gg_{height:var(--intergalactic-form-control-m,32px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButton_1mafv_gg_._size_m_1mafv_gg_:has(.___SAddon_1mafv_gg_:only-child){width:var(--intergalactic-form-control-m,32px);min-width:var(--intergalactic-form-control-m,32px)}.___SButton_1mafv_gg_._size_l_1mafv_gg_{height:var(--intergalactic-form-control-l,44px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SButton_1mafv_gg_._size_l_1mafv_gg_:has(.___SAddon_1mafv_gg_:only-child){width:var(--intergalactic-form-control-l,44px);min-width:var(--intergalactic-form-control-l,44px)}.___SButton_1mafv_gg_._theme_primary-info_1mafv_gg_{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (hover:hover){.___SButton_1mafv_gg_._theme_primary-info_1mafv_gg_:hover{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-hover,oklch(.32 .007 140))}}.___SButton_1mafv_gg_._theme_primary-info_1mafv_gg_.__active_1mafv_gg_,.___SButton_1mafv_gg_._theme_primary-info_1mafv_gg_:active{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-active,oklch(0 0 140))}.___SButton_1mafv_gg_._theme_primary-success_1mafv_gg_{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success,#00a480)}@media (color-gamut:p3){.___SButton_1mafv_gg_._theme_primary-success_1mafv_gg_{background-color:var(--intergalactic-control-primary-success,oklch(.64 .161 170))}}@media (hover:hover){.___SButton_1mafv_gg_._theme_primary-success_1mafv_gg_:hover{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-hover,#009675)}@media (color-gamut:p3){.___SButton_1mafv_gg_._theme_primary-success_1mafv_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,oklch(.6 .155 170))}}}.___SButton_1mafv_gg_._theme_primary-success_1mafv_gg_.__active_1mafv_gg_,.___SButton_1mafv_gg_._theme_primary-success_1mafv_gg_:active{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-active,#009070)}@media (color-gamut:p3){.___SButton_1mafv_gg_._theme_primary-success_1mafv_gg_.__active_1mafv_gg_,.___SButton_1mafv_gg_._theme_primary-success_1mafv_gg_:active{background-color:var(--intergalactic-control-primary-success-active,oklch(.58 .151 170))}}.___SButton_1mafv_gg_._theme_primary-brand_1mafv_gg_{color:var(--intergalactic-control-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-brand,#c08eff)}@media (color-gamut:p3){.___SButton_1mafv_gg_._theme_primary-brand_1mafv_gg_{background-color:var(--intergalactic-control-primary-brand,oklch(.74 .17 303))}}@media (hover:hover){.___SButton_1mafv_gg_._theme_primary-brand_1mafv_gg_:hover{color:var(--intergalactic-control-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-brand-hover,#ba85ff)}@media (color-gamut:p3){.___SButton_1mafv_gg_._theme_primary-brand_1mafv_gg_:hover{background-color:var(--intergalactic-control-primary-brand-hover,oklch(.72 .181 302.3))}}}.___SButton_1mafv_gg_._theme_primary-brand_1mafv_gg_.__active_1mafv_gg_,.___SButton_1mafv_gg_._theme_primary-brand_1mafv_gg_:active{color:var(--intergalactic-control-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-brand-active,#b47cff)}@media (color-gamut:p3){.___SButton_1mafv_gg_._theme_primary-brand_1mafv_gg_.__active_1mafv_gg_,.___SButton_1mafv_gg_._theme_primary-brand_1mafv_gg_:active{background-color:var(--intergalactic-control-primary-brand-active,oklch(.7 .191 301.5))}}.___SButton_1mafv_gg_._theme_primary-warning_1mafv_gg_{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,#c08eff)}@media (color-gamut:p3){.___SButton_1mafv_gg_._theme_primary-warning_1mafv_gg_{background-color:var(--intergalactic-control-primary-brand,oklch(.74 .17 303))}}@media (hover:hover){.___SButton_1mafv_gg_._theme_primary-warning_1mafv_gg_:hover{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,#ba85ff)}@media (color-gamut:p3){.___SButton_1mafv_gg_._theme_primary-warning_1mafv_gg_:hover{background-color:var(--intergalactic-control-primary-brand-hover,oklch(.72 .181 302.3))}}}.___SButton_1mafv_gg_._theme_primary-warning_1mafv_gg_.__active_1mafv_gg_,.___SButton_1mafv_gg_._theme_primary-warning_1mafv_gg_:active{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,#b47cff)}@media (color-gamut:p3){.___SButton_1mafv_gg_._theme_primary-warning_1mafv_gg_.__active_1mafv_gg_,.___SButton_1mafv_gg_._theme_primary-warning_1mafv_gg_:active{background-color:var(--intergalactic-control-primary-brand-active,oklch(.7 .191 301.5))}}.___SButton_1mafv_gg_._theme_primary-danger_1mafv_gg_{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical,oklch(.64 .226 24.5))}@media (hover:hover){.___SButton_1mafv_gg_._theme_primary-danger_1mafv_gg_:hover{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-hover,oklch(.6 .219 25.5))}}.___SButton_1mafv_gg_._theme_primary-danger_1mafv_gg_.__active_1mafv_gg_,.___SButton_1mafv_gg_._theme_primary-danger_1mafv_gg_:active{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-active,oklch(.58 .215 26))}.___SButton_1mafv_gg_._theme_primary-invert_1mafv_gg_{color:var(--intergalactic-control-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert,oklch(1 0 0))}@media (hover:hover){.___SButton_1mafv_gg_._theme_primary-invert_1mafv_gg_:hover{color:var(--intergalactic-control-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-hover,oklch(.96 .001 180))}}.___SButton_1mafv_gg_._theme_primary-invert_1mafv_gg_.__active_1mafv_gg_,.___SButton_1mafv_gg_._theme_primary-invert_1mafv_gg_:active{color:var(--intergalactic-control-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-active,oklch(.94 .002 180))}.___SButton_1mafv_gg_._theme_secondary-muted_1mafv_gg_{color:var(--intergalactic-control-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-secondary-neutral,oklch(.166 .031 175.8/.097))}@media (hover:hover){.___SButton_1mafv_gg_._theme_secondary-muted_1mafv_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,oklch(.151 .028 176.1/.123));color:var(--intergalactic-control-text-primary,oklch(.1 .03 137/.899))}}.___SButton_1mafv_gg_._theme_secondary-muted_1mafv_gg_.__active_1mafv_gg_,.___SButton_1mafv_gg_._theme_secondary-muted_1mafv_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,oklch(.145 .027 176.1/.135));color:var(--intergalactic-control-text-primary,oklch(.1 .03 137/.899))}.___SButton_1mafv_gg_._theme_secondary-invert_1mafv_gg_{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert,oklch(.969 .057 140/.118))}@media (hover:hover){.___SButton_1mafv_gg_._theme_secondary-invert_1mafv_gg_:hover{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-hover,oklch(.98 .036 140/.164))}}.___SButton_1mafv_gg_._theme_secondary-invert_1mafv_gg_.__active_1mafv_gg_,.___SButton_1mafv_gg_._theme_secondary-invert_1mafv_gg_:active{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-active,oklch(.986 .025 140/.203))}.___SButton_1mafv_gg_._theme_tertiary-info_1mafv_gg_{color:var(--intergalactic-text-link-accent,oklch(.6 .166 277.7));background-color:var(--intergalactic-control-tertiary-info,#0000)}@media (hover:hover){.___SButton_1mafv_gg_._theme_tertiary-info_1mafv_gg_:hover{color:var(--intergalactic-text-link-accent,oklch(.6 .166 277.7));background-color:var(--intergalactic-control-tertiary-info-hover,oklch(.526 .264 263/.058))}}.___SButton_1mafv_gg_._theme_tertiary-info_1mafv_gg_.__active_1mafv_gg_,.___SButton_1mafv_gg_._theme_tertiary-info_1mafv_gg_:active{color:var(--intergalactic-text-link-accent,oklch(.6 .166 277.7));background-color:var(--intergalactic-control-tertiary-info-active,#0050ff14)}@media (color-gamut:p3){.___SButton_1mafv_gg_._theme_tertiary-info_1mafv_gg_.__active_1mafv_gg_,.___SButton_1mafv_gg_._theme_tertiary-info_1mafv_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,oklch(.525 .265 263/.077))}}.___SButton_1mafv_gg_._theme_tertiary-muted_1mafv_gg_{color:var(--intergalactic-control-text-secondary,oklch(.097 .023 156.5/.468));background-color:var(--intergalactic-control-tertiary-neutral,#0000)}@media (hover:hover){.___SButton_1mafv_gg_._theme_tertiary-muted_1mafv_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover,oklch(.177 .033 175.6/.042));color:var(--intergalactic-control-text-primary,oklch(.1 .03 137/.899))}}.___SButton_1mafv_gg_._theme_tertiary-muted_1mafv_gg_.__active_1mafv_gg_,.___SButton_1mafv_gg_._theme_tertiary-muted_1mafv_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,oklch(.176 .033 175.6/.056));color:var(--intergalactic-control-text-primary,oklch(.1 .03 137/.899))}.___SButton_1mafv_gg_._theme_tertiary-invert_1mafv_gg_{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert,#0000)}@media (hover:hover){.___SButton_1mafv_gg_._theme_tertiary-invert_1mafv_gg_:hover{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-hover,oklch(.98 .036 140/.164))}}.___SButton_1mafv_gg_._theme_tertiary-invert_1mafv_gg_.__active_1mafv_gg_,.___SButton_1mafv_gg_._theme_tertiary-invert_1mafv_gg_:active{color:var(--intergalactic-control-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-active,oklch(.986 .025 140/.203))}.___SButton_1mafv_gg_._neighborLocation_right_1mafv_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1mafv_gg_._neighborLocation_both_1mafv_gg_{border-radius:0}.___SButton_1mafv_gg_._neighborLocation_left_1mafv_gg_{border-top-left-radius:0;border-bottom-left-radius:0}.___SButton_1mafv_gg_._neighborLocation_both_1mafv_gg_,.___SButton_1mafv_gg_._neighborLocation_left_1mafv_gg_{position:relative}.___SButton_1mafv_gg_._neighborLocation_both_1mafv_gg_:after,.___SButton_1mafv_gg_._neighborLocation_left_1mafv_gg_:after{background-color:var(--intergalactic-border-primary-invert,#fafffa58)}@media (color-gamut:p3){.___SButton_1mafv_gg_._neighborLocation_both_1mafv_gg_:after,.___SButton_1mafv_gg_._neighborLocation_left_1mafv_gg_:after{background-color:var(--intergalactic-border-primary-invert,oklch(.995 .009 144.4/.347))}}.___SButton_1mafv_gg_._neighborLocation_both_1mafv_gg_._theme_secondary-muted_1mafv_gg_:after,.___SButton_1mafv_gg_._neighborLocation_left_1mafv_gg_._theme_secondary-muted_1mafv_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_1mafv_gg_._neighborLocation_both_1mafv_gg_._theme_secondary-muted_1mafv_gg_:after,.___SButton_1mafv_gg_._neighborLocation_left_1mafv_gg_._theme_secondary-muted_1mafv_gg_:after{background-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SButton_1mafv_gg_+.___SButton_1mafv_gg_._neighborLocation_both_1mafv_gg_:after,.___SButton_1mafv_gg_+.___SButton_1mafv_gg_._neighborLocation_left_1mafv_gg_:after{content:\"\";position:absolute;top:0;left:0;width:1px;height:100%}.___SSpin_1mafv_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1mafv_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1mafv_gg_.__loading_1mafv_gg_{visibility:hidden}.___SText_1mafv_gg_{display:inline-flex}.___SText_1mafv_gg_._size_m_1mafv_gg_{margin-left:var(--intergalactic-spacing-content-gap-medium,6px);margin-right:var(--intergalactic-spacing-content-gap-medium,6px);line-height:var(--intergalactic-lh-200,1.4286)}.___SText_1mafv_gg_._size_m_1mafv_gg_:only-child{margin-right:var(--intergalactic-spacing-content-padding-medium,12px)}.___SText_1mafv_gg_._size_m_1mafv_gg_:first-child,.___SText_1mafv_gg_._size_m_1mafv_gg_:only-child{margin-left:var(--intergalactic-spacing-content-padding-medium,12px)}.___SText_1mafv_gg_._size_m_1mafv_gg_:last-child{margin-right:var(--intergalactic-spacing-content-padding-medium,12px)}.___SText_1mafv_gg_._size_l_1mafv_gg_{margin-left:var(--intergalactic-spacing-content-gap-medium,6px);margin-right:var(--intergalactic-spacing-content-gap-medium,6px);line-height:var(--intergalactic-lh-300,1.5)}.___SText_1mafv_gg_._size_l_1mafv_gg_:only-child{margin-right:var(--intergalactic-spacing-content-padding-medium,12px)}.___SText_1mafv_gg_._size_l_1mafv_gg_:first-child,.___SText_1mafv_gg_._size_l_1mafv_gg_:only-child{margin-left:var(--intergalactic-spacing-content-padding-medium,12px)}.___SText_1mafv_gg_._size_l_1mafv_gg_:last-child{margin-right:var(--intergalactic-spacing-content-padding-medium,12px)}.___SAddon_1mafv_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1mafv_gg_._size_m_1mafv_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-content-padding-medium,12px)}.___SAddon_1mafv_gg_._size_m_1mafv_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-content-padding-medium,12px)}.___SAddon_1mafv_gg_._size_m_1mafv_gg_:only-child{margin-left:var(--intergalactic-spacing-content-gap-large,8px);margin-right:var(--intergalactic-spacing-content-gap-large,8px)}.___SAddon_1mafv_gg_._size_l_1mafv_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-content-padding-medium,12px)}.___SAddon_1mafv_gg_._size_l_1mafv_gg_:not(:only-child):last-child,.___SAddon_1mafv_gg_._size_l_1mafv_gg_:only-child{margin-right:var(--intergalactic-spacing-content-padding-medium,12px)}.___SAddon_1mafv_gg_._size_l_1mafv_gg_:only-child{margin-left:var(--intergalactic-spacing-content-padding-medium,12px)}", /*__inner_css_end__*/"1mafv_gg_"),
16
16
  /*__reshadow_css_end__*/
17
17
  {
18
- "__SButton": "___SButton_eyreh_gg_",
19
- "_disabled": "__disabled_eyreh_gg_",
20
- "_size_s": "_size_s_eyreh_gg_",
21
- "_size_m": "_size_m_eyreh_gg_",
22
- "_size_l": "_size_l_eyreh_gg_",
23
- "_neighborLocation_right": "_neighborLocation_right_eyreh_gg_",
24
- "_neighborLocation_both": "_neighborLocation_both_eyreh_gg_",
25
- "_neighborLocation_left": "_neighborLocation_left_eyreh_gg_",
26
- "__SSpin": "___SSpin_eyreh_gg_",
27
- "__SInner": "___SInner_eyreh_gg_",
28
- "_loading": "__loading_eyreh_gg_",
29
- "__SText": "___SText_eyreh_gg_",
30
- "__SAddon": "___SAddon_eyreh_gg_",
31
- "_theme_primary-info": "_theme_primary-info_eyreh_gg_",
32
- "_active": "__active_eyreh_gg_",
33
- "_theme_primary-success": "_theme_primary-success_eyreh_gg_",
34
- "_theme_primary-brand": "_theme_primary-brand_eyreh_gg_",
35
- "_theme_primary-warning": "_theme_primary-warning_eyreh_gg_",
36
- "_theme_primary-danger": "_theme_primary-danger_eyreh_gg_",
37
- "_theme_primary-invert": "_theme_primary-invert_eyreh_gg_",
38
- "_theme_secondary-muted": "_theme_secondary-muted_eyreh_gg_",
39
- "_theme_secondary-info": "_theme_secondary-info_eyreh_gg_",
40
- "_theme_secondary-invert": "_theme_secondary-invert_eyreh_gg_",
41
- "_theme_tertiary-info": "_theme_tertiary-info_eyreh_gg_",
42
- "_theme_tertiary-muted": "_theme_tertiary-muted_eyreh_gg_",
43
- "_theme_tertiary-invert": "_theme_tertiary-invert_eyreh_gg_"
18
+ "__SButton": "___SButton_1mafv_gg_",
19
+ "_disabled": "__disabled_1mafv_gg_",
20
+ "_size_s": "_size_s_1mafv_gg_",
21
+ "_size_m": "_size_m_1mafv_gg_",
22
+ "__SAddon": "___SAddon_1mafv_gg_",
23
+ "_size_l": "_size_l_1mafv_gg_",
24
+ "_neighborLocation_right": "_neighborLocation_right_1mafv_gg_",
25
+ "_neighborLocation_both": "_neighborLocation_both_1mafv_gg_",
26
+ "_neighborLocation_left": "_neighborLocation_left_1mafv_gg_",
27
+ "__SSpin": "___SSpin_1mafv_gg_",
28
+ "__SInner": "___SInner_1mafv_gg_",
29
+ "_loading": "__loading_1mafv_gg_",
30
+ "__SText": "___SText_1mafv_gg_",
31
+ "_theme_primary-info": "_theme_primary-info_1mafv_gg_",
32
+ "_active": "__active_1mafv_gg_",
33
+ "_theme_primary-success": "_theme_primary-success_1mafv_gg_",
34
+ "_theme_primary-brand": "_theme_primary-brand_1mafv_gg_",
35
+ "_theme_primary-warning": "_theme_primary-warning_1mafv_gg_",
36
+ "_theme_primary-danger": "_theme_primary-danger_1mafv_gg_",
37
+ "_theme_primary-invert": "_theme_primary-invert_1mafv_gg_",
38
+ "_theme_secondary-muted": "_theme_secondary-muted_1mafv_gg_",
39
+ "_theme_secondary-invert": "_theme_secondary-invert_1mafv_gg_",
40
+ "_theme_tertiary-info": "_theme_tertiary-info_1mafv_gg_",
41
+ "_theme_tertiary-muted": "_theme_tertiary-muted_1mafv_gg_",
42
+ "_theme_tertiary-invert": "_theme_tertiary-invert_1mafv_gg_"
44
43
  });
45
44
  import { BUTTON_SIZE_TO_SPIN_SIZE } from './mappers/BUTTON_SIZE_TO_SPIN_SIZE';
46
45
  import { BUTTON_USE_TO_DEFAULT_THEME } from './mappers/BUTTON_USE_TO_DEFAULT_THEME';
package/lib/es6/component/Button/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","names":["NeighborLocation","Box","Hint","Component","CORE_INSTANCE","createComponent","Root","sstyled","addonTextChildren","hasLabels","logger","Spin","Text","React","style","_sstyled","insert","BUTTON_SIZE_TO_SPIN_SIZE","BUTTON_USE_TO_DEFAULT_THEME","MAP_USE_DEFAULT_THEME","RootButton","constructor","args","_defineProperty","createRef","ariaLabelledByContent","getTextProps","size","asProps","containerRef","getAddonProps","componentDidMount","process","env","NODE_ENV","warn","current","title","displayName","ariaLabelledby","setTimeout","setState","document","getElementById","textContent","render","_ref","styles","use","theme","loading","disabled","neighborLocation","children","ariaLabel","Children","addonLeft","AddonLeft","addonRight","AddonRight","hintPlacement","SButton","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","Detect","_ref4","Fragment","cn","_assignProps","Addon","ButtonText","props","_ref2","arguments[0]","_ref5","SText","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Component, CORE_INSTANCE, createComponent, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport Spin from '@semcore/spin';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { NSButton } from './Button.type';\nimport { BUTTON_SIZE_TO_SPIN_SIZE } from './mappers/BUTTON_SIZE_TO_SPIN_SIZE';\nimport { BUTTON_USE_TO_DEFAULT_THEME } from './mappers/BUTTON_USE_TO_DEFAULT_THEME';\n\n/** @deprecated It will be removed in v19. */\nexport const MAP_USE_DEFAULT_THEME = BUTTON_USE_TO_DEFAULT_THEME;\n\nexport class RootButton extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSButton.Component>,\n [],\n never,\n {},\n NSButton.State,\n NSButton.DefaultProps\n> {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n } as const;\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state: NSButton.State = {\n ariaLabelledByContent: null,\n };\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n 'hint:triggerRef': this.containerRef,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || RootButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && BUTTON_USE_TO_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n const SButton = Root;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const showHint = (children === undefined || title);\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n return sstyled(styles)(\n <>\n <SButton\n render={Box}\n invertOutline={theme === 'invert'}\n type='button'\n tag='button'\n tabIndex={0}\n use:disabled={disabled || loading}\n use:theme={useTheme}\n ref={this.containerRef}\n aria-busy={loading}\n __excludeProps={['title']}\n aria-label={showHint ? buttonAriaLabel : undefined}\n neighborLocation={neighborLocation}\n >\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n {AddonLeft\n ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n )\n : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight\n ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n )\n : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <Spin\n size={BUTTON_SIZE_TO_SPIN_SIZE[size]}\n theme='currentColor'\n centered\n />\n </SSpin>\n )}\n </SButton>\n {showHint && (\n <Hint\n triggerRef={this.containerRef}\n timeout={[250, 50]}\n placement={hintPlacement}\n >\n {buttonAriaLabel}\n </Hint>\n )}\n </>,\n );\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction ButtonText(props: Intergalactic.InternalTypings.InferChildComponentProps<NSButton.Text.Component, typeof RootButton, 'Text'>) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: Intergalactic.InternalTypings.InferChildComponentProps<NSButton.Text.Component, typeof RootButton, 'Addon'>) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\n/**\n * Button\n *\n * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}\n */\nconst Button = createComponent<\n NSButton.Component,\n typeof RootButton\n>(RootButton, {\n Text: ButtonText,\n Addon,\n});\n\nexport default Button;\n"],"mappings":";;;;;AAAA,SAASA,gBAAgB,EAAEC,GAAG,EAAEC,IAAI,QAAQ,0BAA0B;AAEtE,SAASC,SAAS,EAAEC,aAAa,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACxF,OAAOC,iBAAiB,MAAM,2CAA2C;AACzE,OAAOC,SAAS,MAAM,mCAAmC;AACzD,OAAOC,MAAM,MAAM,gCAAgC;AACnD,OAAOC,IAAI,MAAM,eAAe;AAChC,SAASC,IAAI,QAAQ,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,wBAAwB,QAAQ,oCAAoC;AAC7E,SAASC,2BAA2B,QAAQ,uCAAuC;;AAEnF;AACA,OAAO,MAAMC,qBAAqB,GAAGD,2BAA2B;AAEhE,OAAO,MAAME,UAAU,SAASjB,SAAS,CAOvC;EAAAkB,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oCAQeV,KAAK,CAACW,SAAS,CAAoB,CAAC;IAAAD,eAAA,gBAE3B;MACtBE,qBAAqB,EAAE;IACzB,CAAC;EAAA;EAEDC,YAAYA,CAAA,EAAG;IACb,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAE7B,OAAO;MACLD,IAAI;MACJ,iBAAiB,EAAE,IAAI,CAACE;IAC1B,CAAC;EACH;EAEAC,aAAaA,CAAA,EAAG;IACd,MAAM;MAAEH;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAC7B,OAAO;MACLD;IACF,CAAC;EACH;EAEAI,iBAAiBA,CAAA,EAAG;IAClB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;MACzCxB,MAAM,CAACyB,IAAI,CACT,IAAI,CAACN,YAAY,CAACO,OAAO,IAAI,CAAC3B,SAAS,CAAC,IAAI,CAACoB,YAAY,CAACO,OAAO,CAAC,IAAI,CAAC,IAAI,CAACR,OAAO,CAACS,KAAK,EACzF,kGAAkG,EAClG,IAAI,CAACT,OAAO,CAAC,cAAc,CAAC,IAAIR,UAAU,CAACkB,WAC7C,CAAC;IACH;IAEA,MAAMC,cAAc,GAAG,IAAI,CAACX,OAAO,CAAC,iBAAiB,CAAC;IAEtD,IAAIW,cAAc,EAAE;MAClBC,UAAU,CAAC,MAAM;QACf,IAAI,CAACC,QAAQ,CAAC;UACZhB,qBAAqB,EAAEiB,QAAQ,CAACC,cAAc,CAACJ,cAAc,CAAC,EAAEK,WAAW,IAAI;QACjF,CAAC,CAAC;MACJ,CAAC,EAAE,CAAC,CAAC;IACP;EACF;EAEAC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAlB,OAAA;IACP,MAAM;MACJmB,MAAM;MACNC,GAAG;MACHC,KAAK,GAAG,OAAOD,GAAG,KAAK,QAAQ,IAAI9B,2BAA2B,CAAC8B,GAAG,CAAC;MACnEE,OAAO;MACPC,QAAQ,GAAGD,OAAO;MAClBvB,IAAI;MACJyB,gBAAgB;MAChBC,QAAQ;MACRhB,KAAK;MACL,CAAC,YAAY,GAAGiB,SAAS;MACzBC,QAAQ;MACRC,SAAS,EAAEC,SAAS;MACpBC,UAAU,EAAEC,UAAU;MACtBC;IACF,CAAC,GAAG,IAAI,CAAChC,OAAO;IAChB,MAAMiC,OAAO,GAgBO5D,GAAG;IAfvB;IACA,MAAM6D,MAAM,GAAG,IAAI,CAAC1D,aAAa,CAAC;IAClC,MAAM2D,QAAQ,GAAGf,GAAG,IAAIC,KAAK,GAAG,GAAGD,GAAG,IAAIC,KAAK,EAAE,GAAG,KAAK;IACzD,MAAMe,MAAM,GAAG/D,GAAG;IAClB,MAAMgE,KAAK,GAAGhE,GAAG;IACjB,MAAMiE,eAAe,GAAG7B,KAAK,IAAIiB,SAAS,IAAI,IAAI,CAACa,KAAK,CAAC1C,qBAAqB,IAAI,EAAE;IAEpF,MAAM2C,QAAQ,GAAIf,QAAQ,KAAKgB,SAAS,IAAIhC,KAAM;IAElD,oBACExB,KAAA,CAAAyD,aAAA,CAACtE,gBAAgB,CAACuE,MAAM;MAACnB,gBAAgB,EAAEA;IAAiB,GACxDA,gBAAgB,IAAK;MAAA,IAAAoB,KAAA;MACrB,OAAAA,KAAA,GAAOjE,OAAO,CAACwC,MAAM,CAAC,eACpBlC,KAAA,CAAAyD,aAAA,CAAAzD,KAAA,CAAA4D,QAAA,qBACE5D,KAAA,CAAAyD,aAAA,CAACT,OAAO,EAAAW,KAAA,CAAAE,EAAA;QAAA,GAAAC,YAAA;UAAA,iBAES1B,KAAK,KAAK,QAAQ;UAAA,QAC5B,QAAQ;UAAA,OACT,QAAQ;UAAA,YACF,CAAC;UAAA,gBACGE,QAAQ,IAAID,OAAO;UAAA,aACtBa,QAAQ;UAAA,OACd,IAAI,CAAClC,YAAY;UAAA,aACXqB,OAAO;UAAA,kBACF,CAAC,OAAO,CAAC;UAAA,cACbkB,QAAQ,GAAGF,eAAe,GAAGG,SAAS;UAAA,oBAChCjB;QAAgB,GAAAN,IAAA;MAAA,iBAGlCjC,KAAA,CAAAyD,aAAA,CAACN,MAAM,EAAAQ,KAAA,CAAAE,EAAA;QAAA,OAAK,MAAM;QAAA,WAAUxB,OAAO;QAAA,gBAAgB,GAAG,IAAI,CAACtB,OAAO,CAAC,cAAc,CAAC;MAAe,IAC9F6B,SAAS,gBAEJ5C,KAAA,CAAAyD,aAAA,CAACR,MAAM,CAACc,KAAK,qBACX/D,KAAA,CAAAyD,aAAA,CAACb,SAAS,EAAAe,KAAA,CAAAE,EAAA,iBAAE,CACA,CAAC,GAEjB,IAAI,EACPlE,iBAAiB,CAAC+C,QAAQ,EAAEO,MAAM,CAAClD,IAAI,EAAEkD,MAAM,CAACc,KAAK,CAAC,EACtDjB,UAAU,gBAEL9C,KAAA,CAAAyD,aAAA,CAACR,MAAM,CAACc,KAAK,qBACX/D,KAAA,CAAAyD,aAAA,CAACX,UAAU,EAAAa,KAAA,CAAAE,EAAA,kBAAE,CACD,CAAC,GAEjB,IACE,CAAC,EACRxB,OAAO,iBACNrC,KAAA,CAAAyD,aAAA,CAACL,KAAK,EAAAO,KAAA,CAAAE,EAAA;QAAA,OAAK;MAAM,iBACf7D,KAAA,CAAAyD,aAAA,CAAC3D,IAAI,EAAA6D,KAAA,CAAAE,EAAA;QAAA,QACGzD,wBAAwB,CAACU,IAAI,CAAC;QAAA,SAC9B,cAAc;QAAA;MAAA,EAErB,CACI,CAEF,CAAC,EACTyC,QAAQ,iBACPvD,KAAA,CAAAyD,aAAA,CAACpE,IAAI,EAAAsE,KAAA,CAAAE,EAAA;QAAA,cACS,IAAI,CAAC7C,YAAY;QAAA,WACpB,CAAC,GAAG,EAAE,EAAE,CAAC;QAAA,aACP+B;MAAa,IAEvBM,eACG,CAER,CAAC;IAEP,CACuB,CAAC;EAE9B;AACF;AAAC3C,eAAA,CAlJYH,UAAU,iBAQA,QAAQ;AAAAG,eAAA,CARlBH,UAAU,WASNN,KAAK;AAAAS,eAAA,CATTH,UAAU,kBAUC;EACpB4B,GAAG,EAAE,WAAW;EAChBrB,IAAI,EAAE;AACR,CAAC;AAuIH,SAASkD,UAAUA,CAACC,KAAiH,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACrI,MAAMC,KAAK,GACiCtE,IAAI;EAAhD,OAAAqE,KAAA,GAAO1E,OAAO,CAACuE,KAAK,CAAC/B,MAAM,CAAC,eAAClC,KAAA,CAAAyD,aAAA,CAACY,KAAK,EAAAD,KAAA,CAAAP,EAAA;IAAA,GAAAS,aAAA,KAAAJ,KAAA;EAAA,EAAgB,CAAC;AACtD;AAEA,SAASH,KAAKA,CAACE,KAAkH,EAAE;EAAA,IAAAM,KAAA,GAAAJ,YAAA;IAAAK,KAAA;EACjI,MAAMC,MAAM,GACiCrF,GAAG;EAAhD,OAAAoF,KAAA,GAAO9E,OAAO,CAACuE,KAAK,CAAC/B,MAAM,CAAC,eAAClC,KAAA,CAAAyD,aAAA,CAACgB,MAAM,EAAAD,KAAA,CAAAX,EAAA;IAAA,GAAAa,aAAA;MAAA,OAAkB;IAAM,GAAAH,KAAA;EAAA,EAAE,CAAC;AACjE;;AAEA;AACA;AACA;AACA;AACA;AACA,MAAMtB,MAAM,GAAGzD,eAAe,CAG5Be,UAAU,EAAE;EACZR,IAAI,EAAEiE,UAAU;EAChBD;AACF,CAAC,CAAC;AAEF,eAAed,MAAM","ignoreList":[]}
1
+ {"version":3,"file":"Button.js","names":["NeighborLocation","Box","Hint","Component","CORE_INSTANCE","createComponent","Root","sstyled","addonTextChildren","hasLabels","logger","Spin","Text","React","style","_sstyled","insert","BUTTON_SIZE_TO_SPIN_SIZE","BUTTON_USE_TO_DEFAULT_THEME","MAP_USE_DEFAULT_THEME","RootButton","constructor","args","_defineProperty","createRef","ariaLabelledByContent","getTextProps","size","asProps","containerRef","getAddonProps","componentDidMount","process","env","NODE_ENV","warn","current","title","displayName","ariaLabelledby","setTimeout","setState","document","getElementById","textContent","render","_ref","styles","use","theme","loading","disabled","neighborLocation","children","ariaLabel","Children","addonLeft","AddonLeft","addonRight","AddonRight","hintPlacement","SButton","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","Detect","_ref4","Fragment","cn","_assignProps","Addon","ButtonText","props","_ref2","arguments[0]","_ref5","SText","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Component, CORE_INSTANCE, createComponent, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport Spin from '@semcore/spin';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { NSButton } from './Button.type';\nimport { BUTTON_SIZE_TO_SPIN_SIZE } from './mappers/BUTTON_SIZE_TO_SPIN_SIZE';\nimport { BUTTON_USE_TO_DEFAULT_THEME } from './mappers/BUTTON_USE_TO_DEFAULT_THEME';\n\n/** @deprecated It will be removed in v19. */\nexport const MAP_USE_DEFAULT_THEME = BUTTON_USE_TO_DEFAULT_THEME;\n\nexport class RootButton extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSButton.Component>,\n [],\n never,\n {},\n NSButton.State,\n NSButton.DefaultProps\n> {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n } as const;\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state: NSButton.State = {\n ariaLabelledByContent: null,\n };\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n 'hint:triggerRef': this.containerRef,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || RootButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && BUTTON_USE_TO_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n const SButton = Root;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const showHint = (children === undefined || title);\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n return sstyled(styles)(\n <>\n <SButton\n render={Box}\n invertOutline={theme === 'invert'}\n type='button'\n tag='button'\n tabIndex={0}\n use:disabled={disabled || loading}\n use:theme={useTheme}\n ref={this.containerRef}\n aria-busy={loading}\n __excludeProps={['title']}\n aria-label={showHint ? buttonAriaLabel : undefined}\n neighborLocation={neighborLocation}\n >\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n {AddonLeft\n ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n )\n : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight\n ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n )\n : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <Spin\n size={BUTTON_SIZE_TO_SPIN_SIZE[size]}\n theme='currentColor'\n centered\n />\n </SSpin>\n )}\n </SButton>\n {showHint && (\n <Hint\n triggerRef={this.containerRef}\n timeout={[250, 50]}\n placement={hintPlacement}\n >\n {buttonAriaLabel}\n </Hint>\n )}\n </>,\n );\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction ButtonText(props: Intergalactic.InternalTypings.InferChildComponentProps<NSButton.Text.Component, typeof RootButton, 'Text'>) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: Intergalactic.InternalTypings.InferChildComponentProps<NSButton.Text.Component, typeof RootButton, 'Addon'>) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\n/**\n * Button\n *\n * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}\n */\nconst Button = createComponent<\n NSButton.Component,\n typeof RootButton\n>(RootButton, {\n Text: ButtonText,\n Addon,\n});\n\nexport default Button;\n"],"mappings":";;;;;AAAA,SAASA,gBAAgB,EAAEC,GAAG,EAAEC,IAAI,QAAQ,0BAA0B;AAEtE,SAASC,SAAS,EAAEC,aAAa,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACxF,OAAOC,iBAAiB,MAAM,2CAA2C;AACzE,OAAOC,SAAS,MAAM,mCAAmC;AACzD,OAAOC,MAAM,MAAM,gCAAgC;AACnD,OAAOC,IAAI,MAAM,eAAe;AAChC,SAASC,IAAI,QAAQ,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,wBAAwB,QAAQ,oCAAoC;AAC7E,SAASC,2BAA2B,QAAQ,uCAAuC;;AAEnF;AACA,OAAO,MAAMC,qBAAqB,GAAGD,2BAA2B;AAEhE,OAAO,MAAME,UAAU,SAASjB,SAAS,CAOvC;EAAAkB,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oCAQeV,KAAK,CAACW,SAAS,CAAoB,CAAC;IAAAD,eAAA,gBAE3B;MACtBE,qBAAqB,EAAE;IACzB,CAAC;EAAA;EAEDC,YAAYA,CAAA,EAAG;IACb,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAE7B,OAAO;MACLD,IAAI;MACJ,iBAAiB,EAAE,IAAI,CAACE;IAC1B,CAAC;EACH;EAEAC,aAAaA,CAAA,EAAG;IACd,MAAM;MAAEH;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAC7B,OAAO;MACLD;IACF,CAAC;EACH;EAEAI,iBAAiBA,CAAA,EAAG;IAClB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;MACzCxB,MAAM,CAACyB,IAAI,CACT,IAAI,CAACN,YAAY,CAACO,OAAO,IAAI,CAAC3B,SAAS,CAAC,IAAI,CAACoB,YAAY,CAACO,OAAO,CAAC,IAAI,CAAC,IAAI,CAACR,OAAO,CAACS,KAAK,EACzF,kGAAkG,EAClG,IAAI,CAACT,OAAO,CAAC,cAAc,CAAC,IAAIR,UAAU,CAACkB,WAC7C,CAAC;IACH;IAEA,MAAMC,cAAc,GAAG,IAAI,CAACX,OAAO,CAAC,iBAAiB,CAAC;IAEtD,IAAIW,cAAc,EAAE;MAClBC,UAAU,CAAC,MAAM;QACf,IAAI,CAACC,QAAQ,CAAC;UACZhB,qBAAqB,EAAEiB,QAAQ,CAACC,cAAc,CAACJ,cAAc,CAAC,EAAEK,WAAW,IAAI;QACjF,CAAC,CAAC;MACJ,CAAC,EAAE,CAAC,CAAC;IACP;EACF;EAEAC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAlB,OAAA;IACP,MAAM;MACJmB,MAAM;MACNC,GAAG;MACHC,KAAK,GAAG,OAAOD,GAAG,KAAK,QAAQ,IAAI9B,2BAA2B,CAAC8B,GAAG,CAAC;MACnEE,OAAO;MACPC,QAAQ,GAAGD,OAAO;MAClBvB,IAAI;MACJyB,gBAAgB;MAChBC,QAAQ;MACRhB,KAAK;MACL,CAAC,YAAY,GAAGiB,SAAS;MACzBC,QAAQ;MACRC,SAAS,EAAEC,SAAS;MACpBC,UAAU,EAAEC,UAAU;MACtBC;IACF,CAAC,GAAG,IAAI,CAAChC,OAAO;IAChB,MAAMiC,OAAO,GAgBO5D,GAAG;IAfvB;IACA,MAAM6D,MAAM,GAAG,IAAI,CAAC1D,aAAa,CAAC;IAClC,MAAM2D,QAAQ,GAAGf,GAAG,IAAIC,KAAK,GAAG,GAAGD,GAAG,IAAIC,KAAK,EAAE,GAAG,KAAK;IACzD,MAAMe,MAAM,GAAG/D,GAAG;IAClB,MAAMgE,KAAK,GAAGhE,GAAG;IACjB,MAAMiE,eAAe,GAAG7B,KAAK,IAAIiB,SAAS,IAAI,IAAI,CAACa,KAAK,CAAC1C,qBAAqB,IAAI,EAAE;IAEpF,MAAM2C,QAAQ,GAAIf,QAAQ,KAAKgB,SAAS,IAAIhC,KAAM;IAElD,oBACExB,KAAA,CAAAyD,aAAA,CAACtE,gBAAgB,CAACuE,MAAM;MAACnB,gBAAgB,EAAEA;IAAiB,GACxDA,gBAAgB,IAAK;MAAA,IAAAoB,KAAA;MACrB,OAAAA,KAAA,GAAOjE,OAAO,CAACwC,MAAM,CAAC,eACpBlC,KAAA,CAAAyD,aAAA,CAAAzD,KAAA,CAAA4D,QAAA,qBACE5D,KAAA,CAAAyD,aAAA,CAACT,OAAO,EAAAW,KAAA,CAAAE,EAAA;QAAA,GAAAC,YAAA;UAAA,iBAES1B,KAAK,KAAK,QAAQ;UAAA,QAC5B,QAAQ;UAAA,OACT,QAAQ;UAAA,YACF,CAAC;UAAA,gBACGE,QAAQ,IAAID,OAAO;UAAA,aACtBa,QAAQ;UAAA,OACd,IAAI,CAAClC,YAAY;UAAA,aACXqB,OAAO;UAAA,kBACF,CAAC,OAAO,CAAC;UAAA,cACbkB,QAAQ,GAAGF,eAAe,GAAGG,SAAS;UAAA,oBAChCjB;QAAgB,GAAAN,IAAA;MAAA,iBAGlCjC,KAAA,CAAAyD,aAAA,CAACN,MAAM,EAAAQ,KAAA,CAAAE,EAAA;QAAA,OAAK,MAAM;QAAA,WAAUxB,OAAO;QAAA,gBAAgB,GAAG,IAAI,CAACtB,OAAO,CAAC,cAAc,CAAC;MAAe,IAC9F6B,SAAS,gBAEJ5C,KAAA,CAAAyD,aAAA,CAACR,MAAM,CAACc,KAAK,qBACX/D,KAAA,CAAAyD,aAAA,CAACb,SAAS,EAAAe,KAAA,CAAAE,EAAA,iBAAE,CACA,CAAC,GAEjB,IAAI,EACPlE,iBAAiB,CAAC+C,QAAQ,EAAEO,MAAM,CAAClD,IAAI,EAAEkD,MAAM,CAACc,KAAK,CAAC,EACtDjB,UAAU,gBAEL9C,KAAA,CAAAyD,aAAA,CAACR,MAAM,CAACc,KAAK,qBACX/D,KAAA,CAAAyD,aAAA,CAACX,UAAU,EAAAa,KAAA,CAAAE,EAAA,kBAAE,CACD,CAAC,GAEjB,IACE,CAAC,EACRxB,OAAO,iBACNrC,KAAA,CAAAyD,aAAA,CAACL,KAAK,EAAAO,KAAA,CAAAE,EAAA;QAAA,OAAK;MAAM,iBACf7D,KAAA,CAAAyD,aAAA,CAAC3D,IAAI,EAAA6D,KAAA,CAAAE,EAAA;QAAA,QACGzD,wBAAwB,CAACU,IAAI,CAAC;QAAA,SAC9B,cAAc;QAAA;MAAA,EAErB,CACI,CAEF,CAAC,EACTyC,QAAQ,iBACPvD,KAAA,CAAAyD,aAAA,CAACpE,IAAI,EAAAsE,KAAA,CAAAE,EAAA;QAAA,cACS,IAAI,CAAC7C,YAAY;QAAA,WACpB,CAAC,GAAG,EAAE,EAAE,CAAC;QAAA,aACP+B;MAAa,IAEvBM,eACG,CAER,CAAC;IAEP,CACuB,CAAC;EAE9B;AACF;AAAC3C,eAAA,CAlJYH,UAAU,iBAQA,QAAQ;AAAAG,eAAA,CARlBH,UAAU,WASNN,KAAK;AAAAS,eAAA,CATTH,UAAU,kBAUC;EACpB4B,GAAG,EAAE,WAAW;EAChBrB,IAAI,EAAE;AACR,CAAC;AAuIH,SAASkD,UAAUA,CAACC,KAAiH,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACrI,MAAMC,KAAK,GACiCtE,IAAI;EAAhD,OAAAqE,KAAA,GAAO1E,OAAO,CAACuE,KAAK,CAAC/B,MAAM,CAAC,eAAClC,KAAA,CAAAyD,aAAA,CAACY,KAAK,EAAAD,KAAA,CAAAP,EAAA;IAAA,GAAAS,aAAA,KAAAJ,KAAA;EAAA,EAAgB,CAAC;AACtD;AAEA,SAASH,KAAKA,CAACE,KAAkH,EAAE;EAAA,IAAAM,KAAA,GAAAJ,YAAA;IAAAK,KAAA;EACjI,MAAMC,MAAM,GACiCrF,GAAG;EAAhD,OAAAoF,KAAA,GAAO9E,OAAO,CAACuE,KAAK,CAAC/B,MAAM,CAAC,eAAClC,KAAA,CAAAyD,aAAA,CAACgB,MAAM,EAAAD,KAAA,CAAAX,EAAA;IAAA,GAAAa,aAAA;MAAA,OAAkB;IAAM,GAAAH,KAAA;EAAA,EAAE,CAAC;AACjE;;AAEA;AACA;AACA;AACA;AACA;AACA,MAAMtB,MAAM,GAAGzD,eAAe,CAG5Be,UAAU,EAAE;EACZR,IAAI,EAAEiE,UAAU;EAChBD;AACF,CAAC,CAAC;AAEF,eAAed,MAAM","ignoreList":[]}
package/lib/es6/component/Button/button.shadow.css CHANGED
@@ -11,7 +11,7 @@ SButton {
11
11
  text-decoration: none;
12
12
  text-align: center;
13
13
  vertical-align: middle;
14
- border: 1px solid transparent;
14
+ border: none;
15
15
  box-shadow: none;
16
16
  cursor: pointer;
17
17
  box-sizing: border-box;
@@ -20,7 +20,7 @@ SButton {
20
20
  touch-action: manipulation;
21
21
  -webkit-tap-highlight-color: transparent;
22
22
  font-weight: var(--intergalactic-medium, 500);
23
- color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
23
+ color: var(--intergalactic-control-text-secondary, oklch(0.097 0.023 156.5 / 0.468));
24
24
  min-width: fit-content;
25
25
 
26
26
  &::-moz-focus-inner {
@@ -49,213 +49,204 @@ SButton[size='s'] {
49
49
  }
50
50
 
51
51
  SButton[size='m'] {
52
- height: var(--intergalactic-form-control-m, 28px);
52
+ height: var(--intergalactic-form-control-m, 32px);
53
53
  border-radius: var(--intergalactic-control-rounded, 6px);
54
54
  font-size: var(--intergalactic-fs-200, 14px);
55
55
  }
56
56
 
57
+ SButton[size='m']:has(SAddon:only-child) {
58
+ width: var(--intergalactic-form-control-m, 32px);
59
+ min-width: var(--intergalactic-form-control-m, 32px);
60
+ }
61
+
57
62
  SButton[size='l'] {
58
- height: var(--intergalactic-form-control-l, 40px);
63
+ height: var(--intergalactic-form-control-l, 44px);
59
64
  border-radius: var(--intergalactic-control-rounded, 6px);
60
65
  font-size: var(--intergalactic-fs-300, 16px);
61
66
  }
62
67
 
68
+ SButton[size='l']:has(SAddon:only-child) {
69
+ width: var(--intergalactic-form-control-l, 44px);
70
+ min-width: var(--intergalactic-form-control-l, 44px);
71
+ }
72
+
63
73
  SButton[theme='primary-info'] {
64
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
74
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
65
75
  background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
66
76
 
67
77
  &:hover {
68
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
78
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
69
79
  background-color: var(--intergalactic-control-primary-info-hover, oklch(0.32 0.007 140));
70
80
  }
71
81
 
72
82
  &:active,
73
83
  &[active] {
74
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
84
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
75
85
  background-color: var(--intergalactic-control-primary-info-active, oklch(0 0 140));
76
86
  }
77
87
  }
78
88
 
79
89
  SButton[theme='primary-success'] {
80
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
90
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
81
91
  background-color: var(--intergalactic-control-primary-success, oklch(0.64 0.161 170));
82
92
 
83
93
  &:hover {
84
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
94
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
85
95
  background-color: var(--intergalactic-control-primary-success-hover, oklch(0.6 0.155 170));
86
96
  }
87
97
 
88
98
  &:active,
89
99
  &[active] {
90
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
100
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
91
101
  background-color: var(--intergalactic-control-primary-success-active, oklch(0.58 0.151 170));
92
102
  }
93
103
  }
94
104
 
95
105
  SButton[theme='primary-brand'] {
96
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
97
- background-color: var(--intergalactic-control-primary-brand, oklch(0.64 0.223 299.3));
106
+ color: var(--intergalactic-control-text-primary, oklch(0.1 0.03 137 / 0.899));
107
+ background-color: var(--intergalactic-control-primary-brand, oklch(0.74 0.17 303));
98
108
 
99
109
  &:hover {
100
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
101
- background-color: var(--intergalactic-control-primary-brand-hover, oklch(0.6 0.244 297.8));
110
+ color: var(--intergalactic-control-text-primary, oklch(0.1 0.03 137 / 0.899));
111
+ background-color: var(--intergalactic-control-primary-brand-hover, oklch(0.72 0.181 302.3));
102
112
  }
103
113
 
104
114
  &:active,
105
115
  &[active] {
106
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
107
- background-color: var(--intergalactic-control-primary-brand-active, oklch(0.58 0.254 297.1));
116
+ color: var(--intergalactic-control-text-primary, oklch(0.1 0.03 137 / 0.899));
117
+ background-color: var(--intergalactic-control-primary-brand-active, oklch(0.7 0.191 301.5));
108
118
  }
109
119
  }
110
120
 
111
121
  SButton[theme='primary-warning'] {
112
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
113
- background-color: var(--intergalactic-control-primary-brand, oklch(0.64 0.223 299.3));
122
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
123
+ background-color: var(--intergalactic-control-primary-brand, oklch(0.74 0.17 303));
114
124
 
115
125
  &:hover {
116
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
117
- background-color: var(--intergalactic-control-primary-brand-hover, oklch(0.6 0.244 297.8));
126
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
127
+ background-color: var(--intergalactic-control-primary-brand-hover, oklch(0.72 0.181 302.3));
118
128
  }
119
129
 
120
130
  &:active,
121
131
  &[active] {
122
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
123
- background-color: var(--intergalactic-control-primary-brand-active, oklch(0.58 0.254 297.1));
132
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
133
+ background-color: var(--intergalactic-control-primary-brand-active, oklch(0.7 0.191 301.5));
124
134
  }
125
135
  }
126
136
 
127
137
  SButton[theme='primary-danger'] {
128
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
138
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
129
139
  background-color: var(--intergalactic-control-primary-critical, oklch(0.64 0.226 24.5));
130
140
 
131
141
  &:hover {
132
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
142
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
133
143
  background-color: var(--intergalactic-control-primary-critical-hover, oklch(0.6 0.219 25.5));
134
144
  }
135
145
 
136
146
  &:active,
137
147
  &[active] {
138
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
148
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
139
149
  background-color: var(--intergalactic-control-primary-critical-active, oklch(0.58 0.215 26));
140
150
  }
141
151
  }
142
152
 
143
153
  SButton[theme='primary-invert'] {
144
- color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
154
+ color: var(--intergalactic-control-text-primary, oklch(0.1 0.03 137 / 0.899));
145
155
  background-color: var(--intergalactic-control-primary-invert, oklch(1 0 0));
146
156
 
147
157
  &:hover {
148
- color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
158
+ color: var(--intergalactic-control-text-primary, oklch(0.1 0.03 137 / 0.899));
149
159
  background-color: var(--intergalactic-control-primary-invert-hover, oklch(0.96 0.001 180));
150
160
  }
151
161
 
152
162
  &:active,
153
163
  &[active] {
154
- color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
164
+ color: var(--intergalactic-control-text-primary, oklch(0.1 0.03 137 / 0.899));
155
165
  background-color: var(--intergalactic-control-primary-invert-active, oklch(0.94 0.002 180));
156
166
  }
157
167
  }
158
168
 
159
169
  SButton[theme='secondary-muted'] {
160
- color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
161
- border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
162
- background-color: var(--intergalactic-control-secondary-neutral, oklch(0.177 0.033 175.6 / 0.028));
170
+ color: var(--intergalactic-control-text-primary, oklch(0.1 0.03 137 / 0.899));
171
+ background-color: var(--intergalactic-control-secondary-neutral, oklch(0.166 0.031 175.8 / 0.097));
163
172
 
164
173
  &:hover {
165
174
  background-color: var(--intergalactic-control-secondary-neutral-hover,
166
- oklch(0.176 0.033 175.6 / 0.056));
167
- color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
175
+ oklch(0.151 0.028 176.1 / 0.123));
176
+ color: var(--intergalactic-control-text-primary, oklch(0.1 0.03 137 / 0.899));
168
177
  }
169
178
 
170
179
  &:active,
171
180
  &[active] {
172
181
  background-color: var(--intergalactic-control-secondary-neutral-active,
173
- oklch(0.176 0.033 175.7 / 0.084));
174
- color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
175
- }
176
- }
177
-
178
- SButton[theme='secondary-info'] {
179
- background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
180
- color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
181
- border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
182
-
183
- &:hover {
184
- color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
185
- background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.525 0.265 263 / 0.077));
186
- }
187
-
188
- &:active,
189
- &[active] {
190
- color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
191
- background-color: var(--intergalactic-control-secondary-info-active, oklch(0.524 0.266 263.1 / 0.116));
182
+ oklch(0.145 0.027 176.1 / 0.135));
183
+ color: var(--intergalactic-control-text-primary, oklch(0.1 0.03 137 / 0.899));
192
184
  }
193
185
  }
194
186
 
195
187
  SButton[theme='secondary-invert'] {
196
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
197
- border-color: var(--intergalactic-border-primary-invert, oklch(0.995 0.008 147.4 / 0.391));
188
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
198
189
  background-color: var(--intergalactic-control-secondary-invert, oklch(0.969 0.057 140 / 0.118));
199
190
 
200
191
  &:hover {
201
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
202
- background-color: var(--intergalactic-control-secondary-invert-hover, oklch(0.976 0.043 140 / 0.145));
192
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
193
+ background-color: var(--intergalactic-control-secondary-invert-hover, oklch(0.98 0.036 140 / 0.164));
203
194
  }
204
195
 
205
196
  &:active,
206
197
  &[active] {
207
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
198
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
208
199
  background-color: var(--intergalactic-control-secondary-invert-active,
209
- oklch(0.983 0.03 140 / 0.183));
200
+ oklch(0.986 0.025 140 / 0.203));
210
201
  }
211
202
  }
212
203
 
213
204
  SButton[theme='tertiary-info'] {
214
- color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
205
+ color: var(--intergalactic-text-link-accent, oklch(0.6 0.166 277.7));
215
206
  background-color: var(--intergalactic-control-tertiary-info, transparent);
216
207
 
217
208
  &:hover {
218
- color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
219
- background-color: var(--intergalactic-control-tertiary-info-hover, oklch(0.525 0.265 263 / 0.077));
209
+ color: var(--intergalactic-text-link-accent, oklch(0.6 0.166 277.7));
210
+ background-color: var(--intergalactic-control-tertiary-info-hover, oklch(0.526 0.264 263 / 0.058));
220
211
  }
221
212
 
222
213
  &:active,
223
214
  &[active] {
224
- color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
225
- background-color: var(--intergalactic-control-tertiary-info-active, oklch(0.524 0.266 263.1 / 0.116));
215
+ color: var(--intergalactic-text-link-accent, oklch(0.6 0.166 277.7));
216
+ background-color: var(--intergalactic-control-tertiary-info-active, oklch(0.525 0.265 263 / 0.077));
226
217
  }
227
218
  }
228
219
 
229
220
  SButton[theme='tertiary-muted'] {
230
- color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
221
+ color: var(--intergalactic-control-text-secondary, oklch(0.097 0.023 156.5 / 0.468));
231
222
  background-color: var(--intergalactic-control-tertiary-neutral, transparent);
232
223
 
233
224
  &:hover {
234
- background-color: var(--intergalactic-control-tertiary-neutral-hover, oklch(0.176 0.033 175.6 / 0.056));
235
- color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
225
+ background-color: var(--intergalactic-control-tertiary-neutral-hover, oklch(0.177 0.033 175.6 / 0.042));
226
+ color: var(--intergalactic-control-text-primary, oklch(0.1 0.03 137 / 0.899));
236
227
  }
237
228
 
238
229
  &:active,
239
230
  &[active] {
240
231
  background-color: var(--intergalactic-control-tertiary-neutral-active,
241
- oklch(0.176 0.033 175.7 / 0.084));
242
- color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
232
+ oklch(0.176 0.033 175.6 / 0.056));
233
+ color: var(--intergalactic-control-text-primary, oklch(0.1 0.03 137 / 0.899));
243
234
  }
244
235
  }
245
236
 
246
237
  SButton[theme='tertiary-invert'] {
247
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
238
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
248
239
  background-color: var(--intergalactic-control-tertiary-invert, transparent);
249
240
 
250
241
  &:hover {
251
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
252
- background-color: var(--intergalactic-control-tertiary-invert-hover, oklch(0.976 0.043 140 / 0.145));
242
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
243
+ background-color: var(--intergalactic-control-tertiary-invert-hover, oklch(0.98 0.036 140 / 0.164));
253
244
  }
254
245
 
255
246
  &:active,
256
247
  &[active] {
257
- color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
258
- background-color: var(--intergalactic-control-tertiary-invert-active, oklch(0.983 0.03 140 / 0.183));
248
+ color: var(--intergalactic-control-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
249
+ background-color: var(--intergalactic-control-tertiary-invert-active, oklch(0.986 0.025 140 / 0.203));
259
250
  }
260
251
  }
261
252
 
@@ -266,15 +257,11 @@ SButton[neighborLocation='right'] {
266
257
 
267
258
  SButton[neighborLocation='both'] {
268
259
  border-radius: 0;
269
- /* disable-tokens-validator */
270
- margin-left: -1px;
271
260
  }
272
261
 
273
262
  SButton[neighborLocation='left'] {
274
263
  border-top-left-radius: 0;
275
264
  border-bottom-left-radius: 0;
276
- /* disable-tokens-validator */
277
- margin-left: -1px;
278
265
  }
279
266
 
280
267
  SButton[neighborLocation='both'],
@@ -282,12 +269,12 @@ SButton[neighborLocation='left'] {
282
269
  position: relative;
283
270
 
284
271
  &:after {
285
- background-color: var(--intergalactic-border-primary-invert, oklch(0.995 0.008 147.4 / 0.391));
286
- }
272
+ background-color: var(--intergalactic-border-primary-invert, oklch(0.995 0.009 144.4 / 0.347));
273
+ } /* TODO: need to add a new variables for neighbor location borders based on the final UI */
287
274
 
288
275
  &[theme='secondary-muted'] {
289
276
  &:after {
290
- background-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
277
+ background-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161)); /* TODO: need to add a new variables for neighbor location borders based on the final UI */
291
278
  }
292
279
  }
293
280
  }
@@ -296,10 +283,10 @@ SButton+SButton[neighborLocation='both']:after,
296
283
  SButton+SButton[neighborLocation='left']:after {
297
284
  content: '';
298
285
  position: absolute;
299
- top: -1px;
300
- left: -1px;
286
+ top: 0;
287
+ left: 0;
301
288
  width: 1px;
302
- height: calc(100% + 2px);
289
+ height: 100%;
303
290
  }
304
291
 
305
292
  SSpin {
@@ -328,27 +315,40 @@ SText {
328
315
  }
329
316
 
330
317
  SText[size='m'] {
331
- margin-left: var(--intergalactic-spacing-2x, 8px);
332
- margin-right: var(--intergalactic-spacing-2x, 8px);
333
- line-height: var(--intergalactic-lh-200, 142%);
318
+ margin-left: var(--intergalactic-spacing-content-gap-medium, 6px);
319
+ margin-right: var(--intergalactic-spacing-content-gap-medium, 6px);
320
+ line-height: var(--intergalactic-lh-200, 1.4286);
321
+
322
+ &:only-child {
323
+ margin-left: var(--intergalactic-spacing-content-padding-medium, 12px);
324
+ margin-right: var(--intergalactic-spacing-content-padding-medium, 12px);
325
+ }
326
+
327
+ &:first-child {
328
+ margin-left: var(--intergalactic-spacing-content-padding-medium, 12px);
329
+ }
330
+
331
+ &:last-child {
332
+ margin-right: var(--intergalactic-spacing-content-padding-medium, 12px);
333
+ }
334
334
  }
335
335
 
336
336
  SText[size='l'] {
337
- margin-left: var(--intergalactic-spacing-2x, 8px);
338
- margin-right: var(--intergalactic-spacing-2x, 8px);
339
- line-height: var(--intergalactic-lh-300, 150%);
337
+ margin-left: var(--intergalactic-spacing-content-gap-medium, 6px);
338
+ margin-right: var(--intergalactic-spacing-content-gap-medium, 6px);
339
+ line-height: var(--intergalactic-lh-300, 1.5);
340
340
 
341
341
  &:only-child {
342
- margin-left: var(--intergalactic-spacing-3x, 12px);
343
- margin-right: var(--intergalactic-spacing-3x, 12px);
342
+ margin-left: var(--intergalactic-spacing-content-padding-medium, 12px);
343
+ margin-right: var(--intergalactic-spacing-content-padding-medium, 12px);
344
344
  }
345
345
 
346
346
  &:first-child {
347
- margin-left: var(--intergalactic-spacing-3x, 12px);
347
+ margin-left: var(--intergalactic-spacing-content-padding-medium, 12px);
348
348
  }
349
349
 
350
350
  &:last-child {
351
- margin-right: var(--intergalactic-spacing-3x, 12px);
351
+ margin-right: var(--intergalactic-spacing-content-padding-medium, 12px);
352
352
  }
353
353
  }
354
354
 
@@ -361,38 +361,30 @@ SAddon {
361
361
 
362
362
  SAddon[size='m'] {
363
363
  &:not(:only-child):first-child {
364
- margin-left: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
365
- /* -1px - for border width */
364
+ margin-left: var(--intergalactic-spacing-content-padding-medium, 12px);
366
365
  }
367
366
 
368
367
  &:not(:only-child):last-child {
369
- margin-right: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
370
- /* -1px - for border width */
368
+ margin-right: var(--intergalactic-spacing-content-padding-medium, 12px);
371
369
  }
372
370
 
373
371
  &:only-child {
374
- margin-left: calc(1.5 * var(--intergalactic-spacing-1x, 4px) - 1px);
375
- /* -1px - for border width */
376
- margin-right: calc(1.5 * var(--intergalactic-spacing-1x, 4px) - 1px);
377
- /* -1px - for border width */
372
+ margin-left: var(--intergalactic-spacing-content-gap-large, 8px);
373
+ margin-right: var(--intergalactic-spacing-content-gap-large, 8px);
378
374
  }
379
375
  }
380
376
 
381
377
  SAddon[size='l'] {
382
378
  &:not(:only-child):first-child {
383
- margin-left: calc(var(--intergalactic-spacing-3x, 12px) - 1px);
384
- /* -1px - for border width */
379
+ margin-left: var(--intergalactic-spacing-content-padding-medium, 12px);
385
380
  }
386
381
 
387
382
  &:not(:only-child):last-child {
388
- margin-right: calc(var(--intergalactic-spacing-3x, 12px) - 1px);
389
- /* -1px - for border width */
383
+ margin-right: var(--intergalactic-spacing-content-padding-medium, 12px);
390
384
  }
391
385
 
392
386
  &:only-child {
393
- margin-left: calc(3 * var(--intergalactic-spacing-1x, 4px) - 1px);
394
- /* -1px - for border width */
395
- margin-right: calc(3 * var(--intergalactic-spacing-1x, 4px) - 1px);
396
- /* -1px - for border width */
387
+ margin-left: var(--intergalactic-spacing-content-padding-medium, 12px);
388
+ margin-right: var(--intergalactic-spacing-content-padding-medium, 12px);
397
389
  }
398
390
  }