npm - @skbkontur/react-ui - Versions diffs - 5.6.0 → 5.6.1-85c65.0 - Mend

@skbkontur/react-ui 5.6.0 → 5.6.1-85c65.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1994) hide show

package/components/Link/Link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","globalObject","resetButton","keyListener","ThemeContext","isExternalLink","CommonWrapper","cx","rootNode","createPropsGetter","ThemeFactory","getVisualStateDataAttributes","styles","LinkIcon","LINK_DEFAULT_COMPONENT","LinkDataTids","root","Link","_class","_Link","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","getTabIndex","_ref","nonInteractive","_ref$tabIndex","tabIndex","getRel","isAnchorProps","props","_this$props","rel","href","undefined","renderMain","_cx","disabled","icon","rightIcon","use","loading","_button","_buttonOpened","Root","component","_props$focused","focused","error","warning","theme","rest","_objectWithoutPropertiesLoose","_excluded","arrow","createElement","className","isFocused","leftIconElement","position","rightIconElement","hasBothIcons","getUseStyles","danger","success","grayed","getUseLineFocusStyles","lineFocus","lineFocusDanger","lineFocusSuccess","lineFocusGrayed","rootProps","_extends","focus","useGrayedFocus","button","buttonOpened","onClick","handleClick","onFocus","handleFocus","onBlur","handleBlur","buttonOnlyProps","children","requestAnimationFrame","isTabPressed","setState","event","_this$props2","preventDefault","stopPropagation","_inheritsLoose","_proto","prototype","render","_this2","Consumer","create","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Link.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link';\nimport { resetButton } from '../../lib/styles/Mixins';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './Link.styles';\nimport { LinkIcon } from './LinkIcon';\n\nexport interface LinkInnerProps extends CommonProps {\n /** Ссылка меняет цвет на серый и становится недоступна для нажатия. /\n disabled?: boolean;\n\n /* Добавляет иконку слева от ссылки. /\n icon?: React.ReactElement;\n\n /* Добавляет иконку справа от ссылки. /\n rightIcon?: React.ReactElement;\n\n /* Задаёт стиль ссылки. /\n use?: 'default' \| 'success' \| 'danger' \| 'grayed';\n\n /* @ignore /\n _button?: boolean;\n\n /* @ignore /\n _buttonOpened?: boolean;\n\n /* Задаёт HTML-атрибут `tabindex`. /\n tabIndex?: number;\n\n /* Переводит ссылку в состояние загрузки. /\n loading?: boolean;\n\n /* Задаёт объект с переменными темы. /\n theme?: ThemeIn;\n\n /* Задает состояние фокуса.\n * @ignore /\n focused?: boolean;\n\n /* Переводит ссылку в состояние валидации \"Ошибка\". /\n error?: boolean;\n\n /* Переводит ссылку в состояние валидации \"Предупреждение\". /\n warning?: boolean;\n}\n\nconst LINK_DEFAULT_COMPONENT = 'a';\n\nexport type LinkProps<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<\n LinkInnerProps,\n C\n>;\nexport interface LinkState {\n focusedByTab: boolean;\n}\n\nexport const LinkDataTids = {\n root: 'Link__root',\n} as const;\n\ntype DefaultProps = Required<Pick<LinkProps<ButtonLinkAllowedValues>, 'use' \| 'component'>>;\ntype DefaultizedLinkProps = DefaultizedProps<LinkProps<ButtonLinkAllowedValues>, DefaultProps>;\n\n/\n С помощью ссылки пользователь может перейти на другую страницу, раздел приложения или внешний URL.\n */\n@rootNode\nexport class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> extends React.Component<\n LinkProps<C>,\n LinkState\n> {\n public static __KONTUR_REACT_UI__ = 'Link';\n public static displayName = 'Link';\n\n public static defaultProps: DefaultProps = {\n use: 'default',\n component: LINK_DEFAULT_COMPONENT,\n };\n\n private getProps = createPropsGetter(Link.defaultProps);\n\n public state: LinkState = {\n focusedByTab: false,\n };\n\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private getTabIndex = ({\n nonInteractive,\n tabIndex = 0,\n }: {\n nonInteractive: boolean \| undefined;\n tabIndex: number \| undefined;\n }) => {\n return nonInteractive ? -1 : tabIndex;\n };\n\n private getRel = () => {\n if (isAnchorProps(this.props)) {\n const { rel, href } = this.props;\n if (!rel && href) {\n return `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\n }\n return rel;\n }\n\n return undefined;\n };\n\n private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n const {\n disabled,\n icon,\n rightIcon,\n use,\n loading,\n _button,\n _buttonOpened,\n component: Root,\n focused = false,\n error,\n warning,\n tabIndex,\n theme,\n ...rest\n } = props;\n\n let arrow = null;\n if (_button) {\n arrow = <span className={styles.arrow()} />;\n }\n\n const isFocused = !disabled && (this.state.focusedByTab \|\| focused);\n\n const leftIconElement = icon && <LinkIcon icon={icon} loading={loading} position=\"left\" />;\n const rightIconElement = rightIcon && (\n <LinkIcon hasBothIcons={!!icon && !!rightIcon} icon={rightIcon} loading={loading} position=\"right\" />\n );\n const nonInteractive = disabled \|\| loading;\n const getUseStyles = () => {\n switch (use) {\n case 'default':\n return styles.default(this.theme);\n case 'danger':\n return styles.danger(this.theme);\n case 'success':\n return styles.success(this.theme);\n case 'grayed':\n return styles.grayed(this.theme);\n }\n };\n const getUseLineFocusStyles = () => {\n switch (use) {\n case 'default':\n return styles.lineFocus(this.theme);\n case 'danger':\n return styles.lineFocusDanger(this.theme);\n case 'success':\n return styles.lineFocusSuccess(this.theme);\n case 'grayed':\n return styles.lineFocusGrayed(this.theme);\n }\n };\n\n const rootProps = {\n ...rest,\n className: cx({\n [styles.root(this.theme)]: true,\n [resetButton()]: Root === 'button',\n [styles.focus(this.theme)]: isFocused,\n [styles.disabled(this.theme)]: disabled \|\| loading,\n [getUseStyles()]: true,\n [styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n [styles.button(this.theme)]: !!_button,\n [styles.buttonOpened(this.theme)]: !!_buttonOpened,\n [styles.warning(this.theme)]: warning,\n [styles.error(this.theme)]: error,\n [getUseLineFocusStyles()]: isFocused,\n }),\n onClick: this.handleClick,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n tabIndex: this.getTabIndex({ nonInteractive, tabIndex }),\n rel: this.getRel(),\n };\n\n const buttonOnlyProps = Root === 'button' ? { disabled: nonInteractive } : {};\n\n return (\n <Root\n data-tid={LinkDataTids.root}\n {...rootProps}\n {...buttonOnlyProps}\n {...getVisualStateDataAttributes({ disabled })}\n >\n {leftIconElement}\n {this.props.children}\n {rightIconElement}\n {arrow}\n </Root>\n );\n };\n\n private handleFocus = () => {\n if (!this.props.disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n }\n };\n\n private handleBlur = () => {\n this.setState({ focusedByTab: false });\n };\n\n private handleClick = (event: React.MouseEvent) => {\n const { onClick, disabled, loading } = this.props;\n\n if (disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n if (onClick && !disabled && !loading) {\n onClick(event);\n }\n };\n}\n\nconst isAnchorProps = (props: LinkProps<any>): props is LinkProps<'a'> => {\n return props.component === 'a';\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","KeyListener","ThemeContext","isExternalLink","CommonWrapper","rootNode","createPropsGetter","ThemeFactory","getVisualStateDataAttributes","withRenderEnvironment","getStyles","LinkIcon","LINK_DEFAULT_COMPONENT","LinkDataTids","root","Link","_class","_Link","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","getTabIndex","_ref","nonInteractive","_ref$tabIndex","tabIndex","getRel","isAnchorProps","props","_this$props","rel","href","globalObject","undefined","renderMain","_this$cx","disabled","icon","rightIcon","use","loading","_button","_buttonOpened","Root","component","_props$focused","focused","error","warning","theme","rest","_objectWithoutPropertiesLoose","_excluded","arrow","createElement","className","styles","isFocused","leftIconElement","position","rightIconElement","hasBothIcons","getUseStyles","danger","success","grayed","getUseLineFocusStyles","lineFocus","lineFocusDanger","lineFocusSuccess","lineFocusGrayed","rootProps","_extends","cx","reserButton","focus","useGrayedFocus","button","buttonOpened","onClick","handleClick","onFocus","handleFocus","onBlur","handleBlur","buttonOnlyProps","children","requestAnimationFrame","keyListener","isTabPressed","setState","event","_this$props2","preventDefault","stopPropagation","_inheritsLoose","_proto","prototype","componentDidMount","render","_this2","emotion","Consumer","create","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Link.tsx"],"sourcesContent":["import React, { type JSX } from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';\nimport { KeyListener } from '../../lib/events/keyListener';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './Link.styles';\nimport { LinkIcon } from './LinkIcon';\n\nexport interface LinkInnerProps extends CommonProps {\n /** Ссылка меняет цвет на серый и становится недоступна для нажатия. /\n disabled?: boolean;\n\n /* Добавляет иконку слева от ссылки. /\n icon?: React.ReactElement;\n\n /* Добавляет иконку справа от ссылки. /\n rightIcon?: React.ReactElement;\n\n /* Задаёт стиль ссылки. /\n use?: 'default' \| 'success' \| 'danger' \| 'grayed';\n\n /* @ignore /\n _button?: boolean;\n\n /* @ignore /\n _buttonOpened?: boolean;\n\n /* Задаёт HTML-атрибут `tabindex`. /\n tabIndex?: number;\n\n /* Переводит ссылку в состояние загрузки. /\n loading?: boolean;\n\n /* Задаёт объект с переменными темы. /\n theme?: ThemeIn;\n\n /* Задает состояние фокуса.\n * @ignore /\n focused?: boolean;\n\n /* Переводит ссылку в состояние валидации \"Ошибка\". /\n error?: boolean;\n\n /* Переводит ссылку в состояние валидации \"Предупреждение\". /\n warning?: boolean;\n}\n\nconst LINK_DEFAULT_COMPONENT = 'a';\n\nexport type LinkProps<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<\n LinkInnerProps,\n C\n>;\nexport interface LinkState {\n focusedByTab: boolean;\n}\n\nexport const LinkDataTids = {\n root: 'Link__root',\n} as const;\n\ntype DefaultProps = Required<Pick<LinkProps<ButtonLinkAllowedValues>, 'use' \| 'component'>>;\ntype DefaultizedLinkProps = DefaultizedProps<LinkProps<ButtonLinkAllowedValues>, DefaultProps>;\n\n/\n С помощью ссылки пользователь может перейти на другую страницу, раздел приложения или внешний URL.\n */\n@withRenderEnvironment\n@rootNode\nexport class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> extends React.Component<\n LinkProps<C>,\n LinkState\n> {\n public static __KONTUR_REACT_UI__ = 'Link';\n public static displayName = 'Link';\n\n public static defaultProps: DefaultProps = {\n use: 'default',\n component: LINK_DEFAULT_COMPONENT,\n };\n\n private getProps = createPropsGetter(Link.defaultProps);\n\n public state: LinkState = {\n focusedByTab: false,\n };\n\n private globalObject!: GlobalObject;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private keyListener!: KeyListener;\n\n public componentDidMount() {\n this.keyListener = new KeyListener(this.globalObject);\n }\n\n public render(): JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private getTabIndex = ({\n nonInteractive,\n tabIndex = 0,\n }: {\n nonInteractive: boolean \| undefined;\n tabIndex: number \| undefined;\n }) => {\n return nonInteractive ? -1 : tabIndex;\n };\n\n private getRel = () => {\n if (isAnchorProps(this.props)) {\n const { rel, href } = this.props;\n if (!rel && href) {\n return `noopener${isExternalLink(href, this.globalObject) ? ' noreferrer' : ''}`;\n }\n return rel;\n }\n\n return undefined;\n };\n\n private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n const {\n disabled,\n icon,\n rightIcon,\n use,\n loading,\n _button,\n _buttonOpened,\n component: Root,\n focused = false,\n error,\n warning,\n tabIndex,\n theme,\n ...rest\n } = props;\n\n let arrow = null;\n if (_button) {\n arrow = <span className={this.styles.arrow()} />;\n }\n\n const isFocused = !disabled && (this.state.focusedByTab \|\| focused);\n\n const leftIconElement = icon && <LinkIcon icon={icon} loading={loading} position=\"left\" />;\n const rightIconElement = rightIcon && (\n <LinkIcon hasBothIcons={!!icon && !!rightIcon} icon={rightIcon} loading={loading} position=\"right\" />\n );\n const nonInteractive = disabled \|\| loading;\n const getUseStyles = () => {\n switch (use) {\n case 'default':\n return this.styles.default(this.theme);\n case 'danger':\n return this.styles.danger(this.theme);\n case 'success':\n return this.styles.success(this.theme);\n case 'grayed':\n return this.styles.grayed(this.theme);\n }\n };\n const getUseLineFocusStyles = () => {\n switch (use) {\n case 'default':\n return this.styles.lineFocus(this.theme);\n case 'danger':\n return this.styles.lineFocusDanger(this.theme);\n case 'success':\n return this.styles.lineFocusSuccess(this.theme);\n case 'grayed':\n return this.styles.lineFocusGrayed(this.theme);\n }\n };\n\n const rootProps = {\n ...rest,\n className: this.cx({\n [this.styles.root(this.theme)]: true,\n [this.styles.reserButton()]: Root === 'button',\n [this.styles.focus(this.theme)]: isFocused,\n [this.styles.disabled(this.theme)]: disabled \|\| loading,\n [getUseStyles()]: true,\n [this.styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n [this.styles.button(this.theme)]: !!_button,\n [this.styles.buttonOpened(this.theme)]: !!_buttonOpened,\n [this.styles.warning(this.theme)]: warning,\n [this.styles.error(this.theme)]: error,\n [getUseLineFocusStyles()]: isFocused,\n }),\n onClick: this.handleClick,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n tabIndex: this.getTabIndex({ nonInteractive, tabIndex }),\n rel: this.getRel(),\n };\n\n const buttonOnlyProps = Root === 'button' ? { disabled: nonInteractive } : {};\n\n return (\n <Root\n data-tid={LinkDataTids.root}\n {...rootProps}\n {...buttonOnlyProps}\n {...getVisualStateDataAttributes({ disabled })}\n >\n {leftIconElement}\n {this.props.children}\n {rightIconElement}\n {arrow}\n </Root>\n );\n };\n\n private handleFocus = () => {\n if (!this.props.disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n this.globalObject.requestAnimationFrame?.(() => {\n if (this.keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n }\n };\n\n private handleBlur = () => {\n this.setState({ focusedByTab: false });\n };\n\n private handleClick = (event: React.MouseEvent) => {\n const { onClick, disabled, loading } = this.props;\n\n if (disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n if (onClick && !disabled && !loading) {\n onClick(event);\n }\n };\n}\n\nconst isAnchorProps = (props: LinkProps<any>): props is LinkProps<'a'> => {\n return props.component === 'a';\n};\n"],"mappings":"uZAAA,OAAOA,KAAK,MAAoB,OAAO;;;;;;AAMvC,SAASC,WAAW,QAAQ,8BAA8B;;AAE1D,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,cAAc,QAAQ,iBAAiB;;AAEhD,SAASC,aAAa,QAAQ,8BAA8B;;AAE5D,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,4BAA4B,QAAQ,iEAAiE;AAC9G,SAASC,qBAAqB,QAAQ,6BAA6B;;AAEnE,SAASC,SAAS,QAAQ,eAAe;AACzC,SAASC,QAAQ,QAAQ,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCrC,IAAMC,sBAAsB,GAAG,GAAG;;;;;;;;;;AAUlC,OAAO,IAAMC,YAAY,GAAG;EAC1BC,IAAI,EAAE;AACR,CAAU;;;;;AAKV;AACA;AACA;AACA;;AAEaC,IAAI,GAFhBN,qBAAqB,CAAAO,MAAA,GACrBX,QAAQ,CAAAW,MAAA,IAAAC,KAAA,0BAAAC,gBAAA,YAAAH,KAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;IAaCU,QAAQ,GAAGvB,iBAAiB,CAACS,IAAI,CAACe,YAAY,CAAC,CAAAX,KAAA;;IAEhDY,KAAK,GAAc;MACxBC,YAAY,EAAE;IAChB,CAAC,CAAAb,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCOc,WAAW,GAAG,UAAAC,IAAA;;;;;;IAMhB,KALJC,cAAc,GAAAD,IAAA,CAAdC,cAAc,CAAAC,aAAA,GAAAF,IAAA,CACdG,QAAQ,CAARA,QAAQ,GAAAD,aAAA,cAAG,CAAC,GAAAA,aAAA;MAKZ,OAAOD,cAAc,GAAG,CAAC,CAAC,GAAGE,QAAQ;IACvC,CAAC,CAAAlB,KAAA;;IAEOmB,MAAM,GAAG,YAAM;MACrB,IAAIC,aAAa,CAACpB,KAAA,CAAKqB,KAAK,CAAC,EAAE;QAC7B,IAAAC,WAAA,GAAsBtB,KAAA,CAAKqB,KAAK,CAAxBE,GAAG,GAAAD,WAAA,CAAHC,GAAG,CAAEC,IAAI,GAAAF,WAAA,CAAJE,IAAI;QACjB,IAAI,CAACD,GAAG,IAAIC,IAAI,EAAE;UAChB,qBAAkBxC,cAAc,CAACwC,IAAI,EAAExB,KAAA,CAAKyB,YAAY,CAAC,GAAG,aAAa,GAAG,EAAE;QAChF;QACA,OAAOF,GAAG;MACZ;;MAEA,OAAOG,SAAS;IAClB,CAAC,CAAA1B,KAAA;;IAEO2B,UAAU,GAAG,UAACN,KAAmD,EAAK,KAAAO,QAAA;MAC5E;QACEC,QAAQ;;;;;;;;;;;;;;QAcNR,KAAK,CAdPQ,QAAQ,CACRC,IAAI,GAaFT,KAAK,CAbPS,IAAI,CACJC,SAAS,GAYPV,KAAK,CAZPU,SAAS,CACTC,GAAG,GAWDX,KAAK,CAXPW,GAAG,CACHC,OAAO,GAULZ,KAAK,CAVPY,OAAO,CACPC,OAAO,GASLb,KAAK,CATPa,OAAO,CACPC,aAAa,GAQXd,KAAK,CARPc,aAAa,CACFC,IAAI,GAObf,KAAK,CAPPgB,SAAS,CAAAC,cAAA,GAOPjB,KAAK,CANPkB,OAAO,CAAPA,OAAO,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA,CACfE,KAAK,GAKHnB,KAAK,CALPmB,KAAK,CACLC,OAAO,GAILpB,KAAK,CAJPoB,OAAO,CACPvB,QAAQ,GAGNG,KAAK,CAHPH,QAAQ,CACRwB,KAAK,GAEHrB,KAAK,CAFPqB,KAAK,CACFC,IAAI,GAAAC,6BAAA,CACLvB,KAAK,EAAAwB,SAAA;;MAET,IAAIC,KAAK,GAAG,IAAI;MAChB,IAAIZ,OAAO,EAAE;QACXY,KAAK,gBAAGjE,KAAA,CAAAkE,aAAA,WAAMC,SAAS,EAAEhD,KAAA,CAAKiD,MAAM,CAACH,KAAK,CAAC,CAAE,EAAE,CAAC;MAClD;;MAEA,IAAMI,SAAS,GAAG,CAACrB,QAAQ,KAAK7B,KAAA,CAAKY,KAAK,CAACC,YAAY,IAAI0B,OAAO,CAAC;;MAEnE,IAAMY,eAAe,GAAGrB,IAAI,iBAAIjD,KAAA,CAAAkE,aAAA,CAACvD,QAAQ,IAACsC,IAAI,EAAEA,IAAK,EAACG,OAAO,EAAEA,OAAQ,EAACmB,QAAQ,EAAC,MAAM,EAAE,CAAC;MAC1F,IAAMC,gBAAgB,GAAGtB,SAAS;MAChClD,KAAA,CAAAkE,aAAA,CAACvD,QAAQ,IAAC8D,YAAY,EAAE,CAAC,CAACxB,IAAI,IAAI,CAAC,CAACC,SAAU,EAACD,IAAI,EAAEC,SAAU,EAACE,OAAO,EAAEA,OAAQ,EAACmB,QAAQ,EAAC,OAAO,EAAE,CACrG;;MACD,IAAMpC,cAAc,GAAGa,QAAQ,IAAII,OAAO;MAC1C,IAAMsB,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;QACzB,QAAQvB,GAAG;UACT,KAAK,SAAS;YACZ,OAAOhC,KAAA,CAAKiD,MAAM,WAAQ,CAACjD,KAAA,CAAK0C,KAAK,CAAC;UACxC,KAAK,QAAQ;YACX,OAAO1C,KAAA,CAAKiD,MAAM,CAACO,MAAM,CAACxD,KAAA,CAAK0C,KAAK,CAAC;UACvC,KAAK,SAAS;YACZ,OAAO1C,KAAA,CAAKiD,MAAM,CAACQ,OAAO,CAACzD,KAAA,CAAK0C,KAAK,CAAC;UACxC,KAAK,QAAQ;YACX,OAAO1C,KAAA,CAAKiD,MAAM,CAACS,MAAM,CAAC1D,KAAA,CAAK0C,KAAK,CAAC;QACzC;MACF,CAAC;MACD,IAAMiB,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAA,EAAS;QAClC,QAAQ3B,GAAG;UACT,KAAK,SAAS;YACZ,OAAOhC,KAAA,CAAKiD,MAAM,CAACW,SAAS,CAAC5D,KAAA,CAAK0C,KAAK,CAAC;UAC1C,KAAK,QAAQ;YACX,OAAO1C,KAAA,CAAKiD,MAAM,CAACY,eAAe,CAAC7D,KAAA,CAAK0C,KAAK,CAAC;UAChD,KAAK,SAAS;YACZ,OAAO1C,KAAA,CAAKiD,MAAM,CAACa,gBAAgB,CAAC9D,KAAA,CAAK0C,KAAK,CAAC;UACjD,KAAK,QAAQ;YACX,OAAO1C,KAAA,CAAKiD,MAAM,CAACc,eAAe,CAAC/D,KAAA,CAAK0C,KAAK,CAAC;QAClD;MACF,CAAC;;MAED,IAAMsB,SAAS,GAAAC,QAAA;MACVtB,IAAI;QACPK,SAAS,EAAEhD,KAAA,CAAKkE,EAAE,EAAAtC,QAAA,OAAAA,QAAA;QACf5B,KAAA,CAAKiD,MAAM,CAACtD,IAAI,CAACK,KAAA,CAAK0C,KAAK,CAAC,IAAG,IAAI,EAAAd,QAAA;QACnC5B,KAAA,CAAKiD,MAAM,CAACkB,WAAW,CAAC,CAAC,IAAG/B,IAAI,KAAK,QAAQ,EAAAR,QAAA;QAC7C5B,KAAA,CAAKiD,MAAM,CAACmB,KAAK,CAACpE,KAAA,CAAK0C,KAAK,CAAC,IAAGQ,SAAS,EAAAtB,QAAA;QACzC5B,KAAA,CAAKiD,MAAM,CAACpB,QAAQ,CAAC7B,KAAA,CAAK0C,KAAK,CAAC,IAAGb,QAAQ,IAAII,OAAO,EAAAL,QAAA;QACtD2B,YAAY,CAAC,CAAC,IAAG,IAAI,EAAA3B,QAAA;QACrB5B,KAAA,CAAKiD,MAAM,CAACoB,cAAc,CAACrE,KAAA,CAAK0C,KAAK,CAAC,IAAGV,GAAG,KAAK,QAAQ,IAAIO,OAAO,EAAAX,QAAA;QACpE5B,KAAA,CAAKiD,MAAM,CAACqB,MAAM,CAACtE,KAAA,CAAK0C,KAAK,CAAC,IAAG,CAAC,CAACR,OAAO,EAAAN,QAAA;QAC1C5B,KAAA,CAAKiD,MAAM,CAACsB,YAAY,CAACvE,KAAA,CAAK0C,KAAK,CAAC,IAAG,CAAC,CAACP,aAAa,EAAAP,QAAA;QACtD5B,KAAA,CAAKiD,MAAM,CAACR,OAAO,CAACzC,KAAA,CAAK0C,KAAK,CAAC,IAAGD,OAAO,EAAAb,QAAA;QACzC5B,KAAA,CAAKiD,MAAM,CAACT,KAAK,CAACxC,KAAA,CAAK0C,KAAK,CAAC,IAAGF,KAAK,EAAAZ,QAAA;QACrC+B,qBAAqB,CAAC,CAAC,IAAGT,SAAS,EAAAtB,QAAA;QACrC,CAAC;QACF4C,OAAO,EAAExE,KAAA,CAAKyE,WAAW;QACzBC,OAAO,EAAE1E,KAAA,CAAK2E,WAAW;QACzBC,MAAM,EAAE5E,KAAA,CAAK6E,UAAU;QACvB3D,QAAQ,EAAElB,KAAA,CAAKc,WAAW,CAAC,EAAEE,cAAc,EAAdA,cAAc,EAAEE,QAAQ,EAARA,QAAQ,CAAC,CAAC,CAAC;QACxDK,GAAG,EAAEvB,KAAA,CAAKmB,MAAM,CAAC,CAAC,GACnB;;;MAED,IAAM2D,eAAe,GAAG1C,IAAI,KAAK,QAAQ,GAAG,EAAEP,QAAQ,EAAEb,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC;;MAE7E;QACEnC,KAAA,CAAAkE,aAAA,CAACX,IAAI,EAAA6B,QAAA;UACH,YAAUvE,YAAY,CAACC,IAAK;QACxBqE,SAAS;QACTc,eAAe;QACfzF,4BAA4B,CAAC,EAAEwC,QAAQ,EAARA,QAAQ,CAAC,CAAC,CAAC;;QAE7CsB,eAAe;QACfnD,KAAA,CAAKqB,KAAK,CAAC0D,QAAQ;QACnB1B,gBAAgB;QAChBP;QACG,CAAC;;IAEX,CAAC,CAAA9C,KAAA;;IAEO2E,WAAW,GAAG,YAAM;MAC1B,IAAI,CAAC3E,KAAA,CAAKqB,KAAK,CAACQ,QAAQ,EAAE;QACxB;QACA;QACA7B,KAAA,CAAKyB,YAAY,CAACuD,qBAAqB,YAAvChF,KAAA,CAAKyB,YAAY,CAACuD,qBAAqB,CAAG,YAAM;UAC9C,IAAIhF,KAAA,CAAKiF,WAAW,CAACC,YAAY,EAAE;YACjClF,KAAA,CAAKmF,QAAQ,CAAC,EAAEtE,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;UACvC;QACF,CAAC,CAAC;MACJ;IACF,CAAC,CAAAb,KAAA;;IAEO6E,UAAU,GAAG,YAAM;MACzB7E,KAAA,CAAKmF,QAAQ,CAAC,EAAEtE,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;IACxC,CAAC,CAAAb,KAAA;;IAEOyE,WAAW,GAAG,UAACW,KAAuB,EAAK;MACjD,IAAAC,YAAA,GAAuCrF,KAAA,CAAKqB,KAAK,CAAzCmD,OAAO,GAAAa,YAAA,CAAPb,OAAO,CAAE3C,QAAQ,GAAAwD,YAAA,CAARxD,QAAQ,CAAEI,OAAO,GAAAoD,YAAA,CAAPpD,OAAO;;MAElC,IAAIJ,QAAQ,EAAE;QACZuD,KAAK,CAACE,cAAc,CAAC,CAAC;QACtBF,KAAK,CAACG,eAAe,CAAC,CAAC;MACzB;;MAEA,IAAIf,OAAO,IAAI,CAAC3C,QAAQ,IAAI,CAACI,OAAO,EAAE;QACpCuC,OAAO,CAACY,KAAK,CAAC;MAChB;IACF,CAAC,QAAApF,KAAA,EAAAwF,cAAA,CAAA5F,IAAA,EAAAG,gBAAA,MAAA0F,MAAA,GAAA7F,IAAA,CAAA8F,SAAA,CAAAD,MAAA,CApKME,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,CAACV,WAAW,GAAG,IAAInG,WAAW,CAAC,IAAI,CAAC2C,YAAY,CAAC,CACvD,CAAC,CAAAgE,MAAA,CAEMG,MAAM,GAAb,SAAAA,OAAA,EAA6B,KAAAC,MAAA,QAC3B,IAAI,CAAC5C,MAAM,GAAG1D,SAAS,CAAC,IAAI,CAACuG,OAAO,CAAC,CAErC,oBACEjH,KAAA,CAAAkE,aAAA,CAAChE,YAAY,CAACgH,QAAQ,QACnB,UAACrD,KAAK,EAAK,CACVmD,MAAI,CAACnD,KAAK,GAAGmD,MAAI,CAACxE,KAAK,CAACqB,KAAK,GAAGtD,YAAY,CAAC4G,MAAM,CAACH,MAAI,CAACxE,KAAK,CAACqB,KAAK,EAAWA,KAAK,CAAC,GAAGA,KAAK,CAC7F,oBACE7D,KAAA,CAAAkE,aAAA,CAAC9D,aAAa,EAAAgF,QAAA,GAACgC,WAAW,EAAEJ,MAAI,CAACK,WAAY,IAAKL,MAAI,CAACnF,QAAQ,CAAC,CAAC,GAC9DmF,MAAI,CAAClE,UACO,CAAC,CAEpB,CACqB,CAAC,CAE5B,CAAC,QAAA/B,IAAA,GA9C0Ff,KAAK,CAACsH,SAAS,GAAArG,KAAA,CAI5FsG,mBAAmB,GAAG,MAAM,EAAAtG,KAAA,CAC5BuG,WAAW,GAAG,MAAM,EAAAvG,KAAA,CAEpBa,YAAY,GAAiB,EACzCqB,GAAG,EAAE,SAAS,EACdK,SAAS,EAAE5C,sBAAsB,CACnC,CAAC,EAAAK,KAAA,MAAAD,MAAA,KAAAA,MAAA;;;AAwLH,IAAMuB,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAqB,EAA8B;EACxE,OAAOA,KAAK,CAACgB,SAAS,KAAK,GAAG;AAChC,CAAC","ignoreList":[]}

