@semcore/button 17.2.1 → 17.2.2-prerelease.2
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 +7 -0
- package/lib/cjs/component/Button/Button.js +37 -38
- 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/mappers/BUTTON_SIZE_TO_SPIN_SIZE.js +11 -0
- package/lib/cjs/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.js.map +1 -0
- package/lib/cjs/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.js +12 -0
- package/lib/cjs/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.js.map +1 -0
- package/lib/cjs/component/ButtonLink/ButtonLink.js +7 -7
- package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
- package/lib/cjs/component/ButtonLink/ButtonLink.type.js.map +1 -1
- package/lib/es6/component/Button/Button.js +38 -38
- 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/mappers/BUTTON_SIZE_TO_SPIN_SIZE.js +5 -0
- package/lib/es6/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.js.map +1 -0
- package/lib/es6/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.js +6 -0
- package/lib/es6/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.js.map +1 -0
- package/lib/es6/component/ButtonLink/ButtonLink.js +7 -7
- package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
- package/lib/es6/component/ButtonLink/ButtonLink.type.js.map +1 -1
- package/lib/esm/component/Button/Button.mjs +37 -39
- package/lib/esm/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.mjs +7 -0
- package/lib/esm/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.mjs +8 -0
- package/lib/esm/component/ButtonLink/ButtonLink.mjs +8 -8
- package/lib/types/component/Button/Button.d.ts +9 -9
- package/lib/types/component/Button/Button.d.ts.map +1 -0
- package/lib/types/component/Button/Button.type.d.ts +72 -45
- package/lib/types/component/Button/Button.type.d.ts.map +1 -0
- package/lib/types/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.d.ts +4 -0
- package/lib/types/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.d.ts.map +1 -0
- package/lib/types/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.d.ts +3 -0
- package/lib/types/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.d.ts.map +1 -0
- package/lib/types/component/ButtonLink/ButtonLink.d.ts +3 -2
- package/lib/types/component/ButtonLink/ButtonLink.d.ts.map +1 -0
- package/lib/types/component/ButtonLink/ButtonLink.type.d.ts +40 -21
- package/lib/types/component/ButtonLink/ButtonLink.type.d.ts.map +1 -0
- package/lib/types/index.d.ts +1 -0
- package/lib/types/index.d.ts.map +1 -0
- package/package.json +8 -8
- package/src/component/Button/Button.tsx +20 -20
- package/src/component/Button/Button.type.ts +73 -46
- package/src/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.ts +8 -0
- package/src/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.ts +7 -0
- package/src/component/ButtonLink/ButtonLink.tsx +5 -4
- package/src/component/ButtonLink/ButtonLink.type.ts +37 -21
- package/lib/cjs/component/Button/SpinButton.js +0 -28
- package/lib/cjs/component/Button/SpinButton.js.map +0 -1
- package/lib/es6/component/Button/SpinButton.js +0 -20
- package/lib/es6/component/Button/SpinButton.js.map +0 -1
- package/lib/esm/component/Button/SpinButton.mjs +0 -23
- package/lib/types/component/Button/SpinButton.d.ts +0 -3
- package/src/component/Button/SpinButton.tsx +0 -19
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["NeighborLocation","Box","Hint","Component","CORE_INSTANCE","createComponent","Root","sstyled","addonTextChildren","hasLabels","logger","Text","React","style","_sstyled","insert","SpinButton","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","RootButton","constructor","args","_defineProperty","createRef","ariaLabelledByContent","getTextProps","size","asProps","containerRef","getAddonProps","componentDidMount","process","env","NODE_ENV","warn","current","title","displayName","ariaLabelledby","setTimeout","setState","document","getElementById","textContent","render","_ref","styles","use","theme","loading","disabled","neighborLocation","children","ariaLabel","Children","addonLeft","AddonLeft","addonRight","AddonRight","hintPlacement","SButton","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","Detect","_ref4","Fragment","cn","_assignProps","Addon","ButtonText","props","_ref2","arguments[0]","_ref5","SText","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport { 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, ButtonDefaultProps } 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<\n ButtonProps,\n [],\n never,\n {},\n State,\n ButtonDefaultProps\n> {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n } as const;\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state: 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 use:disabled={disabled || loading}\n use:theme={useTheme}\n ref={this.containerRef}\n aria-busy={loading}\n __excludeProps={['title']}\n aria-label={showHint ? buttonAriaLabel : undefined}\n neighborLocation={neighborLocation}\n >\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n {AddonLeft\n ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n )\n : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight\n ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n )\n : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <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\n/**\n * Button\n *\n * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}\n */\nconst Button = createComponent<\n ButtonComponent,\n typeof RootButton\n>(RootButton, {\n Text: ButtonText,\n Addon,\n});\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Button.js","names":["NeighborLocation","Box","Hint","Component","CORE_INSTANCE","createComponent","Root","sstyled","addonTextChildren","hasLabels","logger","Spin","Text","React","style","_sstyled","insert","BUTTON_SIZE_TO_SPIN_SIZE","BUTTON_USE_TO_DEFAULT_THEME","MAP_USE_DEFAULT_THEME","RootButton","constructor","args","_defineProperty","createRef","ariaLabelledByContent","getTextProps","size","asProps","containerRef","getAddonProps","componentDidMount","process","env","NODE_ENV","warn","current","title","displayName","ariaLabelledby","setTimeout","setState","document","getElementById","textContent","render","_ref","styles","use","theme","loading","disabled","neighborLocation","children","ariaLabel","Children","addonLeft","AddonLeft","addonRight","AddonRight","hintPlacement","SButton","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","Detect","_ref4","Fragment","cn","_assignProps","Addon","ButtonText","props","_ref2","arguments[0]","_ref5","SText","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Component, CORE_INSTANCE, createComponent, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport Spin from '@semcore/spin';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { NSButton } from './Button.type';\nimport { BUTTON_SIZE_TO_SPIN_SIZE } from './mappers/BUTTON_SIZE_TO_SPIN_SIZE';\nimport { BUTTON_USE_TO_DEFAULT_THEME } from './mappers/BUTTON_USE_TO_DEFAULT_THEME';\n\n/** @deprecated It will be removed in v19. */\nexport const MAP_USE_DEFAULT_THEME = BUTTON_USE_TO_DEFAULT_THEME;\n\nexport class RootButton extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSButton.Component>,\n [],\n never,\n {},\n NSButton.State,\n NSButton.DefaultProps\n> {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n } as const;\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state: NSButton.State = {\n ariaLabelledByContent: null,\n };\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n 'hint:triggerRef': this.containerRef,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || RootButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && BUTTON_USE_TO_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n const SButton = Root;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const showHint = (children === undefined || title);\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n return sstyled(styles)(\n <>\n <SButton\n render={Box}\n invertOutline={theme === 'invert'}\n type='button'\n tag='button'\n tabIndex={0}\n use:disabled={disabled || loading}\n use:theme={useTheme}\n ref={this.containerRef}\n aria-busy={loading}\n __excludeProps={['title']}\n aria-label={showHint ? buttonAriaLabel : undefined}\n neighborLocation={neighborLocation}\n >\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n {AddonLeft\n ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n )\n : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight\n ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n )\n : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <Spin\n size={BUTTON_SIZE_TO_SPIN_SIZE[size]}\n theme='currentColor'\n centered\n />\n </SSpin>\n )}\n </SButton>\n {showHint && (\n <Hint\n triggerRef={this.containerRef}\n timeout={[250, 50]}\n placement={hintPlacement}\n >\n {buttonAriaLabel}\n </Hint>\n )}\n </>,\n );\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction ButtonText(props: Intergalactic.InternalTypings.InferChildComponentProps<NSButton.Text.Component, typeof RootButton, 'Text'>) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: Intergalactic.InternalTypings.InferChildComponentProps<NSButton.Text.Component, typeof RootButton, 'Addon'>) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\n/**\n * Button\n *\n * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}\n */\nconst Button = createComponent<\n NSButton.Component,\n typeof RootButton\n>(RootButton, {\n Text: ButtonText,\n Addon,\n});\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { NSBox, NSNeighborLocation, NSHint } from '@semcore/base-components';\nimport type { Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\nimport type React from 'react';\n\ndeclare namespace NSButton {\n type Size = 'l' | 'm';\n type Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';\n type Use = 'primary' | 'secondary' | 'tertiary';\n type Props = NSBox.Props &\n NSNeighborLocation.Detect.Props & {\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?: NSHint.Props['placement'];\n\n /** Button size.\n * @default `m`\n */\n size?: NSButton.Size;\n /** Button usage.\n * @default `primary`\n */\n use?: 'primary' | 'secondary' | 'tertiary';\n /** Button theme.\n * @default undefined\n */\n theme?: NSButton.Theme;\n };\n type DefaultProps = {\n use: 'secondary';\n size: 'm';\n };\n type State = {\n ariaLabelledByContent: null | string;\n };\n type Ctx = {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n };\n\n namespace Text {\n type Props = NSText.Props;\n\n type Component = Intergalactic.Component<'span', Props>;\n }\n\n namespace Addon {\n type Props = NSBox.Props;\n\n type Component = Intergalactic.Component<'span', Props>;\n }\n\n type Component = Intergalactic.Component<'button', Props, Ctx> & {\n Text: Text.Component;\n Addon: Addon.Component;\n };\n}\n\n/** @deprecated It will be removed in v19. */\nexport type ButtonProps = NSButton.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonDefaultProps = NSButton.DefaultProps;\n/** @deprecated It will be removed in v19. */\nexport type ButtonTextProps = NSButton.Text.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonAddonProps = NSButton.Addon.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonContext = NSButton.Ctx;\n/** @deprecated It will be removed in v19. */\nexport type ButtonComponent = NSButton.Component;\n\nexport type { NSButton };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BUTTON_SIZE_TO_SPIN_SIZE.js","names":["BUTTON_SIZE_TO_SPIN_SIZE","m","l"],"sources":["../../../../../src/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.ts"],"sourcesContent":["import type { NSSpin } from '@semcore/spin';\n\nimport type { NSButton } from '../Button.type';\n\nexport const BUTTON_SIZE_TO_SPIN_SIZE: Record<NSButton.Size, NSSpin.Size> = {\n m: 'xs',\n l: 's',\n};\n"],"mappings":"AAIA,OAAO,MAAMA,wBAA4D,GAAG;EAC1EC,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BUTTON_USE_TO_DEFAULT_THEME.js","names":["BUTTON_USE_TO_DEFAULT_THEME","primary","secondary","tertiary"],"sources":["../../../../../src/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.ts"],"sourcesContent":["import type { NSButton } from '../Button.type';\n\nexport const BUTTON_USE_TO_DEFAULT_THEME: Record<NSButton.Use, NSButton.Theme> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n"],"mappings":"AAEA,OAAO,MAAMA,2BAAiE,GAAG;EAC/EC,OAAO,EAAE,MAAM;EACfC,SAAS,EAAE,OAAO;EAClBC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}
|
|
@@ -5,15 +5,15 @@ import { createComponent, sstyled, Root, Component } from '@semcore/core';
|
|
|
5
5
|
import Link from '@semcore/link';
|
|
6
6
|
import React from 'react';
|
|
7
7
|
/*!__reshadow-styles__:"./buttonLink.shadow.css"*/
|
|
8
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
8
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButtonLink_pc0mq_gg_{border:none;font-family:inherit}.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_:not(.__color_pc0mq_gg_){color:var(--intergalactic-text-link,oklch(.53 .21 263))}.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_.__active_pc0mq_gg_:not(.__color_pc0mq_gg_),.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_:not(.__color_pc0mq_gg_):active{color:var(--intergalactic-text-link-hover-active,oklch(.51 .202 263))}@media (hover:hover){.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_:not(.__color_pc0mq_gg_):hover{color:var(--intergalactic-text-link-hover-active,oklch(.51 .202 263))}}.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_){color:var(--intergalactic-text-hint,#00030095)}@media (color-gamut:p3){.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_){color:var(--intergalactic-text-hint,oklch(.088 .026 147.7/.583))}}.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_.__active_pc0mq_gg_:not(.__color_pc0mq_gg_),.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_):active{color:var(--intergalactic-text-hint-hover-active,oklch(.086 .026 145.8/.605))}@media (hover:hover){.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_):hover{color:var(--intergalactic-text-hint-hover-active,oklch(.086 .026 145.8/.605))}}.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_ .___SText_pc0mq_gg_{text-decoration-style:dashed;text-decoration-color:initial}", /*__inner_css_end__*/"pc0mq_gg_"),
|
|
9
9
|
/*__reshadow_css_end__*/
|
|
10
10
|
{
|
|
11
|
-
"__SButtonLink": "
|
|
12
|
-
"_use_secondary": "
|
|
13
|
-
"__SText": "
|
|
14
|
-
"_use_primary": "
|
|
15
|
-
"_color": "
|
|
16
|
-
"_active": "
|
|
11
|
+
"__SButtonLink": "___SButtonLink_pc0mq_gg_",
|
|
12
|
+
"_use_secondary": "_use_secondary_pc0mq_gg_",
|
|
13
|
+
"__SText": "___SText_pc0mq_gg_",
|
|
14
|
+
"_use_primary": "_use_primary_pc0mq_gg_",
|
|
15
|
+
"_color": "__color_pc0mq_gg_",
|
|
16
|
+
"_active": "__active_pc0mq_gg_"
|
|
17
17
|
});
|
|
18
18
|
class RootButtonLink extends Component {
|
|
19
19
|
render() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.js","names":["createComponent","sstyled","Root","Component","Link","React","style","_sstyled","insert","RootButtonLink","render","_ref","asProps","_ref2","SButtonLink","disabled","createElement","cn","_assignProps","_defineProperty","use","size","ButtonLink","Text","Addon","parent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root, Component } from '@semcore/core';\nimport Link from '@semcore/link';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type {
|
|
1
|
+
{"version":3,"file":"ButtonLink.js","names":["createComponent","sstyled","Root","Component","Link","React","style","_sstyled","insert","RootButtonLink","render","_ref","asProps","_ref2","SButtonLink","disabled","createElement","cn","_assignProps","_defineProperty","use","size","ButtonLink","Text","Addon","parent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, sstyled, Root, Component } from '@semcore/core';\nimport Link from '@semcore/link';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { NSButtonLink } from './ButtonLink.type';\n\nclass RootButtonLink extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSButtonLink.Component>,\n [],\n {},\n {},\n {},\n NSButtonLink.DefaultProps\n> {\n static displayName = 'ButtonLink';\n static style = style;\n static defaultProps = {\n use: 'primary',\n size: 200,\n } as const;\n\n render(): React.ReactNode {\n const SButtonLink = Root;\n const { disabled } = this.asProps;\n\n return sstyled(style)(\n <SButtonLink\n render={Link}\n tag='button'\n type='button'\n use:disabled={disabled}\n use:tabIndex={0}\n />,\n );\n }\n}\n\n/**\n * ButtonLink\n *\n * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}\n */\nexport const ButtonLink = createComponent<NSButtonLink.Component, typeof RootButtonLink>(\n RootButtonLink,\n {\n Text: Link.Text,\n Addon: Link.Addon,\n },\n {\n parent: Link,\n },\n);\n"],"mappings":";;;AACA,SAASA,eAAe,EAAEC,OAAO,EAAEC,IAAI,EAAEC,SAAS,QAAQ,eAAe;AACzE,OAAOC,IAAI,MAAM,eAAe;AAChC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAK1B,MAAMC,cAAc,SAASN,SAAS,CAOpC;EAQAO,MAAMA,CAAA,EAAoB;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACxB,MAAMC,WAAW,GAKLV,IAAI;IAJhB,MAAM;MAAEW;IAAS,CAAC,GAAG,IAAI,CAACH,OAAO;IAEjC,OAAAC,KAAA,GAAOZ,OAAO,CAACK,KAAK,CAAC,eACnBD,KAAA,CAAAW,aAAA,CAACF,WAAW,EAAAD,KAAA,CAAAI,EAAA;MAAA,GAAAC,YAAA;QAAA,OAEN,QAAQ;QAAA,QACP,QAAQ;QAAA,gBACCH,QAAQ;QAAA,gBACR;MAAC,GAAAJ,IAAA;IAAA,EAChB,CAAC;EAEN;AACF;;AAEA;AACA;AACA;AACA;AACA;AAJAQ,eAAA,CA/BMV,cAAc,iBAQG,YAAY;AAAAU,eAAA,CAR7BV,cAAc,WASHH,KAAK;AAAAa,eAAA,CAThBV,cAAc,kBAUI;EACpBW,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE;AACR,CAAC;AAuBH,OAAO,MAAMC,UAAU,GAAGtB,eAAe,CACvCS,cAAc,EACd;EACEc,IAAI,EAAEnB,IAAI,CAACmB,IAAI;EACfC,KAAK,EAAEpB,IAAI,CAACoB;AACd,CAAC,EACD;EACEC,MAAM,EAAErB;AACV,CACF,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import type { NSBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { NSLink } from '@semcore/link';\nimport type { NSText } from '@semcore/typography';\n\nimport type { NSButton } from '../Button/Button.type';\n\ndeclare namespace NSButtonLink {\n type Props = Intergalactic.InternalTypings.EfficientOmit<NSLink.Props, 'enableVisited'> & {\n /**\n * Button link type\n * @default primary\n */\n use?: 'primary' | 'secondary';\n };\n type DefaultProps = {\n use: 'primary';\n size: 200;\n };\n\n namespace Text {\n type Props = NSText.Props;\n\n type Component = Intergalactic.Component<'span', Props>;\n }\n\n namespace Addon {\n type Props = NSBox.Props;\n\n type Component = Intergalactic.Component<'span', Props>;\n }\n\n type Component = Intergalactic.Component<'button', Props, NSButton.Ctx> & {\n Text: Text.Component;\n Addon: Addon.Component;\n };\n}\n\n/** @deprecated It will be removed in v19. */\nexport type ButtonLinkProps = NSButtonLink.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonLinkDefaultProps = NSButtonLink.DefaultProps;\n/** @deprecated It will be removed in v19. */\nexport type ButtonLinkTextProps = NSButtonLink.Text.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonLinkAddonProps = NSButtonLink.Addon.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonLinkComponent = NSButtonLink.Component;\n\nexport type { NSButtonLink };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -4,52 +4,50 @@ import { Box, NeighborLocation, Hint } from "@semcore/base-components";
|
|
|
4
4
|
import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
|
|
5
5
|
import hasLabels from "@semcore/core/lib/utils/hasLabels";
|
|
6
6
|
import logger from "@semcore/core/lib/utils/logger";
|
|
7
|
+
import Spin from "@semcore/spin";
|
|
7
8
|
import { Text } from "@semcore/typography";
|
|
8
9
|
import React from "react";
|
|
9
|
-
import
|
|
10
|
+
import { BUTTON_SIZE_TO_SPIN_SIZE } from "./mappers/BUTTON_SIZE_TO_SPIN_SIZE.mjs";
|
|
11
|
+
import { BUTTON_USE_TO_DEFAULT_THEME } from "./mappers/BUTTON_USE_TO_DEFAULT_THEME.mjs";
|
|
10
12
|
/*!__reshadow-styles__:"./button.shadow.css"*/
|
|
11
13
|
const style = (
|
|
12
14
|
/*__reshadow_css_start__*/
|
|
13
15
|
(sstyled.insert(
|
|
14
16
|
/*__inner_css_start__*/
|
|
15
|
-
'.___SButton_vr2od_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid #0000;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium,500);color:var(--intergalactic-text-secondary,#00030095);min-width:-moz-fit-content;min-width:fit-content}@media (color-gamut:p3){.___SButton_vr2od_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SButton_vr2od_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_vr2od_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_vr2od_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_vr2od_gg_.__disabled_vr2od_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_vr2od_gg_._size_s_vr2od_gg_{width:var(--intergalactic-form-control-s,20px);height:var(--intergalactic-form-control-s,20px);border-radius:var(--intergalactic-addon-rounded,4px)}.___SButton_vr2od_gg_._size_m_vr2od_gg_{height:var(--intergalactic-form-control-m,28px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButton_vr2od_gg_._size_l_vr2od_gg_{height:var(--intergalactic-form-control-l,40px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-hover,oklch(.32 .007 140))}}.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-active,oklch(0 0 140))}.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success,#00a480)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_{background-color:var(--intergalactic-control-primary-success,oklch(.64 .161 170))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-hover,#009675)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,oklch(.6 .155 170))}}}.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-active,#009070)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:active{background-color:var(--intergalactic-control-primary-success-active,oklch(.58 .151 170))}}.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical,oklch(.64 .226 24.5))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-hover,oklch(.6 .219 25.5))}}.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-active,oklch(.58 .215 26))}.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert,oklch(1 0 0))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_:hover{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-hover,oklch(.96 .001 180))}}.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_:active{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-active,oklch(.94 .002 180))}.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829);background-color:var(--intergalactic-control-secondary-neutral,oklch(.177 .033 175.6/.028))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583));border-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-link,oklch(.53 .21 263));border-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_{background-color:var(--intergalactic-control-secondary-info,oklch(.527 .264 262.9/.039))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));border-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391));background-color:var(--intergalactic-control-secondary-invert,oklch(.969 .057 140/.118))}@media (hover:hover){.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-active,oklch(.983 .03 140/.183))}.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info,#0000)}@media (hover:hover){.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-control-tertiary-neutral,#0000)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert,#0000)}@media (hover:hover){.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-active,oklch(.983 .03 140/.183))}.___SButton_vr2od_gg_._neighborLocation_right_vr2od_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_{border-radius:0;margin-left:-1px}.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_{position:relative}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_:after,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_:after{background-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391))}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after{background-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SButton_vr2od_gg_+.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_:after,.___SButton_vr2od_gg_+.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_vr2od_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_vr2od_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_vr2od_gg_.__loading_vr2od_gg_{visibility:hidden}.___SText_vr2od_gg_{display:inline-flex}.___SText_vr2od_gg_._size_m_vr2od_gg_{line-height:var(--intergalactic-lh-200,142%)}.___SText_vr2od_gg_._size_l_vr2od_gg_,.___SText_vr2od_gg_._size_m_vr2od_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-2x,8px)}.___SText_vr2od_gg_._size_l_vr2od_gg_{line-height:var(--intergalactic-lh-300,150%)}.___SText_vr2od_gg_._size_l_vr2od_gg_:only-child{margin-left:var(--intergalactic-spacing-3x,12px);margin-right:var(--intergalactic-spacing-3x,12px)}.___SText_vr2od_gg_._size_l_vr2od_gg_:first-child{margin-left:var(--intergalactic-spacing-3x,12px)}.___SText_vr2od_gg_._size_l_vr2od_gg_:last-child{margin-right:var(--intergalactic-spacing-3x,12px)}.___SAddon_vr2od_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_vr2od_gg_._size_m_vr2od_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_vr2od_gg_._size_m_vr2od_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_vr2od_gg_._size_m_vr2od_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px)}.___SAddon_vr2od_gg_._size_l_vr2od_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_vr2od_gg_._size_l_vr2od_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_vr2od_gg_._size_l_vr2od_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px)}',
|
|
17
|
+
'.___SButton_eyreh_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid #0000;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium,500);color:var(--intergalactic-text-secondary,#00030095);min-width:-moz-fit-content;min-width:fit-content}@media (color-gamut:p3){.___SButton_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SButton_eyreh_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_eyreh_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_eyreh_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_eyreh_gg_.__disabled_eyreh_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_eyreh_gg_._size_s_eyreh_gg_{width:var(--intergalactic-form-control-s,20px);height:var(--intergalactic-form-control-s,20px);border-radius:var(--intergalactic-addon-rounded,4px)}.___SButton_eyreh_gg_._size_m_eyreh_gg_{height:var(--intergalactic-form-control-m,28px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButton_eyreh_gg_._size_l_eyreh_gg_{height:var(--intergalactic-form-control-l,40px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-hover,oklch(.32 .007 140))}}.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-active,oklch(0 0 140))}.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success,#00a480)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_{background-color:var(--intergalactic-control-primary-success,oklch(.64 .161 170))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-hover,#009675)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,oklch(.6 .155 170))}}}.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-active,#009070)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:active{background-color:var(--intergalactic-control-primary-success-active,oklch(.58 .151 170))}}.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical,oklch(.64 .226 24.5))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-hover,oklch(.6 .219 25.5))}}.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-active,oklch(.58 .215 26))}.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert,oklch(1 0 0))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-hover,oklch(.96 .001 180))}}.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-active,oklch(.94 .002 180))}.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829);background-color:var(--intergalactic-control-secondary-neutral,oklch(.177 .033 175.6/.028))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583));border-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-link,oklch(.53 .21 263));border-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_{background-color:var(--intergalactic-control-secondary-info,oklch(.527 .264 262.9/.039))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));border-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391));background-color:var(--intergalactic-control-secondary-invert,oklch(.969 .057 140/.118))}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-active,oklch(.983 .03 140/.183))}.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info,#0000)}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-control-tertiary-neutral,#0000)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert,#0000)}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-active,oklch(.983 .03 140/.183))}.___SButton_eyreh_gg_._neighborLocation_right_eyreh_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_{border-radius:0;margin-left:-1px}.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_{position:relative}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_:after{background-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391))}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after{background-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SButton_eyreh_gg_+.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_:after,.___SButton_eyreh_gg_+.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_eyreh_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_eyreh_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_eyreh_gg_.__loading_eyreh_gg_{visibility:hidden}.___SText_eyreh_gg_{display:inline-flex}.___SText_eyreh_gg_._size_m_eyreh_gg_{line-height:var(--intergalactic-lh-200,142%)}.___SText_eyreh_gg_._size_l_eyreh_gg_,.___SText_eyreh_gg_._size_m_eyreh_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-2x,8px)}.___SText_eyreh_gg_._size_l_eyreh_gg_{line-height:var(--intergalactic-lh-300,150%)}.___SText_eyreh_gg_._size_l_eyreh_gg_:only-child{margin-left:var(--intergalactic-spacing-3x,12px);margin-right:var(--intergalactic-spacing-3x,12px)}.___SText_eyreh_gg_._size_l_eyreh_gg_:first-child{margin-left:var(--intergalactic-spacing-3x,12px)}.___SText_eyreh_gg_._size_l_eyreh_gg_:last-child{margin-right:var(--intergalactic-spacing-3x,12px)}.___SAddon_eyreh_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px)}',
|
|
16
18
|
/*__inner_css_end__*/
|
|
17
|
-
"
|
|
19
|
+
"eyreh_gg_"
|
|
18
20
|
), /*__reshadow_css_end__*/
|
|
19
21
|
{
|
|
20
|
-
"__SButton": "
|
|
21
|
-
"_disabled": "
|
|
22
|
-
"_size_s": "
|
|
23
|
-
"_size_m": "
|
|
24
|
-
"_size_l": "
|
|
25
|
-
"_neighborLocation_right": "
|
|
26
|
-
"_neighborLocation_both": "
|
|
27
|
-
"_neighborLocation_left": "
|
|
28
|
-
"__SSpin": "
|
|
29
|
-
"__SInner": "
|
|
30
|
-
"_loading": "
|
|
31
|
-
"__SText": "
|
|
32
|
-
"__SAddon": "
|
|
33
|
-
"_theme_primary-info": "_theme_primary-
|
|
34
|
-
"_active": "
|
|
35
|
-
"_theme_primary-success": "_theme_primary-
|
|
36
|
-
"_theme_primary-brand": "_theme_primary-
|
|
37
|
-
"_theme_primary-warning": "_theme_primary-
|
|
38
|
-
"_theme_primary-danger": "_theme_primary-
|
|
39
|
-
"_theme_primary-invert": "_theme_primary-
|
|
40
|
-
"_theme_secondary-muted": "_theme_secondary-
|
|
41
|
-
"_theme_secondary-info": "_theme_secondary-
|
|
42
|
-
"_theme_secondary-invert": "_theme_secondary-
|
|
43
|
-
"_theme_tertiary-info": "_theme_tertiary-
|
|
44
|
-
"_theme_tertiary-muted": "_theme_tertiary-
|
|
45
|
-
"_theme_tertiary-invert": "_theme_tertiary-
|
|
22
|
+
"__SButton": "___SButton_eyreh_gg_",
|
|
23
|
+
"_disabled": "__disabled_eyreh_gg_",
|
|
24
|
+
"_size_s": "_size_s_eyreh_gg_",
|
|
25
|
+
"_size_m": "_size_m_eyreh_gg_",
|
|
26
|
+
"_size_l": "_size_l_eyreh_gg_",
|
|
27
|
+
"_neighborLocation_right": "_neighborLocation_right_eyreh_gg_",
|
|
28
|
+
"_neighborLocation_both": "_neighborLocation_both_eyreh_gg_",
|
|
29
|
+
"_neighborLocation_left": "_neighborLocation_left_eyreh_gg_",
|
|
30
|
+
"__SSpin": "___SSpin_eyreh_gg_",
|
|
31
|
+
"__SInner": "___SInner_eyreh_gg_",
|
|
32
|
+
"_loading": "__loading_eyreh_gg_",
|
|
33
|
+
"__SText": "___SText_eyreh_gg_",
|
|
34
|
+
"__SAddon": "___SAddon_eyreh_gg_",
|
|
35
|
+
"_theme_primary-info": "_theme_primary-info_eyreh_gg_",
|
|
36
|
+
"_active": "__active_eyreh_gg_",
|
|
37
|
+
"_theme_primary-success": "_theme_primary-success_eyreh_gg_",
|
|
38
|
+
"_theme_primary-brand": "_theme_primary-brand_eyreh_gg_",
|
|
39
|
+
"_theme_primary-warning": "_theme_primary-warning_eyreh_gg_",
|
|
40
|
+
"_theme_primary-danger": "_theme_primary-danger_eyreh_gg_",
|
|
41
|
+
"_theme_primary-invert": "_theme_primary-invert_eyreh_gg_",
|
|
42
|
+
"_theme_secondary-muted": "_theme_secondary-muted_eyreh_gg_",
|
|
43
|
+
"_theme_secondary-info": "_theme_secondary-info_eyreh_gg_",
|
|
44
|
+
"_theme_secondary-invert": "_theme_secondary-invert_eyreh_gg_",
|
|
45
|
+
"_theme_tertiary-info": "_theme_tertiary-info_eyreh_gg_",
|
|
46
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_eyreh_gg_",
|
|
47
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_eyreh_gg_"
|
|
46
48
|
})
|
|
47
49
|
);
|
|
48
|
-
const MAP_USE_DEFAULT_THEME =
|
|
49
|
-
primary: "info",
|
|
50
|
-
secondary: "muted",
|
|
51
|
-
tertiary: "info"
|
|
52
|
-
};
|
|
50
|
+
const MAP_USE_DEFAULT_THEME = BUTTON_USE_TO_DEFAULT_THEME;
|
|
53
51
|
class RootButton extends Component {
|
|
54
52
|
constructor(...args) {
|
|
55
53
|
super(...args);
|
|
@@ -93,7 +91,7 @@ class RootButton extends Component {
|
|
|
93
91
|
const {
|
|
94
92
|
styles,
|
|
95
93
|
use,
|
|
96
|
-
theme = typeof use === "string" &&
|
|
94
|
+
theme = typeof use === "string" && BUTTON_USE_TO_DEFAULT_THEME[use],
|
|
97
95
|
loading,
|
|
98
96
|
disabled = loading,
|
|
99
97
|
size,
|
|
@@ -137,10 +135,10 @@ class RootButton extends Component {
|
|
|
137
135
|
"data-ui-name": `${this.asProps["data-ui-name"]}.InnerWrapper`
|
|
138
136
|
}), AddonLeft ? /* @__PURE__ */ React.createElement(Button2.Addon, null, /* @__PURE__ */ React.createElement(AddonLeft, _ref4.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Button2.Text, Button2.Addon), AddonRight ? /* @__PURE__ */ React.createElement(Button2.Addon, null, /* @__PURE__ */ React.createElement(AddonRight, _ref4.cn("AddonRight", {}))) : null), loading && /* @__PURE__ */ React.createElement(SSpin, _ref4.cn("SSpin", {
|
|
139
137
|
"tag": "span"
|
|
140
|
-
}), /* @__PURE__ */ React.createElement(
|
|
141
|
-
"
|
|
142
|
-
"
|
|
143
|
-
"
|
|
138
|
+
}), /* @__PURE__ */ React.createElement(Spin, _ref4.cn("Spin", {
|
|
139
|
+
"size": BUTTON_SIZE_TO_SPIN_SIZE[size],
|
|
140
|
+
"theme": "currentColor",
|
|
141
|
+
"centered": true
|
|
144
142
|
})))), showHint && /* @__PURE__ */ React.createElement(Hint, _ref4.cn("Hint", {
|
|
145
143
|
"triggerRef": this.containerRef,
|
|
146
144
|
"timeout": [250, 50],
|
|
@@ -7,17 +7,17 @@ const style = (
|
|
|
7
7
|
/*__reshadow_css_start__*/
|
|
8
8
|
(sstyled.insert(
|
|
9
9
|
/*__inner_css_start__*/
|
|
10
|
-
".
|
|
10
|
+
".___SButtonLink_pc0mq_gg_{border:none;font-family:inherit}.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_:not(.__color_pc0mq_gg_){color:var(--intergalactic-text-link,oklch(.53 .21 263))}.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_.__active_pc0mq_gg_:not(.__color_pc0mq_gg_),.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_:not(.__color_pc0mq_gg_):active{color:var(--intergalactic-text-link-hover-active,oklch(.51 .202 263))}@media (hover:hover){.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_:not(.__color_pc0mq_gg_):hover{color:var(--intergalactic-text-link-hover-active,oklch(.51 .202 263))}}.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_){color:var(--intergalactic-text-hint,#00030095)}@media (color-gamut:p3){.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_){color:var(--intergalactic-text-hint,oklch(.088 .026 147.7/.583))}}.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_.__active_pc0mq_gg_:not(.__color_pc0mq_gg_),.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_):active{color:var(--intergalactic-text-hint-hover-active,oklch(.086 .026 145.8/.605))}@media (hover:hover){.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_):hover{color:var(--intergalactic-text-hint-hover-active,oklch(.086 .026 145.8/.605))}}.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_ .___SText_pc0mq_gg_{text-decoration-style:dashed;text-decoration-color:initial}",
|
|
11
11
|
/*__inner_css_end__*/
|
|
12
|
-
"
|
|
12
|
+
"pc0mq_gg_"
|
|
13
13
|
), /*__reshadow_css_end__*/
|
|
14
14
|
{
|
|
15
|
-
"__SButtonLink": "
|
|
16
|
-
"_use_secondary": "
|
|
17
|
-
"__SText": "
|
|
18
|
-
"_use_primary": "
|
|
19
|
-
"_color": "
|
|
20
|
-
"_active": "
|
|
15
|
+
"__SButtonLink": "___SButtonLink_pc0mq_gg_",
|
|
16
|
+
"_use_secondary": "_use_secondary_pc0mq_gg_",
|
|
17
|
+
"__SText": "___SText_pc0mq_gg_",
|
|
18
|
+
"_use_primary": "_use_primary_pc0mq_gg_",
|
|
19
|
+
"_color": "__color_pc0mq_gg_",
|
|
20
|
+
"_active": "__active_pc0mq_gg_"
|
|
21
21
|
})
|
|
22
22
|
);
|
|
23
23
|
class RootButtonLink extends Component {
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
+
import type { Intergalactic } from '@semcore/core';
|
|
1
2
|
import { Component } from '@semcore/core';
|
|
2
3
|
import React from 'react';
|
|
3
|
-
import type {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
export declare class RootButton extends Component<ButtonProps, [
|
|
9
|
-
], never, {}, State, ButtonDefaultProps> {
|
|
4
|
+
import type { NSButton } from './Button.type';
|
|
5
|
+
/** @deprecated It will be removed in v19. */
|
|
6
|
+
export declare const MAP_USE_DEFAULT_THEME: Record<NSButton.Use, NSButton.Theme>;
|
|
7
|
+
export declare class RootButton extends Component<Intergalactic.InternalTypings.InferComponentProps<NSButton.Component>, [
|
|
8
|
+
], never, {}, NSButton.State, NSButton.DefaultProps> {
|
|
10
9
|
static displayName: string;
|
|
11
10
|
static style: {
|
|
12
11
|
[key: string]: string;
|
|
@@ -16,7 +15,7 @@ export declare class RootButton extends Component<ButtonProps, [
|
|
|
16
15
|
readonly size: "m";
|
|
17
16
|
};
|
|
18
17
|
containerRef: React.RefObject<HTMLButtonElement>;
|
|
19
|
-
state: State;
|
|
18
|
+
state: NSButton.State;
|
|
20
19
|
getTextProps(): {
|
|
21
20
|
size: "l" | "m";
|
|
22
21
|
'hint:triggerRef': React.RefObject<HTMLButtonElement>;
|
|
@@ -32,5 +31,6 @@ export declare class RootButton extends Component<ButtonProps, [
|
|
|
32
31
|
*
|
|
33
32
|
* {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}
|
|
34
33
|
*/
|
|
35
|
-
declare const Button:
|
|
34
|
+
declare const Button: NSButton.Component;
|
|
36
35
|
export default Button;
|
|
36
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/component/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,SAAS,EAAiD,MAAM,eAAe,CAAC;AAMzF,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAI9C,6CAA6C;AAC7C,eAAO,MAAM,qBAAqB,sCAA8B,CAAC;AAEjE,qBAAa,UAAW,SAAQ,SAAS,CACvC,aAAa,CAAC,eAAe,CAAC,mBAAmB,CAAC,QAAQ,CAAC,SAAS,CAAC,EACrE;CAAE,EACF,KAAK,EACL,EAAE,EACF,QAAQ,CAAC,KAAK,EACd,QAAQ,CAAC,YAAY,CACtB;IACC,MAAM,CAAC,WAAW,SAAY;IAC9B,MAAM,CAAC,KAAK;;MAAS;IACrB,MAAM,CAAC,YAAY;;;MAGR;IAEX,YAAY,qCAAwC;IAEpD,KAAK,EAAE,QAAQ,CAAC,KAAK,CAEnB;IAEF,YAAY;;;;IASZ,aAAa;;;IAOb,iBAAiB;IAoBjB,MAAM;CAyFP;AAYD;;;;GAIG;AACH,QAAA,MAAM,MAAM,oBAMV,CAAC;AAEH,eAAe,MAAM,CAAC"}
|
|
@@ -1,48 +1,75 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { NSBox, NSNeighborLocation, NSHint } from '@semcore/base-components';
|
|
2
2
|
import type { Intergalactic, PropGetterFn } from '@semcore/core';
|
|
3
3
|
import type { NSText } from '@semcore/typography';
|
|
4
4
|
import type React from 'react';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
5
|
+
declare namespace NSButton {
|
|
6
|
+
type Size = 'l' | 'm';
|
|
7
|
+
type Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';
|
|
8
|
+
type Use = 'primary' | 'secondary' | 'tertiary';
|
|
9
|
+
type Props = NSBox.Props & NSNeighborLocation.Detect.Props & {
|
|
10
|
+
/** Button activity state */
|
|
11
|
+
active?: boolean;
|
|
12
|
+
/** Disabled button state */
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/** Loading button state */
|
|
15
|
+
loading?: boolean;
|
|
16
|
+
/** Tag for the left Addon */
|
|
17
|
+
addonLeft?: React.ElementType;
|
|
18
|
+
/** Tag for the right Addon */
|
|
19
|
+
addonRight?: React.ElementType;
|
|
20
|
+
/**
|
|
21
|
+
* Placement for hint
|
|
22
|
+
* @default top
|
|
23
|
+
*/
|
|
24
|
+
hintPlacement?: NSHint.Props['placement'];
|
|
25
|
+
/** Button size.
|
|
26
|
+
* @default `m`
|
|
27
|
+
*/
|
|
28
|
+
size?: NSButton.Size;
|
|
29
|
+
/** Button usage.
|
|
30
|
+
* @default `primary`
|
|
31
|
+
*/
|
|
32
|
+
use?: 'primary' | 'secondary' | 'tertiary';
|
|
33
|
+
/** Button theme.
|
|
34
|
+
* @default undefined
|
|
35
|
+
*/
|
|
36
|
+
theme?: NSButton.Theme;
|
|
37
|
+
};
|
|
38
|
+
type DefaultProps = {
|
|
39
|
+
use: 'secondary';
|
|
40
|
+
size: 'm';
|
|
41
|
+
};
|
|
42
|
+
type State = {
|
|
43
|
+
ariaLabelledByContent: null | string;
|
|
44
|
+
};
|
|
45
|
+
type Ctx = {
|
|
46
|
+
getTextProps: PropGetterFn;
|
|
47
|
+
getAddonProps: PropGetterFn;
|
|
48
|
+
};
|
|
49
|
+
namespace Text {
|
|
50
|
+
type Props = NSText.Props;
|
|
51
|
+
type Component = Intergalactic.Component<'span', Props>;
|
|
52
|
+
}
|
|
53
|
+
namespace Addon {
|
|
54
|
+
type Props = NSBox.Props;
|
|
55
|
+
type Component = Intergalactic.Component<'span', Props>;
|
|
56
|
+
}
|
|
57
|
+
type Component = Intergalactic.Component<'button', Props, Ctx> & {
|
|
58
|
+
Text: Text.Component;
|
|
59
|
+
Addon: Addon.Component;
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
/** @deprecated It will be removed in v19. */
|
|
63
|
+
export type ButtonProps = NSButton.Props;
|
|
64
|
+
/** @deprecated It will be removed in v19. */
|
|
65
|
+
export type ButtonDefaultProps = NSButton.DefaultProps;
|
|
66
|
+
/** @deprecated It will be removed in v19. */
|
|
67
|
+
export type ButtonTextProps = NSButton.Text.Props;
|
|
68
|
+
/** @deprecated It will be removed in v19. */
|
|
69
|
+
export type ButtonAddonProps = NSButton.Addon.Props;
|
|
70
|
+
/** @deprecated It will be removed in v19. */
|
|
71
|
+
export type ButtonContext = NSButton.Ctx;
|
|
72
|
+
/** @deprecated It will be removed in v19. */
|
|
73
|
+
export type ButtonComponent = NSButton.Component;
|
|
74
|
+
export type { NSButton };
|
|
75
|
+
//# sourceMappingURL=Button.type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.type.d.ts","sourceRoot":"","sources":["../../../../src/component/Button/Button.type.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BUTTON_SIZE_TO_SPIN_SIZE.d.ts","sourceRoot":"","sources":["../../../../../src/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAGvE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BUTTON_USE_TO_DEFAULT_THEME.d.ts","sourceRoot":"","sources":["../../../../../src/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAC,KAAK,CAI5E,CAAC"}
|