@salutejs/plasma-new-hope 0.326.0-canary.1973.15343275842.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/{CodeInput/variations/_disabled → Link/_size}/base.js +2 -2
- 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 -16
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -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/_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/cjs/index.js +0 -11
- 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/_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/emotion/es/index.js +0 -1
- 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/{CodeInput/variations → Link}/_size/base.js +2 -2
- 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 -16
- package/es/index.js +0 -2
- package/es/index.js.map +1 -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/_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/cjs/index.js +0 -11
- 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/_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/styled-components/es/index.js +0 -1
- 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.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/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/CodeInput/CodeInput.css +0 -14
- package/cjs/components/CodeInput/CodeInput.js +0 -292
- package/cjs/components/CodeInput/CodeInput.js.map +0 -1
- package/cjs/components/CodeInput/CodeInput.styles.js +0 -78
- package/cjs/components/CodeInput/CodeInput.styles.js.map +0 -1
- package/cjs/components/CodeInput/CodeInput.styles_29ush3.css +0 -8
- package/cjs/components/CodeInput/CodeInput.tokens.js +0 -72
- package/cjs/components/CodeInput/CodeInput.tokens.js.map +0 -1
- package/cjs/components/CodeInput/utils/constants.js +0 -14
- package/cjs/components/CodeInput/utils/constants.js.map +0 -1
- package/cjs/components/CodeInput/utils/handleCodeError.js +0 -55
- package/cjs/components/CodeInput/utils/handleCodeError.js.map +0 -1
- package/cjs/components/CodeInput/utils/handleItemError.js +0 -53
- package/cjs/components/CodeInput/utils/handleItemError.js.map +0 -1
- package/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -33
- package/cjs/components/CodeInput/utils/initialValuesHelper.js.map +0 -1
- package/cjs/components/CodeInput/variations/_disabled/base.js.map +0 -1
- package/cjs/components/CodeInput/variations/_disabled/base_vkh53h.css +0 -1
- package/cjs/components/CodeInput/variations/_size/base.js +0 -9
- package/cjs/components/CodeInput/variations/_size/base.js.map +0 -1
- package/cjs/components/CodeInput/variations/_size/base_fhdb3l.css +0 -1
- package/cjs/components/CodeInput/variations/_view/base.js +0 -9
- package/cjs/components/CodeInput/variations/_view/base.js.map +0 -1
- package/cjs/components/CodeInput/variations/_view/base_lzwhmf.css +0 -1
- package/cjs/components/Link/_view/base_1vy4dme.css +0 -1
- package/emotion/cjs/components/CodeInput/CodeInput.js +0 -301
- package/emotion/cjs/components/CodeInput/CodeInput.styles.js +0 -76
- package/emotion/cjs/components/CodeInput/CodeInput.tokens.js +0 -70
- package/emotion/cjs/components/CodeInput/CodeInput.types.js +0 -5
- package/emotion/cjs/components/CodeInput/index.js +0 -31
- package/emotion/cjs/components/CodeInput/utils/constants.js +0 -12
- package/emotion/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
- package/emotion/cjs/components/CodeInput/utils/handleItemError.js +0 -56
- package/emotion/cjs/components/CodeInput/utils/index.js +0 -38
- package/emotion/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -30
- package/emotion/cjs/components/CodeInput/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/emotion/cjs/components/CodeInput/variations/_size/base.js +0 -10
- package/emotion/cjs/components/CodeInput/variations/_size/tokens.json +0 -19
- package/emotion/cjs/components/CodeInput/variations/_view/base.js +0 -10
- package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -27
- package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -27
- package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/emotion/es/components/CodeInput/CodeInput.js +0 -292
- package/emotion/es/components/CodeInput/CodeInput.styles.js +0 -69
- package/emotion/es/components/CodeInput/CodeInput.tokens.js +0 -64
- package/emotion/es/components/CodeInput/CodeInput.types.js +0 -1
- package/emotion/es/components/CodeInput/index.js +0 -2
- package/emotion/es/components/CodeInput/utils/constants.js +0 -6
- package/emotion/es/components/CodeInput/utils/handleCodeError.js +0 -52
- package/emotion/es/components/CodeInput/utils/handleItemError.js +0 -50
- package/emotion/es/components/CodeInput/utils/index.js +0 -3
- package/emotion/es/components/CodeInput/utils/initialValuesHelper.js +0 -24
- package/emotion/es/components/CodeInput/variations/_disabled/base.js +0 -3
- package/emotion/es/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/emotion/es/components/CodeInput/variations/_size/base.js +0 -4
- package/emotion/es/components/CodeInput/variations/_size/tokens.json +0 -19
- package/emotion/es/components/CodeInput/variations/_view/base.js +0 -4
- package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -21
- package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -21
- package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.js +0 -5
- package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/es/components/CodeInput/CodeInput.css +0 -14
- package/es/components/CodeInput/CodeInput.js +0 -282
- package/es/components/CodeInput/CodeInput.js.map +0 -1
- package/es/components/CodeInput/CodeInput.styles.js +0 -67
- package/es/components/CodeInput/CodeInput.styles.js.map +0 -1
- package/es/components/CodeInput/CodeInput.styles_29ush3.css +0 -8
- package/es/components/CodeInput/CodeInput.tokens.js +0 -67
- package/es/components/CodeInput/CodeInput.tokens.js.map +0 -1
- package/es/components/CodeInput/utils/constants.js +0 -7
- package/es/components/CodeInput/utils/constants.js.map +0 -1
- package/es/components/CodeInput/utils/handleCodeError.js +0 -51
- package/es/components/CodeInput/utils/handleCodeError.js.map +0 -1
- package/es/components/CodeInput/utils/handleItemError.js +0 -49
- package/es/components/CodeInput/utils/handleItemError.js.map +0 -1
- package/es/components/CodeInput/utils/initialValuesHelper.js +0 -27
- package/es/components/CodeInput/utils/initialValuesHelper.js.map +0 -1
- package/es/components/CodeInput/variations/_disabled/base.js +0 -5
- package/es/components/CodeInput/variations/_disabled/base.js.map +0 -1
- package/es/components/CodeInput/variations/_disabled/base_vkh53h.css +0 -1
- package/es/components/CodeInput/variations/_size/base.js.map +0 -1
- package/es/components/CodeInput/variations/_size/base_fhdb3l.css +0 -1
- package/es/components/CodeInput/variations/_view/base.js +0 -5
- package/es/components/CodeInput/variations/_view/base.js.map +0 -1
- package/es/components/CodeInput/variations/_view/base_lzwhmf.css +0 -1
- package/es/components/Link/_view/base_1vy4dme.css +0 -1
- package/styled-components/cjs/components/CodeInput/CodeInput.js +0 -301
- package/styled-components/cjs/components/CodeInput/CodeInput.styles.js +0 -47
- package/styled-components/cjs/components/CodeInput/CodeInput.tokens.js +0 -70
- package/styled-components/cjs/components/CodeInput/CodeInput.types.js +0 -5
- package/styled-components/cjs/components/CodeInput/index.js +0 -31
- package/styled-components/cjs/components/CodeInput/utils/constants.js +0 -12
- package/styled-components/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
- package/styled-components/cjs/components/CodeInput/utils/handleItemError.js +0 -56
- package/styled-components/cjs/components/CodeInput/utils/index.js +0 -38
- package/styled-components/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -30
- package/styled-components/cjs/components/CodeInput/variations/_disabled/base.js +0 -9
- package/styled-components/cjs/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/CodeInput/variations/_size/base.js +0 -10
- package/styled-components/cjs/components/CodeInput/variations/_size/tokens.json +0 -19
- package/styled-components/cjs/components/CodeInput/variations/_view/base.js +0 -10
- package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -27
- package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -27
- package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/styled-components/es/components/CodeInput/CodeInput.js +0 -292
- package/styled-components/es/components/CodeInput/CodeInput.styles.js +0 -39
- package/styled-components/es/components/CodeInput/CodeInput.tokens.js +0 -64
- package/styled-components/es/components/CodeInput/CodeInput.types.js +0 -1
- package/styled-components/es/components/CodeInput/index.js +0 -2
- package/styled-components/es/components/CodeInput/utils/constants.js +0 -6
- package/styled-components/es/components/CodeInput/utils/handleCodeError.js +0 -52
- package/styled-components/es/components/CodeInput/utils/handleItemError.js +0 -50
- package/styled-components/es/components/CodeInput/utils/index.js +0 -3
- package/styled-components/es/components/CodeInput/utils/initialValuesHelper.js +0 -24
- package/styled-components/es/components/CodeInput/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/CodeInput/variations/_size/base.js +0 -4
- package/styled-components/es/components/CodeInput/variations/_size/tokens.json +0 -19
- package/styled-components/es/components/CodeInput/variations/_view/base.js +0 -4
- package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -21
- package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -21
- package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.js +0 -5
- package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/types/components/CodeInput/CodeInput.d.ts +0 -67
- package/types/components/CodeInput/CodeInput.d.ts.map +0 -1
- package/types/components/CodeInput/CodeInput.styles.d.ts +0 -17
- package/types/components/CodeInput/CodeInput.styles.d.ts.map +0 -1
- package/types/components/CodeInput/CodeInput.tokens.d.ts +0 -65
- package/types/components/CodeInput/CodeInput.tokens.d.ts.map +0 -1
- package/types/components/CodeInput/CodeInput.types.d.ts +0 -96
- package/types/components/CodeInput/CodeInput.types.d.ts.map +0 -1
- package/types/components/CodeInput/index.d.ts +0 -3
- package/types/components/CodeInput/index.d.ts.map +0 -1
- package/types/components/CodeInput/utils/constants.d.ts +0 -7
- package/types/components/CodeInput/utils/constants.d.ts.map +0 -1
- package/types/components/CodeInput/utils/handleCodeError.d.ts +0 -15
- package/types/components/CodeInput/utils/handleCodeError.d.ts.map +0 -1
- package/types/components/CodeInput/utils/handleItemError.d.ts +0 -14
- package/types/components/CodeInput/utils/handleItemError.d.ts.map +0 -1
- package/types/components/CodeInput/utils/index.d.ts +0 -4
- package/types/components/CodeInput/utils/index.d.ts.map +0 -1
- package/types/components/CodeInput/utils/initialValuesHelper.d.ts +0 -4
- package/types/components/CodeInput/utils/initialValuesHelper.d.ts.map +0 -1
- package/types/components/CodeInput/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/CodeInput/variations/_size/base.d.ts +0 -2
- package/types/components/CodeInput/variations/_size/base.d.ts.map +0 -1
- package/types/components/CodeInput/variations/_view/base.d.ts +0 -2
- package/types/components/CodeInput/variations/_view/base.d.ts.map +0 -1
- /package/emotion/cjs/components/{CodeInput/variations/_view → Link/_size}/tokens.json +0 -0
- /package/emotion/es/components/{CodeInput/variations/_view → Link/_size}/tokens.json +0 -0
- /package/styled-components/cjs/components/{CodeInput/variations/_view → Link/_size}/tokens.json +0 -0
- /package/styled-components/es/components/{CodeInput/variations/_view → Link/_size}/tokens.json +0 -0
- /package/types/components/{CodeInput/variations/_disabled → Link/_size}/base.d.ts +0 -0
package/emotion/es/index.js
CHANGED
@@ -78,6 +78,5 @@ export * from "./components/NumberFormat";
|
|
78
78
|
export * from "./components/Toast/ToastNew";
|
79
79
|
export * from "./components/Carousel";
|
80
80
|
export * from "./components/PaginationDots";
|
81
|
-
export * from "./components/CodeInput";
|
82
81
|
export * from "./components/CodeField";
|
83
82
|
export * from "./components/List";
|
@@ -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
|
|
@@ -984,21 +986,6 @@
|
|
984
986
|
.PaginationDot_baul9c_d1mcs0w2__b1eb09b2{width:var(--d1mcs0w2-0);height:0.375rem;border-radius:1rem;background:var(--d1mcs0w2-1);-webkit-transition:width 0.1s ease-in-out,background 0.3s ease-in-out;transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2 + .PaginationDot_baul9c_d1mcs0w2__b1eb09b2{margin-left:0.375rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:focus{outline:0 none;}
|
985
987
|
.PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2{cursor:pointer;background:var(--poypaki-0);}.PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:hover{background:var(--text-accent);}
|
986
988
|
|
987
|
-
.CodeInput_styles_29ush3_b1y2r9rw__de79269a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CodeInput_styles_29ush3_b1y2r9rw__de79269a.CodeInput_styles_29ush3_codeinputCaptionAlignLeft__de79269a{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
|
988
|
-
.CodeInput_styles_29ush3_c1fux591__de79269a{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;}
|
989
|
-
.CodeInput_styles_29ush3_cuja080__de79269a{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;}
|
990
|
-
.CodeInput_styles_29ush3_s175xqem__de79269a{width:var(--plasma-codeinput-separator-width);}
|
991
|
-
.CodeInput_styles_29ush3_i16menav__de79269a{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;caret-color:transparent;caret:none;opacity:var(--i16menav-0);}
|
992
|
-
.CodeInput_styles_29ush3_iuawgdb__de79269a{position:relative;}
|
993
|
-
.CodeInput_styles_29ush3_i1tn2nm3__de79269a{position:absolute;top:calc(50% - calc(var(--plasma-codeinput-item-circle-size) / 2));left:calc(50% - calc(var(--plasma-codeinput-item-circle-size) / 2));width:var(--plasma-codeinput-item-circle-size);height:var(--plasma-codeinput-item-circle-size);box-sizing:border-box;border:var(--plasma-codeinput-item-circle-border-width) solid var(--plasma-codeinput-code-color);border-radius:100%;background-color:'transparent';}.CodeInput_styles_29ush3_i1tn2nm3__de79269a.CodeInput_styles_29ush3_codeinputItemCircleFilled__de79269a{background-color:var(--plasma-codeinput-code-color);}
|
994
|
-
.CodeInput_styles_29ush3_c19x1gm7__de79269a{text-align:var(--c19x1gm7-0);-webkit-align-self:var(--c19x1gm7-0);-ms-flex-item-align:var(--c19x1gm7-0);align-self:var(--c19x1gm7-0);width:var(--c19x1gm7-1);white-space:pre-line;}
|
995
|
-
|
996
|
-
.base_lzwhmf_bxs6mj3__01f4780b .base_lzwhmf_c19x1gm7__01f4780b{color:var(--plasma-codeinput-caption-color);}.base_lzwhmf_bxs6mj3__01f4780b .base_lzwhmf_c19x1gm7__01f4780b.base_lzwhmf_codeinputCaptionError__01f4780b{color:var(--plasma-codeinput-caption-color-error);}.base_lzwhmf_bxs6mj3__01f4780b .base_lzwhmf_i16menav__01f4780b{color:var(--plasma-codeinput-code-color);background-color:var(--plasma-codeinput-background-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color);}.base_lzwhmf_bxs6mj3__01f4780b:hover .base_lzwhmf_codeinputItemHoverEnabled__01f4780b{background-color:var(--plasma-codeinput-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color-hover);}.base_lzwhmf_bxs6mj3__01f4780b:focus-within .base_lzwhmf_i16menav__01f4780b:focus-within{background-color:var(--plasma-codeinput-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color-focus);}.base_lzwhmf_bxs6mj3__01f4780b.base_lzwhmf_bxs6mj3__01f4780b .base_lzwhmf_codeinputCodeErrorAnimation__01f4780b{-webkit-animation:base_lzwhmf_shakingErrorBxs6mj3__01f4780b 0.3s forwards;animation:base_lzwhmf_shakingErrorBxs6mj3__01f4780b 0.3s forwards;}.base_lzwhmf_bxs6mj3__01f4780b.base_lzwhmf_bxs6mj3__01f4780b .base_lzwhmf_codeinputCodeError__01f4780b .base_lzwhmf_i16menav__01f4780b{color:var(--plasma-codeinput-code-color-error);background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.base_lzwhmf_bxs6mj3__01f4780b.base_lzwhmf_bxs6mj3__01f4780b .base_lzwhmf_codeinputCodeError__01f4780b .base_lzwhmf_i1tn2nm3__01f4780b{border:var(--plasma-codeinput-item-circle-border-width) solid var(--plasma-codeinput-code-color-error);}.base_lzwhmf_bxs6mj3__01f4780b.base_lzwhmf_bxs6mj3__01f4780b .base_lzwhmf_codeinputCodeError__01f4780b .base_lzwhmf_i1tn2nm3__01f4780b.base_lzwhmf_codeinputItemCircleFilled__01f4780b{background-color:var(--plasma-codeinput-code-color-error);}.base_lzwhmf_bxs6mj3__01f4780b.base_lzwhmf_bxs6mj3__01f4780b .base_lzwhmf_codeinputCodeError__01f4780b:focus-within .base_lzwhmf_i16menav__01f4780b{background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.base_lzwhmf_bxs6mj3__01f4780b.base_lzwhmf_bxs6mj3__01f4780b .base_lzwhmf_codeinputCodeError__01f4780b.base_lzwhmf_codeinputCodeErrorFade__01f4780b .base_lzwhmf_i16menav__01f4780b{-webkit-animation:base_lzwhmf_fadeErrorBxs6mj3__01f4780b 0.3s forwards;animation:base_lzwhmf_fadeErrorBxs6mj3__01f4780b 0.3s forwards;}.base_lzwhmf_bxs6mj3__01f4780b.base_lzwhmf_bxs6mj3__01f4780b .base_lzwhmf_codeinputItemErrorAnimation__01f4780b{-webkit-animation:base_lzwhmf_shakingErrorBxs6mj3__01f4780b 0.3s forwards;animation:base_lzwhmf_shakingErrorBxs6mj3__01f4780b 0.3s forwards;}.base_lzwhmf_bxs6mj3__01f4780b.base_lzwhmf_bxs6mj3__01f4780b .base_lzwhmf_codeinputItemError__01f4780b,.base_lzwhmf_bxs6mj3__01f4780b.base_lzwhmf_bxs6mj3__01f4780b .base_lzwhmf_codeinputItemError__01f4780b:focus-within{color:var(--plasma-codeinput-code-color-error);background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.base_lzwhmf_bxs6mj3__01f4780b.base_lzwhmf_bxs6mj3__01f4780b .base_lzwhmf_codeinputItemError__01f4780b.base_lzwhmf_codeinputCodeErrorFade__01f4780b,.base_lzwhmf_bxs6mj3__01f4780b.base_lzwhmf_bxs6mj3__01f4780b .base_lzwhmf_codeinputItemError__01f4780b:focus-within.base_lzwhmf_codeinputCodeErrorFade__01f4780b{-webkit-animation:base_lzwhmf_shakingErrorBxs6mj3__01f4780b 0.3s forwards :local(fadeError-bxs6mj3) 0.3s :local(forwards);animation:base_lzwhmf_shakingErrorBxs6mj3__01f4780b 0.3s forwards :local(fadeError-bxs6mj3) 0.3s :local(forwards);}@-webkit-keyframes base_lzwhmf_shakingErrorBxs6mj3__01f4780b{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@keyframes base_lzwhmf_shakingErrorBxs6mj3__01f4780b{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@-webkit-keyframes base_lzwhmf_fadeErrorBxs6mj3__01f4780b{50%{color:var(--plasma-codeinput-code-color-error);}100%{color:transparent;}}@keyframes base_lzwhmf_fadeErrorBxs6mj3__01f4780b{50%{color:var(--plasma-codeinput-code-color-error);}100%{color:transparent;}}
|
997
|
-
|
998
|
-
.base_fhdb3l_bbkzv6b__15c11046{gap:var(--plasma-codeinput-caption-gap);}.base_fhdb3l_bbkzv6b__15c11046 .base_fhdb3l_c1fux591__15c11046,.base_fhdb3l_bbkzv6b__15c11046 .base_fhdb3l_cuja080__15c11046{gap:var(--plasma-codeinput-code-item-gap);}.base_fhdb3l_bbkzv6b__15c11046.base_fhdb3l_bbkzv6b__15c11046 .base_fhdb3l_codeinputLargeScreen__15c11046 .base_fhdb3l_i16menav__15c11046{width:var(--plasma-codeinput-item-large-width);height:var(--plasma-codeinput-item-large-height);font-size:var(--plasma-codeinput-large-screen-font-size);line-height:var(--plasma-codeinput-large-screen-line-height);}.base_fhdb3l_bbkzv6b__15c11046.base_fhdb3l_bbkzv6b__15c11046 .base_fhdb3l_codeinputMediumScreen__15c11046 .base_fhdb3l_i16menav__15c11046{width:var(--plasma-codeinput-item-medium-width);height:var(--plasma-codeinput-item-medium-height);font-size:var(--plasma-codeinput-medium-screen-font-size);line-height:var(--plasma-codeinput-medium-screen-line-height);}.base_fhdb3l_bbkzv6b__15c11046.base_fhdb3l_bbkzv6b__15c11046 .base_fhdb3l_codeinputSmallScreen__15c11046 .base_fhdb3l_i16menav__15c11046{width:var(--plasma-codeinput-item-small-width);height:var(--plasma-codeinput-item-small-height);font-size:var(--plasma-codeinput-small-screen-font-size);line-height:var(--plasma-codeinput-small-screen-line-height);}.base_fhdb3l_bbkzv6b__15c11046 .base_fhdb3l_i16menav__15c11046{font-family:var(--plasma-codeinput-font-family);font-style:var(--plasma-codeinput-font-style);font-weight:var(--plasma-codeinput-font-weight);-webkit-letter-spacing:var(--plasma-codeinput-letter-spacing);-moz-letter-spacing:var(--plasma-codeinput-letter-spacing);-ms-letter-spacing:var(--plasma-codeinput-letter-spacing);letter-spacing:var(--plasma-codeinput-letter-spacing);}.base_fhdb3l_bbkzv6b__15c11046 .base_fhdb3l_c19x1gm7__15c11046{font-family:var(--plasma-codeinput-caption-font-family);font-size:var(--plasma-codeinput-caption-font-style);font-style:var(--plasma-codeinput-caption-font-size);font-weight:var(--plasma-codeinput-caption-font-weight);-webkit-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);-moz-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);-ms-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);letter-spacing:var(--plasma-codeinput-caption-letter-spacing);line-height:var(--plasma-codeinput-caption-line-height);}
|
999
|
-
|
1000
|
-
.base_vkh53h_b1vzcfqx__e0f9eeea.base_vkh53h_b1vzcfqx__e0f9eeea[disabled]{opacity:var(--plasma-codeinput-disabled-opacity);cursor:not-allowed;}.base_vkh53h_b1vzcfqx__e0f9eeea.base_vkh53h_b1vzcfqx__e0f9eeea[disabled] > *{pointer-events:none;}
|
1001
|
-
|
1002
989
|
.CodeField_styles_7zxgpc_b1xx9skx__84a479ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CodeField_styles_7zxgpc_b1xx9skx__84a479ac.CodeField_styles_7zxgpc_codefieldCaptionAlignLeft__84a479ac{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
|
1003
990
|
.CodeField_styles_7zxgpc_c1wzspax__84a479ac{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;}
|
1004
991
|
.CodeField_styles_7zxgpc_c7swj1z__84a479ac{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;}
|
package/es/index.js
CHANGED
@@ -239,8 +239,6 @@ export { CarouselItem } from './components/Carousel/CarouselItem.js';
|
|
239
239
|
export { SmartPaginationDots } from './components/PaginationDots/SmartPaginationDots.js';
|
240
240
|
export { PaginationDots } from './components/PaginationDots/PaginationDots.js';
|
241
241
|
export { PaginationDot } from './components/PaginationDots/PaginationDot.js';
|
242
|
-
export { codeInputConfig, codeInputRoot } from './components/CodeInput/CodeInput.js';
|
243
|
-
export { classes as codeInputClasses, tokens as codeInputTokens } from './components/CodeInput/CodeInput.tokens.js';
|
244
242
|
export { codeFieldConfig, codeFieldRoot } from './components/CodeField/CodeField.js';
|
245
243
|
export { classes as codeFieldClasses, tokens as codeFieldTokens } from './components/CodeField/CodeField.tokens.js';
|
246
244
|
export { ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN } from './components/CodeField/utils/constants.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.326.0-canary.
|
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);
|
@@ -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)
|
@@ -850,17 +850,6 @@ Object.keys(_PaginationDots).forEach(function (key) {
|
|
850
850
|
}
|
851
851
|
});
|
852
852
|
});
|
853
|
-
var _CodeInput = /*#__PURE__*/require("./components/CodeInput");
|
854
|
-
Object.keys(_CodeInput).forEach(function (key) {
|
855
|
-
if (key === "default" || key === "__esModule") return;
|
856
|
-
if (key in exports && exports[key] === _CodeInput[key]) return;
|
857
|
-
Object.defineProperty(exports, key, {
|
858
|
-
enumerable: true,
|
859
|
-
get: function get() {
|
860
|
-
return _CodeInput[key];
|
861
|
-
}
|
862
|
-
});
|
863
|
-
});
|
864
853
|
var _CodeField = /*#__PURE__*/require("./components/CodeField");
|
865
854
|
Object.keys(_CodeField).forEach(function (key) {
|
866
855
|
if (key === "default" || key === "__esModule") return;
|
@@ -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);
|
@@ -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
|
}));
|