package/components/Link/Link.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import type { ButtonLinkAllowedValues } from '../../lib/types/button-link';
 import type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';
 import type { ThemeIn } from '../../lib/theming/Theme';
@@ -49,9 +49,15 @@ export declare class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAUL
     static defaultProps: DefaultProps;
     private getProps;
     state: LinkState;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     getRootNode: TGetRootNode;
     private setRootNode;
+    private keyListener;
+    componentDidMount(): void;
     render(): JSX.Element;
     private getTabIndex;
     private getRel;

package/components/Link/Link.mixins/Link.mixins.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["linkDisabledMixin","linkUseColorsMixin","mainColor","hoverColor","activeColor"],"sources":["Link.mixins.ts"],"sourcesContent":["export const linkDisabledMixin = () => {\n return `\n box-shadow: none;\n cursor: default;\n `;\n};\n\nexport const linkUseColorsMixin = (mainColor: string, hoverColor: string, activeColor: string) => {\n return `\n color: ${mainColor};\n\n &:hover {\n color: ${hoverColor};\n }\n\n &:active {\n color: ${activeColor};\n }\n `;\n};\n"],"mappings":"AAAA,OAAO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,~~EAAS~~;~~EACrC~~;;;;AAIF,CAAC;;AAED,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,SAAiB,EAAEC,UAAkB,EAAEC,WAAmB,~~EAAK~~;~~EAChG~~;EACWF,SAAS;;;EAGPC,UAAU;;;;EAIVC,WAAW;;;AAG1B,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["linkDisabledMixin","linkUseColorsMixin","mainColor","hoverColor","activeColor"],"sources":["Link.mixins.ts"],"sourcesContent":["export const linkDisabledMixin = (): string => {\n return `\n box-shadow: none;\n cursor: default;\n `;\n};\n\nexport const linkUseColorsMixin = (mainColor: string, hoverColor: string, activeColor: string): string => {\n return `\n color: ${mainColor};\n\n &:hover {\n color: ${hoverColor};\n }\n\n &:active {\n color: ${activeColor};\n }\n `;\n};\n"],"mappings":"AAAA,OAAO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,EAAiB;EAC7C;;;;AAIF,CAAC;;AAED,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,SAAiB,EAAEC,UAAkB,EAAEC,WAAmB,EAAa;EACxG;EACWF,SAAS;;;EAGPC,UAAU;;;;EAIVC,WAAW;;;AAG1B,CAAC","ignoreList":[]}

