@semcore/button 16.1.0 → 16.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_hasLabels","_logger","_typography","_react","_SpinButton","style","sstyled","insert","MAP_USE_DEFAULT_THEME","exports","primary","secondary","tertiary","RootButton","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","ariaLabelledByContent","_inherits2","_createClass2","key","value","getTextProps","size","asProps","containerRef","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","logger","warn","current","hasLabels","title","displayName","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","render","_ref","_ref7","_ref8","_this3","_this$asProps","styles","use","_this$asProps$theme","theme","loading","_this$asProps$disable","disabled","neighborLocation","children","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","SButton","Box","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","NeighborLocation","Detect","_ref4","Fragment","cn","_objectSpread2","assignProps","Addon","addonTextChildren","Text","Hint","Component","ButtonText","props","_ref2","arguments[0]","_ref5","SText","_ref3","_ref6","SAddon","createComponent","_default"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport { Component, CORE_INSTANCE, createComponent, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonProps, ButtonAddonProps, ButtonTextProps, ButtonComponent } from './Button.type';\nimport SpinButton from './SpinButton';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n  primary: 'info',\n  secondary: 'muted',\n  tertiary: 'info',\n};\n\ntype State = {\n  ariaLabelledByContent: null | string;\n};\n\nexport class RootButton extends Component<ButtonProps, [], never, {}, State> {\n  static displayName = 'Button';\n  static style = style;\n  static defaultProps = {\n    use: 'secondary',\n    size: 'm',\n  };\n\n  containerRef = React.createRef<HTMLButtonElement>();\n\n  state: State = {\n    ariaLabelledByContent: null,\n  };\n\n  getTextProps() {\n    const { size } = this.asProps;\n\n    return {\n      size,\n      'hint:triggerRef': this.containerRef,\n    };\n  }\n\n  getAddonProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  componentDidMount() {\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n        `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n        this.asProps['data-ui-name'] || RootButton.displayName,\n      );\n    }\n\n    const ariaLabelledby = this.asProps['aria-labelledby'];\n\n    if (ariaLabelledby) {\n      setTimeout(() => {\n        this.setState({\n          ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n        });\n      }, 0);\n    }\n  }\n\n  render() {\n    const {\n      styles,\n      use,\n      theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n      loading,\n      disabled = loading,\n      size,\n      neighborLocation,\n      children,\n      title,\n      ['aria-label']: ariaLabel,\n      Children,\n      addonLeft: AddonLeft,\n      addonRight: AddonRight,\n      hintPlacement,\n    } = this.asProps;\n    const SButton = Root;\n    // @ts-ignore\n    const Button = this[CORE_INSTANCE];\n    const useTheme = use && theme ? `${use}-${theme}` : false;\n    const SInner = Box;\n    const SSpin = Box;\n    const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n    const showHint = (children === undefined || title);\n\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) => {\n          return sstyled(styles)(\n            <>\n              <SButton\n                render={Box}\n                invertOutline={theme === 'invert'}\n                type='button'\n                tag='button'\n                tabIndex={0}\n                disabled={disabled}\n                use:theme={useTheme}\n                ref={this.containerRef}\n                aria-busy={loading}\n                __excludeProps={['title']}\n                aria-label={showHint ? buttonAriaLabel : undefined}\n                neighborLocation={neighborLocation}\n              >\n                {/* @ts-ignore */}\n                <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n                  {AddonLeft\n                    ? (\n                        <Button.Addon>\n                          <AddonLeft />\n                        </Button.Addon>\n                      )\n                    : null}\n                  {addonTextChildren(Children, Button.Text, Button.Addon)}\n                  {AddonRight\n                    ? (\n                        <Button.Addon>\n                          <AddonRight />\n                        </Button.Addon>\n                      )\n                    : null}\n                </SInner>\n                {loading && (\n                  <SSpin tag='span'>\n                    <SpinButton centered size={size} theme={useTheme} />\n                  </SSpin>\n                )}\n              </SButton>\n              {showHint && (\n                <Hint\n                  triggerRef={this.containerRef}\n                  timeout={[250, 50]}\n                  placement={hintPlacement}\n                >\n                  {buttonAriaLabel}\n                </Hint>\n              )}\n            </>,\n          );\n        }}\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction ButtonText(props: ButtonTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n  Text: ButtonText,\n  Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Button.js","names":["_core","require","_flexBox","_react","_interopRequireDefault","_AbstractButton2","style","sstyled","insert","RootButton","_AbstractButton","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextColor","undefined","AbstractButton","_defineProperty2","use","size","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","Button","createComponent","_default","exports"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { createComponent, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nclass RootButton extends AbstractButton {\n  static displayName = 'Button';\n  static style = style;\n  static defaultProps = {\n    use: 'secondary',\n    size: 'm',\n  };\n\n  protected getTextColor(): string | undefined {\n    return undefined;\n  }\n}\n\nfunction Text(props: ButtonTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n  Text,\n  Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAIA,IAAAI,gBAAA,GAAAJ,OAAA;AAAkE;AAAA,IAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,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;AAAA,IAE5DC,UAAU,0BAAAC,eAAA;EAAA,SAAAD,WAAA;IAAA,IAAAE,gBAAA,mBAAAF,UAAA;IAAA,WAAAG,WAAA,mBAAAH,UAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,UAAA,EAAAC,eAAA;EAAA,WAAAK,aAAA,aAAAN,UAAA;IAAAO,GAAA;IAAAC,KAAA,EAQd,SAAUC,YAAYA,CAAA,EAAuB;MAC3C,OAAOC,SAAS;IAClB;EAAC;AAAA,EAVsBC,+BAAc;AAAA,IAAAC,gBAAA,aAAjCZ,UAAU,iBACO,QAAQ;AAAA,IAAAY,gBAAA,aADzBZ,UAAU,WAECH,KAAK;AAAA,IAAAe,gBAAA,aAFhBZ,UAAU,kBAGQ;EACpBa,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAArB,aAAO,EAACkB,KAAK,CAACM,MAAM,CAAC,eAAC5B,MAAA,YAAA6B,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAlC,KAAA,CAAAmC,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,GAAE,CAAC;AAChE;AAEA,SAASU,KAAKA,CAACX,KAAuB,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EACtC,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAA/B,aAAO,EAACkB,KAAK,CAACM,MAAM,CAAC,eAAC5B,MAAA,YAAA6B,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAlC,KAAA,CAAAmC,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,GAAE,CAAC;AACjE;AAEA,IAAMG,MAAM,GAAG,IAAAC,qBAAe,EAAChC,UAAU,EAAE;EACzCe,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAoB;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEPH,MAAM","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { BoxProps, NeighborItemProps, SimpleHintPopperProps } from '@semcore/base-components';\nimport type { Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\nimport type React from 'react';\n\nexport type ButtonProps = BoxProps &\n  NeighborItemProps & {\n  /** Button activity state */\n    active?: boolean;\n    /** Disabled button state */\n    disabled?: boolean;\n    /** Loading button state */\n    loading?: boolean;\n    /** Tag for the left Addon */\n    addonLeft?: React.ElementType;\n    /** Tag for the right Addon */\n    addonRight?: React.ElementType;\n    /**\n   * Placement for hint\n   * @default top\n   */\n    hintPlacement?: SimpleHintPopperProps['placement'];\n\n    /** Button size.\n   * @default `m`\n   */\n    size?: 'l' | 'm';\n    /** Button usage.\n   * @default `primary`\n   */\n    use?: 'primary' | 'secondary' | 'tertiary';\n    /** Button theme.\n   * @default undefined\n   */\n    theme?: 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';\n  };\n\nexport type ButtonTextProps = NSText.Props;\n\nexport type ButtonAddonProps = BoxProps;\n\nexport type ButtonContext = {\n  getTextProps: PropGetterFn;\n  getAddonProps: PropGetterFn;\n};\n\nexport type ButtonChildren = {\n  Text: Intergalactic.Component<'span', ButtonTextProps>;\n  Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & ButtonChildren;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport type {\n  AbstractButtonAddonProps,\n  AbstractButtonContext,\n  AbstractButtonTextProps,\n  AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n *  Button size\n * @default m\n */\nexport type ButtonSize = 'l' | 'm';\n/**\n *  Button type\n * @default secondary\n */\ntype Use = 'primary' | 'secondary' | 'tertiary';\n\n/**\n * @deprecated don't use it. use `danger` for incorrect or danger behavior and `brand` for the orange one.\n */\ntype DeprecatedTheme = 'warning';\n\n/** Button theme */\ntype Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';\n\n/** @deprecated */\nexport interface IButtonProps extends ButtonProps, UnknownProperties {}\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme | DeprecatedTheme>;\n\n/** @deprecated */\nexport interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}\nexport type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}\nexport type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonContext extends ButtonContext, UnknownProperties {}\nexport type ButtonContext = AbstractButtonContext;\n\nexport type ButtonChildren = {\n  Text: Intergalactic.Component<'span', ButtonTextProps>;\n  Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {\n  Text: Intergalactic.Component<'span', ButtonTextProps>;\n  Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -12,51 +12,76 @@ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSup
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
-var _link = _interopRequireDefault(require("@semcore/link"));
+var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
+var _flexBox = require("@semcore/flex-box");
 var _react = _interopRequireDefault(require("react"));
+var _AbstractButton2 = require("../AbstractButton/AbstractButton");
 /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonLink_prbrc_gg_{border:0;font-family:inherit}.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-link, rgb(35, 95, 226))}.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_.__active_prbrc_gg_:not(.__color_prbrc_gg_),.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_:not(.__color_prbrc_gg_):active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_:not(.__color_prbrc_gg_):hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_.__active_prbrc_gg_:not(.__color_prbrc_gg_),.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_):active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_):hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_ .___SText_prbrc_gg_{text-decoration-style:dashed;text-decoration-color:currentColor}", /*__inner_css_end__*/"prbrc_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_m3xza_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, rgb(35, 95, 226));line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_m3xza_gg_,.___SButton_m3xza_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_m3xza_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_m3xza_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_m3xza_gg_.__active_m3xza_gg_,.___SButton_m3xza_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SButton_m3xza_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SButton_m3xza_gg_.__active_m3xza_gg_ .___SText_m3xza_gg_,.___SButton_m3xza_gg_:active .___SText_m3xza_gg_{border-color:currentColor}@media (hover:hover){.___SButton_m3xza_gg_:hover .___SText_m3xza_gg_{border-color:currentColor}}.___SButton_m3xza_gg_.__enableVisited_m3xza_gg_:visited{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}@media (hover:hover){.___SButton_m3xza_gg_.__enableVisited_m3xza_gg_:visited:hover{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}}.___SButton_m3xza_gg_ .___SText_m3xza_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_m3xza_gg_.__disabled_m3xza_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SButton_m3xza_gg_._use_secondary_m3xza_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SButton_m3xza_gg_._use_secondary_m3xza_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_m3xza_gg_._use_secondary_m3xza_gg_{color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_m3xza_gg_._use_secondary_m3xza_gg_.__active_m3xza_gg_,.___SButton_m3xza_gg_._use_secondary_m3xza_gg_:active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButton_m3xza_gg_._use_secondary_m3xza_gg_:hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButton_m3xza_gg_._use_secondary_m3xza_gg_ .___SText_m3xza_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_m3xza_gg_,.___SInner_m3xza_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_m3xza_gg_{height:100%;width:100%}.___SAddon_m3xza_gg_{vertical-align:middle;pointer-events:none}.___SButton_m3xza_gg_ .___SAddon_m3xza_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_m3xza_gg_ .___SAddon_m3xza_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_m3xza_gg_.__text-color_m3xza_gg_{color:var(--text-color_m3xza)}.___SButton_m3xza_gg_.__text-color_m3xza_gg_.__active_m3xza_gg_,.___SButton_m3xza_gg_.__text-color_m3xza_gg_:active{color:var(--text-color_m3xza);filter:brightness(.8)}@media (hover:hover){.___SButton_m3xza_gg_.__text-color_m3xza_gg_:hover{color:var(--text-color_m3xza);filter:brightness(.8)}}.___SButton_m3xza_gg_._size_100_m3xza_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_m3xza_gg_._size_200_m3xza_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_m3xza_gg_._size_300_m3xza_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_m3xza_gg_._size_400_m3xza_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_m3xza_gg_._size_500_m3xza_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_m3xza_gg_._size_600_m3xza_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_m3xza_gg_._size_700_m3xza_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_m3xza_gg_._size_800_m3xza_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_m3xza_gg_,.___SText_m3xza_gg_{transition:none}}", /*__inner_css_end__*/"m3xza_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButtonLink": "___SButtonLink_prbrc_gg_",
