@salutejs/plasma-new-hope 0.324.0-canary.1975.15202972517.0 → 0.324.0-canary.1975.15203972707.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 +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/cjs/components/Breadcrumbs/utils/getShortItems.css +1 -1
- package/cjs/components/Link/Link.js.map +1 -1
- package/cjs/components/Link/Link.tokens.js +19 -0
- package/cjs/components/Link/Link.tokens.js.map +1 -0
- package/cjs/components/Link/_disabled/base.js.map +1 -1
- package/cjs/components/Link/_focused/base.js +1 -1
- package/cjs/components/Link/_focused/base.js.map +1 -1
- package/cjs/components/Link/_focused/{base_153fcja.css → base_avgvpx.css} +1 -1
- package/cjs/components/Link/_view/base.js.map +1 -1
- package/cjs/index.css +1 -1
- package/cjs/index.js +2 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +5 -4
- package/emotion/cjs/components/Link/Link.js +1 -1
- package/emotion/cjs/components/Link/Link.tokens.js +18 -0
- package/emotion/cjs/components/Link/Link.types.js +5 -0
- package/emotion/cjs/components/Link/_disabled/base.js +2 -10
- package/emotion/cjs/components/Link/_focused/base.js +2 -10
- package/emotion/cjs/components/Link/_view/base.js +3 -2
- package/emotion/cjs/components/Link/index.js +8 -1
- package/emotion/cjs/examples/plasma_b2c/components/Link/Link.config.js +12 -100
- package/emotion/cjs/examples/plasma_web/components/Link/Link.config.js +12 -100
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +5 -4
- package/emotion/es/components/Link/Link.js +1 -1
- package/emotion/es/components/Link/Link.tokens.js +12 -0
- package/emotion/es/components/Link/Link.types.js +1 -0
- package/emotion/es/components/Link/_disabled/base.js +2 -10
- package/emotion/es/components/Link/_focused/base.js +2 -10
- package/emotion/es/components/Link/_view/base.js +3 -2
- package/emotion/es/components/Link/index.js +2 -1
- package/emotion/es/examples/plasma_b2c/components/Link/Link.config.js +12 -100
- package/emotion/es/examples/plasma_web/components/Link/Link.config.js +12 -100
- package/es/components/Breadcrumbs/Breadcrumbs.css +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/es/components/Breadcrumbs/utils/getShortItems.css +1 -1
- package/es/components/Link/Link.js.map +1 -1
- package/es/components/Link/Link.tokens.js +15 -0
- package/es/components/Link/Link.tokens.js.map +1 -0
- package/es/components/Link/_disabled/base.js.map +1 -1
- package/es/components/Link/_focused/base.js +1 -1
- package/es/components/Link/_focused/base.js.map +1 -1
- package/es/components/Link/_focused/{base_153fcja.css → base_avgvpx.css} +1 -1
- package/es/components/Link/_view/base.js.map +1 -1
- package/es/index.css +1 -1
- package/es/index.js +1 -0
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +3 -2
- package/styled-components/cjs/components/Link/Link.tokens.js +18 -0
- package/styled-components/cjs/components/Link/Link.types.js +5 -0
- package/styled-components/cjs/components/Link/_disabled/base.js +2 -1
- package/styled-components/cjs/components/Link/_focused/base.js +2 -1
- package/styled-components/cjs/components/Link/_view/base.js +3 -2
- package/styled-components/cjs/components/Link/index.js +8 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Link/Link.config.js +12 -11
- package/styled-components/cjs/examples/plasma_web/components/Link/Link.config.js +12 -11
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +3 -2
- package/styled-components/es/components/Link/Link.tokens.js +12 -0
- package/styled-components/es/components/Link/Link.types.js +1 -0
- package/styled-components/es/components/Link/_disabled/base.js +2 -1
- package/styled-components/es/components/Link/_focused/base.js +2 -1
- package/styled-components/es/components/Link/_view/base.js +3 -2
- package/styled-components/es/components/Link/index.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Link/Link.config.js +12 -11
- package/styled-components/es/examples/plasma_web/components/Link/Link.config.js +12 -11
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts +1 -1
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
- package/types/components/Link/Link.d.ts +3 -22
- package/types/components/Link/Link.d.ts.map +1 -1
- package/types/components/Link/Link.tokens.d.ts +13 -0
- package/types/components/Link/Link.tokens.d.ts.map +1 -0
- package/types/components/Link/Link.types.d.ts +21 -0
- package/types/components/Link/Link.types.d.ts.map +1 -0
- package/types/components/Link/_disabled/base.d.ts.map +1 -1
- package/types/components/Link/_focused/base.d.ts.map +1 -1
- package/types/components/Link/_view/base.d.ts.map +1 -1
- package/types/components/Link/index.d.ts +1 -0
- package/types/components/Link/index.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n --plasma__private-color: ${({ isHref }) =>\n isHref ? `var(${tokens.breadcrumbsColor})` : `var(${tokens.breadcrumbsColorText})`};\n\n
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\nimport { tokens as linkTokens } from '../Link/Link.tokens';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n --plasma__private-color: ${({ isHref }) =>\n isHref ? `var(${tokens.breadcrumbsColor})` : `var(${tokens.breadcrumbsColorText})`};\n\n ${linkTokens.linkColor}: var(--plasma__private-color);\n ${linkTokens.linkColorHover}: var(--plasma__private-color);\n ${linkTokens.linkColorActive}: var(--plasma__private-color);\n\n ${linkTokens.linkDisabledOpacity}: var(${tokens.breadcrumbsOpacity});\n opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n\n cursor: pointer;\n\n ${addFocus({\n outlineOffset: '0rem',\n outlineSize: '0.125rem',\n outlineRadius: '0rem',\n outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n })}\n`;\n\nexport const base = css`\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(${tokens.breadcrumbsGap});\n\n color: var(${tokens.breadcrumbsColor});\n font-family: var(${tokens.breadcrumbsFontFamily});\n font-size: var(${tokens.breadcrumbsFontSize});\n font-weight: var(${tokens.breadcrumbsFontWeight});\n font-style: var(${tokens.breadcrumbsFontStyle});\n letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n color: var(${tokens.breadcrumbsColorSeparator});\n opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsColor","breadcrumbsColorText","_exp8","_ref2","breadcrumbsOpacity","StyledLink","styled","name","class","propsAsIs","vars","base","_exp18","IconDisclosureRight","Separator"],"mappings":";;;;;;AAWA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAXvBA,SAWuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAbnBA,SAamBA,KAAAA,GAAA;AAAA,EAAA,OACN,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAC1BA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,gBAAgB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAaC,MAAM,CAACE,oBAAoB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAfxEA,SAewEA,KAAAA,GAAA;AAAA,EAAA,OAO3E,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACK,kBAAkB,EAAI,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAT1E,IAAMC,UAAU,gBAAGC,MAAM,CAAAZ,IAAA,EAAA,CAAA,CAAA;AAAAa,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACDf,KAC2D,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAO3EO,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CAUhF,EAAA;AAEM,IAAMS,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GA/CgBA,SA+ChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;"}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
.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
8
|
|
|
9
|
-
.
|
|
9
|
+
.base_avgvpx_b1iw8i40__d86ab9a8:focus{outline:none;}.base_avgvpx_b1iw8i40__d86ab9a8:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(--plasma-link-color-focus);border-bottom:none;}
|
|
10
10
|
|
|
11
11
|
.Link_1oiwct5_b1j91s21__5667805d{position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color 0.15s ease-in;transition:color 0.15s ease-in;}.Link_1oiwct5_b1j91s21__5667805d::before{content:'';position:absolute;inset:0;opacity:0.4;}
|
|
12
12
|
|
|
@@ -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';\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
|
|
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","size"],"mappings":";;;;;;;AAUA,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;AACDlB,IAAAA,QAAQ,EAAE;AACNiB,MAAAA,GAAG,EAAEE,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDC,IAAAA,OAAO,EAAE;AACLJ,MAAAA,GAAG,EAAEK,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNP,IAAAA,IAAI,EAAE,SAAS;AACfQ,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
var tokens = {
|
|
2
|
+
linkColor: '--plasma-link-color',
|
|
3
|
+
linkColorHover: '--plasma-link-color-hover',
|
|
4
|
+
linkColorActive: '--plasma-link-color-active',
|
|
5
|
+
linkColorFocus: '--plasma-link-color-focus',
|
|
6
|
+
linkColorVisited: '--plasma-link-color-visited',
|
|
7
|
+
linkColorVisitedHover: '--plasma-link-color-visited-hover',
|
|
8
|
+
linkColorVisitedActive: '--plasma-link-color-visited-active',
|
|
9
|
+
linkFontFamily: '--plasma-link-font-family',
|
|
10
|
+
linkDisabledOpacity: '--plasma-link-disabled-opacity',
|
|
11
|
+
linkUnderlineBorder: '--plasma-link-underline-border'
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export { tokens };
|
|
15
|
+
//# sourceMappingURL=Link.tokens.js.map
|
|
@@ -0,0 +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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../src/components/Link/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n &[disabled] {\n opacity: var(
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../src/components/Link/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../Link.tokens';\n\nexport const base = css`\n &[disabled] {\n opacity: var(${tokens.linkDisabledOpacity});\n cursor: not-allowed;\n\n :hover,\n :active {\n color: var(${tokens.linkColor});\n }\n\n ::before {\n opacity: 1;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAchB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../src/components/Link/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n :focus {\n outline: none;\n }\n\n :focus-visible::before {\n top: -0.0625rem;\n right: -0.0625rem;\n opacity: 1;\n\n border-radius: 0.375rem;\n box-shadow: 0 0 0 0.0625rem var(
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../src/components/Link/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../Link.tokens';\n\nexport const base = css`\n :focus {\n outline: none;\n }\n\n :focus-visible::before {\n top: -0.0625rem;\n right: -0.0625rem;\n opacity: 1;\n\n border-radius: 0.375rem;\n box-shadow: 0 0 0 0.0625rem var(${tokens.linkColorFocus});\n\n border-bottom: none;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAehB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b1iw8i40:focus{outline:none;}.b1iw8i40:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(--plasma-link-focus
|
|
1
|
+
.b1iw8i40:focus{outline:none;}.b1iw8i40:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(--plasma-link-color-focus);border-bottom:none;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../src/components/Link/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nconst getColor = (cssVar: string) => `\n color: var(${cssVar}, var(
|
|
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 font-family: var(${tokens.linkFontFamily});\n\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,GA4BhB;;;;"}
|
package/es/index.css
CHANGED
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
|
|
99
99
|
.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
100
|
|
|
101
|
-
.
|
|
101
|
+
.base_avgvpx_b1iw8i40__d86ab9a8:focus{outline:none;}.base_avgvpx_b1iw8i40__d86ab9a8:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(--plasma-link-color-focus);border-bottom:none;}
|
|
102
102
|
|
|
103
103
|
.Link_1oiwct5_b1j91s21__5667805d{position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color 0.15s ease-in;transition:color 0.15s ease-in;}.Link_1oiwct5_b1j91s21__5667805d::before{content:'';position:absolute;inset:0;opacity:0.4;}
|
|
104
104
|
|
package/es/index.js
CHANGED
|
@@ -60,6 +60,7 @@ export { CardContent, CardInnerContent } from './components/Card/Card.styles.js'
|
|
|
60
60
|
export { classes as cardClasses, tokens as cardTokens } from './components/Card/Card.tokens.js';
|
|
61
61
|
export { flowConfig, flowRoot } from './components/Flow/Flow.js';
|
|
62
62
|
export { linkConfig, linkRoot } from './components/Link/Link.js';
|
|
63
|
+
export { tokens as linkTokens } from './components/Link/Link.tokens.js';
|
|
63
64
|
export { spinnerConfig, spinnerRoot } from './components/Spinner/Spinner.js';
|
|
64
65
|
export { tokens as spinnerTokens } from './components/Spinner/Spinner.tokens.js';
|
|
65
66
|
export { checkboxConfig, checkboxRoot } from './components/Checkbox/Checkbox.js';
|
package/es/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.324.0-canary.1975.
|
|
3
|
+
"version": "0.324.0-canary.1975.15203972707.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.198.0-canary.1975.
|
|
82
|
+
"@salutejs/plasma-sb-utils": "0.198.0-canary.1975.15203972707.0",
|
|
83
83
|
"@salutejs/plasma-themes": "0.33.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.197.0-canary.1975.
|
|
120
|
+
"@salutejs/plasma-core": "1.197.0-canary.1975.15203972707.0",
|
|
121
121
|
"@salutejs/react-maskinput": "3.2.6",
|
|
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": "03dc170e3b21114579746a65df9c047efd3a34f0"
|
|
141
141
|
}
|
|
@@ -10,6 +10,7 @@ var _Link = /*#__PURE__*/require("../Link");
|
|
|
10
10
|
var _engines = /*#__PURE__*/require("../../engines");
|
|
11
11
|
var _Icon = /*#__PURE__*/require("../_Icon");
|
|
12
12
|
var _mixins = /*#__PURE__*/require("../../mixins");
|
|
13
|
+
var _Link2 = /*#__PURE__*/require("../Link/Link.tokens");
|
|
13
14
|
var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs.tokens");
|
|
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; }
|
|
@@ -17,10 +18,10 @@ var mergedLinkConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Link.linkConfig);
|
|
|
17
18
|
var Link = /*#__PURE__*/(0, _engines.component)(mergedLinkConfig);
|
|
18
19
|
var StyledLink = exports.StyledLink = /*#__PURE__*/(0, _styledComponents["default"])(Link).withConfig({
|
|
19
20
|
componentId: "plasma-new-hope__sc-4bjoev-0"
|
|
20
|
-
})(["--plasma__private-color:", "
|
|
21
|
+
})(["--plasma__private-color:", ";", ":var(--plasma__private-color);", ":var(--plasma__private-color);", ":var(--plasma__private-color);", ":var(", ");opacity:", ";cursor:pointer;", ""], function (_ref) {
|
|
21
22
|
var isHref = _ref.isHref;
|
|
22
23
|
return isHref ? "var(".concat(_Breadcrumbs.tokens.breadcrumbsColor, ")") : "var(".concat(_Breadcrumbs.tokens.breadcrumbsColorText, ")");
|
|
23
|
-
}, _Breadcrumbs.tokens.breadcrumbsOpacity, function (_ref2) {
|
|
24
|
+
}, _Link2.tokens.linkColor, _Link2.tokens.linkColorHover, _Link2.tokens.linkColorActive, _Link2.tokens.linkDisabledOpacity, _Breadcrumbs.tokens.breadcrumbsOpacity, function (_ref2) {
|
|
24
25
|
var isHref = _ref2.isHref;
|
|
25
26
|
return isHref ? 1 : "var(".concat(_Breadcrumbs.tokens.breadcrumbsOpacity, ")");
|
|
26
27
|
}, /*#__PURE__*/(0, _mixins.addFocus)({
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.tokens = void 0;
|
|
7
|
+
var tokens = exports.tokens = {
|
|
8
|
+
linkColor: '--plasma-link-color',
|
|
9
|
+
linkColorHover: '--plasma-link-color-hover',
|
|
10
|
+
linkColorActive: '--plasma-link-color-active',
|
|
11
|
+
linkColorFocus: '--plasma-link-color-focus',
|
|
12
|
+
linkColorVisited: '--plasma-link-color-visited',
|
|
13
|
+
linkColorVisitedHover: '--plasma-link-color-visited-hover',
|
|
14
|
+
linkColorVisitedActive: '--plasma-link-color-visited-active',
|
|
15
|
+
linkFontFamily: '--plasma-link-font-family',
|
|
16
|
+
linkDisabledOpacity: '--plasma-link-disabled-opacity',
|
|
17
|
+
linkUnderlineBorder: '--plasma-link-underline-border'
|
|
18
|
+
};
|
|
@@ -5,4 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.base = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
8
|
-
var
|
|
8
|
+
var _Link = /*#__PURE__*/require("../Link.tokens");
|
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[disabled]{opacity:var(", ");cursor:not-allowed;:hover,:active{color:var(", ");}::before{opacity:1;}}"], _Link.tokens.linkDisabledOpacity, _Link.tokens.linkColor);
|
|
@@ -5,4 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.base = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
8
|
-
var
|
|
8
|
+
var _Link = /*#__PURE__*/require("../Link.tokens");
|
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([":focus{outline:none;}:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(", ");border-bottom:none;}"], _Link.tokens.linkColorFocus);
|
|
@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.base = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
8
|
+
var _Link = /*#__PURE__*/require("../Link.tokens");
|
|
8
9
|
var getColor = function getColor(cssVar) {
|
|
9
|
-
return "\n color: var(".concat(cssVar, ", var(
|
|
10
|
+
return "\n color: var(".concat(cssVar, ", var(").concat(_Link.tokens.linkColor, "));\n\n ::before {\n opacity: 1;\n }\n");
|
|
10
11
|
};
|
|
11
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(
|
|
12
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");color:var(", ");::before{border-bottom:var(", ") solid currentColor;}&:hover{", ";}&:active{", ";}&:visited{", ";}&:visited:hover{", ";}&:visited:active{", ";}"], _Link.tokens.linkFontFamily, _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));
|
|
@@ -15,4 +15,11 @@ Object.defineProperty(exports, "linkRoot", {
|
|
|
15
15
|
return _Link.linkRoot;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
|
|
18
|
+
Object.defineProperty(exports, "linkTokens", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _Link2.tokens;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
var _Link = /*#__PURE__*/require("./Link");
|
|
25
|
+
var _Link2 = /*#__PURE__*/require("./Link.tokens");
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.config = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
8
|
+
var _Link = /*#__PURE__*/require("../../../../components/Link/Link.tokens");
|
|
8
9
|
var config = exports.config = {
|
|
9
10
|
defaults: {
|
|
10
11
|
view: 'accent',
|
|
@@ -12,21 +13,21 @@ var config = exports.config = {
|
|
|
12
13
|
},
|
|
13
14
|
variations: {
|
|
14
15
|
view: {
|
|
15
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["
|
|
16
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
17
|
-
tertiary: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
18
|
-
paragraph: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
19
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
20
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
21
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
22
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
23
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
17
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
18
|
+
tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
19
|
+
paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
20
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
21
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
22
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
23
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
24
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":0.0625rem;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder)
|
|
24
25
|
},
|
|
25
26
|
disabled: {
|
|
26
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["
|
|
27
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Link.tokens.linkDisabledOpacity)
|
|
27
28
|
},
|
|
28
29
|
focused: {
|
|
29
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["
|
|
30
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);"], _Link.tokens.linkColorFocus)
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
};
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.config = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
8
|
+
var _Link = /*#__PURE__*/require("../../../../components/Link/Link.tokens");
|
|
8
9
|
var config = exports.config = {
|
|
9
10
|
defaults: {
|
|
10
11
|
view: 'accent',
|
|
@@ -12,21 +13,21 @@ var config = exports.config = {
|
|
|
12
13
|
},
|
|
13
14
|
variations: {
|
|
14
15
|
view: {
|
|
15
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["
|
|
16
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
17
|
-
tertiary: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
18
|
-
paragraph: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
19
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
20
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
21
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
22
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
23
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(["
|
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
17
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
18
|
+
tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
19
|
+
paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
20
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
21
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
22
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
23
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":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.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
|
|
24
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":0.0625rem;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder)
|
|
24
25
|
},
|
|
25
26
|
disabled: {
|
|
26
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["
|
|
27
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Link.tokens.linkDisabledOpacity)
|
|
27
28
|
},
|
|
28
29
|
focused: {
|
|
29
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["
|
|
30
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);"], _Link.tokens.linkColorFocus)
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
};
|
|
@@ -4,15 +4,16 @@ import { linkConfig } from "../Link";
|
|
|
4
4
|
import { component, mergeConfig } from "../../engines";
|
|
5
5
|
import { IconDisclosureRight } from "../_Icon";
|
|
6
6
|
import { addFocus } from "../../mixins";
|
|
7
|
+
import { tokens as linkTokens } from "../Link/Link.tokens";
|
|
7
8
|
import { tokens } from "./Breadcrumbs.tokens";
|
|
8
9
|
var mergedLinkConfig = /*#__PURE__*/mergeConfig(linkConfig);
|
|
9
10
|
var Link = /*#__PURE__*/component(mergedLinkConfig);
|
|
10
11
|
export var StyledLink = /*#__PURE__*/styled(Link).withConfig({
|
|
11
12
|
componentId: "plasma-new-hope__sc-4bjoev-0"
|
|
12
|
-
})(["--plasma__private-color:", "
|
|
13
|
+
})(["--plasma__private-color:", ";", ":var(--plasma__private-color);", ":var(--plasma__private-color);", ":var(--plasma__private-color);", ":var(", ");opacity:", ";cursor:pointer;", ""], function (_ref) {
|
|
13
14
|
var isHref = _ref.isHref;
|
|
14
15
|
return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
|
|
15
|
-
}, tokens.breadcrumbsOpacity, function (_ref2) {
|
|
16
|
+
}, linkTokens.linkColor, linkTokens.linkColorHover, linkTokens.linkColorActive, linkTokens.linkDisabledOpacity, tokens.breadcrumbsOpacity, function (_ref2) {
|
|
16
17
|
var isHref = _ref2.isHref;
|
|
17
18
|
return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
|
|
18
19
|
}, /*#__PURE__*/addFocus({
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export var tokens = {
|
|
2
|
+
linkColor: '--plasma-link-color',
|
|
3
|
+
linkColorHover: '--plasma-link-color-hover',
|
|
4
|
+
linkColorActive: '--plasma-link-color-active',
|
|
5
|
+
linkColorFocus: '--plasma-link-color-focus',
|
|
6
|
+
linkColorVisited: '--plasma-link-color-visited',
|
|
7
|
+
linkColorVisitedHover: '--plasma-link-color-visited-hover',
|
|
8
|
+
linkColorVisitedActive: '--plasma-link-color-visited-active',
|
|
9
|
+
linkFontFamily: '--plasma-link-font-family',
|
|
10
|
+
linkDisabledOpacity: '--plasma-link-disabled-opacity',
|
|
11
|
+
linkUnderlineBorder: '--plasma-link-underline-border'
|
|
12
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import { css } from 'styled-components';
|
|
2
|
-
|
|
2
|
+
import { tokens } from "../Link.tokens";
|
|
3
|
+
export var base = /*#__PURE__*/css(["&[disabled]{opacity:var(", ");cursor:not-allowed;:hover,:active{color:var(", ");}::before{opacity:1;}}"], tokens.linkDisabledOpacity, tokens.linkColor);
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import { css } from 'styled-components';
|
|
2
|
-
|
|
2
|
+
import { tokens } from "../Link.tokens";
|
|
3
|
+
export var base = /*#__PURE__*/css([":focus{outline:none;}:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(", ");border-bottom:none;}"], tokens.linkColorFocus);
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { css } from 'styled-components';
|
|
2
|
+
import { tokens } from "../Link.tokens";
|
|
2
3
|
var getColor = function getColor(cssVar) {
|
|
3
|
-
return "\n color: var(".concat(cssVar, ", var(
|
|
4
|
+
return "\n color: var(".concat(cssVar, ", var(").concat(tokens.linkColor, "));\n\n ::before {\n opacity: 1;\n }\n");
|
|
4
5
|
};
|
|
5
|
-
export var base = /*#__PURE__*/css(["font-family:var(
|
|
6
|
+
export var base = /*#__PURE__*/css(["font-family:var(", ");color:var(", ");::before{border-bottom:var(", ") solid currentColor;}&:hover{", ";}&:active{", ";}&:visited{", ";}&:visited:hover{", ";}&:visited:active{", ";}"], tokens.linkFontFamily, tokens.linkColor, tokens.linkUnderlineBorder, /*#__PURE__*/getColor(tokens.linkColorHover), /*#__PURE__*/getColor(tokens.linkColorActive), /*#__PURE__*/getColor(tokens.linkColorVisited), /*#__PURE__*/getColor(tokens.linkColorVisitedHover), /*#__PURE__*/getColor(tokens.linkColorVisitedActive));
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { linkRoot, linkConfig } from "./Link";
|
|
1
|
+
export { linkRoot, linkConfig } from "./Link";
|
|
2
|
+
export { tokens as linkTokens } from "./Link.tokens";
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { css } from 'styled-components';
|
|
2
|
+
import { tokens } from "../../../../components/Link/Link.tokens";
|
|
2
3
|
export var config = {
|
|
3
4
|
defaults: {
|
|
4
5
|
view: 'accent',
|
|
@@ -6,21 +7,21 @@ export var config = {
|
|
|
6
7
|
},
|
|
7
8
|
variations: {
|
|
8
9
|
view: {
|
|
9
|
-
"default": /*#__PURE__*/css(["
|
|
10
|
-
secondary: /*#__PURE__*/css(["
|
|
11
|
-
tertiary: /*#__PURE__*/css(["
|
|
12
|
-
paragraph: /*#__PURE__*/css(["
|
|
13
|
-
accent: /*#__PURE__*/css(["
|
|
14
|
-
positive: /*#__PURE__*/css(["
|
|
15
|
-
warning: /*#__PURE__*/css(["
|
|
16
|
-
negative: /*#__PURE__*/css(["
|
|
17
|
-
clear: /*#__PURE__*/css(["
|
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
11
|
+
secondary: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
12
|
+
tertiary: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
13
|
+
paragraph: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-paragraph);", ":var(--text-paragraph-hover);", ":var(--text-paragraph-active);", ":var(--text-paragraph);", ":var(--text-paragraph-hover);", ":var(--text-paragraph-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
14
|
+
accent: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-accent);", ":var(--text-accent-hover);", ":var(--text-accent-active);", ":var(--text-accent);", ":var(--text-accent-hover);", ":var(--text-accent-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
15
|
+
positive: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-positive);", ":var(--text-positive-hover);", ":var(--text-positive-active);", ":var(--text-positive);", ":var(--text-positive-hover);", ":var(--text-positive-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
16
|
+
warning: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-warning);", ":var(--text-warning-hover);", ":var(--text-warning-active);", ":var(--text-warning);", ":var(--text-warning-hover);", ":var(--text-warning-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
17
|
+
negative: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-negative);", ":var(--text-negative-hover);", ":var(--text-negative-active);", ":var(--text-negative);", ":var(--text-negative-hover);", ":var(--text-negative-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
18
|
+
clear: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":0.0625rem;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder)
|
|
18
19
|
},
|
|
19
20
|
disabled: {
|
|
20
|
-
"true": /*#__PURE__*/css(["
|
|
21
|
+
"true": /*#__PURE__*/css(["", ":0.4;"], tokens.linkDisabledOpacity)
|
|
21
22
|
},
|
|
22
23
|
focused: {
|
|
23
|
-
"true": /*#__PURE__*/css(["
|
|
24
|
+
"true": /*#__PURE__*/css(["", ":var(--text-accent);"], tokens.linkColorFocus)
|
|
24
25
|
}
|
|
25
26
|
}
|
|
26
27
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { css } from 'styled-components';
|
|
2
|
+
import { tokens } from "../../../../components/Link/Link.tokens";
|
|
2
3
|
export var config = {
|
|
3
4
|
defaults: {
|
|
4
5
|
view: 'accent',
|
|
@@ -6,21 +7,21 @@ export var config = {
|
|
|
6
7
|
},
|
|
7
8
|
variations: {
|
|
8
9
|
view: {
|
|
9
|
-
"default": /*#__PURE__*/css(["
|
|
10
|
-
secondary: /*#__PURE__*/css(["
|
|
11
|
-
tertiary: /*#__PURE__*/css(["
|
|
12
|
-
paragraph: /*#__PURE__*/css(["
|
|
13
|
-
accent: /*#__PURE__*/css(["
|
|
14
|
-
positive: /*#__PURE__*/css(["
|
|
15
|
-
warning: /*#__PURE__*/css(["
|
|
16
|
-
negative: /*#__PURE__*/css(["
|
|
17
|
-
clear: /*#__PURE__*/css(["
|
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
11
|
+
secondary: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
12
|
+
tertiary: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
13
|
+
paragraph: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-paragraph);", ":var(--text-paragraph-hover);", ":var(--text-paragraph-active);", ":var(--text-paragraph);", ":var(--text-paragraph-hover);", ":var(--text-paragraph-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
14
|
+
accent: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-accent);", ":var(--text-accent-hover);", ":var(--text-accent-active);", ":var(--text-accent);", ":var(--text-accent-hover);", ":var(--text-accent-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
15
|
+
positive: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-positive);", ":var(--text-positive-hover);", ":var(--text-positive-active);", ":var(--text-positive);", ":var(--text-positive-hover);", ":var(--text-positive-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
16
|
+
warning: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-warning);", ":var(--text-warning-hover);", ":var(--text-warning-active);", ":var(--text-warning);", ":var(--text-warning-hover);", ":var(--text-warning-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
17
|
+
negative: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-negative);", ":var(--text-negative-hover);", ":var(--text-negative-active);", ":var(--text-negative);", ":var(--text-negative-hover);", ":var(--text-negative-active);", ":0;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
|
|
18
|
+
clear: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":0.0625rem;"], tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder)
|
|
18
19
|
},
|
|
19
20
|
disabled: {
|
|
20
|
-
"true": /*#__PURE__*/css(["
|
|
21
|
+
"true": /*#__PURE__*/css(["", ":0.4;"], tokens.linkDisabledOpacity)
|
|
21
22
|
},
|
|
22
23
|
focused: {
|
|
23
|
-
"true": /*#__PURE__*/css(["
|
|
24
|
+
"true": /*#__PURE__*/css(["", ":var(--text-accent);"], tokens.linkColorFocus)
|
|
24
25
|
}
|
|
25
26
|
}
|
|
26
27
|
};
|