package/components/Link/Link.styles/Link.styles.js CHANGED Viewed

@@ -1,71 +1,80 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
-import { css, keyframes, memoizeStyle } from "../../../lib/theming/Emotion";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+import { resetButton } from "../../../lib/styles/Mixins";
 import { linkDisabledMixin, linkUseColorsMixin } from "../Link.mixins";
-var line = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n"])));
-var oldLineText = function oldLineText(t) {
+var line = function line(_ref) {
+  var keyframes = _ref.keyframes;
+  return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n"])));
+};
+var oldLineText = function oldLineText(t, emotion) {
   var delay = parseFloat(t.linkTextUnderlineOpacity) - 1;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    animation: ", " 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ", "s !important;\n    animation-fill-mode: forwards !important;\n  "])), line, delay);
+  return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    animation: ", " 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ", "s !important;\n    animation-fill-mode: forwards !important;\n  "])), line(emotion), delay);
 };
-export var styles = memoizeStyle({
-  root: function root(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      cursor: pointer;\n      position: relative;\n\n      border-radius: 1px;\n      text-decoration: ", ";\n      text-decoration-style: ", ";\n      text-underline-offset: ", ";\n      text-decoration-thickness: ", ";\n      transition: text-decoration-color ", " ", ";\n      @supports (text-decoration-color: ", ") {\n        text-decoration-color: ", ";\n        &:hover {\n          text-decoration-color: currentColor;\n          text-decoration-style: ", ";\n        }\n      }\n      @supports not (text-decoration-color: ", ") {\n        ", ";\n        &:hover {\n          text-decoration-style: ", ";\n          animation: none !important;\n        }\n      }\n    "])), t.linkTextDecoration, t.linkTextDecorationStyle, t.linkTextUnderlineOffset, t.linkTextDecorationThickness, t.transitionDuration, t.transitionTimingFunction, t.linkTextDecorationColor, t.linkTextDecorationColor, t.linkHoverTextDecorationStyle, t.linkTextDecorationColor, oldLineText(t), t.linkHoverTextDecorationStyle);
-  },
-  lineFocus: function lineFocus(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.linkHoverColor);
-  },
-  lineFocusSuccess: function lineFocusSuccess(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n    "])), t.linkSuccessHoverColor);
-  },
-  lineFocusDanger: function lineFocusDanger(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n    "])), t.linkDangerHoverColor);
-  },
-  lineFocusGrayed: function lineFocusGrayed(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n    "])), t.linkGrayedHoverColor);
-  },
-  button: function button(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.linkButtonLineHeight, t.linkButtonPaddingX, t.linkButtonPaddingX);
-  },
-  buttonOpened: function buttonOpened(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.btnDefaultActiveBg);
-  },
-  arrow: function arrow() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    "])));
-  },
-  "default": function _default(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor));
-  },
-  success: function success(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
-  },
-  danger: function danger(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
-  },
-  grayed: function grayed(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor));
-  },
-  useGrayedFocus: function useGrayedFocus(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.linkDisabledColor);
-  },
-  focus: function focus(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      text-decoration: ", ";\n      outline: ", ";\n    "])), t.linkHoverTextDecoration, t.linkFocusOutline);
-  },
-  disabled: function disabled(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      color: ", " !important; // override root color\n\n      &:hover {\n        color: ", ";\n        text-decoration-color: ", ";\n      }\n    "])), linkDisabledMixin(), t.linkDisabledColor, t.linkDisabledColor, t.linkTextDecorationColor);
-  },
-  icon: function icon() {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
-  },
-  iconLeft: function iconLeft(t) {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.linkIconMarginRight);
-  },
-  iconRight: function iconRight(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n    "])), t.linkIconMarginLeft);
-  },
-  warning: function warning(t) {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    "])), t.btnWarningSecondary, t.btnWarningSecondary);
-  },
-  error: function error(t) {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    "])), t.btnErrorSecondary, t.btnErrorSecondary);
-  }
+export var getStyles = memoizeGetStyles(function (emotion) {
+  return {
+    root: function root(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        cursor: pointer;\n        position: relative;\n\n        border-radius: 1px;\n        text-decoration: ", ";\n        text-decoration-style: ", ";\n        text-underline-offset: ", ";\n        text-decoration-thickness: ", ";\n        transition: text-decoration-color ", " ", ";\n        @supports (text-decoration-color: ", ") {\n          text-decoration-color: ", ";\n          &:hover {\n            text-decoration-color: currentColor;\n            text-decoration-style: ", ";\n          }\n        }\n        @supports not (text-decoration-color: ", ") {\n          ", ";\n          &:hover {\n            text-decoration-style: ", ";\n            animation: none !important;\n          }\n        }\n      "])), t.linkTextDecoration, t.linkTextDecorationStyle, t.linkTextUnderlineOffset, t.linkTextDecorationThickness, t.transitionDuration, t.transitionTimingFunction, t.linkTextDecorationColor, t.linkTextDecorationColor, t.linkHoverTextDecorationStyle, t.linkTextDecorationColor, oldLineText(t, emotion), t.linkHoverTextDecorationStyle);
+    },
+    lineFocus: function lineFocus(t) {
+      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.linkHoverColor);
+    },
+    lineFocusSuccess: function lineFocusSuccess(t) {
+      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        color: ", " !important;\n      "])), t.linkSuccessHoverColor);
+    },
+    lineFocusDanger: function lineFocusDanger(t) {
+      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        color: ", " !important;\n      "])), t.linkDangerHoverColor);
+    },
+    lineFocusGrayed: function lineFocusGrayed(t) {
+      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        color: ", " !important;\n      "])), t.linkGrayedHoverColor);
+    },
+    button: function button(t) {
+      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n        line-height: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n      "])), t.linkButtonLineHeight, t.linkButtonPaddingX, t.linkButtonPaddingX);
+    },
+    buttonOpened: function buttonOpened(t) {
+      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n      "])), t.btnDefaultActiveBg);
+    },
+    arrow: function arrow() {
+      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        border: 4px solid transparent;\n        border-bottom-width: 0;\n        border-top-color: #a0a0a0;\n        display: inline-block;\n        margin-bottom: 3px;\n        margin-left: 3px;\n        vertical-align: middle;\n      "])));
+    },
+    "default": function _default(t) {
+      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor));
+    },
+    success: function success(t) {
+      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
+    },
+    danger: function danger(t) {
+      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
+    },
+    grayed: function grayed(t) {
+      return emotion.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor));
+    },
+    useGrayedFocus: function useGrayedFocus(t) {
+      return emotion.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.linkDisabledColor);
+    },
+    focus: function focus(t) {
+      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        text-decoration: ", ";\n        outline: ", ";\n      "])), t.linkHoverTextDecoration, t.linkFocusOutline);
+    },
+    disabled: function disabled(t) {
+      return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        ", ";\n\n        color: ", " !important; // override root color\n\n        &:hover {\n          color: ", ";\n          text-decoration-color: ", ";\n        }\n      "])), linkDisabledMixin(), t.linkDisabledColor, t.linkDisabledColor, t.linkTextDecorationColor);
+    },
+    icon: function icon() {
+      return emotion.css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n      "])));
+    },
+    iconLeft: function iconLeft(t) {
+      return emotion.css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.linkIconMarginRight);
+    },
+    iconRight: function iconRight(t) {
+      return emotion.css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n        margin-left: ", ";\n      "])), t.linkIconMarginLeft);
+    },
+    warning: function warning(t) {
+      return emotion.css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      "])), t.btnWarningSecondary, t.btnWarningSecondary);
+    },
+    error: function error(t) {
+      return emotion.css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      "])), t.btnErrorSecondary, t.btnErrorSecondary);
+    },
+    reserButton: function reserButton() {
+      return emotion.css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), resetButton());
+    }
+  };
 });