-  "_use_secondary": "_use_secondary_prbrc_gg_",
-  "__SText": "___SText_prbrc_gg_",
-  "_use_primary": "_use_primary_prbrc_gg_",
-  "_color": "__color_prbrc_gg_",
-  "_active": "__active_prbrc_gg_"
+  "__SButton": "___SButton_m3xza_gg_",
+  "_disabled": "__disabled_m3xza_gg_",
+  "__SInner": "___SInner_m3xza_gg_",
+  "__SAddon": "___SAddon_m3xza_gg_",
+  "_size_100": "_size_100_m3xza_gg_",
+  "_size_200": "_size_200_m3xza_gg_",
+  "_size_300": "_size_300_m3xza_gg_",
+  "_size_400": "_size_400_m3xza_gg_",
+  "_size_500": "_size_500_m3xza_gg_",
+  "_size_600": "_size_600_m3xza_gg_",
+  "_size_700": "_size_700_m3xza_gg_",
+  "_size_800": "_size_800_m3xza_gg_",
+  "__SText": "___SText_m3xza_gg_",
+  "_active": "__active_m3xza_gg_",
+  "_enableVisited": "__enableVisited_m3xza_gg_",
+  "_use_secondary": "_use_secondary_m3xza_gg_",
+  "_text-color": "__text-color_m3xza_gg_",
+  "--text-color": "--text-color_m3xza"
 });
