@semcore/button 5.44.0-prerelease.0 → 5.44.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/lib/cjs/component/AbstractButton/AbstractButton.js +182 -0
- package/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -0
- package/lib/cjs/component/AbstractButton/AbstractButton.type.js +2 -0
- package/lib/cjs/component/AbstractButton/AbstractButton.type.js.map +1 -0
- package/lib/cjs/component/{Button → AbstractButton}/SpinButton.js +4 -3
- package/lib/cjs/component/AbstractButton/SpinButton.js.map +1 -0
- package/lib/cjs/component/Button/Button.js +64 -166
- 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 +20 -12
- package/lib/cjs/component/ButtonLink/ButtonLink.js +68 -35
- 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 +151 -12
- package/lib/cjs/index.js +4 -3
- package/lib/cjs/index.js.map +1 -1
- package/lib/es6/component/AbstractButton/AbstractButton.js +175 -0
- package/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -0
- package/lib/es6/component/AbstractButton/AbstractButton.type.js +2 -0
- package/lib/es6/component/AbstractButton/AbstractButton.type.js.map +1 -0
- package/lib/es6/component/{Button → AbstractButton}/SpinButton.js +1 -1
- package/lib/es6/component/AbstractButton/SpinButton.js.map +1 -0
- package/lib/es6/component/Button/Button.js +57 -163
- 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 +20 -12
- package/lib/es6/component/ButtonLink/ButtonLink.js +65 -34
- 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 +151 -12
- package/lib/es6/index.js +2 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/esm/component/AbstractButton/AbstractButton.mjs +152 -0
- package/lib/esm/component/{Button → AbstractButton}/SpinButton.mjs +3 -2
- package/lib/esm/component/Button/Button.mjs +56 -142
- package/lib/esm/component/Button/button.shadow.css +20 -12
- package/lib/esm/component/ButtonLink/ButtonLink.mjs +61 -33
- package/lib/esm/component/ButtonLink/buttonLink.shadow.css +151 -12
- package/lib/esm/index.mjs +2 -3
- package/lib/types/component/AbstractButton/AbstractButton.d.ts +24 -0
- package/lib/types/component/AbstractButton/AbstractButton.type.d.ts +39 -0
- package/lib/types/component/{Button → AbstractButton}/SpinButton.d.ts +2 -2
- package/lib/types/component/Button/Button.d.ts +1 -28
- package/lib/types/component/Button/Button.type.d.ts +39 -40
- package/lib/types/component/ButtonLink/ButtonLink.d.ts +1 -1
- package/lib/types/component/ButtonLink/ButtonLink.type.d.ts +21 -15
- package/lib/types/index.d.ts +2 -1
- package/package.json +7 -7
- package/src/component/Button/button.shadow.css +80 -80
- package/src/component/ButtonLink/buttonLink.shadow.css +7 -7
- package/lib/cjs/component/Button/SpinButton.js.map +0 -1
- package/lib/es6/component/Button/SpinButton.js.map +0 -1
- package/lib/esm/component/Button/Button.type.mjs +0 -1
- package/lib/esm/component/ButtonLink/ButtonLink.type.mjs +0 -1
|
@@ -1 +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":[]}
|
|
1
|
+
{"version":3,"file":"Button.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_AbstractButton2","style","_index","sstyled","insert","RootButton","_AbstractButton","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextColor","undefined","AbstractButton","_defineProperty2","keyboardFocusEnhance","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 React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport {\n ButtonAddonProps,\n ButtonChildren,\n ButtonComponent,\n ButtonProps,\n ButtonTextProps,\n} from './Button.type';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\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":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAGA,IAAAK,gBAAA,GAAAL,OAAA;AAAkE;AAAA,IAAAM,KAAA,+BAAAC,MAAA,CAAAC,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;EAAA;AAAA;AAAA,IAS5DC,UAAU,0BAAAC,eAAA;EAAA,IAAAC,UAAA,aAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAK,gBAAA,mBAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EASd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAXsBa,+BAAc;AAAA,IAAAC,gBAAA,aAAjCd,UAAU,iBACO,QAAQ;AAAA,IAAAc,gBAAA,aADzBd,UAAU,aAEG,CAAC,IAAAe,gCAAoB,GAAE,CAAC;AAAA,IAAAD,gBAAA,aAFrCd,UAAU,WAGCJ,KAAK;AAAA,IAAAkB,gBAAA,aAHhBd,UAAU,kBAIQ;EACpBgB,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,IAAAxB,aAAO,EAACqB,KAAK,CAACM,MAAM,CAAC,eAAClC,MAAA,YAAAmC,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAxC,KAAA,CAAAyC,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,IAAG;AAChE;AAEA,SAASU,KAAKA,CAACX,KAAuB,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EACtC,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAAlC,aAAO,EAACqB,KAAK,CAACM,MAAM,CAAC,eAAClC,MAAA,YAAAmC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAxC,KAAA,CAAAyC,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,IAAG;AACjE;AAEA,IAAMG,MAAM,GAAG,IAAAC,gBAAe,EAACnC,UAAU,EAAE;EACzCkB,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAoB;AAAC,IAAAM,QAAA,GAEPF,MAAM;AAAAG,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import
|
|
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/**\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":""}
|
|
@@ -12,6 +12,7 @@ SButton {
|
|
|
12
12
|
text-align: center;
|
|
13
13
|
vertical-align: middle;
|
|
14
14
|
border: 1px solid transparent;
|
|
15
|
+
outline: 0;
|
|
15
16
|
box-shadow: none;
|
|
16
17
|
cursor: pointer;
|
|
17
18
|
box-sizing: border-box;
|
|
@@ -29,11 +30,18 @@ SButton {
|
|
|
29
30
|
}
|
|
30
31
|
|
|
31
32
|
&:active,
|
|
32
|
-
&:hover
|
|
33
|
+
&:hover,
|
|
34
|
+
&:focus {
|
|
35
|
+
outline: 0;
|
|
33
36
|
text-decoration: none;
|
|
34
37
|
}
|
|
35
38
|
}
|
|
36
39
|
|
|
40
|
+
SButton[keyboardFocused] {
|
|
41
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
42
|
+
z-index: 1;
|
|
43
|
+
}
|
|
44
|
+
|
|
37
45
|
SButton[disabled] {
|
|
38
46
|
opacity: var(--intergalactic-disabled-opacity, 0.4);
|
|
39
47
|
cursor: default;
|
|
@@ -176,19 +184,19 @@ SButton[theme='secondary-muted'] {
|
|
|
176
184
|
}
|
|
177
185
|
|
|
178
186
|
SButton[theme='secondary-info'] {
|
|
179
|
-
background-color: var(--intergalactic-control-secondary-info, oklch(0.
|
|
180
|
-
color: var(--intergalactic-text-link, oklch(0.53 0.
|
|
187
|
+
background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
|
|
188
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
181
189
|
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
182
190
|
|
|
183
191
|
&:hover {
|
|
184
|
-
color: var(--intergalactic-text-link, oklch(0.53 0.
|
|
185
|
-
background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.
|
|
192
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
193
|
+
background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.525 0.265 263 / 0.077));
|
|
186
194
|
}
|
|
187
195
|
|
|
188
196
|
&:active,
|
|
189
197
|
&[active] {
|
|
190
|
-
color: var(--intergalactic-text-link, oklch(0.53 0.
|
|
191
|
-
background-color: var(--intergalactic-control-secondary-info-active, oklch(0.
|
|
198
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
199
|
+
background-color: var(--intergalactic-control-secondary-info-active, oklch(0.524 0.266 263.1 / 0.116));
|
|
192
200
|
}
|
|
193
201
|
}
|
|
194
202
|
|
|
@@ -211,18 +219,18 @@ SButton[theme='secondary-invert'] {
|
|
|
211
219
|
}
|
|
212
220
|
|
|
213
221
|
SButton[theme='tertiary-info'] {
|
|
214
|
-
color: var(--intergalactic-text-link, oklch(0.53 0.
|
|
222
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
215
223
|
background-color: var(--intergalactic-control-tertiary-info, transparent);
|
|
216
224
|
|
|
217
225
|
&:hover {
|
|
218
|
-
color: var(--intergalactic-text-link, oklch(0.53 0.
|
|
219
|
-
background-color: var(--intergalactic-control-tertiary-info-hover, oklch(0.
|
|
226
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
227
|
+
background-color: var(--intergalactic-control-tertiary-info-hover, oklch(0.525 0.265 263 / 0.077));
|
|
220
228
|
}
|
|
221
229
|
|
|
222
230
|
&:active,
|
|
223
231
|
&[active] {
|
|
224
|
-
color: var(--intergalactic-text-link, oklch(0.53 0.
|
|
225
|
-
background-color: var(--intergalactic-control-tertiary-info-active, oklch(0.
|
|
232
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
233
|
+
background-color: var(--intergalactic-control-tertiary-info-active, oklch(0.524 0.266 263.1 / 0.116));
|
|
226
234
|
}
|
|
227
235
|
}
|
|
228
236
|
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
@@ -8,55 +9,87 @@ exports.ButtonLink = void 0;
|
|
|
8
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
13
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
|
-
var
|
|
15
|
-
var
|
|
15
|
+
var _index = require("@semcore/utils/lib/core/index");
|
|
16
|
+
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
16
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
|
+
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
19
|
+
var _flexBox = require("@semcore/flex-box");
|
|
20
|
+
var _AbstractButton2 = require("../AbstractButton/AbstractButton");
|
|
21
|
+
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
17
22
|
/*!__reshadow-styles__:"./buttonLink.shadow.css"*/
|
|
18
|
-
var style = (/*__reshadow_css_start__*/
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_ewssl_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;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_ewssl_gg_:active,.___SButton_ewssl_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_ewssl_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_ewssl_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_ewssl_gg_.__active_ewssl_gg_,.___SButton_ewssl_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SButton_ewssl_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SButton_ewssl_gg_.__active_ewssl_gg_ .___SText_ewssl_gg_,.___SButton_ewssl_gg_:active .___SText_ewssl_gg_{border-color:currentColor}@media (hover:hover){.___SButton_ewssl_gg_:hover .___SText_ewssl_gg_{border-color:currentColor}}.___SButton_ewssl_gg_.__enableVisited_ewssl_gg_:visited{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}@media (hover:hover){.___SButton_ewssl_gg_.__enableVisited_ewssl_gg_:visited:hover{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}}.___SButton_ewssl_gg_ .___SText_ewssl_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_ewssl_gg_.__keyboardFocused_ewssl_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 33, 220, 0.469));outline-style:solid;outline-width:3px}@supports (color:color(display-p3 0 0 0)){.___SButton_ewssl_gg_.__keyboardFocused_ewssl_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SButton_ewssl_gg_.__keyboardFocused_ewssl_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SButton_ewssl_gg_.__disabled_ewssl_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SButton_ewssl_gg_._use_secondary_ewssl_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SButton_ewssl_gg_._use_secondary_ewssl_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_ewssl_gg_._use_secondary_ewssl_gg_{color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_ewssl_gg_._use_secondary_ewssl_gg_.__active_ewssl_gg_,.___SButton_ewssl_gg_._use_secondary_ewssl_gg_:active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButton_ewssl_gg_._use_secondary_ewssl_gg_:hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButton_ewssl_gg_._use_secondary_ewssl_gg_ .___SText_ewssl_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_ewssl_gg_,.___SInner_ewssl_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_ewssl_gg_{height:100%;width:100%}.___SAddon_ewssl_gg_{vertical-align:middle;pointer-events:none}.___SButton_ewssl_gg_ .___SAddon_ewssl_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_ewssl_gg_ .___SAddon_ewssl_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_ewssl_gg_.__text-color_ewssl_gg_{color:var(--text-color_ewssl)}.___SButton_ewssl_gg_.__text-color_ewssl_gg_.__active_ewssl_gg_,.___SButton_ewssl_gg_.__text-color_ewssl_gg_:active{color:var(--text-color_ewssl);filter:brightness(.8)}@media (hover:hover){.___SButton_ewssl_gg_.__text-color_ewssl_gg_:hover{color:var(--text-color_ewssl);filter:brightness(.8)}}.___SButton_ewssl_gg_._size_100_ewssl_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_ewssl_gg_._size_200_ewssl_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_ewssl_gg_._size_300_ewssl_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_ewssl_gg_._size_400_ewssl_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_ewssl_gg_._size_500_ewssl_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_ewssl_gg_._size_600_ewssl_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_ewssl_gg_._size_700_ewssl_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_ewssl_gg_._size_800_ewssl_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_ewssl_gg_,.___SText_ewssl_gg_{transition:none}}", /*__inner_css_end__*/"ewssl_gg_"),
|
|
19
24
|
/*__reshadow_css_end__*/
|
|
20
25
|
{
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
26
|
+
"__SButton": "___SButton_ewssl_gg_",
|
|
27
|
+
"_keyboardFocused": "__keyboardFocused_ewssl_gg_",
|
|
28
|
+
"_disabled": "__disabled_ewssl_gg_",
|
|
29
|
+
"__SInner": "___SInner_ewssl_gg_",
|
|
30
|
+
"__SAddon": "___SAddon_ewssl_gg_",
|
|
31
|
+
"_size_100": "_size_100_ewssl_gg_",
|
|
32
|
+
"_size_200": "_size_200_ewssl_gg_",
|
|
33
|
+
"_size_300": "_size_300_ewssl_gg_",
|
|
34
|
+
"_size_400": "_size_400_ewssl_gg_",
|
|
35
|
+
"_size_500": "_size_500_ewssl_gg_",
|
|
36
|
+
"_size_600": "_size_600_ewssl_gg_",
|
|
37
|
+
"_size_700": "_size_700_ewssl_gg_",
|
|
38
|
+
"_size_800": "_size_800_ewssl_gg_",
|
|
39
|
+
"__SText": "___SText_ewssl_gg_",
|
|
40
|
+
"_active": "__active_ewssl_gg_",
|
|
41
|
+
"_enableVisited": "__enableVisited_ewssl_gg_",
|
|
42
|
+
"_use_secondary": "_use_secondary_ewssl_gg_",
|
|
43
|
+
"_text-color": "__text-color_ewssl_gg_",
|
|
44
|
+
"--text-color": "--text-color_ewssl"
|
|
27
45
|
});
|
|
28
|
-
var
|
|
46
|
+
var enhance = {
|
|
47
|
+
keyboardFocused: (0, _keyboardFocusEnhance["default"])(),
|
|
48
|
+
resolveColor: (0, _resolveColorEnhance["default"])()
|
|
49
|
+
};
|
|
50
|
+
var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
|
|
51
|
+
(0, _inherits2["default"])(RootButtonLink, _AbstractButton);
|
|
52
|
+
var _super = (0, _createSuper2["default"])(RootButtonLink);
|
|
29
53
|
function RootButtonLink() {
|
|
30
54
|
(0, _classCallCheck2["default"])(this, RootButtonLink);
|
|
31
|
-
return (
|
|
55
|
+
return _super.apply(this, arguments);
|
|
32
56
|
}
|
|
33
|
-
(0,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
var disabled = this.asProps.disabled;
|
|
41
|
-
return _ref2 = (0, _core.sstyled)(style), /*#__PURE__*/_react["default"].createElement(SButtonLink, _ref2.cn("SButtonLink", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
42
|
-
"tag": 'button',
|
|
43
|
-
"type": 'button',
|
|
44
|
-
"use:disabled": disabled,
|
|
45
|
-
"use:tabIndex": 0
|
|
46
|
-
}, _ref))));
|
|
57
|
+
(0, _createClass2["default"])(RootButtonLink, [{
|
|
58
|
+
key: "getTextColor",
|
|
59
|
+
value: function getTextColor() {
|
|
60
|
+
var _ref5 = this.asProps,
|
|
61
|
+
color = _ref5.color,
|
|
62
|
+
resolveColor = _ref5.resolveColor;
|
|
63
|
+
return resolveColor(color);
|
|
47
64
|
}
|
|
48
65
|
}]);
|
|
49
|
-
|
|
66
|
+
return RootButtonLink;
|
|
67
|
+
}(_AbstractButton2.AbstractButton);
|
|
50
68
|
(0, _defineProperty2["default"])(RootButtonLink, "displayName", 'ButtonLink');
|
|
69
|
+
(0, _defineProperty2["default"])(RootButtonLink, "enhance", Object.values(enhance));
|
|
51
70
|
(0, _defineProperty2["default"])(RootButtonLink, "style", style);
|
|
52
71
|
(0, _defineProperty2["default"])(RootButtonLink, "defaultProps", {
|
|
53
|
-
use: 'primary'
|
|
54
|
-
size: 200
|
|
72
|
+
use: 'primary'
|
|
55
73
|
});
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
74
|
+
function Text(props) {
|
|
75
|
+
var _ref = arguments[0],
|
|
76
|
+
_ref3;
|
|
77
|
+
var SText = _flexBox.Box;
|
|
78
|
+
return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref3.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
79
|
+
"tag": 'span'
|
|
80
|
+
}, _ref))));
|
|
81
|
+
}
|
|
82
|
+
function Addon(props) {
|
|
83
|
+
var _ref2 = arguments[0],
|
|
84
|
+
_ref4;
|
|
85
|
+
var SAddon = _flexBox.Box;
|
|
86
|
+
return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref4.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
87
|
+
"tag": 'span'
|
|
88
|
+
}, _ref2))));
|
|
89
|
+
}
|
|
90
|
+
var ButtonLink = (0, _core["default"])(RootButtonLink, {
|
|
91
|
+
Text: Text,
|
|
92
|
+
Addon: Addon
|
|
61
93
|
});
|
|
94
|
+
exports.ButtonLink = ButtonLink;
|
|
62
95
|
//# sourceMappingURL=ButtonLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.js","names":["_core","require","
|
|
1
|
+
{"version":3,"file":"ButtonLink.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_keyboardFocusEnhance","_flexBox","_AbstractButton2","_resolveColorEnhance","style","_index","sstyled","insert","enhance","keyboardFocused","keyboardFocusEnhance","resolveColor","resolveColorEnhance","RootButtonLink","_AbstractButton","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_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","createComponent","exports"],"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 keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Box } from '@semcore/flex-box';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\n\nconst enhance = {\n keyboardFocused: keyboardFocusEnhance(),\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":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,qBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAkF;AAAA,IAAAO,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGlF,IAAMC,OAAO,GAAG;EACdC,eAAe,EAAE,IAAAC,gCAAoB,GAAE;EACvCC,YAAY,EAAE,IAAAC,+BAAmB;AACnC,CAAC;AAAC,IAEIC,cAAc,0BAAAC,eAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAK,gBAAA,mBAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEhB,YAAY,GAAAc,KAAA,CAAZd,YAAY;MAC3B,OAAOA,YAAY,CAACgB,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0Be,+BAAc;AAAA,IAAAC,gBAAA,aAArChB,cAAc,iBACG,YAAY;AAAA,IAAAgB,gBAAA,aAD7BhB,cAAc,aAEDiB,MAAM,CAACC,MAAM,CAACvB,OAAO,CAAC;AAAA,IAAAqB,gBAAA,aAFnChB,cAAc,WAGHT,KAAK;AAAA,IAAAyB,gBAAA,aAHhBhB,cAAc,kBAII;EACpBmB,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,IAAA/B,aAAO,EAAC4B,KAAK,CAACM,MAAM,CAAC,eAAC1C,MAAA,YAAA2C,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAhD,KAAA,CAAAiD,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,IAAG;AAChE;AAEA,SAASU,KAAKA,CAACX,KAA2B,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EAC1C,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAAzC,aAAO,EAAC4B,KAAK,CAACM,MAAM,CAAC,eAAC1C,MAAA,YAAA2C,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAhD,KAAA,CAAAiD,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,IAAG;AACjE;AAEO,IAAMG,UAAU,GAAG,IAAAC,gBAAe,EAACrC,cAAc,EAAE;EACxDoB,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAwB;AAACM,OAAA,CAAAF,UAAA,GAAAA,UAAA"}
|
|
@@ -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 { UnknownProperties, 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":""}
|
|
@@ -1,19 +1,70 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
SButton {
|
|
2
|
+
display: inline-flex;
|
|
3
3
|
font-family: inherit;
|
|
4
|
-
|
|
4
|
+
font-size: var(--intergalactic-fs-200, 14px);
|
|
5
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
6
|
+
line-height: normal;
|
|
7
|
+
position: relative;
|
|
8
|
+
cursor: pointer;
|
|
9
|
+
text-decoration: none;
|
|
10
|
+
border: none;
|
|
11
|
+
padding: 0;
|
|
12
|
+
margin: 0;
|
|
13
|
+
box-shadow: none;
|
|
14
|
+
-webkit-tap-highlight-color: transparent;
|
|
15
|
+
outline: 0;
|
|
16
|
+
background: none;
|
|
17
|
+
transition: color 0.15s ease-in-out;
|
|
5
18
|
|
|
6
|
-
|
|
7
|
-
|
|
19
|
+
&:active,
|
|
20
|
+
&:hover,
|
|
21
|
+
&:focus {
|
|
22
|
+
outline: 0;
|
|
23
|
+
text-decoration: none;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&::-moz-focus-inner {
|
|
27
|
+
border: none;
|
|
28
|
+
padding: 0;
|
|
29
|
+
}
|
|
8
30
|
|
|
9
31
|
&[active],
|
|
10
|
-
&:
|
|
11
|
-
&:
|
|
12
|
-
color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.
|
|
32
|
+
&:hover,
|
|
33
|
+
&:active {
|
|
34
|
+
color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
|
|
35
|
+
|
|
36
|
+
& SText {
|
|
37
|
+
border-color: currentColor;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&[enableVisited]:visited,
|
|
42
|
+
&[enableVisited]:visited:hover {
|
|
43
|
+
color: var(--intergalactic-text-link-visited, oklch(0.53 0.26 296));
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
SText {
|
|
47
|
+
border-bottom-width: 1px;
|
|
48
|
+
border-bottom-style: solid;
|
|
49
|
+
border-color: transparent;
|
|
50
|
+
transition: border-bottom-color 0.15s ease-in-out;
|
|
13
51
|
}
|
|
14
52
|
}
|
|
15
53
|
|
|
16
|
-
|
|
54
|
+
SButton[keyboardFocused] {
|
|
55
|
+
outline-color: var(--intergalactic-keyboard-focus-outline, oklch(0.424 0.269 264.2 / 0.469));
|
|
56
|
+
outline-style: solid;
|
|
57
|
+
outline-width: 3px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
SButton[disabled] {
|
|
61
|
+
opacity: var(--intergalactic-disabled-opacity, 0.4);
|
|
62
|
+
cursor: default;
|
|
63
|
+
/* Disable link interactions */
|
|
64
|
+
pointer-events: none;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
SButton[use='secondary'] {
|
|
17
68
|
color: var(--intergalactic-text-hint, oklch(0.088 0.026 147.7 / 0.583));
|
|
18
69
|
|
|
19
70
|
&[active],
|
|
@@ -21,9 +72,97 @@ SButtonLink[use='secondary']:not([color]) {
|
|
|
21
72
|
&:hover {
|
|
22
73
|
color: var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
|
|
23
74
|
}
|
|
75
|
+
|
|
76
|
+
SText {
|
|
77
|
+
border-bottom-width: 1px;
|
|
78
|
+
border-bottom-style: dashed;
|
|
79
|
+
border-color: currentColor;
|
|
80
|
+
}
|
|
24
81
|
}
|
|
25
82
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
83
|
+
SInner {
|
|
84
|
+
display: inline-flex;
|
|
85
|
+
align-items: center;
|
|
86
|
+
justify-content: center;
|
|
87
|
+
height: 100%;
|
|
88
|
+
width: 100%;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
SAddon {
|
|
92
|
+
display: inline-flex;
|
|
93
|
+
justify-content: center;
|
|
94
|
+
align-items: center;
|
|
95
|
+
vertical-align: middle;
|
|
96
|
+
pointer-events: none;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
SButton SAddon {
|
|
100
|
+
&:not(:only-child):first-child {
|
|
101
|
+
margin-right: var(--intergalactic-spacing-1x, 4px);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
&:not(:only-child):last-child {
|
|
105
|
+
margin-left: var(--intergalactic-spacing-1x, 4px);
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
SButton[text-color] {
|
|
110
|
+
color: var(--text-color);
|
|
111
|
+
|
|
112
|
+
&[active],
|
|
113
|
+
&:hover,
|
|
114
|
+
&:active {
|
|
115
|
+
color: var(--text-color);
|
|
116
|
+
filter: brightness(0.8);
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
SButton[size='100'] {
|
|
121
|
+
font-size: var(--intergalactic-fs-100, 12px);
|
|
122
|
+
line-height: var(--intergalactic-lh-100, 133%);
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
SButton[size='200'] {
|
|
126
|
+
font-size: var(--intergalactic-fs-200, 14px);
|
|
127
|
+
line-height: var(--intergalactic-lh-200, 142%);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
SButton[size='300'] {
|
|
131
|
+
font-size: var(--intergalactic-fs-300, 16px);
|
|
132
|
+
line-height: var(--intergalactic-lh-300, 150%);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
SButton[size='400'] {
|
|
136
|
+
font-size: var(--intergalactic-fs-400, 20px);
|
|
137
|
+
line-height: var(--intergalactic-lh-400, 120%);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
SButton[size='500'] {
|
|
141
|
+
font-size: var(--intergalactic-fs-500, 24px);
|
|
142
|
+
line-height: var(--intergalactic-lh-500, 117%);
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
SButton[size='600'] {
|
|
146
|
+
font-size: var(--intergalactic-fs-600, 32px);
|
|
147
|
+
line-height: var(--intergalactic-lh-600, 125%);
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
SButton[size='700'] {
|
|
151
|
+
font-size: var(--intergalactic-fs-700, 36px);
|
|
152
|
+
line-height: var(--intergalactic-lh-700, 110%);
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
SButton[size='800'] {
|
|
156
|
+
font-size: var(--intergalactic-fs-800, 48px);
|
|
157
|
+
line-height: var(--intergalactic-lh-800, 117%);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
@media (prefers-reduced-motion) {
|
|
161
|
+
SButton {
|
|
162
|
+
transition: none;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
SText {
|
|
166
|
+
transition: none;
|
|
167
|
+
}
|
|
29
168
|
}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -10,7 +10,7 @@ var _exportNames = {
|
|
|
10
10
|
Object.defineProperty(exports, "MAP_USE_DEFAULT_THEME", {
|
|
11
11
|
enumerable: true,
|
|
12
12
|
get: function get() {
|
|
13
|
-
return
|
|
13
|
+
return _AbstractButton.MAP_USE_DEFAULT_THEME;
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
Object.defineProperty(exports, "default", {
|
|
@@ -19,7 +19,7 @@ Object.defineProperty(exports, "default", {
|
|
|
19
19
|
return _Button["default"];
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
-
var _Button =
|
|
22
|
+
var _Button = _interopRequireDefault(require("./component/Button/Button"));
|
|
23
23
|
var _Button2 = require("./component/Button/Button.type");
|
|
24
24
|
Object.keys(_Button2).forEach(function (key) {
|
|
25
25
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -56,4 +56,5 @@ Object.keys(_ButtonLink2).forEach(function (key) {
|
|
|
56
56
|
}
|
|
57
57
|
});
|
|
58
58
|
});
|
|
59
|
+
var _AbstractButton = require("./component/AbstractButton/AbstractButton");
|
|
59
60
|
//# sourceMappingURL=index.js.map
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Button","
|
|
1
|
+
{"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"}
|