@salutejs/plasma-new-hope 0.342.0-canary.2349.19562279210.0 → 0.342.0-canary.2349.19625390680.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/cjs/components/LinkButton/LinkButton.css +8 -8
- package/cjs/components/LinkButton/LinkButton.styles.js +1 -1
- package/cjs/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/cjs/components/LinkButton/{LinkButton.styles_1q1p1l2.css → LinkButton.styles_1e7vwn3.css} +1 -1
- package/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/cjs/components/LinkButton/LinkButton.tokens.js.map +1 -1
- package/cjs/components/Table/Table.css +8 -8
- package/cjs/components/Table/ui/Cell/Cell.css +8 -8
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +8 -8
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +8 -8
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
- package/cjs/index.css +8 -8
- package/emotion/cjs/components/LinkButton/LinkButton.styles.js +15 -15
- package/emotion/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/LinkButton/LinkButton.config.js +13 -13
- package/emotion/es/components/LinkButton/LinkButton.styles.js +15 -15
- package/emotion/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/LinkButton/LinkButton.config.js +13 -13
- package/es/components/LinkButton/LinkButton.css +8 -8
- package/es/components/LinkButton/LinkButton.styles.js +1 -1
- package/es/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/es/components/LinkButton/{LinkButton.styles_1q1p1l2.css → LinkButton.styles_1e7vwn3.css} +1 -1
- package/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/es/components/LinkButton/LinkButton.tokens.js.map +1 -1
- package/es/components/Table/Table.css +8 -8
- package/es/components/Table/ui/Cell/Cell.css +8 -8
- package/es/components/Table/ui/EditableCell/EditableCell.css +8 -8
- package/es/components/Table/ui/HeadCell/HeadCell.css +8 -8
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
- package/es/index.css +8 -8
- package/package.json +4 -4
- package/styled-components/cjs/components/LinkButton/LinkButton.styles.js +9 -8
- package/styled-components/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/cjs/examples/components/LinkButton/LinkButton.config.js +18 -12
- package/styled-components/es/components/LinkButton/LinkButton.styles.js +9 -8
- package/styled-components/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/styled-components/es/examples/components/LinkButton/LinkButton.config.js +18 -12
- package/types/components/LinkButton/LinkButton.styles.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.tokens.d.ts +1 -0
- package/types/components/LinkButton/LinkButton.tokens.d.ts.map +1 -1
- package/types/examples/components/LinkButton/LinkButton.config.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);}
|
|
@@ -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\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,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,IAAI,GAoBhB,WAAA;AAEM,IAAMC,uBAAuB,gBAAGC,MAAM,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,MAAM,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,MAAM,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,MAAM,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,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,
|
|
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,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,IAAI,GAoBhB,WAAA;AAEM,IAAMC,uBAAuB,gBAAGC,MAAM,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,MAAM,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,MAAM,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,MAAM,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,MAAM,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,MAAM,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,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKvC;;;;"}
|
package/es/components/LinkButton/{LinkButton.styles_1q1p1l2.css → LinkButton.styles_1e7vwn3.css}
RENAMED
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
.lwmk0e5{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%;}
|
|
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
|
-
.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);}
|
|
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
7
|
.s176p3a0{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
8
8
|
.slixkvc{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
@@ -6,6 +6,7 @@ var tokens = {
|
|
|
6
6
|
linkButtonColorHover: '--plasma-link-button-color-hover',
|
|
7
7
|
linkButtonColorActive: '--plasma-link-button-color-active',
|
|
8
8
|
linkButtonTextColorHover: '--plasma-link-button-text-color-hover',
|
|
9
|
+
linkButtonTextColorActive: '--plasma-link-button-text-color-active',
|
|
9
10
|
linkButtonPadding: '--plasma-link-button-padding',
|
|
10
11
|
linkButtonHeight: '--plasma-link-button-height',
|
|
11
12
|
linkButtonWidth: '--plasma-link-button-width',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.tokens.js","sources":["../../../src/components/LinkButton/LinkButton.tokens.ts"],"sourcesContent":["export const tokens = {\n linkButtonColor: '--plasma-link-button-color',\n linkButtonTextColor: '--plasma-link-button-text-color',\n linkButtonIconColor: '--plasma-link-button-icon-color',\n linkButtonBackgroundColor: '--plasma-link-button-background-color',\n linkButtonColorHover: '--plasma-link-button-color-hover',\n linkButtonColorActive: '--plasma-link-button-color-active',\n linkButtonTextColorHover: '--plasma-link-button-text-color-hover',\n\n linkButtonPadding: '--plasma-link-button-padding',\n linkButtonHeight: '--plasma-link-button-height',\n linkButtonWidth: '--plasma-link-button-width',\n linkButtonRadius: '--plasma-link-button-radius',\n linkButtonTextPadding: '--plasma-link-button-text-padding',\n\n linkButtonFontFamily: '--plasma-link-button-font-family',\n linkButtonFontSize: '--plasma-link-button-font-size',\n linkButtonFontStyle: '--plasma-link-button-font-style',\n linkButtonFontWeight: '--plasma-link-button-font-weight',\n linkButtonLetterSpacing: '--plasma-link-button-letter-spacing',\n linkButtonLineHeight: '--plasma-link-button-line-height',\n\n linkButtonLeftContentMargin: '--plasma-link-button-left-content-margin',\n linkButtonRightContentMargin: '--plasma-link-button-right-content-margin',\n linkButtonAdditionalContentMargin: '--plasma-link-button-additional-content-margin',\n\n linkButtonDisabledOpacity: '--plasma-link-button-disabled-opacity',\n linkButtonFocusColor: '--plasma-link-button-focus-color',\n\n linkButtonSpinnerColor: '--plasma-link-button-spinner-color',\n linkButtonSpinnerSize: '--plasma-link-button-spinner-size',\n};\n"],"names":["tokens","linkButtonColor","linkButtonTextColor","linkButtonIconColor","linkButtonBackgroundColor","linkButtonColorHover","linkButtonColorActive","linkButtonTextColorHover","linkButtonPadding","linkButtonHeight","linkButtonWidth","linkButtonRadius","linkButtonTextPadding","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight","linkButtonLeftContentMargin","linkButtonRightContentMargin","linkButtonAdditionalContentMargin","linkButtonDisabledOpacity","linkButtonFocusColor","linkButtonSpinnerColor","linkButtonSpinnerSize"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,wBAAwB,EAAE,uCAAuC;
|
|
1
|
+
{"version":3,"file":"LinkButton.tokens.js","sources":["../../../src/components/LinkButton/LinkButton.tokens.ts"],"sourcesContent":["export const tokens = {\n linkButtonColor: '--plasma-link-button-color',\n linkButtonTextColor: '--plasma-link-button-text-color',\n linkButtonIconColor: '--plasma-link-button-icon-color',\n linkButtonBackgroundColor: '--plasma-link-button-background-color',\n linkButtonColorHover: '--plasma-link-button-color-hover',\n linkButtonColorActive: '--plasma-link-button-color-active',\n linkButtonTextColorHover: '--plasma-link-button-text-color-hover',\n linkButtonTextColorActive: '--plasma-link-button-text-color-active',\n\n linkButtonPadding: '--plasma-link-button-padding',\n linkButtonHeight: '--plasma-link-button-height',\n linkButtonWidth: '--plasma-link-button-width',\n linkButtonRadius: '--plasma-link-button-radius',\n linkButtonTextPadding: '--plasma-link-button-text-padding',\n\n linkButtonFontFamily: '--plasma-link-button-font-family',\n linkButtonFontSize: '--plasma-link-button-font-size',\n linkButtonFontStyle: '--plasma-link-button-font-style',\n linkButtonFontWeight: '--plasma-link-button-font-weight',\n linkButtonLetterSpacing: '--plasma-link-button-letter-spacing',\n linkButtonLineHeight: '--plasma-link-button-line-height',\n\n linkButtonLeftContentMargin: '--plasma-link-button-left-content-margin',\n linkButtonRightContentMargin: '--plasma-link-button-right-content-margin',\n linkButtonAdditionalContentMargin: '--plasma-link-button-additional-content-margin',\n\n linkButtonDisabledOpacity: '--plasma-link-button-disabled-opacity',\n linkButtonFocusColor: '--plasma-link-button-focus-color',\n\n linkButtonSpinnerColor: '--plasma-link-button-spinner-color',\n linkButtonSpinnerSize: '--plasma-link-button-spinner-size',\n};\n"],"names":["tokens","linkButtonColor","linkButtonTextColor","linkButtonIconColor","linkButtonBackgroundColor","linkButtonColorHover","linkButtonColorActive","linkButtonTextColorHover","linkButtonTextColorActive","linkButtonPadding","linkButtonHeight","linkButtonWidth","linkButtonRadius","linkButtonTextPadding","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight","linkButtonLeftContentMargin","linkButtonRightContentMargin","linkButtonAdditionalContentMargin","linkButtonDisabledOpacity","linkButtonFocusColor","linkButtonSpinnerColor","linkButtonSpinnerSize"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,wBAAwB,EAAE,uCAAuC;AACjEC,EAAAA,yBAAyB,EAAE,wCAAwC;AAEnEC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,qBAAqB,EAAE,mCAAmC;AAE1DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,oBAAoB,EAAE,kCAAkC;AAExDC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,4BAA4B,EAAE,2CAA2C;AACzEC,EAAAA,iCAAiC,EAAE,gDAAgD;AAEnFC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AAExDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,qBAAqB,EAAE,mCAAA;AAC3B;;;;"}
|
|
@@ -230,14 +230,14 @@
|
|
|
230
230
|
|
|
231
231
|
.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);}
|
|
232
232
|
|
|
233
|
-
.
|
|
234
|
-
.
|
|
235
|
-
.
|
|
236
|
-
.
|
|
237
|
-
.
|
|
238
|
-
.
|
|
239
|
-
.
|
|
240
|
-
.
|
|
233
|
+
.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);}
|
|
234
|
+
.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);}
|
|
235
|
+
.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%;}
|
|
236
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
237
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
238
|
+
.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);}
|
|
239
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
240
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
241
241
|
|
|
242
242
|
.Table_styles_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
|
|
243
243
|
.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);}
|
|
@@ -71,14 +71,14 @@
|
|
|
71
71
|
|
|
72
72
|
.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);}
|
|
73
73
|
|
|
74
|
-
.
|
|
75
|
-
.
|
|
76
|
-
.
|
|
77
|
-
.
|
|
78
|
-
.
|
|
79
|
-
.
|
|
80
|
-
.
|
|
81
|
-
.
|
|
74
|
+
.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);}
|
|
75
|
+
.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);}
|
|
76
|
+
.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%;}
|
|
77
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
78
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
79
|
+
.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);}
|
|
80
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
81
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
82
82
|
|
|
83
83
|
.Table_styles_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
|
|
84
84
|
.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);}
|
package/es/index.css
CHANGED
|
@@ -1063,14 +1063,14 @@
|
|
|
1063
1063
|
|
|
1064
1064
|
.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);}
|
|
1065
1065
|
|
|
1066
|
-
.
|
|
1067
|
-
.
|
|
1068
|
-
.
|
|
1069
|
-
.
|
|
1070
|
-
.
|
|
1071
|
-
.
|
|
1072
|
-
.
|
|
1073
|
-
.
|
|
1066
|
+
.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);}
|
|
1067
|
+
.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);}
|
|
1068
|
+
.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%;}
|
|
1069
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
1070
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
1071
|
+
.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);}
|
|
1072
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
1073
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
1074
1074
|
|
|
1075
1075
|
|
|
1076
1076
|
.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);}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.342.0-canary.2349.
|
|
3
|
+
"version": "0.342.0-canary.2349.19625390680.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"@rollup/plugin-babel": "^6.0.4",
|
|
80
80
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
81
81
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
82
|
-
"@salutejs/plasma-sb-utils": "0.210.0-canary.2349.
|
|
82
|
+
"@salutejs/plasma-sb-utils": "0.210.0-canary.2349.19625390680.0",
|
|
83
83
|
"@salutejs/plasma-themes": "0.38.0",
|
|
84
84
|
"@storybook/addon-docs": "8.6.12",
|
|
85
85
|
"@storybook/addon-essentials": "8.6.12",
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
"@linaria/react": "5.0.3",
|
|
118
118
|
"@popperjs/core": "2.11.8",
|
|
119
119
|
"@salutejs/input-core": "2.1.2",
|
|
120
|
-
"@salutejs/plasma-core": "1.210.0-canary.2349.
|
|
120
|
+
"@salutejs/plasma-core": "1.210.0-canary.2349.19625390680.0",
|
|
121
121
|
"@salutejs/react-maskinput": "3.3.0",
|
|
122
122
|
"@tanstack/react-table": "8.21.2",
|
|
123
123
|
"@tanstack/react-virtual": "3.13.2",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "b7b147a516b0025487554c65fca6ac1d6d3404a7"
|
|
141
141
|
}
|
|
@@ -93,14 +93,14 @@ var base = (0, _styledcomponents.css)([
|
|
|
93
93
|
}));
|
|
94
94
|
var StyledAdditionalContent = _styledcomponents.default.div.withConfig({
|
|
95
95
|
displayName: "LinkButton.styles__StyledAdditionalContent",
|
|
96
|
-
componentId: "sc-
|
|
96
|
+
componentId: "sc-e83eddac-0"
|
|
97
97
|
})([
|
|
98
98
|
"display:flex;align-items:center;margin:var(",
|
|
99
99
|
");"
|
|
100
100
|
], _LinkButtontokens.tokens.linkButtonAdditionalContentMargin);
|
|
101
101
|
var LoadWrap = _styledcomponents.default.div.withConfig({
|
|
102
102
|
displayName: "LinkButton.styles__LoadWrap",
|
|
103
|
-
componentId: "sc-
|
|
103
|
+
componentId: "sc-e83eddac-1"
|
|
104
104
|
})([
|
|
105
105
|
"opacity:",
|
|
106
106
|
";display:flex;align-items:inherit;justify-content:inherit;height:100%;width:100%;"
|
|
@@ -110,13 +110,13 @@ var LoadWrap = _styledcomponents.default.div.withConfig({
|
|
|
110
110
|
});
|
|
111
111
|
var Loader = _styledcomponents.default.div.withConfig({
|
|
112
112
|
displayName: "LinkButton.styles__Loader",
|
|
113
|
-
componentId: "sc-
|
|
113
|
+
componentId: "sc-e83eddac-2"
|
|
114
114
|
})([
|
|
115
115
|
"position:absolute;"
|
|
116
116
|
]);
|
|
117
117
|
var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
|
|
118
118
|
displayName: "LinkButton.styles__StyledSpinner",
|
|
119
|
-
componentId: "sc-
|
|
119
|
+
componentId: "sc-e83eddac-3"
|
|
120
120
|
})([
|
|
121
121
|
"",
|
|
122
122
|
":var(",
|
|
@@ -126,17 +126,18 @@ var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
|
|
|
126
126
|
], _Spinner.spinnerTokens.size, _LinkButtontokens.tokens.linkButtonSpinnerSize, _Spinner.spinnerTokens.color, _LinkButtontokens.tokens.linkButtonSpinnerColor);
|
|
127
127
|
var LinkButtonText = _styledcomponents.default.span.withConfig({
|
|
128
128
|
displayName: "LinkButton.styles__LinkButtonText",
|
|
129
|
-
componentId: "sc-
|
|
129
|
+
componentId: "sc-e83eddac-4"
|
|
130
130
|
})([
|
|
131
131
|
"padding:var(",
|
|
132
132
|
");color:var(",
|
|
133
133
|
");",
|
|
134
134
|
" &:hover{color:var(",
|
|
135
|
+
");}&:active{color:var(",
|
|
135
136
|
");}"
|
|
136
|
-
], _LinkButtontokens.tokens.linkButtonTextPadding, _LinkButtontokens.tokens.linkButtonTextColor, (0, _mixins.applyEllipsis)(), _LinkButtontokens.tokens.linkButtonTextColorHover);
|
|
137
|
+
], _LinkButtontokens.tokens.linkButtonTextPadding, _LinkButtontokens.tokens.linkButtonTextColor, (0, _mixins.applyEllipsis)(), _LinkButtontokens.tokens.linkButtonTextColorHover, _LinkButtontokens.tokens.linkButtonTextColorActive);
|
|
137
138
|
var StyledContentLeft = _styledcomponents.default.div.withConfig({
|
|
138
139
|
displayName: "LinkButton.styles__StyledContentLeft",
|
|
139
|
-
componentId: "sc-
|
|
140
|
+
componentId: "sc-e83eddac-5"
|
|
140
141
|
})([
|
|
141
142
|
"line-height:0;color:var(",
|
|
142
143
|
");margin:var(",
|
|
@@ -144,7 +145,7 @@ var StyledContentLeft = _styledcomponents.default.div.withConfig({
|
|
|
144
145
|
], _LinkButtontokens.tokens.linkButtonIconColor, _LinkButtontokens.tokens.linkButtonLeftContentMargin);
|
|
145
146
|
var StyledContentRight = _styledcomponents.default.div.withConfig({
|
|
146
147
|
displayName: "LinkButton.styles__StyledContentRight",
|
|
147
|
-
componentId: "sc-
|
|
148
|
+
componentId: "sc-e83eddac-6"
|
|
148
149
|
})([
|
|
149
150
|
"line-height:0;color:var(",
|
|
150
151
|
");margin:var(",
|
|
@@ -16,6 +16,7 @@ var tokens = {
|
|
|
16
16
|
linkButtonColorHover: '--plasma-link-button-color-hover',
|
|
17
17
|
linkButtonColorActive: '--plasma-link-button-color-active',
|
|
18
18
|
linkButtonTextColorHover: '--plasma-link-button-text-color-hover',
|
|
19
|
+
linkButtonTextColorActive: '--plasma-link-button-text-color-active',
|
|
19
20
|
linkButtonPadding: '--plasma-link-button-padding',
|
|
20
21
|
linkButtonHeight: '--plasma-link-button-height',
|
|
21
22
|
linkButtonWidth: '--plasma-link-button-width',
|
|
@@ -1 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Combobox", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return Combobox;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _engines = require("../../../engines");
|
|
12
|
+
var _ = require("../../..");
|
|
13
|
+
var _Comboboxconfig = require("./Combobox.config");
|
|
14
|
+
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
|
15
|
+
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
|
16
|
+
var Combobox = ComboboxComponent;
|
|
@@ -26,8 +26,9 @@ var config = {
|
|
|
26
26
|
":var(--text-primary-hover);",
|
|
27
27
|
":var(--text-primary-active);",
|
|
28
28
|
":var(--surface-accent);",
|
|
29
|
-
":var(--text-primary-hover);"
|
|
30
|
-
|
|
29
|
+
":var(--text-primary-hover);",
|
|
30
|
+
":var(--text-primary-active);"
|
|
31
|
+
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive),
|
|
31
32
|
accent: (0, _styledcomponents.css)([
|
|
32
33
|
"",
|
|
33
34
|
":var(--text-accent);",
|
|
@@ -37,8 +38,9 @@ var config = {
|
|
|
37
38
|
":var(--text-accent-hover);",
|
|
38
39
|
":var(--text-accent-active);",
|
|
39
40
|
":var(--surface-accent);",
|
|
40
|
-
":var(--text-accent-hover);"
|
|
41
|
-
|
|
41
|
+
":var(--text-accent-hover);",
|
|
42
|
+
":var(--text-accent-active);"
|
|
43
|
+
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive),
|
|
42
44
|
secondary: (0, _styledcomponents.css)([
|
|
43
45
|
"",
|
|
44
46
|
":var(--text-secondary);",
|
|
@@ -48,8 +50,9 @@ var config = {
|
|
|
48
50
|
":var(--text-secondary-hover);",
|
|
49
51
|
":var(--text-secondary-active);",
|
|
50
52
|
":var(--surface-accent);",
|
|
51
|
-
":var(--text-secondary-hover);"
|
|
52
|
-
|
|
53
|
+
":var(--text-secondary-hover);",
|
|
54
|
+
":var(--text-secondary-active);"
|
|
55
|
+
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive),
|
|
53
56
|
positive: (0, _styledcomponents.css)([
|
|
54
57
|
"",
|
|
55
58
|
":var(--text-positive);",
|
|
@@ -59,8 +62,9 @@ var config = {
|
|
|
59
62
|
":var(--text-positive-hover);",
|
|
60
63
|
":var(--text-positive-active);",
|
|
61
64
|
":var(--surface-accent);",
|
|
62
|
-
":var(--text-positive-hover);"
|
|
63
|
-
|
|
65
|
+
":var(--text-positive-hover);",
|
|
66
|
+
":var(--text-positive-active);"
|
|
67
|
+
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive),
|
|
64
68
|
warning: (0, _styledcomponents.css)([
|
|
65
69
|
"",
|
|
66
70
|
":var(--text-warning);",
|
|
@@ -70,8 +74,9 @@ var config = {
|
|
|
70
74
|
":var(--text-warning-hover);",
|
|
71
75
|
":var(--text-warning-active);",
|
|
72
76
|
":var(--surface-accent);",
|
|
73
|
-
":var(--text-warning-hover);"
|
|
74
|
-
|
|
77
|
+
":var(--text-warning-hover);",
|
|
78
|
+
":var(--text-warning-active);"
|
|
79
|
+
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive),
|
|
75
80
|
negative: (0, _styledcomponents.css)([
|
|
76
81
|
"",
|
|
77
82
|
":var(--text-negative);",
|
|
@@ -81,8 +86,9 @@ var config = {
|
|
|
81
86
|
":var(--text-negative-hover);",
|
|
82
87
|
":var(--text-negative-active);",
|
|
83
88
|
":var(--surface-accent);",
|
|
84
|
-
":var(--text-negative-hover);"
|
|
85
|
-
|
|
89
|
+
":var(--text-negative-hover);",
|
|
90
|
+
":var(--text-negative-active);"
|
|
91
|
+
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive)
|
|
86
92
|
},
|
|
87
93
|
size: {
|
|
88
94
|
xl: (0, _styledcomponents.css)([
|
|
@@ -17,14 +17,14 @@ export var base = css([
|
|
|
17
17
|
}));
|
|
18
18
|
export var StyledAdditionalContent = styled.div.withConfig({
|
|
19
19
|
displayName: "LinkButton.styles__StyledAdditionalContent",
|
|
20
|
-
componentId: "sc-
|
|
20
|
+
componentId: "sc-e83eddac-0"
|
|
21
21
|
})([
|
|
22
22
|
"display:flex;align-items:center;margin:var(",
|
|
23
23
|
");"
|
|
24
24
|
], tokens.linkButtonAdditionalContentMargin);
|
|
25
25
|
export var LoadWrap = styled.div.withConfig({
|
|
26
26
|
displayName: "LinkButton.styles__LoadWrap",
|
|
27
|
-
componentId: "sc-
|
|
27
|
+
componentId: "sc-e83eddac-1"
|
|
28
28
|
})([
|
|
29
29
|
"opacity:",
|
|
30
30
|
";display:flex;align-items:inherit;justify-content:inherit;height:100%;width:100%;"
|
|
@@ -34,13 +34,13 @@ export var LoadWrap = styled.div.withConfig({
|
|
|
34
34
|
});
|
|
35
35
|
export var Loader = styled.div.withConfig({
|
|
36
36
|
displayName: "LinkButton.styles__Loader",
|
|
37
|
-
componentId: "sc-
|
|
37
|
+
componentId: "sc-e83eddac-2"
|
|
38
38
|
})([
|
|
39
39
|
"position:absolute;"
|
|
40
40
|
]);
|
|
41
41
|
export var StyledSpinner = styled(Spinner).withConfig({
|
|
42
42
|
displayName: "LinkButton.styles__StyledSpinner",
|
|
43
|
-
componentId: "sc-
|
|
43
|
+
componentId: "sc-e83eddac-3"
|
|
44
44
|
})([
|
|
45
45
|
"",
|
|
46
46
|
":var(",
|
|
@@ -50,17 +50,18 @@ export var StyledSpinner = styled(Spinner).withConfig({
|
|
|
50
50
|
], spinnerTokens.size, tokens.linkButtonSpinnerSize, spinnerTokens.color, tokens.linkButtonSpinnerColor);
|
|
51
51
|
export var LinkButtonText = styled.span.withConfig({
|
|
52
52
|
displayName: "LinkButton.styles__LinkButtonText",
|
|
53
|
-
componentId: "sc-
|
|
53
|
+
componentId: "sc-e83eddac-4"
|
|
54
54
|
})([
|
|
55
55
|
"padding:var(",
|
|
56
56
|
");color:var(",
|
|
57
57
|
");",
|
|
58
58
|
" &:hover{color:var(",
|
|
59
|
+
");}&:active{color:var(",
|
|
59
60
|
");}"
|
|
60
|
-
], tokens.linkButtonTextPadding, tokens.linkButtonTextColor, applyEllipsis(), tokens.linkButtonTextColorHover);
|
|
61
|
+
], tokens.linkButtonTextPadding, tokens.linkButtonTextColor, applyEllipsis(), tokens.linkButtonTextColorHover, tokens.linkButtonTextColorActive);
|
|
61
62
|
export var StyledContentLeft = styled.div.withConfig({
|
|
62
63
|
displayName: "LinkButton.styles__StyledContentLeft",
|
|
63
|
-
componentId: "sc-
|
|
64
|
+
componentId: "sc-e83eddac-5"
|
|
64
65
|
})([
|
|
65
66
|
"line-height:0;color:var(",
|
|
66
67
|
");margin:var(",
|
|
@@ -68,7 +69,7 @@ export var StyledContentLeft = styled.div.withConfig({
|
|
|
68
69
|
], tokens.linkButtonIconColor, tokens.linkButtonLeftContentMargin);
|
|
69
70
|
export var StyledContentRight = styled.div.withConfig({
|
|
70
71
|
displayName: "LinkButton.styles__StyledContentRight",
|
|
71
|
-
componentId: "sc-
|
|
72
|
+
componentId: "sc-e83eddac-6"
|
|
72
73
|
})([
|
|
73
74
|
"line-height:0;color:var(",
|
|
74
75
|
");margin:var(",
|
|
@@ -6,6 +6,7 @@ export var tokens = {
|
|
|
6
6
|
linkButtonColorHover: '--plasma-link-button-color-hover',
|
|
7
7
|
linkButtonColorActive: '--plasma-link-button-color-active',
|
|
8
8
|
linkButtonTextColorHover: '--plasma-link-button-text-color-hover',
|
|
9
|
+
linkButtonTextColorActive: '--plasma-link-button-text-color-active',
|
|
9
10
|
linkButtonPadding: '--plasma-link-button-padding',
|
|
10
11
|
linkButtonHeight: '--plasma-link-button-height',
|
|
11
12
|
linkButtonWidth: '--plasma-link-button-width',
|