@salutejs/plasma-new-hope 0.325.0 → 0.326.0-canary.1983.15343210393.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/Breadcrumbs/Breadcrumbs.css +3 -1
- package/cjs/components/Breadcrumbs/utils/getShortItems.css +3 -1
- package/cjs/components/Link/Link.js +8 -4
- package/cjs/components/Link/Link.js.map +1 -1
- package/cjs/components/Link/Link.tokens.js +5 -0
- package/cjs/components/Link/Link.tokens.js.map +1 -1
- package/cjs/components/Link/_size/base.js +9 -0
- package/cjs/components/Link/_size/base.js.map +1 -0
- package/cjs/components/Link/_size/base_z01401.css +1 -0
- package/cjs/components/Link/_view/base.js +1 -1
- package/cjs/components/Link/_view/base.js.map +1 -1
- package/cjs/components/Link/_view/base_r5vd7o.css +1 -0
- package/cjs/index.css +3 -1
- package/emotion/cjs/components/Link/Link.js +9 -5
- package/emotion/cjs/components/Link/Link.tokens.js +5 -0
- package/emotion/cjs/components/Link/_size/base.js +9 -0
- package/emotion/cjs/components/Link/_size/tokens.json +1 -0
- package/emotion/cjs/components/Link/_view/base.js +1 -1
- package/emotion/cjs/components/Link/_view/tokens.json +0 -1
- package/emotion/cjs/engines/emotion.js +8 -3
- package/emotion/cjs/examples/plasma_b2c/components/Link/Link.config.js +31 -11
- package/emotion/cjs/examples/plasma_b2c/components/Link/Link.stories.tsx +1 -0
- package/emotion/es/components/Link/Link.js +5 -1
- package/emotion/es/components/Link/Link.tokens.js +5 -0
- package/emotion/es/components/Link/_size/base.js +3 -0
- package/emotion/es/components/Link/_size/tokens.json +1 -0
- package/emotion/es/components/Link/_view/base.js +1 -1
- package/emotion/es/components/Link/_view/tokens.json +0 -1
- package/emotion/es/engines/emotion.js +8 -3
- package/emotion/es/examples/plasma_b2c/components/Link/Link.config.js +31 -11
- package/emotion/es/examples/plasma_b2c/components/Link/Link.stories.tsx +1 -0
- package/es/components/Breadcrumbs/Breadcrumbs.css +3 -1
- package/es/components/Breadcrumbs/utils/getShortItems.css +3 -1
- package/es/components/Link/Link.js +8 -4
- package/es/components/Link/Link.js.map +1 -1
- package/es/components/Link/Link.tokens.js +5 -0
- package/es/components/Link/Link.tokens.js.map +1 -1
- package/es/components/Link/_size/base.js +5 -0
- package/es/components/Link/_size/base.js.map +1 -0
- package/es/components/Link/_size/base_z01401.css +1 -0
- package/es/components/Link/_view/base.js +1 -1
- package/es/components/Link/_view/base.js.map +1 -1
- package/es/components/Link/_view/base_r5vd7o.css +1 -0
- package/es/index.css +3 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Link/Link.js +8 -4
- package/styled-components/cjs/components/Link/Link.tokens.js +5 -0
- package/styled-components/cjs/components/Link/_size/base.js +9 -0
- package/styled-components/cjs/components/Link/_size/tokens.json +1 -0
- package/styled-components/cjs/components/Link/_view/base.js +1 -1
- package/styled-components/cjs/components/Link/_view/tokens.json +0 -1
- package/styled-components/cjs/engines/styled-components.js +8 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Link/Link.config.js +29 -9
- package/styled-components/cjs/examples/plasma_b2c/components/Link/Link.stories.tsx +1 -0
- package/styled-components/es/components/Link/Link.js +4 -0
- package/styled-components/es/components/Link/Link.tokens.js +5 -0
- package/styled-components/es/components/Link/_size/base.js +3 -0
- package/styled-components/es/components/Link/_size/tokens.json +1 -0
- package/styled-components/es/components/Link/_view/base.js +1 -1
- package/styled-components/es/components/Link/_view/tokens.json +0 -1
- package/styled-components/es/engines/styled-components.js +8 -3
- package/styled-components/es/examples/plasma_b2c/components/Link/Link.config.js +29 -9
- package/styled-components/es/examples/plasma_b2c/components/Link/Link.stories.tsx +1 -0
- package/types/components/Link/Link.d.ts +3 -0
- package/types/components/Link/Link.d.ts.map +1 -1
- package/types/components/Link/Link.tokens.d.ts +5 -0
- package/types/components/Link/Link.tokens.d.ts.map +1 -1
- package/types/components/Link/_size/base.d.ts +2 -0
- package/types/components/Link/_size/base.d.ts.map +1 -0
- package/types/components/Link/_view/base.d.ts.map +1 -1
- package/types/engines/emotion.d.ts.map +1 -1
- package/types/engines/styled-components.d.ts.map +1 -1
- package/cjs/components/Link/_view/base_1vy4dme.css +0 -1
- package/es/components/Link/_view/base_1vy4dme.css +0 -1
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
.
|
|
1
|
+
.base_r5vd7o_bcchm3r__d09a764d{color:var(--plasma-link-color);}.base_r5vd7o_bcchm3r__d09a764d::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_r5vd7o_bcchm3r__d09a764d:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:hover::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:active::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:visited::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:visited:hover::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:visited:active::before{opacity:1;}
|
|
2
|
+
|
|
3
|
+
.base_z01401_b1g3le52__67c3cb65{font-family:var(--plasma-link-font-family);font-size:var(--plasma-link-font-size);font-style:var(--plasma-link-font-style);font-weight:var(--plasma-link-font-weight);-webkit-letter-spacing:var(--plasma-link-letter-spacing);-moz-letter-spacing:var(--plasma-link-letter-spacing);-ms-letter-spacing:var(--plasma-link-letter-spacing);letter-spacing:var(--plasma-link-letter-spacing);line-height:var(--plasma-link-line-height);}
|
|
2
4
|
|
|
3
5
|
.base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
|
|
4
6
|
|
|
@@ -2,7 +2,9 @@
|
|
|
2
2
|
.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8{cursor:pointer;position:relative;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8::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.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8.BreadcrumbShorter_styles_czqxks_focusVisible__c6484ba8:focus::before,.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
|
3
3
|
.BreadcrumbShorter_styles_czqxks_s1ald2fi__c6484ba8{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;gap:var(--plasma-breadcrumbs-gap);}
|
|
4
4
|
|
|
5
|
-
.
|
|
5
|
+
.base_r5vd7o_bcchm3r__d09a764d{color:var(--plasma-link-color);}.base_r5vd7o_bcchm3r__d09a764d::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_r5vd7o_bcchm3r__d09a764d:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:hover::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:active::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:visited::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:visited:hover::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:visited:active::before{opacity:1;}
|
|
6
|
+
|
|
7
|
+
.base_z01401_b1g3le52__67c3cb65{font-family:var(--plasma-link-font-family);font-size:var(--plasma-link-font-size);font-style:var(--plasma-link-font-style);font-weight:var(--plasma-link-font-weight);-webkit-letter-spacing:var(--plasma-link-letter-spacing);-moz-letter-spacing:var(--plasma-link-letter-spacing);-ms-letter-spacing:var(--plasma-link-letter-spacing);letter-spacing:var(--plasma-link-letter-spacing);line-height:var(--plasma-link-line-height);}
|
|
6
8
|
|
|
7
9
|
.base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
|
|
8
10
|
|
|
@@ -2,8 +2,9 @@ import './Link_1oiwct5.css';
|
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import React, { forwardRef } from 'react';
|
|
4
4
|
import { base as base$1 } from './_view/base.js';
|
|
5
|
-
import { base as base$2 } from './
|
|
6
|
-
import { base as base$3 } from './
|
|
5
|
+
import { base as base$2 } from './_size/base.js';
|
|
6
|
+
import { base as base$3 } from './_disabled/base.js';
|
|
7
|
+
import { base as base$4 } from './_focused/base.js';
|
|
7
8
|
|
|
8
9
|
var _excluded = ["children", "disabled", "target", "href", "rel"];
|
|
9
10
|
var base = "b1j91s21";
|
|
@@ -36,12 +37,15 @@ var linkConfig = {
|
|
|
36
37
|
view: {
|
|
37
38
|
css: base$1
|
|
38
39
|
},
|
|
40
|
+
size: {
|
|
41
|
+
css: base$2
|
|
42
|
+
},
|
|
39
43
|
disabled: {
|
|
40
|
-
css: base$
|
|
44
|
+
css: base$3,
|
|
41
45
|
attrs: true
|
|
42
46
|
},
|
|
43
47
|
focused: {
|
|
44
|
-
css: base$
|
|
48
|
+
css: base$4
|
|
45
49
|
}
|
|
46
50
|
},
|
|
47
51
|
defaults: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines/types';\n\nimport { base as viewCSS } from './_view/base';\nimport { base as disabledCSS } from './_disabled/base';\nimport { base as focusedCSS } from './_focused/base';\nimport { LinkProps } from './Link.types';\n\nconst base = css`\n position: relative;\n text-decoration: none;\n transition: color 0.15s ease-in;\n\n ::before {\n content: '';\n position: absolute;\n inset: 0;\n opacity: 0.4;\n }\n`;\n\nexport const linkRoot = (Root: RootProps<HTMLAnchorElement, LinkProps>) =>\n forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n const { children, disabled, target, href, rel, ...rest } = props;\n\n const forwardProps = {\n disabled,\n target,\n href: disabled ? undefined : href,\n // NOTE: https://developer.chrome.com/docs/lighthouse/best-practices/external-anchors-use-rel-noopener/\n rel: target === '_blank' ? 'noopener noreferrer' : rel,\n };\n\n return (\n <Root ref={ref} {...forwardProps} {...rest}>\n {children}\n </Root>\n );\n });\n\nexport const linkConfig = {\n name: 'Link',\n tag: 'a',\n layout: linkRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["base","linkRoot","Root","forwardRef","props","ref","children","disabled","target","href","rel","rest","_excluded","forwardProps","undefined","React","createElement","_extends","linkConfig","name","tag","layout","variations","view","css","viewCSS","disabledCSS","attrs","focused","focusedCSS","defaults"
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines/types';\n\nimport { base as viewCSS } from './_view/base';\nimport { base as sizeCSS } from './_size/base';\nimport { base as disabledCSS } from './_disabled/base';\nimport { base as focusedCSS } from './_focused/base';\nimport { LinkProps } from './Link.types';\n\nconst base = css`\n position: relative;\n text-decoration: none;\n transition: color 0.15s ease-in;\n\n ::before {\n content: '';\n position: absolute;\n inset: 0;\n opacity: 0.4;\n }\n`;\n\nexport const linkRoot = (Root: RootProps<HTMLAnchorElement, LinkProps>) =>\n forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n const { children, disabled, target, href, rel, ...rest } = props;\n\n const forwardProps = {\n disabled,\n target,\n href: disabled ? undefined : href,\n // NOTE: https://developer.chrome.com/docs/lighthouse/best-practices/external-anchors-use-rel-noopener/\n rel: target === '_blank' ? 'noopener noreferrer' : rel,\n };\n\n return (\n <Root ref={ref} {...forwardProps} {...rest}>\n {children}\n </Root>\n );\n });\n\nexport const linkConfig = {\n name: 'Link',\n tag: 'a',\n layout: linkRoot,\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 focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["base","linkRoot","Root","forwardRef","props","ref","children","disabled","target","href","rel","rest","_excluded","forwardProps","undefined","React","createElement","_extends","linkConfig","name","tag","layout","variations","view","css","viewCSS","size","sizeCSS","disabledCSS","attrs","focused","focusedCSS","defaults"],"mappings":";;;;;;;;AAWA,IAAMA,IAAI,GAWT,UAAA,CAAA;IAEYC,QAAQ,GAAGA,SAAXA,QAAQA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBAClEC,UAAU,CAA+B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACrD,IAAA,IAAQC,QAAQ,GAA2CF,KAAK,CAAxDE,QAAQ;MAAEC,QAAQ,GAAiCH,KAAK,CAA9CG,QAAQ;MAAEC,MAAM,GAAyBJ,KAAK,CAApCI,MAAM;MAAEC,IAAI,GAAmBL,KAAK,CAA5BK,IAAI;MAAEC,GAAG,GAAcN,KAAK,CAAtBM,GAAG;AAAKC,MAAAA,IAAAA,GAAAA,wBAAAA,CAASP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAEhE,IAAA,IAAMC,YAAY,GAAG;AACjBN,MAAAA,QAAQ,EAARA,QAAQ;AACRC,MAAAA,MAAM,EAANA,MAAM;AACNC,MAAAA,IAAI,EAAEF,QAAQ,GAAGO,SAAS,GAAGL,IAAI;AACjC;AACAC,MAAAA,GAAG,EAAEF,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAGE,GAAAA;KACtD,CAAA;AAED,IAAA,oBACIK,KAAA,CAAAC,aAAA,CAACd,IAAI,EAAAe,QAAA,CAAA;AAACZ,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAKQ,YAAY,EAAMF,IAAI,CAAA,EACrCL,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMY,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAEpB,QAAQ;AAChBD,EAAAA,IAAI,EAAJA,IAAI;AACJsB,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDpB,IAAAA,QAAQ,EAAE;AACNiB,MAAAA,GAAG,EAAEI,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDC,IAAAA,OAAO,EAAE;AACLN,MAAAA,GAAG,EAAEO,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNT,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
|
|
@@ -7,6 +7,11 @@ var tokens = {
|
|
|
7
7
|
linkColorVisitedHover: '--plasma-link-color-visited-hover',
|
|
8
8
|
linkColorVisitedActive: '--plasma-link-color-visited-active',
|
|
9
9
|
linkFontFamily: '--plasma-link-font-family',
|
|
10
|
+
linkFontSize: '--plasma-link-font-size',
|
|
11
|
+
linkFontStyle: '--plasma-link-font-style',
|
|
12
|
+
linkFontWeight: '--plasma-link-font-weight',
|
|
13
|
+
linkLetterSpacing: '--plasma-link-letter-spacing',
|
|
14
|
+
linkLineHeight: '--plasma-link-line-height',
|
|
10
15
|
linkDisabledOpacity: '--plasma-link-disabled-opacity',
|
|
11
16
|
linkUnderlineBorder: '--plasma-link-underline-border'
|
|
12
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.tokens.js","sources":["../../../src/components/Link/Link.tokens.ts"],"sourcesContent":["export const tokens = {\n linkColor: '--plasma-link-color',\n linkColorHover: '--plasma-link-color-hover',\n linkColorActive: '--plasma-link-color-active',\n linkColorFocus: '--plasma-link-color-focus',\n linkColorVisited: '--plasma-link-color-visited',\n linkColorVisitedHover: '--plasma-link-color-visited-hover',\n linkColorVisitedActive: '--plasma-link-color-visited-active',\n linkFontFamily: '--plasma-link-font-family',\n linkDisabledOpacity: '--plasma-link-disabled-opacity',\n linkUnderlineBorder: '--plasma-link-underline-border',\n};\n"],"names":["tokens","linkColor","linkColorHover","linkColorActive","linkColorFocus","linkColorVisited","linkColorVisitedHover","linkColorVisitedActive","linkFontFamily","linkDisabledOpacity","linkUnderlineBorder"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,SAAS,EAAE,qBAAqB;AAChCC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,mBAAmB,EAAE,gCAAA;AACzB;;;;"}
|
|
1
|
+
{"version":3,"file":"Link.tokens.js","sources":["../../../src/components/Link/Link.tokens.ts"],"sourcesContent":["export const tokens = {\n linkColor: '--plasma-link-color',\n linkColorHover: '--plasma-link-color-hover',\n linkColorActive: '--plasma-link-color-active',\n linkColorFocus: '--plasma-link-color-focus',\n linkColorVisited: '--plasma-link-color-visited',\n linkColorVisitedHover: '--plasma-link-color-visited-hover',\n linkColorVisitedActive: '--plasma-link-color-visited-active',\n linkFontFamily: '--plasma-link-font-family',\n linkFontSize: '--plasma-link-font-size',\n linkFontStyle: '--plasma-link-font-style',\n linkFontWeight: '--plasma-link-font-weight',\n linkLetterSpacing: '--plasma-link-letter-spacing',\n linkLineHeight: '--plasma-link-line-height',\n linkDisabledOpacity: '--plasma-link-disabled-opacity',\n linkUnderlineBorder: '--plasma-link-underline-border',\n};\n"],"names":["tokens","linkColor","linkColorHover","linkColorActive","linkColorFocus","linkColorVisited","linkColorVisitedHover","linkColorVisitedActive","linkFontFamily","linkFontSize","linkFontStyle","linkFontWeight","linkLetterSpacing","linkLineHeight","linkDisabledOpacity","linkUnderlineBorder"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,SAAS,EAAE,qBAAqB;AAChCC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,YAAY,EAAE,yBAAyB;AACvCC,EAAAA,aAAa,EAAE,0BAA0B;AACzCC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,mBAAmB,EAAE,gCAAA;AACzB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../src/components/Link/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Link/Link.tokens';\n\nexport const base = css`\n font-family: var(${tokens.linkFontFamily});\n font-size: var(${tokens.linkFontSize});\n font-style: var(${tokens.linkFontStyle});\n font-weight: var(${tokens.linkFontWeight});\n letter-spacing: var(${tokens.linkLetterSpacing});\n line-height: var(${tokens.linkLineHeight});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAOhB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.b1g3le52{font-family:var(--plasma-link-font-family);font-size:var(--plasma-link-font-size);font-style:var(--plasma-link-font-style);font-weight:var(--plasma-link-font-weight);-webkit-letter-spacing:var(--plasma-link-letter-spacing);-moz-letter-spacing:var(--plasma-link-letter-spacing);-ms-letter-spacing:var(--plasma-link-letter-spacing);letter-spacing:var(--plasma-link-letter-spacing);line-height:var(--plasma-link-line-height);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../src/components/Link/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../Link.tokens';\n\nconst getColor = (cssVar: string) => `\n color: var(${cssVar}, var(${tokens.linkColor}));\n\n ::before {\n opacity: 1;\n }\n`;\n\nexport const base = css`\n
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../src/components/Link/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../Link.tokens';\n\nconst getColor = (cssVar: string) => `\n color: var(${cssVar}, var(${tokens.linkColor}));\n\n ::before {\n opacity: 1;\n }\n`;\n\nexport const base = css`\n color: var(${tokens.linkColor});\n\n ::before {\n border-bottom: var(${tokens.linkUnderlineBorder}) solid currentColor;\n }\n\n &:hover {\n ${getColor(tokens.linkColorHover)};\n }\n\n &:active {\n ${getColor(tokens.linkColorActive)};\n }\n\n &:visited {\n ${getColor(tokens.linkColorVisited)};\n }\n\n &:visited:hover {\n ${getColor(tokens.linkColorVisitedHover)};\n }\n\n &:visited:active {\n ${getColor(tokens.linkColorVisitedActive)};\n }\n`;\n"],"names":["base"],"mappings":"AAYO,IAAMA,IAAI,GA0BhB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.bcchm3r{color:var(--plasma-link-color);}.bcchm3r::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.bcchm3r:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.bcchm3r:hover::before{opacity:1;}.bcchm3r:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.bcchm3r:active::before{opacity:1;}.bcchm3r:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.bcchm3r:visited::before{opacity:1;}.bcchm3r:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.bcchm3r:visited:hover::before{opacity:1;}.bcchm3r:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.bcchm3r:visited:active::before{opacity:1;}
|
package/es/index.css
CHANGED
|
@@ -94,7 +94,9 @@
|
|
|
94
94
|
.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--plasma-private-gap);}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e{display:grid;grid-template-columns:repeat(var(--plasma-private-items),auto);grid-auto-flow:row;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_elastic__fdfdc75e{grid-template-columns:repeat(auto-fill,minmax(var(--plasma-private-min-width),auto));grid-auto-flow:row;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-arrangement='start']{justify-items:start;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-arrangement='center']{justify-items:center;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-arrangement='end']{justify-items:end;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-arrangement='spaceBetween']{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-arrangement='spaceAround']{-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-alignment='start']{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-alignment='center']{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-alignment='end']{-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e{grid-template-columns:auto;grid-template-rows:repeat(var(--plasma-private-items),auto);grid-auto-flow:column;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-arrangement='start']{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-arrangement='center']{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-arrangement='end']{-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-arrangement='spaceBetween']{-webkit-align-content:space-between;-ms-flex-line-pack:space-between;align-content:space-between;-webkit-align-items:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-arrangement='spaceAround']{-webkit-align-content:space-around;-ms-flex-line-pack:space-around;align-content:space-around;-webkit-align-items:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-alignment='start']{justify-items:start;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-alignment='center']{justify-items:center;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-alignment='end']{justify-items:end;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e){-webkit-align-content:start;-ms-flex-line-pack:start;align-content:start;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-arrangement='start']{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-arrangement='center']{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-arrangement='end']{-webkit-box-pack:end;-webkit-justify-content:end;-ms-flex-pack:end;justify-content:end;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-arrangement='spaceBetween']{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-arrangement='spaceAround']{-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-alignment='start']{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-alignment='center']{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-alignment='end']{-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}
|
|
95
95
|
.Flow_styles_1pwyxt2_lxs138i__fdfdc75e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;gap:var(--plasma-private-gap);}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-arrangement='start']{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-arrangement='center']{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-arrangement='end']{-webkit-box-pack:end;-webkit-justify-content:end;-ms-flex-pack:end;justify-content:end;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-arrangement='spaceBetween']{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-arrangement='spaceAround']{-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-alignment='start']{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-alignment='center']{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-alignment='end']{-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}
|
|
96
96
|
|
|
97
|
-
.
|
|
97
|
+
.base_r5vd7o_bcchm3r__d09a764d{color:var(--plasma-link-color);}.base_r5vd7o_bcchm3r__d09a764d::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_r5vd7o_bcchm3r__d09a764d:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:hover::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:active::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:visited::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:visited:hover::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:visited:active::before{opacity:1;}
|
|
98
|
+
|
|
99
|
+
.base_z01401_b1g3le52__67c3cb65{font-family:var(--plasma-link-font-family);font-size:var(--plasma-link-font-size);font-style:var(--plasma-link-font-style);font-weight:var(--plasma-link-font-weight);-webkit-letter-spacing:var(--plasma-link-letter-spacing);-moz-letter-spacing:var(--plasma-link-letter-spacing);-ms-letter-spacing:var(--plasma-link-letter-spacing);letter-spacing:var(--plasma-link-letter-spacing);line-height:var(--plasma-link-line-height);}
|
|
98
100
|
|
|
99
101
|
.base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
|
|
100
102
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.326.0-canary.1983.15343210393.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "ccc12747a6dc2a2f11aa4534636ef43a9b0748c2"
|
|
141
141
|
}
|
|
@@ -8,8 +8,9 @@ exports.linkRoot = exports.linkConfig = void 0;
|
|
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
|
|
9
9
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
10
10
|
var _base = /*#__PURE__*/require("./_view/base");
|
|
11
|
-
var _base2 = /*#__PURE__*/require("./
|
|
12
|
-
var _base3 = /*#__PURE__*/require("./
|
|
11
|
+
var _base2 = /*#__PURE__*/require("./_size/base");
|
|
12
|
+
var _base3 = /*#__PURE__*/require("./_disabled/base");
|
|
13
|
+
var _base4 = /*#__PURE__*/require("./_focused/base");
|
|
13
14
|
var _excluded = ["children", "disabled", "target", "href", "rel"];
|
|
14
15
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
16
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
@@ -46,12 +47,15 @@ var linkConfig = exports.linkConfig = {
|
|
|
46
47
|
view: {
|
|
47
48
|
css: _base.base
|
|
48
49
|
},
|
|
50
|
+
size: {
|
|
51
|
+
css: _base2.base
|
|
52
|
+
},
|
|
49
53
|
disabled: {
|
|
50
|
-
css:
|
|
54
|
+
css: _base3.base,
|
|
51
55
|
attrs: true
|
|
52
56
|
},
|
|
53
57
|
focused: {
|
|
54
|
-
css:
|
|
58
|
+
css: _base4.base
|
|
55
59
|
}
|
|
56
60
|
},
|
|
57
61
|
defaults: {
|
|
@@ -13,6 +13,11 @@ var tokens = exports.tokens = {
|
|
|
13
13
|
linkColorVisitedHover: '--plasma-link-color-visited-hover',
|
|
14
14
|
linkColorVisitedActive: '--plasma-link-color-visited-active',
|
|
15
15
|
linkFontFamily: '--plasma-link-font-family',
|
|
16
|
+
linkFontSize: '--plasma-link-font-size',
|
|
17
|
+
linkFontStyle: '--plasma-link-font-style',
|
|
18
|
+
linkFontWeight: '--plasma-link-font-weight',
|
|
19
|
+
linkLetterSpacing: '--plasma-link-letter-spacing',
|
|
20
|
+
linkLineHeight: '--plasma-link-line-height',
|
|
16
21
|
linkDisabledOpacity: '--plasma-link-disabled-opacity',
|
|
17
22
|
linkUnderlineBorder: '--plasma-link-underline-border'
|
|
18
23
|
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.base = void 0;
|
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
8
|
+
var _Link = /*#__PURE__*/require("../../Link/Link.tokens");
|
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[]
|
|
@@ -9,4 +9,4 @@ var _Link = /*#__PURE__*/require("../Link.tokens");
|
|
|
9
9
|
var getColor = function getColor(cssVar) {
|
|
10
10
|
return "\n color: var(".concat(cssVar, ", var(").concat(_Link.tokens.linkColor, "));\n\n ::before {\n opacity: 1;\n }\n");
|
|
11
11
|
};
|
|
12
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["
|
|
12
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");::before{border-bottom:var(", ") solid currentColor;}&:hover{", ";}&:active{", ";}&:visited{", ";}&:visited:hover{", ";}&:visited:active{", ";}"], _Link.tokens.linkColor, _Link.tokens.linkUnderlineBorder, /*#__PURE__*/getColor(_Link.tokens.linkColorHover), /*#__PURE__*/getColor(_Link.tokens.linkColorActive), /*#__PURE__*/getColor(_Link.tokens.linkColorVisited), /*#__PURE__*/getColor(_Link.tokens.linkColorVisitedHover), /*#__PURE__*/getColor(_Link.tokens.linkColorVisitedActive));
|
|
@@ -25,7 +25,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
25
25
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
26
26
|
var Root = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
27
27
|
componentId: "plasma-new-hope__sc-1xug4g9-0"
|
|
28
|
-
})(["", ";", ";", ";", ";"], function (_ref) {
|
|
28
|
+
})(["", ";", ";", ";", ";", ";"], function (_ref) {
|
|
29
29
|
var base = _ref.base;
|
|
30
30
|
return base;
|
|
31
31
|
}, function (_ref2) {
|
|
@@ -37,13 +37,17 @@ var Root = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
|
37
37
|
}, function (_ref4) {
|
|
38
38
|
var intersectionStyles = _ref4.intersectionStyles;
|
|
39
39
|
return intersectionStyles;
|
|
40
|
+
}, function (_ref5) {
|
|
41
|
+
var invariants = _ref5.invariants;
|
|
42
|
+
return invariants;
|
|
40
43
|
});
|
|
41
44
|
|
|
42
45
|
/* eslint-disable no-underscore-dangle */
|
|
43
46
|
var _component = exports._component = function _component(componentConfig) {
|
|
44
47
|
var tag = componentConfig.tag,
|
|
45
48
|
base = componentConfig.base,
|
|
46
|
-
intersections = componentConfig.intersections
|
|
49
|
+
intersections = componentConfig.intersections,
|
|
50
|
+
invariants = componentConfig.invariants;
|
|
47
51
|
var staticVariants = (0, _utils.getStaticVariants)(componentConfig);
|
|
48
52
|
var dynamicVariants = (0, _utils.getDynamicVariants)(componentConfig);
|
|
49
53
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
@@ -53,7 +57,8 @@ var _component = exports._component = function _component(componentConfig) {
|
|
|
53
57
|
base: base,
|
|
54
58
|
staticVariants: staticVariants,
|
|
55
59
|
dynamicVariants: dynamicVariants,
|
|
56
|
-
intersectionStyles: intersectionStyles
|
|
60
|
+
intersectionStyles: intersectionStyles,
|
|
61
|
+
invariants: invariants
|
|
57
62
|
}, props, {
|
|
58
63
|
ref: ref
|
|
59
64
|
}));
|
|
@@ -9,19 +9,39 @@ var _Link = /*#__PURE__*/require("../../../../components/Link/Link.tokens");
|
|
|
9
9
|
var config = exports.config = {
|
|
10
10
|
defaults: {
|
|
11
11
|
view: 'accent',
|
|
12
|
+
size: 'm',
|
|
12
13
|
focused: 'true'
|
|
13
14
|
},
|
|
14
15
|
variations: {
|
|
15
16
|
view: {
|
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--
|
|
17
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--
|
|
18
|
-
tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--
|
|
19
|
-
paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--
|
|
20
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--
|
|
21
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--
|
|
22
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--
|
|
23
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--
|
|
24
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":
|
|
17
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":0;"], _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
18
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":0;"], _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
19
|
+
tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":0;"], _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
20
|
+
paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-paragraph);", ":var(--text-paragraph-hover);", ":var(--text-paragraph-active);", ":var(--text-paragraph);", ":var(--text-paragraph-hover);", ":var(--text-paragraph-active);", ":0;"], _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
21
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--text-accent-hover);", ":var(--text-accent-active);", ":var(--text-accent);", ":var(--text-accent-hover);", ":var(--text-accent-active);", ":0;"], _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
22
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-positive);", ":var(--text-positive-hover);", ":var(--text-positive-active);", ":var(--text-positive);", ":var(--text-positive-hover);", ":var(--text-positive-active);", ":0;"], _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
23
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-warning);", ":var(--text-warning-hover);", ":var(--text-warning-active);", ":var(--text-warning);", ":var(--text-warning-hover);", ":var(--text-warning-active);", ":0;"], _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
24
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-negative);", ":var(--text-negative-hover);", ":var(--text-negative-active);", ":var(--text-negative);", ":var(--text-negative-hover);", ":var(--text-negative-active);", ":0;"], _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
25
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":0.0625rem;"], _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder)
|
|
26
|
+
},
|
|
27
|
+
size: {
|
|
28
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
29
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
30
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
31
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
32
|
+
xxs: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
33
|
+
h1: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h1-font-family);", ":var(--plasma-typo-h1-font-size);", ":var(--plasma-typo-h1-font-style);", ":var(--plasma-typo-h1-font-weight);", ":var(--plasma-typo-h1-letter-spacing);", ":var(--plasma-typo-h1-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
34
|
+
h2: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h2-font-family);", ":var(--plasma-typo-h2-font-size);", ":var(--plasma-typo-h2-font-style);", ":var(--plasma-typo-h2-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
35
|
+
h3: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
36
|
+
h4: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
37
|
+
h5: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
38
|
+
displayL: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-dspl-l-font-family);", ":var(--plasma-typo-dspl-l-font-size);", ":var(--plasma-typo-dspl-l-font-style);", ":var(--plasma-typo-dspl-l-font-weight);", ":var(--plasma-typo-dspl-l-letter-spacing);", ":var(--plasma-typo-dspl-l-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
39
|
+
displayM: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-dspl-m-font-family);", ":var(--plasma-typo-dspl-m-font-size);", ":var(--plasma-typo-dspl-m-font-style);", ":var(--plasma-typo-dspl-m-font-weight);", ":var(--plasma-typo-dspl-m-letter-spacing);", ":var(--plasma-typo-dspl-m-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
40
|
+
displayS: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-dspl-s-font-family);", ":var(--plasma-typo-dspl-s-font-size);", ":var(--plasma-typo-dspl-s-font-style);", ":var(--plasma-typo-dspl-s-font-weight);", ":var(--plasma-typo-dspl-s-letter-spacing);", ":var(--plasma-typo-dspl-s-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
41
|
+
textL: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
42
|
+
textM: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
43
|
+
textS: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight),
|
|
44
|
+
textXs: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], _Link.tokens.linkFontFamily, _Link.tokens.linkFontSize, _Link.tokens.linkFontStyle, _Link.tokens.linkFontWeight, _Link.tokens.linkLetterSpacing, _Link.tokens.linkLineHeight)
|
|
25
45
|
},
|
|
26
46
|
disabled: {
|
|
27
47
|
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Link.tokens.linkDisabledOpacity)
|
|
@@ -5,6 +5,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
|
|
|
5
5
|
import React, { forwardRef } from 'react';
|
|
6
6
|
import { css } from 'styled-components';
|
|
7
7
|
import { base as viewCSS } from "./_view/base";
|
|
8
|
+
import { base as sizeCSS } from "./_size/base";
|
|
8
9
|
import { base as disabledCSS } from "./_disabled/base";
|
|
9
10
|
import { base as focusedCSS } from "./_focused/base";
|
|
10
11
|
var base = /*#__PURE__*/css(["position:relative;text-decoration:none;transition:color 0.15s ease-in;::before{content:'';position:absolute;inset:0;opacity:0.4;}"]);
|
|
@@ -37,6 +38,9 @@ export var linkConfig = {
|
|
|
37
38
|
view: {
|
|
38
39
|
css: viewCSS
|
|
39
40
|
},
|
|
41
|
+
size: {
|
|
42
|
+
css: sizeCSS
|
|
43
|
+
},
|
|
40
44
|
disabled: {
|
|
41
45
|
css: disabledCSS,
|
|
42
46
|
attrs: true
|
|
@@ -7,6 +7,11 @@ export var tokens = {
|
|
|
7
7
|
linkColorVisitedHover: '--plasma-link-color-visited-hover',
|
|
8
8
|
linkColorVisitedActive: '--plasma-link-color-visited-active',
|
|
9
9
|
linkFontFamily: '--plasma-link-font-family',
|
|
10
|
+
linkFontSize: '--plasma-link-font-size',
|
|
11
|
+
linkFontStyle: '--plasma-link-font-style',
|
|
12
|
+
linkFontWeight: '--plasma-link-font-weight',
|
|
13
|
+
linkLetterSpacing: '--plasma-link-letter-spacing',
|
|
14
|
+
linkLineHeight: '--plasma-link-line-height',
|
|
10
15
|
linkDisabledOpacity: '--plasma-link-disabled-opacity',
|
|
11
16
|
linkUnderlineBorder: '--plasma-link-underline-border'
|
|
12
17
|
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'styled-components';
|
|
2
|
+
import { tokens } from "../../Link/Link.tokens";
|
|
3
|
+
export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[]
|
|
@@ -3,4 +3,4 @@ import { tokens } from "../Link.tokens";
|
|
|
3
3
|
var getColor = function getColor(cssVar) {
|
|
4
4
|
return "\n color: var(".concat(cssVar, ", var(").concat(tokens.linkColor, "));\n\n ::before {\n opacity: 1;\n }\n");
|
|
5
5
|
};
|
|
6
|
-
export var base = /*#__PURE__*/css(["
|
|
6
|
+
export var base = /*#__PURE__*/css(["color:var(", ");::before{border-bottom:var(", ") solid currentColor;}&:hover{", ";}&:active{", ";}&:visited{", ";}&:visited:hover{", ";}&:visited:active{", ";}"], tokens.linkColor, tokens.linkUnderlineBorder, /*#__PURE__*/getColor(tokens.linkColorHover), /*#__PURE__*/getColor(tokens.linkColorActive), /*#__PURE__*/getColor(tokens.linkColorVisited), /*#__PURE__*/getColor(tokens.linkColorVisitedHover), /*#__PURE__*/getColor(tokens.linkColorVisitedActive));
|
|
@@ -5,7 +5,7 @@ import { getStaticVariants, getDynamicVariants, getIntersectionStyles } from "./
|
|
|
5
5
|
export { styled, css };
|
|
6
6
|
var Root = /*#__PURE__*/styled.div.withConfig({
|
|
7
7
|
componentId: "plasma-new-hope__sc-1xug4g9-0"
|
|
8
|
-
})(["", ";", ";", ";", ";"], function (_ref) {
|
|
8
|
+
})(["", ";", ";", ";", ";", ";"], function (_ref) {
|
|
9
9
|
var base = _ref.base;
|
|
10
10
|
return base;
|
|
11
11
|
}, function (_ref2) {
|
|
@@ -17,13 +17,17 @@ var Root = /*#__PURE__*/styled.div.withConfig({
|
|
|
17
17
|
}, function (_ref4) {
|
|
18
18
|
var intersectionStyles = _ref4.intersectionStyles;
|
|
19
19
|
return intersectionStyles;
|
|
20
|
+
}, function (_ref5) {
|
|
21
|
+
var invariants = _ref5.invariants;
|
|
22
|
+
return invariants;
|
|
20
23
|
});
|
|
21
24
|
|
|
22
25
|
/* eslint-disable no-underscore-dangle */
|
|
23
26
|
export var _component = function _component(componentConfig) {
|
|
24
27
|
var tag = componentConfig.tag,
|
|
25
28
|
base = componentConfig.base,
|
|
26
|
-
intersections = componentConfig.intersections
|
|
29
|
+
intersections = componentConfig.intersections,
|
|
30
|
+
invariants = componentConfig.invariants;
|
|
27
31
|
var staticVariants = getStaticVariants(componentConfig);
|
|
28
32
|
var dynamicVariants = getDynamicVariants(componentConfig);
|
|
29
33
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
|
@@ -33,7 +37,8 @@ export var _component = function _component(componentConfig) {
|
|
|
33
37
|
base: base,
|
|
34
38
|
staticVariants: staticVariants,
|
|
35
39
|
dynamicVariants: dynamicVariants,
|
|
36
|
-
intersectionStyles: intersectionStyles
|
|
40
|
+
intersectionStyles: intersectionStyles,
|
|
41
|
+
invariants: invariants
|
|
37
42
|
}, props, {
|
|
38
43
|
ref: ref
|
|
39
44
|
}));
|
|
@@ -3,19 +3,39 @@ import { tokens } from "../../../../components/Link/Link.tokens";
|
|
|
3
3
|
export var config = {
|
|
4
4
|
defaults: {
|
|
5
5
|
view: 'accent',
|
|
6
|
+
size: 'm',
|
|
6
7
|
focused: 'true'
|
|
7
8
|
},
|
|
8
9
|
variations: {
|
|
9
10
|
view: {
|
|
10
|
-
"default": /*#__PURE__*/css(["", ":var(--
|
|
11
|
-
secondary: /*#__PURE__*/css(["", ":var(--
|
|
12
|
-
tertiary: /*#__PURE__*/css(["", ":var(--
|
|
13
|
-
paragraph: /*#__PURE__*/css(["", ":var(--
|
|
14
|
-
accent: /*#__PURE__*/css(["", ":var(--
|
|
15
|
-
positive: /*#__PURE__*/css(["", ":var(--
|
|
16
|
-
warning: /*#__PURE__*/css(["", ":var(--
|
|
17
|
-
negative: /*#__PURE__*/css(["", ":var(--
|
|
18
|
-
clear: /*#__PURE__*/css(["", ":
|
|
11
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":0;"], tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
12
|
+
secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":0;"], tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
13
|
+
tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":0;"], tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
14
|
+
paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--text-paragraph-hover);", ":var(--text-paragraph-active);", ":var(--text-paragraph);", ":var(--text-paragraph-hover);", ":var(--text-paragraph-active);", ":0;"], tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
15
|
+
accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--text-accent-hover);", ":var(--text-accent-active);", ":var(--text-accent);", ":var(--text-accent-hover);", ":var(--text-accent-active);", ":0;"], tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
16
|
+
positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--text-positive-hover);", ":var(--text-positive-active);", ":var(--text-positive);", ":var(--text-positive-hover);", ":var(--text-positive-active);", ":0;"], tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
17
|
+
warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--text-warning-hover);", ":var(--text-warning-active);", ":var(--text-warning);", ":var(--text-warning-hover);", ":var(--text-warning-active);", ":0;"], tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
18
|
+
negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--text-negative-hover);", ":var(--text-negative-active);", ":var(--text-negative);", ":var(--text-negative-hover);", ":var(--text-negative-active);", ":0;"], tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
19
|
+
clear: /*#__PURE__*/css(["", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":0.0625rem;"], tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder)
|
|
20
|
+
},
|
|
21
|
+
size: {
|
|
22
|
+
l: /*#__PURE__*/css(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
23
|
+
m: /*#__PURE__*/css(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
24
|
+
s: /*#__PURE__*/css(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
25
|
+
xs: /*#__PURE__*/css(["", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
26
|
+
xxs: /*#__PURE__*/css(["", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
27
|
+
h1: /*#__PURE__*/css(["", ":var(--plasma-typo-h1-font-family);", ":var(--plasma-typo-h1-font-size);", ":var(--plasma-typo-h1-font-style);", ":var(--plasma-typo-h1-font-weight);", ":var(--plasma-typo-h1-letter-spacing);", ":var(--plasma-typo-h1-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
28
|
+
h2: /*#__PURE__*/css(["", ":var(--plasma-typo-h2-font-family);", ":var(--plasma-typo-h2-font-size);", ":var(--plasma-typo-h2-font-style);", ":var(--plasma-typo-h2-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
29
|
+
h3: /*#__PURE__*/css(["", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
30
|
+
h4: /*#__PURE__*/css(["", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
31
|
+
h5: /*#__PURE__*/css(["", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
32
|
+
displayL: /*#__PURE__*/css(["", ":var(--plasma-typo-dspl-l-font-family);", ":var(--plasma-typo-dspl-l-font-size);", ":var(--plasma-typo-dspl-l-font-style);", ":var(--plasma-typo-dspl-l-font-weight);", ":var(--plasma-typo-dspl-l-letter-spacing);", ":var(--plasma-typo-dspl-l-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
33
|
+
displayM: /*#__PURE__*/css(["", ":var(--plasma-typo-dspl-m-font-family);", ":var(--plasma-typo-dspl-m-font-size);", ":var(--plasma-typo-dspl-m-font-style);", ":var(--plasma-typo-dspl-m-font-weight);", ":var(--plasma-typo-dspl-m-letter-spacing);", ":var(--plasma-typo-dspl-m-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
34
|
+
displayS: /*#__PURE__*/css(["", ":var(--plasma-typo-dspl-s-font-family);", ":var(--plasma-typo-dspl-s-font-size);", ":var(--plasma-typo-dspl-s-font-style);", ":var(--plasma-typo-dspl-s-font-weight);", ":var(--plasma-typo-dspl-s-letter-spacing);", ":var(--plasma-typo-dspl-s-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
35
|
+
textL: /*#__PURE__*/css(["", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
36
|
+
textM: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
37
|
+
textS: /*#__PURE__*/css(["", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight),
|
|
38
|
+
textXs: /*#__PURE__*/css(["", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight)
|
|
19
39
|
},
|
|
20
40
|
disabled: {
|
|
21
41
|
"true": /*#__PURE__*/css(["", ":0.4;"], tokens.linkDisabledOpacity)
|