-var RootButtonLink = /*#__PURE__*/function (_Component) {
+var enhance = {
+  resolveColor: (0, _resolveColorEnhance["default"])()
+};
+var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
   function RootButtonLink() {
     (0, _classCallCheck2["default"])(this, RootButtonLink);
     return (0, _callSuper2["default"])(this, RootButtonLink, arguments);
   }
-  (0, _inherits2["default"])(RootButtonLink, _Component);
+  (0, _inherits2["default"])(RootButtonLink, _AbstractButton);
   return (0, _createClass2["default"])(RootButtonLink, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref2;
-      var SButtonLink = _link["default"];
-      var disabled = this.asProps.disabled;
-      return _ref2 = (0, _core.sstyled)(style), /*#__PURE__*/_react["default"].createElement(SButtonLink, _ref2.cn("SButtonLink", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "tag": 'button',
-        "type": 'button',
-        "use:disabled": disabled,
-        "use:tabIndex": 0
-      }, _ref))));
+    key: "getTextColor",
+    value: function getTextColor() {
+      var _ref5 = this.asProps,
+        color = _ref5.color,
+        resolveColor = _ref5.resolveColor;
+      return resolveColor(color);
     }
   }]);
-}(_core.Component);
+}(_AbstractButton2.AbstractButton);
 (0, _defineProperty2["default"])(RootButtonLink, "displayName", 'ButtonLink');
