@semcore/button 5.43.0-prerelease.0 → 16.0.0-prerelease.4
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.
- package/CHANGELOG.md +3 -3
- package/lib/cjs/component/AbstractButton/AbstractButton.js +3 -4
- package/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
- package/lib/cjs/component/AbstractButton/AbstractButton.type.js.map +1 -1
- package/lib/cjs/component/Button/Button.js +28 -34
- package/lib/cjs/component/Button/Button.js.map +1 -1
- package/lib/cjs/component/Button/Button.type.js.map +1 -1
- package/lib/cjs/component/Button/button.shadow.css +2 -26
- package/lib/cjs/component/ButtonLink/ButtonLink.js +22 -27
- package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
- package/lib/cjs/component/ButtonLink/ButtonLink.type.js.map +1 -1
- package/lib/cjs/component/ButtonLink/buttonLink.shadow.css +1 -10
- package/lib/es6/component/AbstractButton/AbstractButton.js +3 -4
- package/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
- package/lib/es6/component/AbstractButton/AbstractButton.type.js.map +1 -1
- package/lib/es6/component/Button/Button.js +28 -32
- package/lib/es6/component/Button/Button.js.map +1 -1
- package/lib/es6/component/Button/Button.type.js.map +1 -1
- package/lib/es6/component/Button/button.shadow.css +2 -26
- package/lib/es6/component/ButtonLink/ButtonLink.js +22 -25
- package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
- package/lib/es6/component/ButtonLink/ButtonLink.type.js.map +1 -1
- package/lib/es6/component/ButtonLink/buttonLink.shadow.css +1 -10
- package/lib/esm/component/AbstractButton/AbstractButton.mjs +31 -31
- package/lib/esm/component/Button/Button.mjs +64 -69
- package/lib/esm/component/ButtonLink/ButtonLink.mjs +56 -60
- package/lib/types/component/AbstractButton/AbstractButton.type.d.ts +1 -1
- package/lib/types/component/Button/Button.type.d.ts +2 -6
- package/package.json +6 -9
- package/src/component/AbstractButton/AbstractButton.tsx +3 -9
- package/src/component/AbstractButton/AbstractButton.type.ts +1 -1
- package/src/component/Button/Button.tsx +2 -10
- package/src/component/Button/Button.type.ts +2 -7
- package/src/component/Button/button.shadow.css +2 -26
- package/src/component/ButtonLink/ButtonLink.tsx +2 -4
- package/src/component/ButtonLink/ButtonLink.type.ts +1 -1
- package/src/component/ButtonLink/buttonLink.shadow.css +1 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AbstractButton.js","names":["React","Box","Hint","NeighborLocation","addonTextChildren","logger","SpinButton","hasLabels","Component","CORE_INSTANCE","Root","sstyled","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","AbstractButton","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","ariaLabelledByContent","_createClass","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","warn","containerRef","current","title","displayName","theme","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","styles","SButton","createElement","cn","_objectSpread","_assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","_assignProps2","render","_ref8","_ref9","_this3","_this$asProps","use","_this$asProps$theme","loading","_this$asProps$disable","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","type","tag","ref","getTextColor","__excludeProps","timeout","placement","undefined","Detect","_ref5","Fragment","Addon","Text"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { AbstractButtonProps } from './AbstractButton.type';\nimport { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\nexport abstract class AbstractButton extends Component<Props, {}, {}> {\n static displayName = 'AbstractButton';\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state = {\n ariaLabelledByContent: null,\n };\n\n protected abstract getTextColor(): string | undefined;\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\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'] || AbstractButton.displayName,\n );\n\n logger.warn(\n this.asProps.theme === 'warning',\n 'Warning theme is deprecated and will be removed in the next major release.',\n this.asProps['data-ui-name'] || AbstractButton.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 renderButton({ buttonProps, children }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Box} {...buttonProps}>\n {children}\n </SButton>,\n );\n }\n\n renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Hint} {...buttonProps} {...hintProps}>\n {children}\n </SButton>,\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: hasChildren,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\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 buttonProps: Record<string, any> = {\n type: 'button',\n tag: 'button',\n disabled,\n 'use:theme': useTheme,\n ref: this.containerRef,\n 'text-color': this.getTextColor(),\n 'aria-busy': loading,\n __excludeProps: ['title'],\n };\n\n const hintProps = {\n title: buttonAriaLabel,\n timeout: [250, 50],\n placement: hintPlacement,\n theme: theme === 'invert' ? 'invert' : undefined,\n __excludeProps: [],\n };\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n const children = sstyled(styles)(\n <>\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading}>\n {AddonLeft ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n ) : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n ) : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </>,\n );\n buttonProps.neighborLocation = neighborLocation;\n\n if (hasChildren === undefined || title) {\n return this.renderButtonWithHint({ buttonProps, hintProps, children });\n }\n\n return this.renderButton({ buttonProps, children });\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AbstractButton.js","names":["React","Box","Hint","NeighborLocation","addonTextChildren","logger","SpinButton","hasLabels","Component","CORE_INSTANCE","Root","sstyled","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","AbstractButton","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","ariaLabelledByContent","_createClass","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","warn","containerRef","current","title","displayName","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","styles","SButton","createElement","cn","_objectSpread","_assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","_assignProps2","render","_ref8","_ref9","_this3","_this$asProps","use","_this$asProps$theme","theme","loading","_this$asProps$disable","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","type","tag","ref","getTextColor","__excludeProps","timeout","placement","undefined","Detect","_ref5","Fragment","Addon","Text"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport logger from '@semcore/core/lib/utils/logger';\nimport SpinButton from './SpinButton';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport { AbstractButtonProps } from './AbstractButton.type';\nimport { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\nexport abstract class AbstractButton extends Component<Props, {}, {}> {\n static displayName = 'AbstractButton';\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state = {\n ariaLabelledByContent: null,\n };\n\n protected abstract getTextColor(): string | undefined;\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\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'] || AbstractButton.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 renderButton({ buttonProps, children }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Box} {...buttonProps}>\n {children}\n </SButton>,\n );\n }\n\n renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Hint} {...buttonProps} {...hintProps}>\n {children}\n </SButton>,\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: hasChildren,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\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 buttonProps: Record<string, any> = {\n type: 'button',\n tag: 'button',\n disabled,\n 'use:theme': useTheme,\n ref: this.containerRef,\n 'text-color': this.getTextColor(),\n 'aria-busy': loading,\n __excludeProps: ['title'],\n };\n\n const hintProps = {\n title: buttonAriaLabel,\n timeout: [250, 50],\n placement: hintPlacement,\n theme: theme === 'invert' ? 'invert' : undefined,\n __excludeProps: [],\n };\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n const children = sstyled(styles)(\n <>\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading}>\n {AddonLeft ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n ) : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n ) : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </>,\n );\n buttonProps.neighborLocation = neighborLocation;\n\n if (hasChildren === undefined || title) {\n return this.renderButtonWithHint({ buttonProps, hintProps, children });\n }\n\n return this.renderButton({ buttonProps, children });\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,iBAAiB,MAAM,2CAA2C;AACzE,OAAOC,MAAM,MAAM,gCAAgC;AACnD,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,SAAS,MAAM,mCAAmC;AAEzD,SAASC,SAAS,EAAEC,aAAa,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAEvE,OAAO,IAAMC,qBAA6C,GAAG;EAC3DC,OAAO,EAAE,MAAM;EACfC,SAAS,EAAE,OAAO;EAClBC,QAAQ,EAAE;AACZ,CAAC;AAID,WAAsBC,cAAc,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,cAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,gCAGnBrB,KAAK,CAACkC,SAAS,EAAqB;IAAAF,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,YAE3C;MACNc,qBAAqB,EAAE;IACzB,CAAC;IAAA,OAAAd,KAAA;EAAA;EAAAe,YAAA,CAAApB,cAAA;IAAAqB,GAAA;IAAAC,KAAA,EAID,SAAAC,aAAA,EAAe;MACb,IAAQC,IAAI,GAAK,IAAI,CAACC,OAAO,CAArBD,IAAI;MAEZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,cAAA,EAAgB;MACd,IAAQF,IAAI,GAAK,IAAI,CAACC,OAAO,CAArBD,IAAI;MACZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAK,kBAAA,EAAoB;MAAA,IAAAC,MAAA;MAClB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;QACzC1C,MAAM,CAAC2C,IAAI,CACT,IAAI,CAACC,YAAY,CAACC,OAAO,IAAI,CAAC3C,SAAS,CAAC,IAAI,CAAC0C,YAAY,CAACC,OAAO,CAAC,IAAI,CAAC,IAAI,CAACT,OAAO,CAACU,KAAK,sGAEzF,IAAI,CAACV,OAAO,CAAC,cAAc,CAAC,IAAIzB,cAAc,CAACoC,WAAW,CAC3D;MACH;MAEA,IAAMC,cAAc,GAAG,IAAI,CAACZ,OAAO,CAAC,iBAAiB,CAAC;MAEtD,IAAIY,cAAc,EAAE;QAClBC,UAAU,CAAC,YAAM;UAAA,IAAAC,qBAAA,EAAAC,sBAAA;UACfZ,MAAI,CAACa,QAAQ,CAAC;YACZtB,qBAAqB,GAAAoB,qBAAA,IAAAC,sBAAA,GAAEE,QAAQ,CAACC,cAAc,CAACN,cAAc,CAAC,cAAAG,sBAAA,uBAAvCA,sBAAA,CAAyCI,WAAW,cAAAL,qBAAA,cAAAA,qBAAA,GAAI;UACjF,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,CAAC;MACP;IACF;EAAC;IAAAlB,GAAA;IAAAC,KAAA,EAED,SAAAuB,aAAAC,KAAA,EAA6C;MAAA,IAAAC,IAAA,QAAAtB,OAAA;QAAAuB,KAAA;MAAA,IAA9BC,WAAW,GAAAH,KAAA,CAAXG,WAAW;QAAEC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;MAClC,IAAQC,MAAM,GAAK,IAAI,CAAC1B,OAAO,CAAvB0B,MAAM;MACd,IAAMC,OAAO,GAGMnE,GAAG;MADtB,OAAA+D,KAAA,GAAOrD,OAAO,CAACwD,MAAM,CAAC,eACpBnE,KAAA,CAAAqE,aAAA,CAACD,OAAO,EAAAJ,KAAA,CAAAM,EAAA,YAAAC,aAAA,KAAAC,YAAA,CAAAD,aAAA,KAAkBN,WAAW,GAAAF,IAAA,KAClCG,QAAQ,CACD;IAEd;EAAC;IAAA7B,GAAA;IAAAC,KAAA,EAED,SAAAmC,qBAAAC,KAAA,EAAgE;MAAA,IAAAC,KAAA,QAAAlC,OAAA;QAAAmC,KAAA;MAAA,IAAzCX,WAAW,GAAAS,KAAA,CAAXT,WAAW;QAAEC,QAAQ,GAAAQ,KAAA,CAARR,QAAQ;QAAEW,SAAS,GAAAH,KAAA,CAATG,SAAS;MACrD,IAAQV,MAAM,GAAK,IAAI,CAAC1B,OAAO,CAAvB0B,MAAM;MACd,IAAMC,OAAO,GAGMlE,IAAI;MADvB,OAAA0E,KAAA,GAAOjE,OAAO,CAACwD,MAAM,CAAC,eACpBnE,KAAA,CAAAqE,aAAA,CAACD,OAAO,EAAAQ,KAAA,CAAAN,EAAA,YAAAC,aAAA,KAAAO,aAAA,CAAAP,aAAA,CAAAA,aAAA,KAAmBN,WAAW,GAAMY,SAAS,GAAAF,KAAA,KAClDT,QAAQ,CACD;IAEd;EAAC;IAAA7B,GAAA;IAAAC,KAAA,EAED,SAAAyC,OAAA,EAAS;MAAA,IAAAC,KAAA;QAAAC,KAAA;QAAAC,MAAA;MACP,IAAAC,aAAA,GAeI,IAAI,CAAC1C,OAAO;QAdd0B,MAAM,GAAAgB,aAAA,CAANhB,MAAM;QACNiB,GAAG,GAAAD,aAAA,CAAHC,GAAG;QAAAC,mBAAA,GAAAF,aAAA,CACHG,KAAK;QAALA,KAAK,GAAAD,mBAAA,cAAG,OAAOD,GAAG,KAAK,QAAQ,IAAIxE,qBAAqB,CAACwE,GAAG,CAAC,GAAAC,mBAAA;QAC7DE,OAAO,GAAAJ,aAAA,CAAPI,OAAO;QAAAC,qBAAA,GAAAL,aAAA,CACPM,QAAQ;QAARA,QAAQ,GAAAD,qBAAA,cAAGD,OAAO,GAAAC,qBAAA;QAClBhD,IAAI,GAAA2C,aAAA,CAAJ3C,IAAI;QACJkD,gBAAgB,GAAAP,aAAA,CAAhBO,gBAAgB;QACNC,WAAW,GAAAR,aAAA,CAArBjB,QAAQ;QACRf,KAAK,GAAAgC,aAAA,CAALhC,KAAK;QACWyC,SAAS,GAAAT,aAAA,CAAxB,YAAY;QACbU,QAAQ,GAAAV,aAAA,CAARU,QAAQ;QACGC,SAAS,GAAAX,aAAA,CAApBY,SAAS;QACGC,UAAU,GAAAb,aAAA,CAAtBc,UAAU;QACVC,aAAa,GAAAf,aAAA,CAAbe,aAAa;MAEf;MACA,IAAMC,MAAM,GAAG,IAAI,CAAC1F,aAAa,CAAC;MAClC,IAAM2F,QAAQ,GAAGhB,GAAG,IAAIE,KAAK,MAAAvD,MAAA,CAAMqD,GAAG,OAAArD,MAAA,CAAIuD,KAAK,IAAK,KAAK;MACzD,IAAMe,MAAM,GAAGpG,GAAG;MAClB,IAAMqG,KAAK,GAAGrG,GAAG;MACjB,IAAMsG,eAAe,IAAAvB,KAAA,IAAAC,KAAA,GAAG9B,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIyC,SAAS,cAAAX,KAAA,cAAAA,KAAA,GAAI,IAAI,CAACuB,KAAK,CAACrE,qBAAqB,cAAA6C,KAAA,cAAAA,KAAA,GAAI,EAAE;MAEpF,IAAMf,WAAgC,GAAG;QACvCwC,IAAI,EAAE,QAAQ;QACdC,GAAG,EAAE,QAAQ;QACbjB,QAAQ,EAARA,QAAQ;QACR,WAAW,EAAEW,QAAQ;QACrBO,GAAG,EAAE,IAAI,CAAC1D,YAAY;QACtB,YAAY,EAAE,IAAI,CAAC2D,YAAY,EAAE;QACjC,WAAW,EAAErB,OAAO;QACpBsB,cAAc,EAAE,CAAC,OAAO;MAC1B,CAAC;MAED,IAAMhC,SAAS,GAAG;QAChB1B,KAAK,EAAEoD,eAAe;QACtBO,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC;QAClBC,SAAS,EAAEb,aAAa;QACxBZ,KAAK,EAAEA,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAG0B,SAAS;QAChDH,cAAc,EAAE;MAClB,CAAC;MAED,oBACE7G,KAAA,CAAAqE,aAAA,CAAClE,gBAAgB,CAAC8G,MAAM;QAACvB,gBAAgB,EAAEA;MAAiB,GACzD,UAACA,gBAAgB,EAAK;QAAA,IAAAwB,KAAA;QACrB,IAAMhD,QAAQ,IAAAgD,KAAA,GAAGvG,OAAO,CAACwD,MAAM,CAAC,eAC9BnE,KAAA,CAAAqE,aAAA,CAAArE,KAAA,CAAAmH,QAAA,qBAEEnH,KAAA,CAAAqE,aAAA,CAACgC,MAAM,EAAAa,KAAA,CAAA5C,EAAA;UAAA,OAAK,MAAM;UAAA,WAAUiB;QAAO,IAChCO,SAAS,gBACR9F,KAAA,CAAAqE,aAAA,CAAC8B,MAAM,CAACiB,KAAK,qBACXpH,KAAA,CAAAqE,aAAA,CAACyB,SAAS,EAAAoB,KAAA,CAAA5C,EAAA,kBAAG,CACA,GACb,IAAI,EACPlE,iBAAiB,CAACyF,QAAQ,EAAEM,MAAM,CAACkB,IAAI,EAAElB,MAAM,CAACiB,KAAK,CAAC,EACtDpB,UAAU,gBACThG,KAAA,CAAAqE,aAAA,CAAC8B,MAAM,CAACiB,KAAK,qBACXpH,KAAA,CAAAqE,aAAA,CAAC2B,UAAU,EAAAkB,KAAA,CAAA5C,EAAA,mBAAG,CACD,GACb,IAAI,CACD,EACRiB,OAAO,iBACNvF,KAAA,CAAAqE,aAAA,CAACiC,KAAK,EAAAY,KAAA,CAAA5C,EAAA;UAAA,OAAK;QAAM,iBACftE,KAAA,CAAAqE,aAAA,CAAC/D,UAAU,EAAA4G,KAAA,CAAA5C,EAAA;UAAA;UAAA,QAAgB9B,IAAI;UAAA,SAAS4D;QAAQ,GAAI,CAEvD,CACA,CACJ;QACDnC,WAAW,CAACyB,gBAAgB,GAAGA,gBAAgB;QAE/C,IAAIC,WAAW,KAAKqB,SAAS,IAAI7D,KAAK,EAAE;UACtC,OAAO+B,MAAI,CAACT,oBAAoB,CAAC;YAAER,WAAW,EAAXA,WAAW;YAAEY,SAAS,EAATA,SAAS;YAAEX,QAAQ,EAARA;UAAS,CAAC,CAAC;QACxE;QAEA,OAAOgB,MAAI,CAACrB,YAAY,CAAC;UAAEI,WAAW,EAAXA,WAAW;UAAEC,QAAQ,EAARA;QAAS,CAAC,CAAC;MACrD,CAAC,CACuB;IAE9B;EAAC;EAAA,OAAAlD,cAAA;AAAA,EAnJ0CR,SAAS;AAoJrDwB,eAAA,CApJqBhB,cAAc,iBACb,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AbstractButton.type.js","names":[],"sources":["../../../../src/component/AbstractButton/AbstractButton.type.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn } from '@semcore/core';\nimport { KeyboardFocusProps } from '@semcore/
|
|
1
|
+
{"version":3,"file":"AbstractButton.type.js","names":[],"sources":["../../../../src/component/AbstractButton/AbstractButton.type.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn } from '@semcore/core';\nimport { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport { BoxProps } from '@semcore/flex-box';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { TooltipHintProps } from '@semcore/tooltip';\n\nexport type AbstractButtonProps<S, U, T> = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps & {\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?: TooltipHintProps['placement'];\n\n /** Button type. Defined in Button.type or ButtonLink.type */\n size?: S;\n /** Button usage. Defined in Button.type or ButtonLink.type */\n use?: U;\n /** Button theme. Defined in Button.type or ButtonLink.type */\n theme?: T;\n };\n\nexport type AbstractButtonAddonProps<S> = BoxProps & {\n size?: S;\n};\n\nexport type AbstractButtonTextProps<S> = BoxProps & {\n size?: S;\n};\n\nexport type AbstractButtonContext = {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n};\n"],"mappings":""}
|
|
@@ -4,42 +4,39 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
5
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
7
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
8
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
10
10
|
import React from 'react';
|
|
11
|
-
import createComponent,
|
|
11
|
+
import { createComponent, sstyled, Root } from '@semcore/core';
|
|
12
12
|
import { Box } from '@semcore/flex-box';
|
|
13
|
-
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
14
13
|
/*__reshadow-styles__:"./button.shadow.css"*/
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_12yjh_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_12yjh_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_12yjh_gg_:active,.___SButton_12yjh_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_12yjh_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_12yjh_gg_.__keyboardFocused_12yjh_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_12yjh_gg_.__disabled_12yjh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_12yjh_gg_._size_s_12yjh_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_12yjh_gg_._size_m_12yjh_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_12yjh_gg_._size_l_12yjh_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_12yjh_gg_._neighborLocation_right_12yjh_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_{border-radius:0;margin-left:-1px}.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_{position:relative}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_:after,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_._theme_secondary-muted_12yjh_gg_:after,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_._theme_secondary-muted_12yjh_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_12yjh_gg_+.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_:after,.___SButton_12yjh_gg_+.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_12yjh_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_12yjh_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_12yjh_gg_.__loading_12yjh_gg_{visibility:hidden}.___SText_12yjh_gg_{display:inline-flex}.___SText_12yjh_gg_._size_l_12yjh_gg_,.___SText_12yjh_gg_._size_m_12yjh_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_12yjh_gg_._size_m_12yjh_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_12yjh_gg_._size_l_12yjh_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_12yjh_gg_._size_l_12yjh_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_12yjh_gg_._size_l_12yjh_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_12yjh_gg_._size_l_12yjh_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_12yjh_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_12yjh_gg_._size_m_12yjh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_12yjh_gg_._size_m_12yjh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_12yjh_gg_._size_m_12yjh_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_12yjh_gg_._size_l_12yjh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_12yjh_gg_._size_l_12yjh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_12yjh_gg_._size_l_12yjh_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "12yjh_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
-
"__SButton": "
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"_theme_primary-
|
|
33
|
-
"_theme_primary-
|
|
34
|
-
"_theme_primary-
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"_theme_secondary-
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"_theme_tertiary-
|
|
41
|
-
"_theme_tertiary-muted": "_theme_tertiary-muted_12yjh_gg_",
|
|
42
|
-
"_theme_tertiary-invert": "_theme_tertiary-invert_12yjh_gg_"
|
|
14
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_1tqb6_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_1tqb6_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1tqb6_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1tqb6_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1tqb6_gg_.__disabled_1tqb6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1tqb6_gg_._size_s_1tqb6_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1tqb6_gg_._size_m_1tqb6_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1tqb6_gg_._size_l_1tqb6_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1tqb6_gg_._theme_secondary-info_1tqb6_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_secondary-info_1tqb6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1tqb6_gg_._theme_secondary-info_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_secondary-info_1tqb6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1tqb6_gg_._theme_secondary-invert_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_secondary-invert_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1tqb6_gg_._theme_secondary-invert_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_secondary-invert_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1tqb6_gg_._neighborLocation_right_1tqb6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_{border-radius:0;margin-left:-1px}.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_,.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_{position:relative}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_:after,.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:after,.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1tqb6_gg_+.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_:after,.___SButton_1tqb6_gg_+.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1tqb6_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1tqb6_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1tqb6_gg_.__loading_1tqb6_gg_{visibility:hidden}.___SText_1tqb6_gg_{display:inline-flex}.___SText_1tqb6_gg_._size_l_1tqb6_gg_,.___SText_1tqb6_gg_._size_m_1tqb6_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1tqb6_gg_._size_m_1tqb6_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1tqb6_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1tqb6_gg_._size_m_1tqb6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1tqb6_gg_._size_m_1tqb6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1tqb6_gg_._size_m_1tqb6_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_1tqb6_gg_._size_l_1tqb6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1tqb6_gg_._size_l_1tqb6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1tqb6_gg_._size_l_1tqb6_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "1tqb6_gg_") /*__reshadow_css_end__*/, {
|
|
15
|
+
"__SButton": "___SButton_1tqb6_gg_",
|
|
16
|
+
"_disabled": "__disabled_1tqb6_gg_",
|
|
17
|
+
"_size_s": "_size_s_1tqb6_gg_",
|
|
18
|
+
"_size_m": "_size_m_1tqb6_gg_",
|
|
19
|
+
"_size_l": "_size_l_1tqb6_gg_",
|
|
20
|
+
"_neighborLocation_right": "_neighborLocation_right_1tqb6_gg_",
|
|
21
|
+
"_neighborLocation_both": "_neighborLocation_both_1tqb6_gg_",
|
|
22
|
+
"_neighborLocation_left": "_neighborLocation_left_1tqb6_gg_",
|
|
23
|
+
"__SSpin": "___SSpin_1tqb6_gg_",
|
|
24
|
+
"__SInner": "___SInner_1tqb6_gg_",
|
|
25
|
+
"_loading": "__loading_1tqb6_gg_",
|
|
26
|
+
"__SText": "___SText_1tqb6_gg_",
|
|
27
|
+
"__SAddon": "___SAddon_1tqb6_gg_",
|
|
28
|
+
"_theme_primary-info": "_theme_primary-info_1tqb6_gg_",
|
|
29
|
+
"_active": "__active_1tqb6_gg_",
|
|
30
|
+
"_theme_primary-success": "_theme_primary-success_1tqb6_gg_",
|
|
31
|
+
"_theme_primary-warning": "_theme_primary-warning_1tqb6_gg_",
|
|
32
|
+
"_theme_primary-danger": "_theme_primary-danger_1tqb6_gg_",
|
|
33
|
+
"_theme_primary-invert": "_theme_primary-invert_1tqb6_gg_",
|
|
34
|
+
"_theme_secondary-muted": "_theme_secondary-muted_1tqb6_gg_",
|
|
35
|
+
"_theme_secondary-info": "_theme_secondary-info_1tqb6_gg_",
|
|
36
|
+
"_theme_secondary-invert": "_theme_secondary-invert_1tqb6_gg_",
|
|
37
|
+
"_theme_tertiary-info": "_theme_tertiary-info_1tqb6_gg_",
|
|
38
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_1tqb6_gg_",
|
|
39
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_1tqb6_gg_"
|
|
43
40
|
});
|
|
44
41
|
import { AbstractButton } from '../AbstractButton/AbstractButton';
|
|
45
42
|
var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
|
@@ -58,7 +55,6 @@ var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
|
|
58
55
|
return RootButton;
|
|
59
56
|
}(AbstractButton);
|
|
60
57
|
_defineProperty(RootButton, "displayName", 'Button');
|
|
61
|
-
_defineProperty(RootButton, "enhance", [keyboardFocusEnhance()]);
|
|
62
58
|
_defineProperty(RootButton, "style", style);
|
|
63
59
|
_defineProperty(RootButton, "defaultProps", {
|
|
64
60
|
use: 'secondary',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["React","createComponent","sstyled","Root","Box","
|
|
1
|
+
{"version":3,"file":"Button.js","names":["React","createComponent","sstyled","Root","Box","style","_sstyled","insert","AbstractButton","RootButton","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","undefined","_defineProperty","use","size","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","Button"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;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;AAGxC,SAASC,cAAc,QAAQ,kCAAkC;AAAC,IAG5DC,UAAU,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,eAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EAQd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAVsBD,cAAc;AAAAc,eAAA,CAAjCb,UAAU,iBACO,QAAQ;AAAAa,eAAA,CADzBb,UAAU,WAECJ,KAAK;AAAAiB,eAAA,CAFhBb,UAAU,kBAGQ;EACpBc,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiC1B,GAAG;EAA/C,OAAAyB,KAAA,GAAO3B,OAAO,CAACwB,KAAK,CAACK,MAAM,CAAC,eAAC/B,KAAA,CAAAgC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAAuB,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtC,IAAMC,MAAM,GACiCnC,GAAG;EAAhD,OAAAkC,KAAA,GAAOpC,OAAO,CAACwB,KAAK,CAACK,MAAM,CAAC,eAAC/B,KAAA,CAAAgC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,IAAMI,MAAM,GAAGxC,eAAe,CAACQ,UAAU,EAAE;EACzCgB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAoB;AAErB,eAAeK,MAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\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
|
|
1
|
+
{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\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/** Button theme */\ntype Theme = 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';\n\n/** @deprecated */\nexport interface IButtonProps extends ButtonProps, UnknownProperties {}\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;\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":""}
|
|
@@ -12,7 +12,6 @@ SButton {
|
|
|
12
12
|
text-align: center;
|
|
13
13
|
vertical-align: middle;
|
|
14
14
|
border: 1px solid transparent;
|
|
15
|
-
outline: 0;
|
|
16
15
|
box-shadow: none;
|
|
17
16
|
cursor: pointer;
|
|
18
17
|
box-sizing: border-box;
|
|
@@ -30,18 +29,11 @@ SButton {
|
|
|
30
29
|
}
|
|
31
30
|
|
|
32
31
|
&:active,
|
|
33
|
-
&:hover
|
|
34
|
-
&:focus {
|
|
35
|
-
outline: 0;
|
|
32
|
+
&:hover {
|
|
36
33
|
text-decoration: none;
|
|
37
34
|
}
|
|
38
35
|
}
|
|
39
36
|
|
|
40
|
-
SButton[keyboardFocused] {
|
|
41
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
|
|
42
|
-
z-index: 1;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
37
|
SButton[disabled] {
|
|
46
38
|
opacity: var(--intergalactic-disabled-opacity, 0.3);
|
|
47
39
|
cursor: default;
|
|
@@ -100,22 +92,6 @@ SButton[theme='primary-success'] {
|
|
|
100
92
|
}
|
|
101
93
|
}
|
|
102
94
|
|
|
103
|
-
SButton[theme='primary-brand'] {
|
|
104
|
-
color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
105
|
-
background-color: var(--intergalactic-control-primary-brand, #ff642d);
|
|
106
|
-
|
|
107
|
-
&:hover {
|
|
108
|
-
color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
109
|
-
background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
&:active,
|
|
113
|
-
&[active] {
|
|
114
|
-
color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
115
|
-
background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
|
|
119
95
|
SButton[theme='primary-warning'] {
|
|
120
96
|
color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
121
97
|
background-color: var(--intergalactic-control-primary-brand, #ff642d);
|
|
@@ -128,7 +104,7 @@ SButton[theme='primary-warning'] {
|
|
|
128
104
|
&:active,
|
|
129
105
|
&[active] {
|
|
130
106
|
color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
131
|
-
background-color: var(--intergalactic-control-primary-brand-active, #
|
|
107
|
+
background-color: var(--intergalactic-control-primary-brand-active, #c33909);
|
|
132
108
|
}
|
|
133
109
|
}
|
|
134
110
|
|
|
@@ -4,39 +4,36 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
5
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
7
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
8
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
10
10
|
import React from 'react';
|
|
11
|
-
import createComponent,
|
|
11
|
+
import { createComponent, sstyled, Root } from '@semcore/core';
|
|
12
12
|
/*__reshadow-styles__:"./buttonLink.shadow.css"*/
|
|
13
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
14
|
-
"__SButton": "
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"--text-color": "--text-color_1xr08"
|
|
13
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_vy4nu_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_vy4nu_gg_,.___SButton_vy4nu_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_vy4nu_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_vy4nu_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_vy4nu_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_vy4nu_gg_.__active_vy4nu_gg_ .___SText_vy4nu_gg_,.___SButton_vy4nu_gg_:active .___SText_vy4nu_gg_{border-color:currentColor}@media (hover:hover){.___SButton_vy4nu_gg_:hover .___SText_vy4nu_gg_{border-color:currentColor}}.___SButton_vy4nu_gg_.__enableVisited_vy4nu_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_vy4nu_gg_.__enableVisited_vy4nu_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_vy4nu_gg_ .___SText_vy4nu_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_vy4nu_gg_.__disabled_vy4nu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_ .___SText_vy4nu_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_vy4nu_gg_,.___SInner_vy4nu_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_vy4nu_gg_{height:100%;width:100%}.___SAddon_vy4nu_gg_{vertical-align:middle;pointer-events:none}.___SButton_vy4nu_gg_ .___SAddon_vy4nu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_vy4nu_gg_ .___SAddon_vy4nu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_{color:var(--text-color_vy4nu)}.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_:active{color:var(--text-color_vy4nu);filter:brightness(.8)}@media (hover:hover){.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_:hover{color:var(--text-color_vy4nu);filter:brightness(.8)}}.___SButton_vy4nu_gg_._size_100_vy4nu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_vy4nu_gg_._size_200_vy4nu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_vy4nu_gg_._size_300_vy4nu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_vy4nu_gg_._size_400_vy4nu_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_vy4nu_gg_._size_500_vy4nu_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_vy4nu_gg_._size_600_vy4nu_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_vy4nu_gg_._size_700_vy4nu_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_vy4nu_gg_._size_800_vy4nu_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_vy4nu_gg_,.___SText_vy4nu_gg_{transition:none}}" /*__inner_css_end__*/, "vy4nu_gg_") /*__reshadow_css_end__*/, {
|
|
14
|
+
"__SButton": "___SButton_vy4nu_gg_",
|
|
15
|
+
"_disabled": "__disabled_vy4nu_gg_",
|
|
16
|
+
"__SInner": "___SInner_vy4nu_gg_",
|
|
17
|
+
"__SAddon": "___SAddon_vy4nu_gg_",
|
|
18
|
+
"_size_100": "_size_100_vy4nu_gg_",
|
|
19
|
+
"_size_200": "_size_200_vy4nu_gg_",
|
|
20
|
+
"_size_300": "_size_300_vy4nu_gg_",
|
|
21
|
+
"_size_400": "_size_400_vy4nu_gg_",
|
|
22
|
+
"_size_500": "_size_500_vy4nu_gg_",
|
|
23
|
+
"_size_600": "_size_600_vy4nu_gg_",
|
|
24
|
+
"_size_700": "_size_700_vy4nu_gg_",
|
|
25
|
+
"_size_800": "_size_800_vy4nu_gg_",
|
|
26
|
+
"__SText": "___SText_vy4nu_gg_",
|
|
27
|
+
"_active": "__active_vy4nu_gg_",
|
|
28
|
+
"_enableVisited": "__enableVisited_vy4nu_gg_",
|
|
29
|
+
"_use_secondary": "_use_secondary_vy4nu_gg_",
|
|
30
|
+
"_text-color": "__text-color_vy4nu_gg_",
|
|
31
|
+
"--text-color": "--text-color_vy4nu"
|
|
33
32
|
});
|
|
34
|
-
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
35
33
|
import { Box } from '@semcore/flex-box';
|
|
36
34
|
import { AbstractButton } from '../AbstractButton/AbstractButton';
|
|
37
|
-
import resolveColorEnhance from '@semcore/
|
|
35
|
+
import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
|
|
38
36
|
var enhance = {
|
|
39
|
-
keyboardFocused: keyboardFocusEnhance(),
|
|
40
37
|
resolveColor: resolveColorEnhance()
|
|
41
38
|
};
|
|
42
39
|
var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","
|
|
1
|
+
{"version":3,"file":"ButtonLink.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","Box","AbstractButton","resolveColorEnhance","enhance","resolveColor","RootButtonLink","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","_ref5","asProps","color","_defineProperty","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","ButtonLink"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport style from './buttonLink.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE/D,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,cAAc,QAAQ,kCAAkC;AACjE,OAAOC,mBAAmB,MAAM,sDAAsD;AAGtF,IAAMC,OAAO,GAAG;EACdC,YAAY,EAAEF,mBAAmB;AACnC,CAAC;AAAC,IAEIG,cAAc,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAAK,eAAA,OAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEf,YAAY,GAAAa,KAAA,CAAZb,YAAY;MAC3B,OAAOA,YAAY,CAACe,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0BJ,cAAc;AAAAmB,eAAA,CAArCf,cAAc,iBACG,YAAY;AAAAe,eAAA,CAD7Bf,cAAc,aAEDgB,MAAM,CAACC,MAAM,CAACnB,OAAO,CAAC;AAAAiB,eAAA,CAFnCf,cAAc,WAGHR,KAAK;AAAAuB,eAAA,CAHhBf,cAAc,kBAII;EACpBkB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiC7B,GAAG;EAA/C,OAAA4B,KAAA,GAAOjC,OAAO,CAAC8B,KAAK,CAACK,MAAM,CAAC,eAACrC,KAAA,CAAAsC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAA2B,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC1C,IAAMC,MAAM,GACiCtC,GAAG;EAAhD,OAAAqC,KAAA,GAAO1C,OAAO,CAAC8B,KAAK,CAACK,MAAM,CAAC,eAACrC,KAAA,CAAAsC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,OAAO,IAAMI,UAAU,GAAG9C,eAAe,CAACW,cAAc,EAAE;EACxDmB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAwB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\n\nimport {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button link size\n * @default m\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":""}
|
|
@@ -12,14 +12,11 @@ SButton {
|
|
|
12
12
|
margin: 0;
|
|
13
13
|
box-shadow: none;
|
|
14
14
|
-webkit-tap-highlight-color: transparent;
|
|
15
|
-
outline: 0;
|
|
16
15
|
background: none;
|
|
17
16
|
transition: color 0.15s ease-in-out;
|
|
18
17
|
|
|
19
18
|
&:active,
|
|
20
|
-
&:hover
|
|
21
|
-
&:focus {
|
|
22
|
-
outline: 0;
|
|
19
|
+
&:hover {
|
|
23
20
|
text-decoration: none;
|
|
24
21
|
}
|
|
25
22
|
|
|
@@ -51,12 +48,6 @@ SButton {
|
|
|
51
48
|
}
|
|
52
49
|
}
|
|
53
50
|
|
|
54
|
-
SButton[keyboardFocused] {
|
|
55
|
-
outline-color: var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));
|
|
56
|
-
outline-style: solid;
|
|
57
|
-
outline-width: 3px;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
51
|
SButton[disabled] {
|
|
61
52
|
opacity: var(--intergalactic-disabled-opacity, 0.3);
|
|
62
53
|
cursor: default;
|
|
@@ -3,32 +3,32 @@ import F from "@babel/runtime/helpers/esm/classCallCheck";
|
|
|
3
3
|
import O from "@babel/runtime/helpers/esm/createClass";
|
|
4
4
|
import C from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
5
|
import U from "@babel/runtime/helpers/esm/inherits";
|
|
6
|
-
import
|
|
6
|
+
import j from "@babel/runtime/helpers/esm/createSuper";
|
|
7
7
|
import g from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
-
import { sstyled as b, assignProps as L, CORE_INSTANCE as
|
|
8
|
+
import { sstyled as b, assignProps as L, CORE_INSTANCE as q, Component as V } from "@semcore/core";
|
|
9
9
|
import o from "react";
|
|
10
10
|
import { Box as P } from "@semcore/flex-box";
|
|
11
|
-
import { Hint as
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
11
|
+
import { Hint as G } from "@semcore/tooltip";
|
|
12
|
+
import J from "@semcore/neighbor-location";
|
|
13
|
+
import K from "@semcore/core/lib/utils/addonTextChildren";
|
|
14
|
+
import Q from "@semcore/core/lib/utils/logger";
|
|
15
15
|
import X from "./SpinButton.mjs";
|
|
16
|
-
import Y from "@semcore/
|
|
16
|
+
import Y from "@semcore/core/lib/utils/hasLabels";
|
|
17
17
|
var Z = {
|
|
18
18
|
primary: "info",
|
|
19
19
|
secondary: "muted",
|
|
20
20
|
tertiary: "info"
|
|
21
|
-
}, tt = /* @__PURE__ */ function(
|
|
22
|
-
U(s,
|
|
23
|
-
var y =
|
|
21
|
+
}, tt = /* @__PURE__ */ function(x) {
|
|
22
|
+
U(s, x);
|
|
23
|
+
var y = j(s);
|
|
24
24
|
function s() {
|
|
25
|
-
var
|
|
25
|
+
var i;
|
|
26
26
|
F(this, s);
|
|
27
27
|
for (var e = arguments.length, n = new Array(e), r = 0; r < e; r++)
|
|
28
28
|
n[r] = arguments[r];
|
|
29
|
-
return
|
|
29
|
+
return i = y.call.apply(y, [this].concat(n)), g(C(i), "containerRef", /* @__PURE__ */ o.createRef()), g(C(i), "state", {
|
|
30
30
|
ariaLabelledByContent: null
|
|
31
|
-
}),
|
|
31
|
+
}), i;
|
|
32
32
|
}
|
|
33
33
|
return O(s, [{
|
|
34
34
|
key: "getTextProps",
|
|
@@ -50,7 +50,7 @@ var Z = {
|
|
|
50
50
|
key: "componentDidMount",
|
|
51
51
|
value: function() {
|
|
52
52
|
var e = this;
|
|
53
|
-
process.env.NODE_ENV !== "production" &&
|
|
53
|
+
process.env.NODE_ENV !== "production" && Q.warn(this.containerRef.current && !Y(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"] || s.displayName);
|
|
54
54
|
var n = this.asProps["aria-labelledby"];
|
|
55
55
|
n && setTimeout(function() {
|
|
56
56
|
var r, t;
|
|
@@ -62,50 +62,50 @@ var Z = {
|
|
|
62
62
|
}, {
|
|
63
63
|
key: "renderButton",
|
|
64
64
|
value: function(e) {
|
|
65
|
-
var n = this.asProps, r, t = e.buttonProps,
|
|
66
|
-
return r = b(
|
|
65
|
+
var n = this.asProps, r, t = e.buttonProps, d = e.children, a = this.asProps.styles, l = P;
|
|
66
|
+
return r = b(a), /* @__PURE__ */ o.createElement(l, r.cn("SButton", m({}, L(m({}, t), n))), d);
|
|
67
67
|
}
|
|
68
68
|
}, {
|
|
69
69
|
key: "renderButtonWithHint",
|
|
70
70
|
value: function(e) {
|
|
71
|
-
var n = this.asProps, r, t = e.buttonProps,
|
|
72
|
-
return r = b(l), /* @__PURE__ */ o.createElement(c, r.cn("SButton", m({}, L(m(m({}, t),
|
|
71
|
+
var n = this.asProps, r, t = e.buttonProps, d = e.children, a = e.hintProps, l = this.asProps.styles, c = G;
|
|
72
|
+
return r = b(l), /* @__PURE__ */ o.createElement(c, r.cn("SButton", m({}, L(m(m({}, t), a), n))), d);
|
|
73
73
|
}
|
|
74
74
|
}, {
|
|
75
75
|
key: "render",
|
|
76
76
|
value: function() {
|
|
77
|
-
var e, n, r = this, t = this.asProps,
|
|
77
|
+
var e, n, r = this, t = this.asProps, d = t.styles, a = t.use, l = t.theme, c = l === void 0 ? typeof a == "string" && Z[a] : l, p = t.loading, _ = t.disabled, T = _ === void 0 ? p : _, R = t.size, z = t.neighborLocation, N = t.children, h = t.title, $ = t["aria-label"], D = t.Children, B = t.addonLeft, E = t.addonRight, H = t.hintPlacement, f = this[q], A = a && c ? "".concat(a, "-").concat(c) : !1, I = P, k = P, M = (e = (n = h ?? $) !== null && n !== void 0 ? n : this.state.ariaLabelledByContent) !== null && e !== void 0 ? e : "", v = {
|
|
78
78
|
type: "button",
|
|
79
79
|
tag: "button",
|
|
80
|
-
disabled:
|
|
80
|
+
disabled: T,
|
|
81
81
|
"use:theme": A,
|
|
82
82
|
ref: this.containerRef,
|
|
83
83
|
"text-color": this.getTextColor(),
|
|
84
84
|
"aria-busy": p,
|
|
85
85
|
__excludeProps: ["title"]
|
|
86
|
-
},
|
|
86
|
+
}, w = {
|
|
87
87
|
title: M,
|
|
88
88
|
timeout: [250, 50],
|
|
89
89
|
placement: H,
|
|
90
90
|
theme: c === "invert" ? "invert" : void 0,
|
|
91
91
|
__excludeProps: []
|
|
92
92
|
};
|
|
93
|
-
return /* @__PURE__ */ o.createElement(
|
|
94
|
-
neighborLocation:
|
|
95
|
-
}, function(
|
|
96
|
-
var
|
|
93
|
+
return /* @__PURE__ */ o.createElement(J.Detect, {
|
|
94
|
+
neighborLocation: z
|
|
95
|
+
}, function(W) {
|
|
96
|
+
var u, S = (u = b(d), /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(I, u.cn("SInner", {
|
|
97
97
|
tag: "span",
|
|
98
98
|
loading: p
|
|
99
|
-
}), B ? /* @__PURE__ */ o.createElement(f.Addon, null, /* @__PURE__ */ o.createElement(B,
|
|
99
|
+
}), B ? /* @__PURE__ */ o.createElement(f.Addon, null, /* @__PURE__ */ o.createElement(B, u.cn("AddonLeft", {}))) : null, K(D, f.Text, f.Addon), E ? /* @__PURE__ */ o.createElement(f.Addon, null, /* @__PURE__ */ o.createElement(E, u.cn("AddonRight", {}))) : null), p && /* @__PURE__ */ o.createElement(k, u.cn("SSpin", {
|
|
100
100
|
tag: "span"
|
|
101
|
-
}), /* @__PURE__ */ o.createElement(X,
|
|
101
|
+
}), /* @__PURE__ */ o.createElement(X, u.cn("SpinButton", {
|
|
102
102
|
centered: !0,
|
|
103
|
-
size:
|
|
103
|
+
size: R,
|
|
104
104
|
theme: A
|
|
105
105
|
})))));
|
|
106
|
-
return v.neighborLocation =
|
|
106
|
+
return v.neighborLocation = W, N === void 0 || h ? r.renderButtonWithHint({
|
|
107
107
|
buttonProps: v,
|
|
108
|
-
hintProps:
|
|
108
|
+
hintProps: w,
|
|
109
109
|
children: S
|
|
110
110
|
}) : r.renderButton({
|
|
111
111
|
buttonProps: v,
|
|
@@ -114,7 +114,7 @@ var Z = {
|
|
|
114
114
|
});
|
|
115
115
|
}
|
|
116
116
|
}]), s;
|
|
117
|
-
}(
|
|
117
|
+
}(V);
|
|
118
118
|
g(tt, "displayName", "AbstractButton");
|
|
119
119
|
export {
|
|
120
120
|
tt as AbstractButton,
|