@salutejs/plasma-new-hope 0.317.0-canary.1886.14216115492.0 → 0.317.0-dev.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/Typography/Body/Body.css +1 -1
- package/cjs/components/Typography/Typography.js +4 -4
- package/cjs/components/Typography/Typography.js.map +1 -1
- package/cjs/components/Typography/Typography.styles.js +1 -1
- package/cjs/components/Typography/Typography.styles.js.map +1 -1
- package/cjs/components/Typography/{Typography.styles_c0qunc.css → Typography.styles_fa07dt.css} +1 -1
- package/cjs/components/Typography/tokens.js +1 -3
- package/cjs/components/Typography/tokens.js.map +1 -1
- package/cjs/index.css +1 -1
- package/emotion/cjs/components/Typography/Typography.js +4 -4
- package/emotion/cjs/components/Typography/Typography.styles.js +1 -1
- package/emotion/cjs/components/Typography/Typography.template-doc.mdx +9 -26
- package/emotion/cjs/components/Typography/tokens.js +1 -3
- package/emotion/cjs/examples/typography/components/Body/Body.config.js +5 -5
- package/emotion/cjs/examples/typography/components/Body/Body.stories.tsx +0 -13
- package/emotion/cjs/examples/typography/components/Dspl/Dspl.config.js +3 -3
- package/emotion/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +0 -13
- package/emotion/cjs/examples/typography/components/Heading/Heading.config.js +5 -5
- package/emotion/cjs/examples/typography/components/Heading/Heading.stories.tsx +0 -13
- package/emotion/cjs/examples/typography/components/Text/Text.config.js +4 -4
- package/emotion/cjs/examples/typography/components/Text/Text.stories.tsx +0 -13
- package/emotion/es/components/Typography/Typography.js +4 -4
- package/emotion/es/components/Typography/Typography.styles.js +1 -1
- package/emotion/es/components/Typography/Typography.template-doc.mdx +9 -26
- package/emotion/es/components/Typography/tokens.js +1 -3
- package/emotion/es/examples/typography/components/Body/Body.config.js +5 -5
- package/emotion/es/examples/typography/components/Body/Body.stories.tsx +0 -13
- package/emotion/es/examples/typography/components/Dspl/Dspl.config.js +3 -3
- package/emotion/es/examples/typography/components/Dspl/Dspl.stories.tsx +0 -13
- package/emotion/es/examples/typography/components/Heading/Heading.config.js +5 -5
- package/emotion/es/examples/typography/components/Heading/Heading.stories.tsx +0 -13
- package/emotion/es/examples/typography/components/Text/Text.config.js +4 -4
- package/emotion/es/examples/typography/components/Text/Text.stories.tsx +0 -13
- package/es/components/Typography/Body/Body.css +1 -1
- package/es/components/Typography/Typography.js +4 -4
- package/es/components/Typography/Typography.js.map +1 -1
- package/es/components/Typography/Typography.styles.js +1 -1
- package/es/components/Typography/Typography.styles.js.map +1 -1
- package/es/components/Typography/{Typography.styles_c0qunc.css → Typography.styles_fa07dt.css} +1 -1
- package/es/components/Typography/tokens.js +1 -3
- package/es/components/Typography/tokens.js.map +1 -1
- package/es/index.css +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Typography/Typography.js +4 -4
- package/styled-components/cjs/components/Typography/Typography.styles.js +1 -1
- package/styled-components/cjs/components/Typography/Typography.template-doc.mdx +9 -26
- package/styled-components/cjs/components/Typography/tokens.js +1 -3
- package/styled-components/cjs/examples/typography/components/Body/Body.config.js +5 -5
- package/styled-components/cjs/examples/typography/components/Body/Body.stories.tsx +0 -13
- package/styled-components/cjs/examples/typography/components/Dspl/Dspl.config.js +3 -3
- package/styled-components/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +0 -13
- package/styled-components/cjs/examples/typography/components/Heading/Heading.config.js +5 -5
- package/styled-components/cjs/examples/typography/components/Heading/Heading.stories.tsx +0 -13
- package/styled-components/cjs/examples/typography/components/Text/Text.config.js +4 -4
- package/styled-components/cjs/examples/typography/components/Text/Text.stories.tsx +0 -13
- package/styled-components/es/components/Typography/Typography.js +4 -4
- package/styled-components/es/components/Typography/Typography.styles.js +1 -1
- package/styled-components/es/components/Typography/Typography.template-doc.mdx +9 -26
- package/styled-components/es/components/Typography/tokens.js +1 -3
- package/styled-components/es/examples/typography/components/Body/Body.config.js +5 -5
- package/styled-components/es/examples/typography/components/Body/Body.stories.tsx +0 -13
- package/styled-components/es/examples/typography/components/Dspl/Dspl.config.js +3 -3
- package/styled-components/es/examples/typography/components/Dspl/Dspl.stories.tsx +0 -13
- package/styled-components/es/examples/typography/components/Heading/Heading.config.js +5 -5
- package/styled-components/es/examples/typography/components/Heading/Heading.stories.tsx +0 -13
- package/styled-components/es/examples/typography/components/Text/Text.config.js +4 -4
- package/styled-components/es/examples/typography/components/Text/Text.stories.tsx +0 -13
- package/types/components/Typography/Body/Body.d.ts +10 -2
- package/types/components/Typography/Body/Body.d.ts.map +1 -1
- package/types/components/Typography/Dspl/Dspl.d.ts +10 -2
- package/types/components/Typography/Dspl/Dspl.d.ts.map +1 -1
- package/types/components/Typography/Heading/Heading.d.ts +10 -2
- package/types/components/Typography/Heading/Heading.d.ts.map +1 -1
- package/types/components/Typography/Text/Text.d.ts +10 -2
- package/types/components/Typography/Text/Text.d.ts.map +1 -1
- package/types/components/Typography/Typography.d.ts +5 -1
- package/types/components/Typography/Typography.d.ts.map +1 -1
- package/types/components/Typography/Typography.styles.d.ts.map +1 -1
- package/types/components/Typography/Typography.types.d.ts +5 -22
- package/types/components/Typography/Typography.types.d.ts.map +1 -1
- package/types/components/Typography/tokens.d.ts +0 -2
- package/types/components/Typography/tokens.d.ts.map +1 -1
|
@@ -4,7 +4,7 @@ import { applySpacing } from '../../mixins/applySpacing.js';
|
|
|
4
4
|
import { cx } from '../../utils/index.js';
|
|
5
5
|
import { classes } from './tokens.js';
|
|
6
6
|
|
|
7
|
-
var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "
|
|
7
|
+
var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "color", "className", "style"];
|
|
8
8
|
var typographyRootCompose = function typographyRootCompose(defaultArgs) {
|
|
9
9
|
return function (Root) {
|
|
10
10
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
|
@@ -14,7 +14,6 @@ var typographyRootCompose = function typographyRootCompose(defaultArgs) {
|
|
|
14
14
|
noWrap = props.noWrap,
|
|
15
15
|
_props$bold = props.bold,
|
|
16
16
|
bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
|
|
17
|
-
medium = props.medium,
|
|
18
17
|
color = props.color,
|
|
19
18
|
className = props.className,
|
|
20
19
|
style = props.style,
|
|
@@ -22,10 +21,11 @@ var typographyRootCompose = function typographyRootCompose(defaultArgs) {
|
|
|
22
21
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
|
23
22
|
size: size,
|
|
24
23
|
ref: ref,
|
|
25
|
-
className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold,
|
|
24
|
+
className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, className),
|
|
26
25
|
style: _objectSpread2(_objectSpread2({
|
|
27
26
|
color: color
|
|
28
|
-
}, style), applySpacing(rest))
|
|
27
|
+
}, style), applySpacing(rest)),
|
|
28
|
+
bold: bold
|
|
29
29
|
}, rest), children);
|
|
30
30
|
});
|
|
31
31
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../mixins/applySpacing';\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { classes } from './tokens';\nimport { FontProps } from './Typography.types';\n\nexport const typographyRootCompose = (defaultArgs?: { defaultBold?: boolean }) => (\n Root: RootProps<HTMLDivElement, FontProps>,\n) =>\n forwardRef<HTMLDivElement, FontProps>((props, ref) => {\n const {\n size,\n children,\n breakWord,\n noWrap,\n bold = defaultArgs?.defaultBold,\n
|
|
1
|
+
{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../mixins/applySpacing';\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { classes } from './tokens';\nimport { FontProps } from './Typography.types';\n\nexport const typographyRootCompose = (defaultArgs?: { defaultBold?: boolean }) => (\n Root: RootProps<HTMLDivElement, FontProps>,\n) =>\n forwardRef<HTMLDivElement, FontProps>((props, ref) => {\n const {\n size,\n children,\n breakWord,\n noWrap,\n bold = defaultArgs?.defaultBold,\n color,\n className,\n style,\n ...rest\n } = props;\n\n return (\n <Root\n size={size}\n ref={ref}\n className={cx(\n noWrap && classes.typoWithNoWrap,\n breakWord && classes.typoWithBreakWord,\n bold && classes.typoBold,\n className,\n )}\n style={{ color, ...style, ...applySpacing(rest) }}\n bold={bold}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n"],"names":["typographyRootCompose","defaultArgs","Root","forwardRef","props","ref","size","children","breakWord","noWrap","_props$bold","bold","defaultBold","color","className","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","cx","classes","typoWithNoWrap","typoWithBreakWord","typoBold","_objectSpread","applySpacing"],"mappings":";;;;;;;IASaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,WAAuC,EAAA;AAAA,EAAA,OAAK,UAC9EC,IAA0C,EAAA;AAAA,IAAA,oBAE1CC,UAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,MAAA,IACIC,IAAI,GASJF,KAAK,CATLE,IAAI;QACJC,QAAQ,GAQRH,KAAK,CARLG,QAAQ;QACRC,SAAS,GAOTJ,KAAK,CAPLI,SAAS;QACTC,MAAM,GAMNL,KAAK,CANLK,MAAM;QAAAC,WAAA,GAMNN,KAAK,CALLO,IAAI;QAAJA,IAAI,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGT,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEW,WAAW,GAAAF,WAAA;QAC/BG,KAAK,GAILT,KAAK,CAJLS,KAAK;QACLC,SAAS,GAGTV,KAAK,CAHLU,SAAS;QACTC,KAAK,GAELX,KAAK,CAFLW,KAAK;AACFC,QAAAA,IAAI,GAAAC,wBAAA,CACPb,KAAK,EAAAc,SAAA,CAAA,CAAA;AAET,MAAA,oBACIC,KAAA,CAAAC,aAAA,CAAClB,IAAI,EAAAmB,QAAA,CAAA;AACDf,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;QACTS,SAAS,EAAEQ,EAAE,CACTb,MAAM,IAAIc,OAAO,CAACC,cAAc,EAChChB,SAAS,IAAIe,OAAO,CAACE,iBAAiB,EACtCd,IAAI,IAAIY,OAAO,CAACG,QAAQ,EACxBZ,SACJ,CAAE;QACFC,KAAK,EAAAY,cAAA,CAAAA,cAAA,CAAA;AAAId,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKE,KAAK,CAAKa,EAAAA,YAAY,CAACZ,IAAI,CAAC,CAAG;AAClDL,QAAAA,IAAI,EAAEA,IAAAA;OACFK,EAAAA,IAAI,CAEPT,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.styles.js","sources":["../../../src/components/Typography/Typography.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { applyHyphens, applyHyphensNormal } from '../../mixins';\n\nimport { classes, tokens } from './tokens';\n\nexport const base = css`\n font-family: var(${tokens.typoFontFamily});\n font-size: var(${tokens.typoFontSize});\n font-style: var(${tokens.typoFontStyle});\n letter-spacing: var(${tokens.typoFontLetterSpacing});\n line-height: var(${tokens.typoFontLineHeight});\n font-weight: var(${tokens.typoFontWeight});\n\n &.${classes.typoBold} {\n font-weight: var(${tokens.typoFontWeightBold});\n }\n\n &.${classes.
|
|
1
|
+
{"version":3,"file":"Typography.styles.js","sources":["../../../src/components/Typography/Typography.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { applyHyphens, applyHyphensNormal } from '../../mixins';\n\nimport { classes, tokens } from './tokens';\n\nexport const base = css`\n font-family: var(${tokens.typoFontFamily});\n font-size: var(${tokens.typoFontSize});\n font-style: var(${tokens.typoFontStyle});\n letter-spacing: var(${tokens.typoFontLetterSpacing});\n line-height: var(${tokens.typoFontLineHeight});\n font-weight: var(${tokens.typoFontWeight});\n\n &.${classes.typoBold} {\n font-weight: var(${tokens.typoFontWeightBold});\n }\n\n &.${classes.typoWithNoWrap} {\n white-space: nowrap;\n }\n\n ${applyHyphensNormal};\n\n &.${classes.typoWithBreakWord} {\n ${applyHyphens};\n }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GAqBhB;;;;"}
|
package/es/components/Typography/{Typography.styles_c0qunc.css → Typography.styles_fa07dt.css}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b1ru04lg{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b1ru04lg.typography-bold{font-weight:var(--typo-font-weight-bold);}.b1ru04lg.
|
|
1
|
+
.b1ru04lg{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b1ru04lg.typography-bold{font-weight:var(--typo-font-weight-bold);}.b1ru04lg.with-no-wrap{white-space:nowrap;}.b1ru04lg.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
var classes = {
|
|
2
2
|
typoWithNoWrap: 'with-no-wrap',
|
|
3
3
|
typoWithBreakWord: 'with-break-word',
|
|
4
|
-
typoBold: 'typography-bold'
|
|
5
|
-
typoMedium: 'typography-medium'
|
|
4
|
+
typoBold: 'typography-bold'
|
|
6
5
|
};
|
|
7
6
|
var tokens = {
|
|
8
7
|
typoFontFamily: '--typo-font-family',
|
|
@@ -10,7 +9,6 @@ var tokens = {
|
|
|
10
9
|
typoFontStyle: '--typo-font-style',
|
|
11
10
|
typoFontWeight: '--typo-font-weight',
|
|
12
11
|
typoFontWeightBold: '--typo-font-weight-bold',
|
|
13
|
-
typoFontWeightMedium: '--typo-font-weight-medium',
|
|
14
12
|
typoFontLetterSpacing: '--typo-font-letter-spacing',
|
|
15
13
|
typoFontLineHeight: '--typo-font-line-height'
|
|
16
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.js","sources":["../../../src/components/Typography/tokens.ts"],"sourcesContent":["export const classes = {\n typoWithNoWrap: 'with-no-wrap',\n typoWithBreakWord: 'with-break-word',\n typoBold: 'typography-bold',\n
|
|
1
|
+
{"version":3,"file":"tokens.js","sources":["../../../src/components/Typography/tokens.ts"],"sourcesContent":["export const classes = {\n typoWithNoWrap: 'with-no-wrap',\n typoWithBreakWord: 'with-break-word',\n typoBold: 'typography-bold',\n};\n\nexport const tokens = {\n typoFontFamily: '--typo-font-family',\n typoFontSize: '--typo-font-size',\n typoFontStyle: '--typo-font-style',\n typoFontWeight: '--typo-font-weight',\n typoFontWeightBold: '--typo-font-weight-bold',\n typoFontLetterSpacing: '--typo-font-letter-spacing',\n typoFontLineHeight: '--typo-font-line-height',\n};\n"],"names":["classes","typoWithNoWrap","typoWithBreakWord","typoBold","tokens","typoFontFamily","typoFontSize","typoFontStyle","typoFontWeight","typoFontWeightBold","typoFontLetterSpacing","typoFontLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,cAAc;AAC9BC,EAAAA,iBAAiB,EAAE,iBAAiB;AACpCC,EAAAA,QAAQ,EAAE,iBAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,YAAY,EAAE,kBAAkB;AAChCC,EAAAA,aAAa,EAAE,mBAAmB;AAClCC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,kBAAkB,EAAE,yBAAyB;AAC7CC,EAAAA,qBAAqB,EAAE,4BAA4B;AACnDC,EAAAA,kBAAkB,EAAE,yBAAA;AACxB;;;;"}
|
package/es/index.css
CHANGED
|
@@ -337,7 +337,7 @@
|
|
|
337
337
|
.CalendarDouble_styles_e9ada0_s1y1gz42__d395f1d3{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
|
|
338
338
|
.CalendarDouble_styles_e9ada0_s7fv2hn__d395f1d3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
|
339
339
|
|
|
340
|
-
.
|
|
340
|
+
.Typography_styles_fa07dt_b1ru04lg__867729cb{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_typographyBold__867729cb{font-weight:var(--typo-font-weight-bold);}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withNoWrap__867729cb{white-space:nowrap;}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withBreakWord__867729cb{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
|
|
341
341
|
|
|
342
342
|
.TypographyOld_styles_168abbx_b9p5ato__094dcd73{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.TypographyOld_styles_168abbx_b9p5ato__094dcd73.TypographyOld_styles_168abbx_withNoWrap__094dcd73{white-space:nowrap;}.TypographyOld_styles_168abbx_b9p5ato__094dcd73.TypographyOld_styles_168abbx_withBreakWord__094dcd73{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
|
|
343
343
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.317.0-
|
|
3
|
+
"version": "0.317.0-dev.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -135,5 +135,5 @@
|
|
|
135
135
|
"sideEffects": [
|
|
136
136
|
"*.css"
|
|
137
137
|
],
|
|
138
|
-
"gitHead": "
|
|
138
|
+
"gitHead": "e94979194cfc8f1c01238d80b5ef996aaf891c30"
|
|
139
139
|
}
|
|
@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"))
|
|
|
9
9
|
var _applySpacing = /*#__PURE__*/require("../../mixins/applySpacing");
|
|
10
10
|
var _utils = /*#__PURE__*/require("../../utils");
|
|
11
11
|
var _tokens = /*#__PURE__*/require("./tokens");
|
|
12
|
-
var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "
|
|
12
|
+
var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "color", "className", "style"];
|
|
13
13
|
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); }
|
|
14
14
|
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; }
|
|
15
15
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -29,7 +29,6 @@ var typographyRootCompose = exports.typographyRootCompose = function typographyR
|
|
|
29
29
|
noWrap = props.noWrap,
|
|
30
30
|
_props$bold = props.bold,
|
|
31
31
|
bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
|
|
32
|
-
medium = props.medium,
|
|
33
32
|
color = props.color,
|
|
34
33
|
className = props.className,
|
|
35
34
|
style = props.style,
|
|
@@ -37,10 +36,11 @@ var typographyRootCompose = exports.typographyRootCompose = function typographyR
|
|
|
37
36
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
|
38
37
|
size: size,
|
|
39
38
|
ref: ref,
|
|
40
|
-
className: (0, _utils.cx)(noWrap && _tokens.classes.typoWithNoWrap, breakWord && _tokens.classes.typoWithBreakWord, bold && _tokens.classes.typoBold,
|
|
39
|
+
className: (0, _utils.cx)(noWrap && _tokens.classes.typoWithNoWrap, breakWord && _tokens.classes.typoWithBreakWord, bold && _tokens.classes.typoBold, className),
|
|
41
40
|
style: _objectSpread(_objectSpread({
|
|
42
41
|
color: color
|
|
43
|
-
}, style), (0, _applySpacing.applySpacing)(rest))
|
|
42
|
+
}, style), (0, _applySpacing.applySpacing)(rest)),
|
|
43
|
+
bold: bold
|
|
44
44
|
}, rest), children);
|
|
45
45
|
});
|
|
46
46
|
};
|
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
8
8
|
var _mixins = /*#__PURE__*/require("../../mixins");
|
|
9
9
|
var _tokens = /*#__PURE__*/require("./tokens");
|
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");&.", "{font-weight:var(", ");}&.", "{
|
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");&.", "{font-weight:var(", ");}&.", "{white-space:nowrap;}", ";&.", "{", ";}"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight, _tokens.tokens.typoFontWeight, _tokens.classes.typoBold, _tokens.tokens.typoFontWeightBold, _tokens.classes.typoWithNoWrap, _mixins.applyHyphensNormal, _tokens.classes.typoWithBreakWord, _mixins.applyHyphens);
|
|
@@ -52,15 +52,12 @@ export function App() {
|
|
|
52
52
|
<div style=\{{ display: 'block' }}>
|
|
53
53
|
<DsplL bold={false}>DsplL</DsplL>
|
|
54
54
|
<DsplL>DsplL Bold</DsplL>
|
|
55
|
-
<DsplL medium>DsplL Medium</DsplL>
|
|
56
55
|
|
|
57
56
|
<DsplM bold={false}>DsplM</DsplM>
|
|
58
57
|
<DsplM>DsplM Bold</DsplM>
|
|
59
|
-
<DsplM medium>DsplM Medium</DsplM>
|
|
60
58
|
|
|
61
59
|
<DsplS bold={false}>DsplS</DsplS>
|
|
62
60
|
<DsplS>DsplS Bold</DsplS>
|
|
63
|
-
<DsplS medium>DsplS Medium</DsplS>
|
|
64
61
|
</div>
|
|
65
62
|
);
|
|
66
63
|
}
|
|
@@ -77,23 +74,18 @@ export function App() {
|
|
|
77
74
|
<div style=\{{ display: 'block' }}>
|
|
78
75
|
<H1 bold={false}>H1</H1>
|
|
79
76
|
<H1>H1 Bold</H1>
|
|
80
|
-
<H1 medium>H1 Medium</H1>
|
|
81
77
|
|
|
82
78
|
<H2 bold={false}>H2</H2>
|
|
83
79
|
<H2>H2 Bold</H2>
|
|
84
|
-
<H2 medium>H2 Medium</H2>
|
|
85
80
|
|
|
86
81
|
<H3 bold={false}>H3</H3>
|
|
87
82
|
<H3>H3 Bold</H3>
|
|
88
|
-
<H3 medium>H3 Medium</H3>
|
|
89
83
|
|
|
90
84
|
<H4 bold={false}>H4</H4>
|
|
91
85
|
<H4>H4 Bold</H4>
|
|
92
|
-
<H4 medium>H4 Medium</H4>
|
|
93
86
|
|
|
94
87
|
<H5 bold={false}>H5</H5>
|
|
95
88
|
<H5>H5 Bold</H5>
|
|
96
|
-
<H5 medium>H5 Medium</H5>
|
|
97
89
|
</div>
|
|
98
90
|
);
|
|
99
91
|
}
|
|
@@ -110,24 +102,19 @@ export function App() {
|
|
|
110
102
|
return (
|
|
111
103
|
<div style=\{{ display: 'block' }}>
|
|
112
104
|
<BodyL>BodyL</BodyL>
|
|
113
|
-
<BodyL bold>BodyL
|
|
114
|
-
<BodyL medium>BodyL Medium</BodyL>
|
|
105
|
+
<BodyL bold>BodyL полужирный</BodyL>
|
|
115
106
|
|
|
116
107
|
<BodyM>BodyM</BodyM>
|
|
117
|
-
<BodyM bold>BodyM
|
|
118
|
-
<BodyM medium>BodyM Medium</BodyM>
|
|
108
|
+
<BodyM bold>BodyM полужирный</BodyM>
|
|
119
109
|
|
|
120
110
|
<BodyS>BodyS</BodyS>
|
|
121
|
-
<BodyS bold>BodyS
|
|
122
|
-
<BodyS medium>BodyS Medium</BodyS>
|
|
111
|
+
<BodyS bold>BodyS полужирный</BodyS>
|
|
123
112
|
|
|
124
113
|
<BodyXS>BodyXS</BodyXS>
|
|
125
|
-
<BodyXS bold>BodyXS
|
|
126
|
-
<BodyXS medium>BodyXS Medium</BodyXS>
|
|
114
|
+
<BodyXS bold>BodyXS полужирный</BodyXS>
|
|
127
115
|
|
|
128
116
|
<BodyXXS>BodyXXS</BodyXXS>
|
|
129
|
-
<BodyXXS bold>BodyXXS
|
|
130
|
-
<BodyXXS medium>BodyXXS Medium</BodyXXS>
|
|
117
|
+
<BodyXXS bold>BodyXXS полужирный</BodyXXS>
|
|
131
118
|
</div>
|
|
132
119
|
);
|
|
133
120
|
}
|
|
@@ -144,20 +131,16 @@ export function App() {
|
|
|
144
131
|
return (
|
|
145
132
|
<div style=\{{ display: 'block' }}>
|
|
146
133
|
<TextL>TextL</TextL>
|
|
147
|
-
<TextL bold>TextL
|
|
148
|
-
<TextL medium>TextL Medium</TextL>
|
|
134
|
+
<TextL bold>TextL полужирный</TextL>
|
|
149
135
|
|
|
150
136
|
<TextM>TextM</TextM>
|
|
151
|
-
<TextM bold>TextM
|
|
152
|
-
<TextM medium>TextM Medium</TextM>
|
|
137
|
+
<TextM bold>TextM полужирный</TextM>
|
|
153
138
|
|
|
154
139
|
<TextS>TextS</TextS>
|
|
155
|
-
<TextS bold>TextS
|
|
156
|
-
<TextS medium>TextS Medium</TextS>
|
|
140
|
+
<TextS bold>TextS полужирный</TextS>
|
|
157
141
|
|
|
158
142
|
<TextXS>TextXS</TextXS>
|
|
159
|
-
<TextXS bold>TextXS
|
|
160
|
-
<TextXS medium>TextXS Medium</TextXS>
|
|
143
|
+
<TextXS bold>TextXS полужирный</TextXS>
|
|
161
144
|
</div>
|
|
162
145
|
);
|
|
163
146
|
}
|
|
@@ -7,8 +7,7 @@ exports.tokens = exports.classes = void 0;
|
|
|
7
7
|
var classes = exports.classes = {
|
|
8
8
|
typoWithNoWrap: 'with-no-wrap',
|
|
9
9
|
typoWithBreakWord: 'with-break-word',
|
|
10
|
-
typoBold: 'typography-bold'
|
|
11
|
-
typoMedium: 'typography-medium'
|
|
10
|
+
typoBold: 'typography-bold'
|
|
12
11
|
};
|
|
13
12
|
var tokens = exports.tokens = {
|
|
14
13
|
typoFontFamily: '--typo-font-family',
|
|
@@ -16,7 +15,6 @@ var tokens = exports.tokens = {
|
|
|
16
15
|
typoFontStyle: '--typo-font-style',
|
|
17
16
|
typoFontWeight: '--typo-font-weight',
|
|
18
17
|
typoFontWeightBold: '--typo-font-weight-bold',
|
|
19
|
-
typoFontWeightMedium: '--typo-font-weight-medium',
|
|
20
18
|
typoFontLetterSpacing: '--typo-font-letter-spacing',
|
|
21
19
|
typoFontLineHeight: '--typo-font-line-height'
|
|
22
20
|
};
|
|
@@ -12,11 +12,11 @@ var config = exports.config = {
|
|
|
12
12
|
},
|
|
13
13
|
variations: {
|
|
14
14
|
size: {
|
|
15
|
-
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-bold-font-weight);", ":var(--plasma-typo-body-l-
|
|
16
|
-
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-bold-font-weight);", ":var(--plasma-typo-body-m-
|
|
17
|
-
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-bold-font-weight);", ":var(--plasma-typo-body-s-
|
|
18
|
-
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-bold-font-weight);", ":var(--plasma-typo-body-xs-
|
|
19
|
-
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-bold-font-weight);", ":var(--plasma-typo-body-xxs-
|
|
15
|
+
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-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
|
|
16
|
+
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-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
|
|
17
|
+
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-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
|
|
18
|
+
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-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
|
|
19
|
+
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-bold-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
};
|
|
@@ -22,24 +22,11 @@ const meta: Meta<typeof Body> = {
|
|
|
22
22
|
as: {
|
|
23
23
|
control: 'text',
|
|
24
24
|
},
|
|
25
|
-
bold: {
|
|
26
|
-
control: {
|
|
27
|
-
type: 'boolean',
|
|
28
|
-
},
|
|
29
|
-
if: { arg: 'medium', truthy: false },
|
|
30
|
-
},
|
|
31
|
-
medium: {
|
|
32
|
-
control: {
|
|
33
|
-
type: 'boolean',
|
|
34
|
-
},
|
|
35
|
-
if: { arg: 'bold', truthy: false },
|
|
36
|
-
},
|
|
37
25
|
},
|
|
38
26
|
args: {
|
|
39
27
|
noWrap: false,
|
|
40
28
|
breakWord: true,
|
|
41
29
|
bold: false,
|
|
42
|
-
medium: false,
|
|
43
30
|
},
|
|
44
31
|
};
|
|
45
32
|
|
|
@@ -12,9 +12,9 @@ var config = exports.config = {
|
|
|
12
12
|
},
|
|
13
13
|
variations: {
|
|
14
14
|
size: {
|
|
15
|
-
l: /*#__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-bold-font-weight);", ":var(--plasma-typo-dspl-l-
|
|
16
|
-
m: /*#__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-bold-font-weight);", ":var(--plasma-typo-dspl-m-
|
|
17
|
-
s: /*#__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-bold-font-weight);", ":var(--plasma-typo-dspl-s-
|
|
15
|
+
l: /*#__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-bold-font-weight);", ":var(--plasma-typo-dspl-l-letter-spacing);", ":var(--plasma-typo-dspl-l-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
|
|
16
|
+
m: /*#__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-bold-font-weight);", ":var(--plasma-typo-dspl-m-letter-spacing);", ":var(--plasma-typo-dspl-m-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
|
|
17
|
+
s: /*#__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-bold-font-weight);", ":var(--plasma-typo-dspl-s-letter-spacing);", ":var(--plasma-typo-dspl-s-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
};
|
|
@@ -22,24 +22,11 @@ const meta: Meta<typeof Dspl> = {
|
|
|
22
22
|
as: {
|
|
23
23
|
control: 'text',
|
|
24
24
|
},
|
|
25
|
-
bold: {
|
|
26
|
-
control: {
|
|
27
|
-
type: 'boolean',
|
|
28
|
-
},
|
|
29
|
-
if: { arg: 'medium', truthy: false },
|
|
30
|
-
},
|
|
31
|
-
medium: {
|
|
32
|
-
control: {
|
|
33
|
-
type: 'boolean',
|
|
34
|
-
},
|
|
35
|
-
if: { arg: 'bold', truthy: false },
|
|
36
|
-
},
|
|
37
25
|
},
|
|
38
26
|
args: {
|
|
39
27
|
noWrap: false,
|
|
40
28
|
breakWord: true,
|
|
41
29
|
bold: false,
|
|
42
|
-
medium: false,
|
|
43
30
|
},
|
|
44
31
|
};
|
|
45
32
|
|
|
@@ -12,11 +12,11 @@ var config = exports.config = {
|
|
|
12
12
|
},
|
|
13
13
|
variations: {
|
|
14
14
|
size: {
|
|
15
|
-
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-bold-font-weight);", ":var(--plasma-typo-h1-
|
|
16
|
-
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-bold-font-weight);", ":var(--plasma-typo-h2-
|
|
17
|
-
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-bold-font-weight);", ":var(--plasma-typo-h3-
|
|
18
|
-
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-bold-font-weight);", ":var(--plasma-typo-h4-
|
|
19
|
-
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-bold-font-weight);", ":var(--plasma-typo-h5-
|
|
15
|
+
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-bold-font-weight);", ":var(--plasma-typo-h1-letter-spacing);", ":var(--plasma-typo-h1-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
|
|
16
|
+
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-bold-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
|
|
17
|
+
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-bold-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
|
|
18
|
+
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-bold-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
|
|
19
|
+
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-bold-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
};
|
|
@@ -22,24 +22,11 @@ const meta: Meta<typeof Heading> = {
|
|
|
22
22
|
as: {
|
|
23
23
|
control: 'text',
|
|
24
24
|
},
|
|
25
|
-
bold: {
|
|
26
|
-
control: {
|
|
27
|
-
type: 'boolean',
|
|
28
|
-
},
|
|
29
|
-
if: { arg: 'medium', truthy: false },
|
|
30
|
-
},
|
|
31
|
-
medium: {
|
|
32
|
-
control: {
|
|
33
|
-
type: 'boolean',
|
|
34
|
-
},
|
|
35
|
-
if: { arg: 'bold', truthy: false },
|
|
36
|
-
},
|
|
37
25
|
},
|
|
38
26
|
args: {
|
|
39
27
|
noWrap: false,
|
|
40
28
|
breakWord: true,
|
|
41
29
|
bold: false,
|
|
42
|
-
medium: false,
|
|
43
30
|
},
|
|
44
31
|
};
|
|
45
32
|
|
|
@@ -12,10 +12,10 @@ var config = exports.config = {
|
|
|
12
12
|
},
|
|
13
13
|
variations: {
|
|
14
14
|
size: {
|
|
15
|
-
l: /*#__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-bold-font-weight);", ":var(--plasma-typo-text-l-
|
|
16
|
-
m: /*#__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-bold-font-weight);", ":var(--plasma-typo-text-m-
|
|
17
|
-
s: /*#__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-bold-font-weight);", ":var(--plasma-typo-text-s-
|
|
18
|
-
xs: /*#__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-bold-font-weight);", ":var(--plasma-typo-text-xs-
|
|
15
|
+
l: /*#__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-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
|
|
16
|
+
m: /*#__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-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
|
|
17
|
+
s: /*#__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-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
|
|
18
|
+
xs: /*#__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-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
};
|
|
@@ -22,24 +22,11 @@ const meta: Meta<typeof Text> = {
|
|
|
22
22
|
as: {
|
|
23
23
|
control: 'text',
|
|
24
24
|
},
|
|
25
|
-
bold: {
|
|
26
|
-
control: {
|
|
27
|
-
type: 'boolean',
|
|
28
|
-
},
|
|
29
|
-
if: { arg: 'medium', truthy: false },
|
|
30
|
-
},
|
|
31
|
-
medium: {
|
|
32
|
-
control: {
|
|
33
|
-
type: 'boolean',
|
|
34
|
-
},
|
|
35
|
-
if: { arg: 'bold', truthy: false },
|
|
36
|
-
},
|
|
37
25
|
},
|
|
38
26
|
args: {
|
|
39
27
|
noWrap: false,
|
|
40
28
|
breakWord: true,
|
|
41
29
|
bold: false,
|
|
42
|
-
medium: false,
|
|
43
30
|
},
|
|
44
31
|
};
|
|
45
32
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "
|
|
2
|
+
var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "color", "className", "style"];
|
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -21,7 +21,6 @@ export var typographyRootCompose = function typographyRootCompose(defaultArgs) {
|
|
|
21
21
|
noWrap = props.noWrap,
|
|
22
22
|
_props$bold = props.bold,
|
|
23
23
|
bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
|
|
24
|
-
medium = props.medium,
|
|
25
24
|
color = props.color,
|
|
26
25
|
className = props.className,
|
|
27
26
|
style = props.style,
|
|
@@ -29,10 +28,11 @@ export var typographyRootCompose = function typographyRootCompose(defaultArgs) {
|
|
|
29
28
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
|
30
29
|
size: size,
|
|
31
30
|
ref: ref,
|
|
32
|
-
className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold,
|
|
31
|
+
className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, className),
|
|
33
32
|
style: _objectSpread(_objectSpread({
|
|
34
33
|
color: color
|
|
35
|
-
}, style), applySpacing(rest))
|
|
34
|
+
}, style), applySpacing(rest)),
|
|
35
|
+
bold: bold
|
|
36
36
|
}, rest), children);
|
|
37
37
|
});
|
|
38
38
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { css } from 'styled-components';
|
|
2
2
|
import { applyHyphens, applyHyphensNormal } from '../../mixins';
|
|
3
3
|
import { classes, tokens } from './tokens';
|
|
4
|
-
export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");&.", "{font-weight:var(", ");}&.", "{
|
|
4
|
+
export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");&.", "{font-weight:var(", ");}&.", "{white-space:nowrap;}", ";&.", "{", ";}"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight, tokens.typoFontWeight, classes.typoBold, tokens.typoFontWeightBold, classes.typoWithNoWrap, applyHyphensNormal, classes.typoWithBreakWord, applyHyphens);
|