+(0, _defineProperty2["default"])(RootButtonLink, "enhance", Object.values(enhance));
 (0, _defineProperty2["default"])(RootButtonLink, "style", style);
 (0, _defineProperty2["default"])(RootButtonLink, "defaultProps", {
-  use: 'primary',
-  size: 200
+  use: 'primary'
 });
+function Text(props) {
+  var _ref = arguments[0],
+    _ref3;
+  var SText = _flexBox.Box;
+  return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref3.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'span'
+  }, _ref))));
+}
+function Addon(props) {
+  var _ref2 = arguments[0],
+    _ref4;
+  var SAddon = _flexBox.Box;
+  return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref4.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'span'
+  }, _ref2))));
+}
 var ButtonLink = exports.ButtonLink = (0, _core.createComponent)(RootButtonLink, {
-  Text: _link["default"].Text,
-  Addon: _link["default"].Addon
-}, {
-  parent: _link["default"]
+  Text: Text,
+  Addon: Addon
 });
 //# sourceMappingURL=ButtonLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonLink.js","names":["_core","require","_link","_interopRequireDefault","_react","style","sstyled","insert","RootButtonLink","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref2","SButtonLink","Link","disabled","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","use","size","ButtonLink","exports","createComponent","Text","Addon","parent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root, Component } from '@semcore/core';\nimport Link from '@semcore/link';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkComponent, ButtonLinkProps } from './ButtonLink.type';\n\nclass RootButtonLink extends Component<ButtonLinkProps> {\n  static displayName = 'ButtonLink';\n  static style = style;\n  static defaultProps = {\n    use: 'primary',\n    size: 200,\n  };\n\n  render(): React.ReactNode {\n    const SButtonLink = Root;\n    const { disabled } = this.asProps;\n\n    return sstyled(style)(\n      <SButtonLink\n        render={Link}\n        tag='button'\n        type='button'\n        use:disabled={disabled}\n        use:tabIndex={0}\n      />,\n    );\n  }\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n  Text: Link.Text,\n  Addon: Link.Addon,\n}, {\n  parent: Link,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA0B;AAAA,IAAAI,KAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAKpBC,cAAc,0BAAAC,UAAA;EAAA,SAAAD,eAAA;IAAA,IAAAE,gBAAA,mBAAAF,cAAA;IAAA,WAAAG,WAAA,mBAAAH,cAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,cAAA,EAAAC,UAAA;EAAA,WAAAK,aAAA,aAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EAQlB,SAAAC,MAAMA,CAAA,EAAoB;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACxB,IAAMC,WAAW,GAKLC,gBAAI;MAJhB,IAAQC,QAAQ,GAAK,IAAI,CAACJ,OAAO,CAAzBI,QAAQ;MAEhB,OAAAH,KAAA,GAAO,IAAAd,aAAO,EAACD,KAAK,CAAC,eACnBD,MAAA,YAAAoB,aAAA,CAACH,WAAW,EAAAD,KAAA,CAAAK,EAAA,oBAAAC,cAAA,qBAAA1B,KAAA,CAAA2B,WAAA;QAAA,OAEN,QAAQ;QAAA,QACP,QAAQ;QAAA,gBACCJ,QAAQ;QAAA,gBACR;MAAC,GAAAL,IAAA,GAChB,CAAC;IAEN;EAAC;AAAA,EArB0BU,eAAS;AAAA,IAAAC,gBAAA,aAAhCrB,cAAc,iBACG,YAAY;AAAA,IAAAqB,gBAAA,aAD7BrB,cAAc,WAEHH,KAAK;AAAA,IAAAwB,gBAAA,aAFhBrB,cAAc,kBAGI;EACpBsB,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE;AACR,CAAC;AAkBI,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EAAC1B,cAAc,EAAE;EACxD2B,IAAI,EAAEb,gBAAI,CAACa,IAAI;EACfC,KAAK,EAAEd,gBAAI,CAACc;AACd,CAAC,EAAE;EACDC,MAAM,EAAEf;AACV,CAAC,CAAwB","ignoreList":[]}
