@salutejs/plasma-new-hope 0.344.0-canary.2398.20426736662.0 → 0.344.0-canary.2399.20427286988.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.
- package/dist/css/cjs/components/LinkButton/LinkButton.css +8 -8
- package/dist/css/cjs/components/LinkButton/LinkButton.js +1 -6
- package/dist/css/cjs/components/LinkButton/LinkButton.js.map +1 -1
- package/dist/css/cjs/components/LinkButton/LinkButton.styles.js +3 -22
- package/dist/css/cjs/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/dist/css/cjs/components/LinkButton/{LinkButton.styles_ztirgn.css → LinkButton.styles_1e7vwn3.css} +2 -2
- package/dist/css/cjs/components/Table/Table.css +8 -8
- package/dist/css/cjs/components/Table/ui/Cell/Cell.css +8 -8
- package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +8 -8
- package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +8 -8
- package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
- package/dist/css/cjs/components/Tabs/utils/index.js +5 -2
- package/dist/css/cjs/components/Tabs/utils/index.js.map +1 -1
- package/dist/css/cjs/index.css +8 -8
- package/dist/css/es/components/LinkButton/LinkButton.css +8 -8
- package/dist/css/es/components/LinkButton/LinkButton.js +1 -6
- package/dist/css/es/components/LinkButton/LinkButton.js.map +1 -1
- package/dist/css/es/components/LinkButton/LinkButton.styles.js +3 -22
- package/dist/css/es/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/dist/css/es/components/LinkButton/{LinkButton.styles_ztirgn.css → LinkButton.styles_1e7vwn3.css} +2 -2
- package/dist/css/es/components/Table/Table.css +8 -8
- package/dist/css/es/components/Table/ui/Cell/Cell.css +8 -8
- package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +8 -8
- package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +8 -8
- package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
- package/dist/css/es/components/Tabs/utils/index.js +5 -2
- package/dist/css/es/components/Tabs/utils/index.js.map +1 -1
- package/dist/css/es/index.css +8 -8
- package/dist/emotion/cjs/components/LinkButton/LinkButton.js +1 -6
- package/dist/emotion/cjs/components/LinkButton/LinkButton.styles.js +15 -21
- package/dist/emotion/cjs/components/Tabs/utils/index.js +4 -2
- package/dist/emotion/es/components/LinkButton/LinkButton.js +1 -6
- package/dist/emotion/es/components/LinkButton/LinkButton.styles.js +15 -21
- package/dist/emotion/es/components/Tabs/utils/index.js +4 -2
- package/dist/styled-components/cjs/components/LinkButton/LinkButton.js +1 -6
- package/dist/styled-components/cjs/components/LinkButton/LinkButton.styles.js +13 -19
- package/dist/styled-components/cjs/components/Tabs/utils/index.js +4 -2
- package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/dist/styled-components/es/components/LinkButton/LinkButton.js +1 -6
- package/dist/styled-components/es/components/LinkButton/LinkButton.styles.js +13 -19
- package/dist/styled-components/es/components/Tabs/utils/index.js +4 -2
- package/dist/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/package.json +5 -5
- package/types/components/LinkButton/LinkButton.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.styles.d.ts +2 -6
- package/types/components/LinkButton/LinkButton.styles.d.ts.map +1 -1
- package/types/components/Tabs/utils/index.d.ts.map +1 -1
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
|
12
12
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
|
13
13
|
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
14
|
+
.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
15
|
+
.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
16
|
+
.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
17
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
18
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
19
|
+
.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
|
|
20
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
21
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
@@ -41,7 +41,6 @@ var linkButtonRoot = function linkButtonRoot(Root) {
|
|
|
41
41
|
href: disabled ? undefined : href,
|
|
42
42
|
rel: target === '_blank' ? 'noopener noreferrer' : rel
|
|
43
43
|
};
|
|
44
|
-
var hasContent = Boolean(txt || children || additionalContent || contentRight);
|
|
45
44
|
return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
|
|
46
45
|
ref: ref,
|
|
47
46
|
view: view,
|
|
@@ -54,11 +53,7 @@ var linkButtonRoot = function linkButtonRoot(Root) {
|
|
|
54
53
|
}, linkProps, rest), /*#__PURE__*/React__default.default.createElement(LinkButton_styles.LoadWrap, {
|
|
55
54
|
isLoading: !disabled && isLoading,
|
|
56
55
|
style: _rollupPluginBabelHelpers.objectSpread2({}, loadingCustomOpacity)
|
|
57
|
-
}, contentLeft && /*#__PURE__*/React__default.default.createElement(LinkButton_styles.StyledContentLeft,
|
|
58
|
-
hasContent: hasContent
|
|
59
|
-
}, contentLeft), txt ? /*#__PURE__*/React__default.default.createElement(LinkButton_styles.LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/React__default.default.createElement(LinkButton_styles.StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/React__default.default.createElement(LinkButton_styles.StyledContentRight, {
|
|
60
|
-
hasContent: hasContent
|
|
61
|
-
}, contentRight)), !disabled && isLoading && /*#__PURE__*/React__default.default.createElement(LinkButton_styles.Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React__default.default.createElement(LinkButton_styles.StyledSpinner, null))));
|
|
56
|
+
}, contentLeft && /*#__PURE__*/React__default.default.createElement(LinkButton_styles.StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React__default.default.createElement(LinkButton_styles.LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/React__default.default.createElement(LinkButton_styles.StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/React__default.default.createElement(LinkButton_styles.StyledContentRight, null, contentRight)), !disabled && isLoading && /*#__PURE__*/React__default.default.createElement(LinkButton_styles.Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React__default.default.createElement(LinkButton_styles.StyledSpinner, null))));
|
|
62
57
|
});
|
|
63
58
|
};
|
|
64
59
|
var linkButtonConfig = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.js","sources":["../../../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { LinkButtonProps } from './LinkButton.types';\nimport {\n base,\n LinkButtonText,\n Loader,\n LoadWrap,\n StyledAdditionalContent,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './LinkButton.styles';\n\nexport const linkButtonRoot = (Root: RootProps<HTMLAnchorElement, LinkButtonProps>) =>\n forwardRef<HTMLAnchorElement, LinkButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n contentLeft,\n contentRight,\n isLoading,\n loader,\n disabled,\n target,\n href,\n rel,\n style,\n additionalContent,\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n\n const loadingCustomOpacity = isLoading && size === 'xxs' && { opacity: 0 };\n\n const linkProps = {\n target,\n href: disabled ? undefined : href,\n rel: target === '_blank' ? 'noopener noreferrer' : rel,\n };\n\n
|
|
1
|
+
{"version":3,"file":"LinkButton.js","sources":["../../../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { LinkButtonProps } from './LinkButton.types';\nimport {\n base,\n LinkButtonText,\n Loader,\n LoadWrap,\n StyledAdditionalContent,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './LinkButton.styles';\n\nexport const linkButtonRoot = (Root: RootProps<HTMLAnchorElement, LinkButtonProps>) =>\n forwardRef<HTMLAnchorElement, LinkButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n contentLeft,\n contentRight,\n isLoading,\n loader,\n disabled,\n target,\n href,\n rel,\n style,\n additionalContent,\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n\n const loadingCustomOpacity = isLoading && size === 'xxs' && { opacity: 0 };\n\n const linkProps = {\n target,\n href: disabled ? undefined : href,\n rel: target === '_blank' ? 'noopener noreferrer' : rel,\n };\n\n return (\n <Root\n ref={ref}\n view={view}\n size={size}\n tabIndex={!disabled ? 0 : -1}\n disabled={disabled}\n style={{\n ...(isLoading && {\n pointerEvents: 'none',\n }),\n ...style,\n }}\n {...linkProps}\n {...rest}\n >\n <LoadWrap isLoading={!disabled && isLoading} style={{ ...loadingCustomOpacity }}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n {txt ? <LinkButtonText>{txt}</LinkButtonText> : children}\n {additionalContent && <StyledAdditionalContent>{additionalContent}</StyledAdditionalContent>}\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </LoadWrap>\n {!disabled && isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n </Root>\n );\n });\n\nexport const linkButtonConfig = {\n name: 'LinkButton',\n tag: 'a',\n layout: linkButtonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["linkButtonRoot","Root","forwardRef","props","ref","children","view","size","text","contentLeft","contentRight","isLoading","loader","disabled","target","href","rel","style","additionalContent","rest","_objectWithoutProperties","_excluded","txt","loadingCustomOpacity","opacity","linkProps","undefined","React","createElement","_extends","tabIndex","_objectSpread","pointerEvents","LoadWrap","StyledContentLeft","LinkButtonText","StyledAdditionalContent","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","linkButtonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
require('./LinkButton.
|
|
1
|
+
require('./LinkButton.styles_1e7vwn3.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
|
|
6
6
|
var react = require('@linaria/react');
|
|
7
|
-
var LinkButton_tokens = require('./LinkButton.tokens.js');
|
|
8
7
|
var common = require('../../engines/common.js');
|
|
9
8
|
var Spinner$1 = require('../Spinner/Spinner.js');
|
|
10
9
|
|
|
@@ -48,33 +47,15 @@ var LinkButtonText = /*#__PURE__*/react.styled('span')({
|
|
|
48
47
|
"class": "l1uogc3z",
|
|
49
48
|
propsAsIs: false
|
|
50
49
|
});
|
|
51
|
-
var _exp15 = function _exp15() {
|
|
52
|
-
return function (_ref2) {
|
|
53
|
-
var hasContent = _ref2.hasContent;
|
|
54
|
-
return hasContent ? "var(".concat(LinkButton_tokens.tokens.linkButtonLeftContentMargin, ")") : '0';
|
|
55
|
-
};
|
|
56
|
-
};
|
|
57
50
|
var StyledContentLeft = /*#__PURE__*/react.styled('div')({
|
|
58
51
|
name: "StyledContentLeft",
|
|
59
52
|
"class": "s176p3a0",
|
|
60
|
-
propsAsIs: false
|
|
61
|
-
vars: {
|
|
62
|
-
"s176p3a0-0": [/*#__PURE__*/_exp15()]
|
|
63
|
-
}
|
|
53
|
+
propsAsIs: false
|
|
64
54
|
});
|
|
65
|
-
var _exp17 = function _exp17() {
|
|
66
|
-
return function (_ref3) {
|
|
67
|
-
var hasContent = _ref3.hasContent;
|
|
68
|
-
return hasContent ? "var(".concat(LinkButton_tokens.tokens.linkButtonRightContentMargin, ")") : '0';
|
|
69
|
-
};
|
|
70
|
-
};
|
|
71
55
|
var StyledContentRight = /*#__PURE__*/react.styled('div')({
|
|
72
56
|
name: "StyledContentRight",
|
|
73
57
|
"class": "slixkvc",
|
|
74
|
-
propsAsIs: false
|
|
75
|
-
vars: {
|
|
76
|
-
"slixkvc-0": [/*#__PURE__*/_exp17()]
|
|
77
|
-
}
|
|
58
|
+
propsAsIs: false
|
|
78
59
|
});
|
|
79
60
|
|
|
80
61
|
exports.LinkButtonText = LinkButtonText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.styles.js","sources":["../../../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n text-decoration: none;\n appearance: none;\n outline: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n outlineColor: `var(${tokens.linkButtonFocusColor})`,\n })}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n display: flex;\n align-items: center;\n margin: var(${tokens.linkButtonAdditionalContentMargin});\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: inherit;\n height: 100%;\n width: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n padding: var(${tokens.linkButtonTextPadding});\n color: var(${tokens.linkButtonTextColor});\n\n ${applyEllipsis()}\n\n &:hover {\n color: var(${tokens.linkButtonTextColorHover});\n }\n\n &:active {\n color: var(${tokens.linkButtonTextColorActive});\n }\n`;\n\nexport const StyledContentLeft = styled.div
|
|
1
|
+
{"version":3,"file":"LinkButton.styles.js","sources":["../../../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n text-decoration: none;\n appearance: none;\n outline: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n outlineColor: `var(${tokens.linkButtonFocusColor})`,\n })}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n display: flex;\n align-items: center;\n margin: var(${tokens.linkButtonAdditionalContentMargin});\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: inherit;\n height: 100%;\n width: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n padding: var(${tokens.linkButtonTextPadding});\n color: var(${tokens.linkButtonTextColor});\n\n ${applyEllipsis()}\n\n &:hover {\n color: var(${tokens.linkButtonTextColorHover});\n }\n\n &:active {\n color: var(${tokens.linkButtonTextColorActive});\n }\n`;\n\nexport const StyledContentLeft = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonRightContentMargin});\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","base","StyledAdditionalContent","styled","name","class","propsAsIs","_exp3","_ref","isLoading","LoadWrap","vars","Loader","_exp4","StyledSpinner","LinkButtonText","StyledContentLeft","StyledContentRight"],"mappings":";;;;;;;;AASA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,IAAI,GAoBhB,WAAA;AAEM,IAAMC,uBAAuB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5C,EAAA;AAAC,IAAAC,KAAA,GArCgBA,SAqChBA,KAAAA,GAAA;AAAA,EAAA,OAGa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,MAAM,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADrD,IAAMC,QAAQ,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfJ,KAA6C,EAAA,CAAA;AAAA,GAAA;AAAA,CAM3D,EAAA;AAEM,IAAMK,MAAM,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAO,KAAA,GAlDgBA,SAkDhBA,KAAAA,GAAA;AAAA,EAAA,OAEkCd,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMe,aAAa,gBAAGX,YAAM,CAAAU,KAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMS,cAAc,gBAAGZ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAanC,EAAA;AAEM,IAAMU,iBAAiB,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC,EAAA;AAEM,IAAMW,kBAAkB,gBAAGd,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKvC;;;;;;;;;;;"}
|
|
@@ -4,5 +4,5 @@
|
|
|
4
4
|
.l7ptchj{position:absolute;}
|
|
5
5
|
.s12rghuz{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
6
6
|
.l1uogc3z{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.l1uogc3z:hover{color:var(--plasma-link-button-text-color-hover);}.l1uogc3z:active{color:var(--plasma-link-button-text-color-active);}
|
|
7
|
-
.s176p3a0{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--
|
|
8
|
-
.slixkvc{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--
|
|
7
|
+
.s176p3a0{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
8
|
+
.slixkvc{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
@@ -228,14 +228,14 @@
|
|
|
228
228
|
|
|
229
229
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
230
230
|
|
|
231
|
-
.
|
|
232
|
-
.
|
|
233
|
-
.
|
|
234
|
-
.
|
|
235
|
-
.
|
|
236
|
-
.
|
|
237
|
-
.
|
|
238
|
-
.
|
|
231
|
+
.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
232
|
+
.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
233
|
+
.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
234
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
235
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
236
|
+
.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
|
|
237
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
238
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
239
239
|
|
|
240
240
|
.Table_styles_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
|
|
241
241
|
.Table_styles_1jqvkrz_t15d4jbz__0454af64{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
|
|
@@ -52,14 +52,14 @@
|
|
|
52
52
|
|
|
53
53
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
54
54
|
|
|
55
|
-
.
|
|
56
|
-
.
|
|
57
|
-
.
|
|
58
|
-
.
|
|
59
|
-
.
|
|
60
|
-
.
|
|
61
|
-
.
|
|
62
|
-
.
|
|
55
|
+
.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
56
|
+
.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
57
|
+
.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
58
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
59
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
60
|
+
.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
|
|
61
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
62
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
63
63
|
|
|
64
64
|
.Table_styles_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
|
|
65
65
|
.Table_styles_1jqvkrz_t15d4jbz__0454af64{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
|
|
@@ -52,14 +52,14 @@
|
|
|
52
52
|
|
|
53
53
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
54
54
|
|
|
55
|
-
.
|
|
56
|
-
.
|
|
57
|
-
.
|
|
58
|
-
.
|
|
59
|
-
.
|
|
60
|
-
.
|
|
61
|
-
.
|
|
62
|
-
.
|
|
55
|
+
.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
56
|
+
.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
57
|
+
.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
58
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
59
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
60
|
+
.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
|
|
61
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
62
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
63
63
|
|
|
64
64
|
.Table_styles_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
|
|
65
65
|
.Table_styles_1jqvkrz_t15d4jbz__0454af64{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
|
|
@@ -52,14 +52,14 @@
|
|
|
52
52
|
|
|
53
53
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
54
54
|
|
|
55
|
-
.
|
|
56
|
-
.
|
|
57
|
-
.
|
|
58
|
-
.
|
|
59
|
-
.
|
|
60
|
-
.
|
|
61
|
-
.
|
|
62
|
-
.
|
|
55
|
+
.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
56
|
+
.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
57
|
+
.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
58
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
59
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
60
|
+
.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
|
|
61
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
62
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
63
63
|
|
|
64
64
|
.Table_styles_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
|
|
65
65
|
.Table_styles_1jqvkrz_t15d4jbz__0454af64{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
|
|
@@ -58,14 +58,14 @@
|
|
|
58
58
|
|
|
59
59
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
60
60
|
|
|
61
|
-
.
|
|
62
|
-
.
|
|
63
|
-
.
|
|
64
|
-
.
|
|
65
|
-
.
|
|
66
|
-
.
|
|
67
|
-
.
|
|
68
|
-
.
|
|
61
|
+
.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
62
|
+
.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
63
|
+
.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
64
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
65
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
66
|
+
.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
|
|
67
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
68
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
69
69
|
|
|
70
70
|
.Table_styles_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
|
|
71
71
|
.Table_styles_1jqvkrz_t15d4jbz__0454af64{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var TOLERANCE = 1; // Погрешность для субпиксельного рендеринга
|
|
6
|
+
|
|
5
7
|
var getIsFirstOverflowingTab = function getIsFirstOverflowingTab(item, maxScroll) {
|
|
6
8
|
var orientation = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'horizontal';
|
|
7
9
|
if (!item.current) {
|
|
@@ -11,7 +13,7 @@ var getIsFirstOverflowingTab = function getIsFirstOverflowingTab(item, maxScroll
|
|
|
11
13
|
if (currentOffset === undefined) {
|
|
12
14
|
return;
|
|
13
15
|
}
|
|
14
|
-
return currentOffset < maxScroll;
|
|
16
|
+
return currentOffset < maxScroll - TOLERANCE;
|
|
15
17
|
};
|
|
16
18
|
var getIsLastOverflowingTab = function getIsLastOverflowingTab(item, minScroll) {
|
|
17
19
|
var orientation = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'horizontal';
|
|
@@ -23,7 +25,8 @@ var getIsLastOverflowingTab = function getIsLastOverflowingTab(item, minScroll)
|
|
|
23
25
|
return;
|
|
24
26
|
}
|
|
25
27
|
var additionalOffset = orientation === 'horizontal' ? item.current.offsetWidth : item.current.offsetHeight;
|
|
26
|
-
|
|
28
|
+
var itemRightEdge = currentOffset + additionalOffset;
|
|
29
|
+
return itemRightEdge > minScroll + TOLERANCE;
|
|
27
30
|
};
|
|
28
31
|
var getFirstOverflowingTab = function getFirstOverflowingTab(items, maxScroll) {
|
|
29
32
|
var orientation = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'horizontal';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/components/Tabs/utils/index.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\nconst getIsFirstOverflowingTab = (\n item: MutableRefObject<HTMLElement | null>,\n maxScroll: number,\n orientation: 'horizontal' | 'vertical' = 'horizontal',\n) => {\n if (!item.current) {\n return;\n }\n\n const currentOffset = orientation === 'horizontal' ? item.current.offsetLeft : item.current.offsetTop;\n\n if (currentOffset === undefined) {\n return;\n }\n\n return currentOffset < maxScroll;\n};\n\nconst getIsLastOverflowingTab = (\n item: MutableRefObject<HTMLElement | null>,\n minScroll: number,\n orientation: 'horizontal' | 'vertical' = 'horizontal',\n) => {\n if (!item.current) {\n return;\n }\n\n const currentOffset = orientation === 'horizontal' ? item.current.offsetLeft : item.current.offsetTop;\n\n if (currentOffset === undefined) {\n return;\n }\n\n const additionalOffset = orientation === 'horizontal' ? item.current.offsetWidth : item.current.offsetHeight;\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../src/components/Tabs/utils/index.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\nconst TOLERANCE = 1; // Погрешность для субпиксельного рендеринга\n\nconst getIsFirstOverflowingTab = (\n item: MutableRefObject<HTMLElement | null>,\n maxScroll: number,\n orientation: 'horizontal' | 'vertical' = 'horizontal',\n) => {\n if (!item.current) {\n return;\n }\n\n const currentOffset = orientation === 'horizontal' ? item.current.offsetLeft : item.current.offsetTop;\n\n if (currentOffset === undefined) {\n return;\n }\n\n return currentOffset < maxScroll - TOLERANCE;\n};\n\nconst getIsLastOverflowingTab = (\n item: MutableRefObject<HTMLElement | null>,\n minScroll: number,\n orientation: 'horizontal' | 'vertical' = 'horizontal',\n) => {\n if (!item.current) {\n return;\n }\n\n const currentOffset = orientation === 'horizontal' ? item.current.offsetLeft : item.current.offsetTop;\n\n if (currentOffset === undefined) {\n return;\n }\n\n const additionalOffset = orientation === 'horizontal' ? item.current.offsetWidth : item.current.offsetHeight;\n const itemRightEdge = currentOffset + additionalOffset;\n\n return itemRightEdge > minScroll + TOLERANCE;\n};\n\nexport const getFirstOverflowingTab = (\n items: MutableRefObject<HTMLElement | null>[],\n maxScroll: number,\n orientation: 'horizontal' | 'vertical' = 'horizontal',\n) => items.find((item) => getIsFirstOverflowingTab(item, maxScroll, orientation));\n\nexport const getLastOverflowingTab = (\n items: MutableRefObject<HTMLElement | null>[],\n minScroll: number,\n orientation: 'horizontal' | 'vertical' = 'horizontal',\n) => items.find((item) => getIsLastOverflowingTab(item, minScroll, orientation));\n"],"names":["TOLERANCE","getIsFirstOverflowingTab","item","maxScroll","orientation","arguments","length","undefined","current","currentOffset","offsetLeft","offsetTop","getIsLastOverflowingTab","minScroll","additionalOffset","offsetWidth","offsetHeight","itemRightEdge","getFirstOverflowingTab","items","find","getLastOverflowingTab"],"mappings":";;;;AAEA,IAAMA,SAAS,GAAG,CAAC,CAAC;;AAEpB,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAC1BC,IAA0C,EAC1CC,SAAiB,EAEhB;AAAA,EAAA,IADDC,WAAsC,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,YAAY,CAAA;AAErD,EAAA,IAAI,CAACH,IAAI,CAACM,OAAO,EAAE;AACf,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAMC,aAAa,GAAGL,WAAW,KAAK,YAAY,GAAGF,IAAI,CAACM,OAAO,CAACE,UAAU,GAAGR,IAAI,CAACM,OAAO,CAACG,SAAS,CAAA;EAErG,IAAIF,aAAa,KAAKF,SAAS,EAAE;AAC7B,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,OAAOE,aAAa,GAAGN,SAAS,GAAGH,SAAS,CAAA;AAChD,CAAC,CAAA;AAED,IAAMY,uBAAuB,GAAG,SAA1BA,uBAAuBA,CACzBV,IAA0C,EAC1CW,SAAiB,EAEhB;AAAA,EAAA,IADDT,WAAsC,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,YAAY,CAAA;AAErD,EAAA,IAAI,CAACH,IAAI,CAACM,OAAO,EAAE;AACf,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAMC,aAAa,GAAGL,WAAW,KAAK,YAAY,GAAGF,IAAI,CAACM,OAAO,CAACE,UAAU,GAAGR,IAAI,CAACM,OAAO,CAACG,SAAS,CAAA;EAErG,IAAIF,aAAa,KAAKF,SAAS,EAAE;AAC7B,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAMO,gBAAgB,GAAGV,WAAW,KAAK,YAAY,GAAGF,IAAI,CAACM,OAAO,CAACO,WAAW,GAAGb,IAAI,CAACM,OAAO,CAACQ,YAAY,CAAA;AAC5G,EAAA,IAAMC,aAAa,GAAGR,aAAa,GAAGK,gBAAgB,CAAA;AAEtD,EAAA,OAAOG,aAAa,GAAGJ,SAAS,GAAGb,SAAS,CAAA;AAChD,CAAC,CAAA;AAEM,IAAMkB,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC/BC,KAA6C,EAC7ChB,SAAiB,EAAA;AAAA,EAAA,IACjBC,WAAsC,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,YAAY,CAAA;AAAA,EAAA,OACpDc,KAAK,CAACC,IAAI,CAAC,UAAClB,IAAI,EAAA;AAAA,IAAA,OAAKD,wBAAwB,CAACC,IAAI,EAAEC,SAAS,EAAEC,WAAW,CAAC,CAAA;GAAC,CAAA,CAAA;AAAA,EAAA;AAE1E,IAAMiB,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAC9BF,KAA6C,EAC7CN,SAAiB,EAAA;AAAA,EAAA,IACjBT,WAAsC,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,YAAY,CAAA;AAAA,EAAA,OACpDc,KAAK,CAACC,IAAI,CAAC,UAAClB,IAAI,EAAA;AAAA,IAAA,OAAKU,uBAAuB,CAACV,IAAI,EAAEW,SAAS,EAAET,WAAW,CAAC,CAAA;GAAC,CAAA,CAAA;AAAA;;;;;"}
|
package/dist/css/cjs/index.css
CHANGED
|
@@ -1061,14 +1061,14 @@
|
|
|
1061
1061
|
|
|
1062
1062
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
1063
1063
|
|
|
1064
|
-
.
|
|
1065
|
-
.
|
|
1066
|
-
.
|
|
1067
|
-
.
|
|
1068
|
-
.
|
|
1069
|
-
.
|
|
1070
|
-
.
|
|
1071
|
-
.
|
|
1064
|
+
.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
1065
|
+
.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
1066
|
+
.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
1067
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
1068
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
1069
|
+
.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
|
|
1070
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
1071
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
1072
1072
|
|
|
1073
1073
|
|
|
1074
1074
|
.ToastNew_styles_4c92hd_tvfkfgf__2b80d961{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--plasma-toast-background);color:var(--tvfkfgf-0);padding:var(--plasma-toast-padding);border-radius:var(--plasma-toast-border-radius);max-width:var(--plasma-toast-max-width);width:var(--tvfkfgf-1);font-family:var(--plasma-toast-font-family);font-size:var(--plasma-toast-font-size);font-style:var(--plasma-toast-font-style);font-weight:var(--plasma-toast-font-weight);-webkit-letter-spacing:var(--plasma-toast-letter-spacing);-moz-letter-spacing:var(--plasma-toast-letter-spacing);-ms-letter-spacing:var(--plasma-toast-letter-spacing);letter-spacing:var(--plasma-toast-letter-spacing);line-height:var(--plasma-toast-line-height);}
|
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
|
12
12
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
|
13
13
|
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
14
|
+
.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
15
|
+
.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
16
|
+
.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
17
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
18
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
19
|
+
.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
|
|
20
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
21
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
@@ -33,7 +33,6 @@ var linkButtonRoot = function linkButtonRoot(Root) {
|
|
|
33
33
|
href: disabled ? undefined : href,
|
|
34
34
|
rel: target === '_blank' ? 'noopener noreferrer' : rel
|
|
35
35
|
};
|
|
36
|
-
var hasContent = Boolean(txt || children || additionalContent || contentRight);
|
|
37
36
|
return /*#__PURE__*/React__default.createElement(Root, _extends({
|
|
38
37
|
ref: ref,
|
|
39
38
|
view: view,
|
|
@@ -46,11 +45,7 @@ var linkButtonRoot = function linkButtonRoot(Root) {
|
|
|
46
45
|
}, linkProps, rest), /*#__PURE__*/React__default.createElement(LoadWrap, {
|
|
47
46
|
isLoading: !disabled && isLoading,
|
|
48
47
|
style: _objectSpread2({}, loadingCustomOpacity)
|
|
49
|
-
}, contentLeft && /*#__PURE__*/React__default.createElement(StyledContentLeft,
|
|
50
|
-
hasContent: hasContent
|
|
51
|
-
}, contentLeft), txt ? /*#__PURE__*/React__default.createElement(LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/React__default.createElement(StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/React__default.createElement(StyledContentRight, {
|
|
52
|
-
hasContent: hasContent
|
|
53
|
-
}, contentRight)), !disabled && isLoading && /*#__PURE__*/React__default.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React__default.createElement(StyledSpinner, null))));
|
|
48
|
+
}, contentLeft && /*#__PURE__*/React__default.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React__default.createElement(LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/React__default.createElement(StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/React__default.createElement(StyledContentRight, null, contentRight)), !disabled && isLoading && /*#__PURE__*/React__default.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React__default.createElement(StyledSpinner, null))));
|
|
54
49
|
});
|
|
55
50
|
};
|
|
56
51
|
var linkButtonConfig = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.js","sources":["../../../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { LinkButtonProps } from './LinkButton.types';\nimport {\n base,\n LinkButtonText,\n Loader,\n LoadWrap,\n StyledAdditionalContent,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './LinkButton.styles';\n\nexport const linkButtonRoot = (Root: RootProps<HTMLAnchorElement, LinkButtonProps>) =>\n forwardRef<HTMLAnchorElement, LinkButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n contentLeft,\n contentRight,\n isLoading,\n loader,\n disabled,\n target,\n href,\n rel,\n style,\n additionalContent,\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n\n const loadingCustomOpacity = isLoading && size === 'xxs' && { opacity: 0 };\n\n const linkProps = {\n target,\n href: disabled ? undefined : href,\n rel: target === '_blank' ? 'noopener noreferrer' : rel,\n };\n\n
|
|
1
|
+
{"version":3,"file":"LinkButton.js","sources":["../../../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { LinkButtonProps } from './LinkButton.types';\nimport {\n base,\n LinkButtonText,\n Loader,\n LoadWrap,\n StyledAdditionalContent,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './LinkButton.styles';\n\nexport const linkButtonRoot = (Root: RootProps<HTMLAnchorElement, LinkButtonProps>) =>\n forwardRef<HTMLAnchorElement, LinkButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n contentLeft,\n contentRight,\n isLoading,\n loader,\n disabled,\n target,\n href,\n rel,\n style,\n additionalContent,\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n\n const loadingCustomOpacity = isLoading && size === 'xxs' && { opacity: 0 };\n\n const linkProps = {\n target,\n href: disabled ? undefined : href,\n rel: target === '_blank' ? 'noopener noreferrer' : rel,\n };\n\n return (\n <Root\n ref={ref}\n view={view}\n size={size}\n tabIndex={!disabled ? 0 : -1}\n disabled={disabled}\n style={{\n ...(isLoading && {\n pointerEvents: 'none',\n }),\n ...style,\n }}\n {...linkProps}\n {...rest}\n >\n <LoadWrap isLoading={!disabled && isLoading} style={{ ...loadingCustomOpacity }}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n {txt ? <LinkButtonText>{txt}</LinkButtonText> : children}\n {additionalContent && <StyledAdditionalContent>{additionalContent}</StyledAdditionalContent>}\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </LoadWrap>\n {!disabled && isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n </Root>\n );\n });\n\nexport const linkButtonConfig = {\n name: 'LinkButton',\n tag: 'a',\n layout: linkButtonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["linkButtonRoot","Root","forwardRef","props","ref","children","view","size","text","contentLeft","contentRight","isLoading","loader","disabled","target","href","rel","style","additionalContent","rest","_objectWithoutProperties","_excluded","txt","loadingCustomOpacity","opacity","linkProps","undefined","React","createElement","_extends","tabIndex","_objectSpread","pointerEvents","LoadWrap","StyledContentLeft","LinkButtonText","StyledAdditionalContent","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","linkButtonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import './LinkButton.
|
|
1
|
+
import './LinkButton.styles_1e7vwn3.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
|
-
import { tokens } from './LinkButton.tokens.js';
|
|
4
3
|
import { component, mergeConfig } from '../../engines/common.js';
|
|
5
4
|
import { spinnerConfig } from '../Spinner/Spinner.js';
|
|
6
5
|
|
|
@@ -44,33 +43,15 @@ var LinkButtonText = /*#__PURE__*/styled('span')({
|
|
|
44
43
|
"class": "l1uogc3z",
|
|
45
44
|
propsAsIs: false
|
|
46
45
|
});
|
|
47
|
-
var _exp15 = function _exp15() {
|
|
48
|
-
return function (_ref2) {
|
|
49
|
-
var hasContent = _ref2.hasContent;
|
|
50
|
-
return hasContent ? "var(".concat(tokens.linkButtonLeftContentMargin, ")") : '0';
|
|
51
|
-
};
|
|
52
|
-
};
|
|
53
46
|
var StyledContentLeft = /*#__PURE__*/styled('div')({
|
|
54
47
|
name: "StyledContentLeft",
|
|
55
48
|
"class": "s176p3a0",
|
|
56
|
-
propsAsIs: false
|
|
57
|
-
vars: {
|
|
58
|
-
"s176p3a0-0": [/*#__PURE__*/_exp15()]
|
|
59
|
-
}
|
|
49
|
+
propsAsIs: false
|
|
60
50
|
});
|
|
61
|
-
var _exp17 = function _exp17() {
|
|
62
|
-
return function (_ref3) {
|
|
63
|
-
var hasContent = _ref3.hasContent;
|
|
64
|
-
return hasContent ? "var(".concat(tokens.linkButtonRightContentMargin, ")") : '0';
|
|
65
|
-
};
|
|
66
|
-
};
|
|
67
51
|
var StyledContentRight = /*#__PURE__*/styled('div')({
|
|
68
52
|
name: "StyledContentRight",
|
|
69
53
|
"class": "slixkvc",
|
|
70
|
-
propsAsIs: false
|
|
71
|
-
vars: {
|
|
72
|
-
"slixkvc-0": [/*#__PURE__*/_exp17()]
|
|
73
|
-
}
|
|
54
|
+
propsAsIs: false
|
|
74
55
|
});
|
|
75
56
|
|
|
76
57
|
export { LinkButtonText, LoadWrap, Loader, StyledAdditionalContent, StyledContentLeft, StyledContentRight, StyledSpinner, base };
|