package/components/Link/Link.styles/Link.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["css","keyframes","memoizeStyle","linkDisabledMixin","linkUseColorsMixin","line","_templateObject","_taggedTemplateLiteralLoose","oldLineText","t","delay","parseFloat","linkTextUnderlineOpacity","_templateObject2","styles","root","_templateObject3","linkTextDecoration","linkTextDecorationStyle","linkTextUnderlineOffset","linkTextDecorationThickness","transitionDuration","transitionTimingFunction","linkTextDecorationColor","linkHoverTextDecorationStyle","lineFocus","_templateObject4","linkHoverColor","lineFocusSuccess","_templateObject5","linkSuccessHoverColor","lineFocusDanger","_templateObject6","linkDangerHoverColor","lineFocusGrayed","_templateObject7","linkGrayedHoverColor","button","_templateObject8","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","_templateObject9","btnDefaultActiveBg","arrow","_templateObject10","_default","_templateObject11","linkColor","linkActiveColor","success","_templateObject12","linkSuccessColor","linkSuccessActiveColor","danger","_templateObject13","linkDangerColor","linkDangerActiveColor","grayed","_templateObject14","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","_templateObject15","linkDisabledColor","focus","_templateObject16","linkHoverTextDecoration","linkFocusOutline","disabled","_templateObject17","icon","_templateObject18","iconLeft","_templateObject19","linkIconMarginRight","iconRight","_templateObject20","linkIconMarginLeft","warning","_templateObject21","btnWarningSecondary","error","_templateObject22","btnErrorSecondary"],"sources":["Link.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\n\nconst line = keyframes`\n 0% {\n text-decoration-color: inherit;\n }\n 100% {\n text-decoration-color: transparent;\n }\n`;\n\nconst oldLineText = function (t: Theme) {\n const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n return css`\n animation: ${line} 1s linear !important; // override creevey\n animation-play-state: paused !important;\n animation-delay: ${delay}s !important;\n animation-fill-mode: forwards !important;\n `;\n};\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n cursor: pointer;\n position: relative;\n\n border-radius: 1px;\n text-decoration: ${t.linkTextDecoration};\n text-decoration-style: ${t.linkTextDecorationStyle};\n text-underline-offset: ${t.linkTextUnderlineOffset};\n text-decoration-thickness: ${t.linkTextDecorationThickness};\n transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n text-decoration-color: ${t.linkTextDecorationColor};\n &:hover {\n text-decoration-color: currentColor;\n text-decoration-style: ${t.linkHoverTextDecorationStyle};\n }\n }\n @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n ${oldLineText(t)};\n &:hover {\n text-decoration-style: ${t.linkHoverTextDecorationStyle};\n animation: none !important;\n }\n }\n `;\n },\n lineFocus(t: Theme) {\n return css`\n color: ${t.linkHoverColor};\n `;\n },\n\n lineFocusSuccess(t: Theme) {\n return css`\n color: ${t.linkSuccessHoverColor} !important;\n `;\n },\n\n lineFocusDanger(t: Theme) {\n return css`\n color: ${t.linkDangerHoverColor} !important;\n `;\n },\n\n lineFocusGrayed(t: Theme) {\n return css`\n color: ${t.linkGrayedHoverColor} !important;\n `;\n },\n\n button(t: Theme) {\n return css`\n display: inline-block;\n line-height: ${t.linkButtonLineHeight};\n padding-left: ${t.linkButtonPaddingX};\n padding-right: ${t.linkButtonPaddingX};\n `;\n },\n\n buttonOpened(t: Theme) {\n return css`\n background: ${t.btnDefaultActiveBg};\n `;\n },\n\n arrow() {\n return css`\n border: 4px solid transparent;\n border-bottom-width: 0;\n border-top-color: #a0a0a0;\n display: inline-block;\n margin-bottom: 3px;\n margin-left: 3px;\n vertical-align: middle;\n `;\n },\n\n default(t: Theme) {\n return css`\n ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n `;\n },\n\n success(t: Theme) {\n return css`\n ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n `;\n },\n\n danger(t: Theme) {\n return css`\n ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n `;\n },\n\n grayed(t: Theme) {\n return css`\n ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n `;\n },\n\n useGrayedFocus(t: Theme) {\n return css`\n color: ${t.linkDisabledColor};\n `;\n },\n\n focus(t: Theme) {\n return css`\n text-decoration: ${t.linkHoverTextDecoration};\n outline: ${t.linkFocusOutline};\n `;\n },\n\n disabled(t: Theme) {\n return css`\n ${linkDisabledMixin()};\n\n color: ${t.linkDisabledColor} !important; // override root color\n\n &:hover {\n color: ${t.linkDisabledColor};\n text-decoration-color: ${t.linkTextDecorationColor};\n }\n `;\n },\n\n icon() {\n return css`\n display: inline-block;\n `;\n },\n\n iconLeft(t: Theme) {\n return css`\n margin-right: ${t.linkIconMarginRight};\n `;\n },\n\n iconRight(t: Theme) {\n return css`\n margin-left: ${t.linkIconMarginLeft};\n `;\n },\n\n warning(t: Theme) {\n return css`\n background-color: ${t.btnWarningSecondary};\n box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n `;\n },\n\n error(t: Theme) {\n return css`\n background-color: ${t.btnErrorSecondary};\n box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n `;\n },\n});\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["memoizeGetStyles","resetButton","linkDisabledMixin","linkUseColorsMixin","line","_ref","keyframes","_templateObject","_taggedTemplateLiteralLoose","oldLineText","t","emotion","delay","parseFloat","linkTextUnderlineOpacity","css","_templateObject2","getStyles","root","_templateObject3","linkTextDecoration","linkTextDecorationStyle","linkTextUnderlineOffset","linkTextDecorationThickness","transitionDuration","transitionTimingFunction","linkTextDecorationColor","linkHoverTextDecorationStyle","lineFocus","_templateObject4","linkHoverColor","lineFocusSuccess","_templateObject5","linkSuccessHoverColor","lineFocusDanger","_templateObject6","linkDangerHoverColor","lineFocusGrayed","_templateObject7","linkGrayedHoverColor","button","_templateObject8","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","_templateObject9","btnDefaultActiveBg","arrow","_templateObject10","_default","_templateObject11","linkColor","linkActiveColor","success","_templateObject12","linkSuccessColor","linkSuccessActiveColor","danger","_templateObject13","linkDangerColor","linkDangerActiveColor","grayed","_templateObject14","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","_templateObject15","linkDisabledColor","focus","_templateObject16","linkHoverTextDecoration","linkFocusOutline","disabled","_templateObject17","icon","_templateObject18","iconLeft","_templateObject19","linkIconMarginRight","iconRight","_templateObject20","linkIconMarginLeft","warning","_templateObject21","btnWarningSecondary","error","_templateObject22","btnErrorSecondary","reserButton","_templateObject23"],"sources":["Link.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\n\nconst line = ({ keyframes }: Emotion) => keyframes`\n 0% {\n text-decoration-color: inherit;\n }\n 100% {\n text-decoration-color: transparent;\n }\n`;\n\nconst oldLineText = function (t: Theme, emotion: Emotion) {\n const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n return emotion.css`\n animation: ${line(emotion)} 1s linear !important; // override creevey\n animation-play-state: paused !important;\n animation-delay: ${delay}s !important;\n animation-fill-mode: forwards !important;\n `;\n};\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => ({\n root(t: Theme) {\n return emotion.css`\n cursor: pointer;\n position: relative;\n\n border-radius: 1px;\n text-decoration: ${t.linkTextDecoration};\n text-decoration-style: ${t.linkTextDecorationStyle};\n text-underline-offset: ${t.linkTextUnderlineOffset};\n text-decoration-thickness: ${t.linkTextDecorationThickness};\n transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n text-decoration-color: ${t.linkTextDecorationColor};\n &:hover {\n text-decoration-color: currentColor;\n text-decoration-style: ${t.linkHoverTextDecorationStyle};\n }\n }\n @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n ${oldLineText(t, emotion)};\n &:hover {\n text-decoration-style: ${t.linkHoverTextDecorationStyle};\n animation: none !important;\n }\n }\n `;\n },\n lineFocus(t: Theme) {\n return emotion.css`\n color: ${t.linkHoverColor};\n `;\n },\n\n lineFocusSuccess(t: Theme) {\n return emotion.css`\n color: ${t.linkSuccessHoverColor} !important;\n `;\n },\n\n lineFocusDanger(t: Theme) {\n return emotion.css`\n color: ${t.linkDangerHoverColor} !important;\n `;\n },\n\n lineFocusGrayed(t: Theme) {\n return emotion.css`\n color: ${t.linkGrayedHoverColor} !important;\n `;\n },\n\n button(t: Theme) {\n return emotion.css`\n display: inline-block;\n line-height: ${t.linkButtonLineHeight};\n padding-left: ${t.linkButtonPaddingX};\n padding-right: ${t.linkButtonPaddingX};\n `;\n },\n\n buttonOpened(t: Theme) {\n return emotion.css`\n background: ${t.btnDefaultActiveBg};\n `;\n },\n\n arrow() {\n return emotion.css`\n border: 4px solid transparent;\n border-bottom-width: 0;\n border-top-color: #a0a0a0;\n display: inline-block;\n margin-bottom: 3px;\n margin-left: 3px;\n vertical-align: middle;\n `;\n },\n\n default(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n `;\n },\n\n success(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n `;\n },\n\n danger(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n `;\n },\n\n grayed(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n `;\n },\n\n useGrayedFocus(t: Theme) {\n return emotion.css`\n color: ${t.linkDisabledColor};\n `;\n },\n\n focus(t: Theme) {\n return emotion.css`\n text-decoration: ${t.linkHoverTextDecoration};\n outline: ${t.linkFocusOutline};\n `;\n },\n\n disabled(t: Theme) {\n return emotion.css`\n ${linkDisabledMixin()};\n\n color: ${t.linkDisabledColor} !important; // override root color\n\n &:hover {\n color: ${t.linkDisabledColor};\n text-decoration-color: ${t.linkTextDecorationColor};\n }\n `;\n },\n\n icon() {\n return emotion.css`\n display: inline-block;\n `;\n },\n\n iconLeft(t: Theme) {\n return emotion.css`\n margin-right: ${t.linkIconMarginRight};\n `;\n },\n\n iconRight(t: Theme) {\n return emotion.css`\n margin-left: ${t.linkIconMarginLeft};\n `;\n },\n\n warning(t: Theme) {\n return emotion.css`\n background-color: ${t.btnWarningSecondary};\n box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n `;\n },\n\n error(t: Theme) {\n return emotion.css`\n background-color: ${t.btnErrorSecondary};\n box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n `;\n },\n\n reserButton() {\n return emotion.css`\n ${resetButton()};\n `;\n },\n}));\n"],"mappings":"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","ignoreList":[]}