+{"version":3,"file":"ButtonLink.js","names":["_core","require","_resolveColorEnhance","_interopRequireDefault","_flexBox","_react","_AbstractButton2","style","sstyled","insert","enhance","resolveColor","resolveColorEnhance","RootButtonLink","_AbstractButton","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextColor","_ref5","asProps","color","AbstractButton","_defineProperty2","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","ButtonLink","exports","createComponent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nconst enhance = {\n  resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n  static displayName = 'ButtonLink';\n  static enhance = Object.values(enhance);\n  static style = style;\n  static defaultProps = {\n    use: 'primary',\n  };\n\n  protected getTextColor(): string | undefined {\n    const { color, resolveColor } = this.asProps as any;\n    return resolveColor(color);\n  }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n  Text,\n  Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAIA,IAAAK,gBAAA,GAAAL,OAAA;AAAkE;AAAA,IAAAM,KAAA,8BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAElE,IAAMC,OAAO,GAAG;EACdC,YAAY,EAAE,IAAAC,+BAAmB,EAAC;AACpC,CAAC;AAAC,IAEIC,cAAc,0BAAAC,eAAA;EAAA,SAAAD,eAAA;IAAA,IAAAE,gBAAA,mBAAAF,cAAA;IAAA,WAAAG,WAAA,mBAAAH,cAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,cAAA,EAAAC,eAAA;EAAA,WAAAK,aAAA,aAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EAQlB,SAAUC,YAAYA,CAAA,EAAuB;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEd,YAAY,GAAAY,KAAA,CAAZZ,YAAY;MAC3B,OAAOA,YAAY,CAACc,KAAK,CAAC;IAC5B;EAAC;AAAA,EAX0BC,+BAAc;AAAA,IAAAC,gBAAA,aAArCd,cAAc,iBACG,YAAY;AAAA,IAAAc,gBAAA,aAD7Bd,cAAc,aAEDe,MAAM,CAACC,MAAM,CAACnB,OAAO,CAAC;AAAA,IAAAiB,gBAAA,aAFnCd,cAAc,WAGHN,KAAK;AAAA,IAAAoB,gBAAA,aAHhBd,cAAc,kBAII;EACpBiB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAA3B,aAAO,EAACwB,KAAK,CAACM,MAAM,CAAC,eAACjC,MAAA,YAAAkC,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAzC,KAAA,CAAA0C,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,GAAE,CAAC;AAChE;AAEA,SAASU,KAAKA,CAACX,KAA2B,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EAC1C,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAArC,aAAO,EAACwB,KAAK,CAACM,MAAM,CAAC,eAACjC,MAAA,YAAAkC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAzC,KAAA,CAAA0C,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,GAAE,CAAC;AACjE;AAEO,IAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EAACpC,cAAc,EAAE;EACxDkB,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAwB","ignoreList":[]}

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

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

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

@@ -1,19 +1,61 @@
-SButtonLink {
-  border: none;
+SButton {
+  display: inline-flex;
   font-family: inherit;
-}
-
-SButtonLink[use='primary']:not([color]) {
+  font-size: var(--intergalactic-fs-200, 14px);
   color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+  line-height: normal;
+  position: relative;
+  cursor: pointer;
+  text-decoration: none;
+  border: none;
+  padding: 0;
+  margin: 0;
+  box-shadow: none;
+  -webkit-tap-highlight-color: transparent;
+  background: none;
+  transition: color 0.15s ease-in-out;
 
-  &[active],
   &:active,
   &:hover {
+    text-decoration: none;
+  }
+
+  &::-moz-focus-inner {
+    border: none;
+    padding: 0;
+  }
+
+  &[active],
+  &:hover,
+  &:active {
     color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
+
+    & SText {
+      border-color: currentColor;
+    }
+  }
+
+  &[enableVisited]:visited,
+  &[enableVisited]:visited:hover {
+    color: var(--intergalactic-text-link-visited, oklch(0.53 0.26 296));
   }
+
+  SText {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-color: transparent;
+    transition: border-bottom-color 0.15s ease-in-out;
+  }
+}
+
+SButton[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
+  cursor: default;
+  /* Disable link interactions */
+  pointer-events: none;
 }
 
-SButtonLink[use='secondary']:not([color]) {
+SButton[use='secondary'] {
   color: var(--intergalactic-text-hint, oklch(0.088 0.026 147.7 / 0.583));
 
   &[active],
@@ -21,9 +63,97 @@ SButtonLink[use='secondary']:not([color]) {
   &:hover {
     color: var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
   }
+
+  SText {
+    border-bottom-width: 1px;
+    border-bottom-style: dashed;
+    border-color: currentColor;
+  }
+}
+
+SInner {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+}
+
+SAddon {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  vertical-align: middle;
+  pointer-events: none;
+}
+
+SButton SAddon {
+  &:not(:only-child):first-child {
+    margin-right: var(--intergalactic-spacing-1x, 4px);
+  }
+
+  &:not(:only-child):last-child {
+    margin-left: var(--intergalactic-spacing-1x, 4px);
+  }
+}
+
+SButton[text-color] {
+  color: var(--text-color);
+
+  &[active],
+  &:hover,
+  &:active {
+    color: var(--text-color);
+    filter: brightness(0.8);
+  }
+}
+
+SButton[size='100'] {
+  font-size: var(--intergalactic-fs-100, 12px);
+  line-height: var(--intergalactic-lh-100, 133%);
+}
+
+SButton[size='200'] {
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+}
+
+SButton[size='300'] {
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
 }
 
-SButtonLink[use='secondary'] SText {
-  text-decoration-style: dashed;
-  text-decoration-color: currentColor;
+SButton[size='400'] {
+  font-size: var(--intergalactic-fs-400, 20px);
+  line-height: var(--intergalactic-lh-400, 120%);
+}
+
+SButton[size='500'] {
+  font-size: var(--intergalactic-fs-500, 24px);
+  line-height: var(--intergalactic-lh-500, 117%);
+}
+
+SButton[size='600'] {
+  font-size: var(--intergalactic-fs-600, 32px);
+  line-height: var(--intergalactic-lh-600, 125%);
+}
+
+SButton[size='700'] {
+  font-size: var(--intergalactic-fs-700, 36px);
+  line-height: var(--intergalactic-lh-700, 110%);
+}
+
+SButton[size='800'] {
+  font-size: var(--intergalactic-fs-800, 48px);
+  line-height: var(--intergalactic-lh-800, 117%);
+}
+
+@media (prefers-reduced-motion) {
+  SButton {
+    transition: none;
+  }
+
+  SText {
+    transition: none;
+  }
 }

package/lib/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,7 +10,7 @@ var _exportNames = {
 Object.defineProperty(exports, "MAP_USE_DEFAULT_THEME", {
   enumerable: true,
   get: function get() {
-    return _Button.MAP_USE_DEFAULT_THEME;
+    return _AbstractButton.MAP_USE_DEFAULT_THEME;
   }
 });
 Object.defineProperty(exports, "default", {
@@ -19,7 +19,7 @@ Object.defineProperty(exports, "default", {
     return _Button["default"];
   }
 });
-var _Button = _interopRequireWildcard(require("./component/Button/Button"));
+var _Button = _interopRequireDefault(require("./component/Button/Button"));
 var _Button2 = require("./component/Button/Button.type");
 Object.keys(_Button2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -56,4 +56,5 @@ Object.keys(_ButtonLink2).forEach(function (key) {
     }
   });
 });
+var _AbstractButton = require("./component/AbstractButton/AbstractButton");
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Button","_interopRequireWildcard","require","_Button2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ButtonLink","_ButtonLink2"],"sources":["../../src/index.ts"],"sourcesContent":["export { default, MAP_USE_DEFAULT_THEME } from './component/Button/Button';\nexport * from './component/Button/Button.type';\nexport * from './component/ButtonLink/ButtonLink';\nexport * from './component/ButtonLink/ButtonLink.type';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,QAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,QAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,QAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,WAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,WAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,WAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,YAAA,GAAAf,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAY,YAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,YAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,YAAA,CAAAV,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Button","_interopRequireDefault","require","_Button2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ButtonLink","_ButtonLink2","_AbstractButton"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './component/Button/Button';\nexport * from './component/Button/Button.type';\nexport * from './component/ButtonLink/ButtonLink';\nexport * from './component/ButtonLink/ButtonLink.type';\nexport { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,QAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,QAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,QAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,WAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,WAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,WAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,YAAA,GAAAf,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAY,YAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,YAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,YAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,eAAA,GAAAhB,OAAA","ignoreList":[]}

package/lib/es6/component/AbstractButton/AbstractButton.js

@@ -0,0 +1,184 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _callSuper from "@babel/runtime/helpers/callSuper";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { assignProps as _assignProps2 } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';
+import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
+import hasLabels from '@semcore/core/lib/utils/hasLabels';
+import logger from '@semcore/core/lib/utils/logger';
+import { Box } from '@semcore/flex-box';
+import NeighborLocation from '@semcore/neighbor-location';
+import { Hint } from '@semcore/tooltip';
+import React from 'react';
+import SpinButton from './SpinButton';
+export var MAP_USE_DEFAULT_THEME = {
+  primary: 'info',
+  secondary: 'muted',
+  tertiary: 'info'
+};
+export var AbstractButton = /*#__PURE__*/function (_Component) {
+  function AbstractButton() {
+    var _this;
+    _classCallCheck(this, AbstractButton);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, AbstractButton, [].concat(args));
+    _defineProperty(_this, "containerRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_this, "state", {
+      ariaLabelledByContent: null
+    });
+    return _this;
+  }
+  _inherits(AbstractButton, _Component);
+  return _createClass(AbstractButton, [{
+    key: "getTextProps",
+    value: function getTextProps() {
+      var size = this.asProps.size;
+      return {
+        size: size
+      };
+    }
+  }, {
+    key: "getAddonProps",
+    value: function getAddonProps() {
+      var size = this.asProps.size;
+      return {
+        size: size
+      };
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      if (process.env.NODE_ENV !== 'production') {
+        logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title, "'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content", this.asProps['data-ui-name'] || AbstractButton.displayName);
+        logger.warn(this.asProps.theme === 'warning', 'Warning theme is deprecated and will be removed in the next major release.', this.asProps['data-ui-name'] || AbstractButton.displayName);
+      }
+      var ariaLabelledby = this.asProps['aria-labelledby'];
+      if (ariaLabelledby) {
+        setTimeout(function () {
+          var _document$getElementB, _document$getElementB2;
+          _this2.setState({
+            ariaLabelledByContent: (_document$getElementB = (_document$getElementB2 = document.getElementById(ariaLabelledby)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.textContent) !== null && _document$getElementB !== void 0 ? _document$getElementB : ''
+          });
+        }, 0);
+      }
+    }
+  }, {
+    key: "renderButton",
+    value: function renderButton(_ref6) {
+      var _ref = this.asProps,
+        _ref3;
+      var buttonProps = _ref6.buttonProps,
+        children = _ref6.children;
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        theme = _this$asProps.theme;
+      var SButton = Box;
+      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SButton, _ref3.cn("SButton", _objectSpread({}, _assignProps(_objectSpread({
+        "invertOutline": theme === 'invert'
+      }, buttonProps), _ref))), children);
+    }
+  }, {
+    key: "renderButtonWithHint",
+    value: function renderButtonWithHint(_ref7) {
+      var _ref2 = this.asProps,
+        _ref4;
+      var buttonProps = _ref7.buttonProps,
+        children = _ref7.children,
+        hintProps = _ref7.hintProps;
+      var _this$asProps2 = this.asProps,
+        styles = _this$asProps2.styles,
+        theme = _this$asProps2.theme;
+      var SButton = Hint;
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, _assignProps2(_objectSpread(_objectSpread(_objectSpread({
+        "invertOutline": theme === 'invert'
+      }, buttonProps), hintProps), {}, {
+        "ignorePortalsStacking": true
+      }), _ref2))), children);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref8,
+        _ref9,
+        _this3 = this;
+      var _this$asProps3 = this.asProps,
+        styles = _this$asProps3.styles,
+        use = _this$asProps3.use,
+        _this$asProps3$theme = _this$asProps3.theme,
+        theme = _this$asProps3$theme === void 0 ? typeof use === 'string' && MAP_USE_DEFAULT_THEME[use] : _this$asProps3$theme,
+        loading = _this$asProps3.loading,
+        _this$asProps3$disabl = _this$asProps3.disabled,
+        disabled = _this$asProps3$disabl === void 0 ? loading : _this$asProps3$disabl,
+        size = _this$asProps3.size,
+        neighborLocation = _this$asProps3.neighborLocation,
+        hasChildren = _this$asProps3.children,
+        title = _this$asProps3.title,
+        ariaLabel = _this$asProps3['aria-label'],
+        Children = _this$asProps3.Children,
+        AddonLeft = _this$asProps3.addonLeft,
+        AddonRight = _this$asProps3.addonRight,
+        hintPlacement = _this$asProps3.hintPlacement;
+      // @ts-ignore
+      var Button = this[CORE_INSTANCE];
+      var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
+      var SInner = Box;
+      var SSpin = Box;
+      var buttonAriaLabel = (_ref8 = (_ref9 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref9 !== void 0 ? _ref9 : this.state.ariaLabelledByContent) !== null && _ref8 !== void 0 ? _ref8 : '';
+      var buttonProps = {
+        'type': 'button',
+        'tag': 'button',
+        disabled: disabled,
+        'use:theme': useTheme,
+        'ref': this.containerRef,
+        'text-color': this.getTextColor(),
+        'aria-busy': loading,
+        '__excludeProps': ['title'],
+        'tabIndex': 0
+      };
+      var hintProps = {
+        title: buttonAriaLabel,
+        timeout: [250, 50],
+        placement: hintPlacement,
+        theme: theme === 'invert' ? 'invert' : undefined,
+        __excludeProps: []
+      };
+      return /*#__PURE__*/React.createElement(NeighborLocation.Detect, {
+        neighborLocation: neighborLocation
+      }, function (neighborLocation) {
+        var _ref5;
+        var children = (_ref5 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SInner, _ref5.cn("SInner", {
+          "tag": 'span',
+          "loading": loading,
+          "data-ui-name": "".concat(_this3.asProps['data-ui-name'], ".InnerWrapper")
+        }), AddonLeft ? /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(AddonLeft, _ref5.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Button.Text, Button.Addon), AddonRight ? /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(AddonRight, _ref5.cn("AddonRight", {}))) : null), loading && /*#__PURE__*/React.createElement(SSpin, _ref5.cn("SSpin", {
+          "tag": 'span'
+        }), /*#__PURE__*/React.createElement(SpinButton, _ref5.cn("SpinButton", {
+          "centered": true,
+          "size": size,
+          "theme": useTheme
+        })))));
+        buttonProps.neighborLocation = neighborLocation;
+        if (hasChildren === undefined || title) {
+          return _this3.renderButtonWithHint({
+            buttonProps: buttonProps,
+            hintProps: hintProps,
+            children: children
+          });
+        }
+        return _this3.renderButton({
+          buttonProps: buttonProps,
+          children: children
+        });
+      });
+    }
+  }]);
+}(Component);
+_defineProperty(AbstractButton, "displayName", 'AbstractButton');
+//# sourceMappingURL=AbstractButton.js.map