package/components/Link/Link.styles.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
     lineFocus(t: Theme): string;
     lineFocusSuccess(t: Theme): string;
@@ -20,4 +20,5 @@ export declare const styles: {
     iconRight(t: Theme): string;
     warning(t: Theme): string;
     error(t: Theme): string;
-};
+    reserButton(): string;
+}>;

package/components/Link/LinkIcon/LinkIcon.js CHANGED Viewed

@@ -1,14 +1,17 @@
 import React, { useContext } from 'react';
-import { cx } from "../../../lib/theming/Emotion";
+import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { Spinner } from "../../Spinner";
-import { styles } from "../Link.styles";
+import { getStyles } from "../Link.styles";
 export var LinkIcon = function LinkIcon(_ref) {
   var icon = _ref.icon,
     loading = _ref.loading,
     hasBothIcons = _ref.hasBothIcons,
     position = _ref.position;
   var theme = useContext(ThemeContext);
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
   return /*#__PURE__*/(
     React.createElement("span", {
       className: cx(styles.icon(), position === 'left' && styles.iconLeft(theme), position === 'right' && styles.iconRight(theme))

package/components/Link/LinkIcon/LinkIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useContext","cx","ThemeContext","Spinner","~~styles~~","LinkIcon","_ref","icon","loading","hasBothIcons","position","theme","createElement","className","iconLeft","iconRight","caption","dimmed","inline"],"sources":["LinkIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/~~theming/Emotion~~';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Spinner } from '../Spinner';\n\nimport type { LinkProps } from './Link';\nimport { ~~styles~~ } from './Link.styles';\n\nexport interface LinkIconProps extends Pick<LinkProps, 'icon' \| 'loading'> {\n position?: 'left' \| 'right';\n hasBothIcons?: boolean;\n}\n\nexport const LinkIcon = ({ icon, loading, hasBothIcons, position }: LinkIconProps) => {\n const theme = useContext(ThemeContext);\n\n return (\n <span\n className={cx(\n styles.icon(),\n position === 'left' && styles.iconLeft(theme),\n position === 'right' && styles.iconRight(theme),\n )}\n >\n {loading && !hasBothIcons ? <Spinner caption={null} dimmed inline /> : icon}\n </span>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,~~EAAE~~,QAAQ,~~2BAA2B~~;~~AAC9C~~,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,OAAO,QAAQ,YAAY;;;AAGpC,SAASC,~~MAAM~~,QAAQ,eAAe;;;;;;;~~AAOtC~~,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,~~EAAiE~~,~~KAA3DC~~,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO,CAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY,CAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAC9D,IAAMC,KAAK,~~GAAGX~~,UAAU,~~CAACE~~,YAAY,CAAC;;~~EAEtC~~;~~IACEH~~,KAAA,~~CAAAa~~,aAAA;MACEC,SAAS,~~EAAEZ~~,EAAE;~~QACXG~~,MAAM,~~CAACG~~,IAAI,CAAC,CAAC;QACbG,QAAQ,KAAK,MAAM,~~IAAIN~~,MAAM,~~CAACU~~,QAAQ,~~CAACH~~,KAAK,CAAC;QAC7CD,QAAQ,KAAK,OAAO,~~IAAIN~~,MAAM,~~CAACW~~,SAAS,~~CAACJ~~,KAAK;MAChD,CAAE;;IAEDH,OAAO,IAAI,CAACC,YAAY,~~gBAAGV~~,KAAA,~~CAAAa~~,aAAA,~~CAACT~~,OAAO,~~IAACa~~,OAAO,EAAE,IAAK,EAACC,MAAM,QAACC,MAAM,QAAE,CAAC,~~GAAGX~~;IACnE,CAAC;;AAEX,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useContext","useEmotion","useStyles","ThemeContext","Spinner","getStyles","LinkIcon","_ref","icon","loading","hasBothIcons","position","theme","_useEmotion","cx","styles","createElement","className","iconLeft","iconRight","caption","dimmed","inline"],"sources":["LinkIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Spinner } from '../Spinner';\n\nimport type { LinkProps } from './Link';\nimport { getStyles } from './Link.styles';\n\nexport interface LinkIconProps extends Pick<LinkProps, 'icon' \| 'loading'> {\n position?: 'left' \| 'right';\n hasBothIcons?: boolean;\n}\n\nexport const LinkIcon = ({ icon, loading, hasBothIcons, position }: LinkIconProps): React.JSX.Element => {\n const theme = useContext(ThemeContext);\n const { cx } = useEmotion();\n const styles = useStyles(getStyles);\n\n return (\n <span\n className={cx(\n styles.icon(),\n position === 'left' && styles.iconLeft(theme),\n position === 'right' && styles.iconRight(theme),\n )}\n >\n {loading && !hasBothIcons ? <Spinner caption={null} dimmed inline /> : icon}\n </span>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;AACnE,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,OAAO,QAAQ,YAAY;;;AAGpC,SAASC,SAAS,QAAQ,eAAe;;;;;;;AAOzC,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAoF,KAA9EC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO,CAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY,CAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAC9D,IAAMC,KAAK,GAAGZ,UAAU,CAACG,YAAY,CAAC;EACtC,IAAAU,WAAA,GAAeZ,UAAU,CAAC,CAAC,CAAnBa,EAAE,GAAAD,WAAA,CAAFC,EAAE;EACV,IAAMC,MAAM,GAAGb,SAAS,CAACG,SAAS,CAAC;;EAEnC;IACEN,KAAA,CAAAiB,aAAA;MACEC,SAAS,EAAEH,EAAE;QACXC,MAAM,CAACP,IAAI,CAAC,CAAC;QACbG,QAAQ,KAAK,MAAM,IAAII,MAAM,CAACG,QAAQ,CAACN,KAAK,CAAC;QAC7CD,QAAQ,KAAK,OAAO,IAAII,MAAM,CAACI,SAAS,CAACP,KAAK;MAChD,CAAE;;IAEDH,OAAO,IAAI,CAACC,YAAY,gBAAGX,KAAA,CAAAiB,aAAA,CAACZ,OAAO,IAACgB,OAAO,EAAE,IAAK,EAACC,MAAM,QAACC,MAAM,QAAE,CAAC,GAAGd;IACnE,CAAC;;AAEX,CAAC","ignoreList":[]}

package/components/Loader/Loader/Loader.js CHANGED Viewed

@@ -3,20 +3,20 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Loader;
 import React from 'react';
 import debounce from 'lodash.debounce';
-import { globalObject, isBrowser } from '@skbkontur/global-object';
+import { isBrowser } from "../../../lib/globalObject";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { Spinner } from "../../Spinner";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ZIndex } from "../../../internal/ZIndex";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { TaskWithDelayAndMinimalDuration } from "../../../lib/taskWithDelayAndMinimalDuration";
 import { getTabbableElements } from "../../../lib/dom/tabbableHelpers";
 import { rootNode } from "../../../lib/rootNode";
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { styles } from "../Loader.styles";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { getStyles } from "../Loader.styles";
 var types = ['mini', 'normal', 'big'];
 export var LoaderDataTids = {
   idle: 'Loader__Idle',
@@ -29,7 +29,7 @@ export var LoaderDataTids = {
  *
  * Если вам нужен только сам спиннер без дополнительного функционала - используйте компонент Spinner.
  */
-export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$Component) {
+export var Loader = withRenderEnvironment(_class = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$Component) {
   function Loader(props) {
     var _this;
     _this = _React$Component.call(this, props) || this;
@@ -41,7 +41,7 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
       _this.spinnerContainerNode = element;
     };
     _this.checkSpinnerPosition = function () {
-      if (!_this.spinnerContainerNode || !isBrowser(globalObject)) {
+      if (!_this.spinnerContainerNode || !isBrowser(_this.globalObject)) {
         return;
       }
       var _getDOMRect = getDOMRect(_this.spinnerContainerNode),
@@ -51,8 +51,8 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
         containerLeft = _getDOMRect.left,
         containerHeight = _getDOMRect.height,
         containerWidth = _getDOMRect.width;
-      var windowHeight = globalObject.innerHeight;
-      var windowWidth = globalObject.innerWidth;
+      var windowHeight = _this.globalObject.innerHeight;
+      var windowWidth = _this.globalObject.innerWidth;
       // Если контейнер не больше высоты и не шире окна,
       // то просто выравниваем по центру
@@ -121,10 +121,9 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
       });
     };
     _this.enableChildrenFocus = function () {
-      var _globalObject$documen, _globalObject$documen2;
+      var _this$globalObject$do;
       _this.makeUnobservable();
-      // NOTE: NodeList doesn't support 'forEach' method in IE11 and other older browsers
-      Array.from((_globalObject$documen = (_globalObject$documen2 = globalObject.document) == null ? void 0 : _globalObject$documen2.querySelectorAll('[origin-tabindex]')) != null ? _globalObject$documen : []).forEach(function (el) {
+      (_this$globalObject$do = _this.globalObject.document) == null || _this$globalObject$do.querySelectorAll('[origin-tabindex]').forEach(function (el) {
         var _el$getAttribute;
         el.setAttribute('tabindex', (_el$getAttribute = el.getAttribute('origin-tabindex')) != null ? _el$getAttribute : '0');
         el.removeAttribute('origin-tabindex');
@@ -132,14 +131,14 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
     };
     _this.makeObservable = function () {
       var target = _this.childrenContainerNode;
-      if (!target || !globalObject.MutationObserver) {
+      if (!target || !_this.globalObject.MutationObserver) {
         return;
       }
       var config = {
         childList: true,
         subtree: true
       };
-      var observer = new globalObject.MutationObserver(_this.disableChildrenFocus);
+      var observer = new _this.globalObject.MutationObserver(_this.disableChildrenFocus);
       observer.observe(target, config);
       _this.childrenObserver = observer;
     };
@@ -157,29 +156,30 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
       isSpinnerVisible: false,
       isLoaderActive: false
     };
-    _this.spinnerTask = new TaskWithDelayAndMinimalDuration({
-      delayBeforeTaskStart: _this.getProps().delayBeforeSpinnerShow,
-      durationOfTask: _this.getProps().minimalDelayBeforeSpinnerHide,
+    return _this;
+  }
+  _inheritsLoose(Loader, _React$Component);
+  var _proto = Loader.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    var _this2 = this;
+    this.spinnerTask = new TaskWithDelayAndMinimalDuration({
+      delayBeforeTaskStart: this.getProps().delayBeforeSpinnerShow,
+      durationOfTask: this.getProps().minimalDelayBeforeSpinnerHide,
       taskStartCallback: function taskStartCallback() {
-        return _this.setState({
+        return _this2.setState({
           isSpinnerVisible: true
         });
       },
       taskStopCallback: function taskStopCallback() {
-        return _this.setState({
+        return _this2.setState({
           isSpinnerVisible: false
         });
       }
     });
-    return _this;
-  }
-  _inheritsLoose(Loader, _React$Component);
-  var _proto = Loader.prototype;
-  _proto.componentDidMount = function componentDidMount() {
     var active = this.getProps().active;
     this.checkSpinnerPosition();
     active && this.spinnerTask.start();
-    this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10));
+    this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10), this.globalObject);
     if (active) {
       this.disableChildrenFocus();
     }
@@ -232,14 +232,15 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
     return state;
   };
   _proto.render = function render() {
-    var _this2 = this;
+    var _this3 = this;
+    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
+      _this3.theme = theme;
+      return _this3.renderMain();
     });
   };
   _proto.renderMain = function renderMain() {
-    var _cx;
+    var _this$cx;
     var _this$props = this.props,
       caption = _this$props.caption,
       component = _this$props.component;
@@ -248,7 +249,7 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
     }, this.props), /*#__PURE__*/React.createElement("div", {
-      className: styles.loader(),
+      className: this.styles.loader(),
       "data-tid": this.props['data-tid'] || (isLoaderActive ? LoaderDataTids.veil : LoaderDataTids.idle)
     }, /*#__PURE__*/React.createElement(ZIndex, {
       applyZIndex: isLoaderActive,
@@ -259,20 +260,20 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
       wrapperRef: this.childrenRef
     }, this.props.children), isLoaderActive && /*#__PURE__*/React.createElement(ZIndex, {
       wrapperRef: this.spinnerRef,
-      className: cx((_cx = {}, _cx[styles.active(this.theme)] = isLoaderActive, _cx))
+      className: this.cx((_this$cx = {}, _this$cx[this.styles.active(this.theme)] = isLoaderActive, _this$cx))
     }, this.state.isSpinnerVisible && this.renderSpinner(type, caption, component))));
   };
   _proto.renderSpinner = function renderSpinner(type, caption, component) {
-    var _cx2,
-      _this3 = this;
+    var _this$cx2,
+      _this4 = this;
     return /*#__PURE__*/React.createElement("span", {
       "data-tid": LoaderDataTids.spinner,
-      className: cx(styles.spinnerContainer(), (_cx2 = {}, _cx2[styles.spinnerContainerSticky()] = this.state.isStickySpinner, _cx2)),
+      className: this.cx(this.styles.spinnerContainer(), (_this$cx2 = {}, _this$cx2[this.styles.spinnerContainerSticky()] = this.state.isStickySpinner, _this$cx2)),
       style: this.state.spinnerStyle
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.spinnerComponentWrapper(),
+      className: this.styles.spinnerComponentWrapper(),
       ref: function ref(element) {
-        _this3.spinnerNode = element;
+        _this4.spinnerNode = element;
       }
     }, component !== undefined ? component : /*#__PURE__*/React.createElement(Spinner, {
       type: type,
@@ -285,4 +286,4 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
   active: false,
   delayBeforeSpinnerShow: isTestEnv ? 0 : 300,
   minimalDelayBeforeSpinnerHide: isTestEnv ? 0 : 1000
-}, _Loader)) || _class;
+}, _Loader)) || _class) || _class;