@salutejs/plasma-new-hope 0.320.1-canary.1909.14463205389.0 → 0.320.1-canary.1909.14464375222.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.
Files changed (57) hide show
  1. package/cjs/components/Typography/Body/Body.css +1 -1
  2. package/cjs/components/Typography/Typography.js +3 -2
  3. package/cjs/components/Typography/Typography.js.map +1 -1
  4. package/cjs/components/Typography/Typography.styles.js +1 -1
  5. package/cjs/components/Typography/Typography.styles.js.map +1 -1
  6. package/cjs/components/Typography/{Typography.styles_c0qunc.css → Typography.styles_ysh8u6.css} +1 -1
  7. package/cjs/components/Typography/tokens.js +2 -1
  8. package/cjs/components/Typography/tokens.js.map +1 -1
  9. package/cjs/index.css +1 -1
  10. package/emotion/cjs/components/Typography/Typography.js +3 -2
  11. package/emotion/cjs/components/Typography/Typography.styles.js +1 -1
  12. package/emotion/cjs/components/Typography/Typography.template-doc.mdx +3 -0
  13. package/emotion/cjs/components/Typography/tokens.js +2 -1
  14. package/emotion/cjs/examples/typography/components/Body/Body.stories.tsx +9 -4
  15. package/emotion/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +3 -0
  16. package/emotion/cjs/examples/typography/components/Heading/Heading.stories.tsx +3 -0
  17. package/emotion/cjs/examples/typography/components/Text/Text.stories.tsx +3 -0
  18. package/emotion/es/components/Typography/Typography.js +3 -2
  19. package/emotion/es/components/Typography/Typography.styles.js +1 -1
  20. package/emotion/es/components/Typography/Typography.template-doc.mdx +3 -0
  21. package/emotion/es/components/Typography/tokens.js +2 -1
  22. package/emotion/es/examples/typography/components/Body/Body.stories.tsx +9 -4
  23. package/emotion/es/examples/typography/components/Dspl/Dspl.stories.tsx +3 -0
  24. package/emotion/es/examples/typography/components/Heading/Heading.stories.tsx +3 -0
  25. package/emotion/es/examples/typography/components/Text/Text.stories.tsx +3 -0
  26. package/es/components/Typography/Body/Body.css +1 -1
  27. package/es/components/Typography/Typography.js +3 -2
  28. package/es/components/Typography/Typography.js.map +1 -1
  29. package/es/components/Typography/Typography.styles.js +1 -1
  30. package/es/components/Typography/Typography.styles.js.map +1 -1
  31. package/es/components/Typography/{Typography.styles_c0qunc.css → Typography.styles_ysh8u6.css} +1 -1
  32. package/es/components/Typography/tokens.js +2 -1
  33. package/es/components/Typography/tokens.js.map +1 -1
  34. package/es/index.css +1 -1
  35. package/package.json +5 -5
  36. package/styled-components/cjs/components/Typography/Typography.js +3 -2
  37. package/styled-components/cjs/components/Typography/Typography.styles.js +1 -1
  38. package/styled-components/cjs/components/Typography/Typography.template-doc.mdx +3 -0
  39. package/styled-components/cjs/components/Typography/tokens.js +2 -1
  40. package/styled-components/cjs/examples/typography/components/Body/Body.stories.tsx +9 -4
  41. package/styled-components/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +3 -0
  42. package/styled-components/cjs/examples/typography/components/Heading/Heading.stories.tsx +3 -0
  43. package/styled-components/cjs/examples/typography/components/Text/Text.stories.tsx +3 -0
  44. package/styled-components/es/components/Typography/Typography.js +3 -2
  45. package/styled-components/es/components/Typography/Typography.styles.js +1 -1
  46. package/styled-components/es/components/Typography/Typography.template-doc.mdx +3 -0
  47. package/styled-components/es/components/Typography/tokens.js +2 -1
  48. package/styled-components/es/examples/typography/components/Body/Body.stories.tsx +9 -4
  49. package/styled-components/es/examples/typography/components/Dspl/Dspl.stories.tsx +3 -0
  50. package/styled-components/es/examples/typography/components/Heading/Heading.stories.tsx +3 -0
  51. package/styled-components/es/examples/typography/components/Text/Text.stories.tsx +3 -0
  52. package/types/components/Typography/Typography.d.ts.map +1 -1
  53. package/types/components/Typography/Typography.styles.d.ts.map +1 -1
  54. package/types/components/Typography/Typography.types.d.ts +4 -0
  55. package/types/components/Typography/Typography.types.d.ts.map +1 -1
  56. package/types/components/Typography/tokens.d.ts +1 -0
  57. package/types/components/Typography/tokens.d.ts.map +1 -1
package/cjs/components/Typography/Body/Body.css CHANGED
@@ -1 +1 @@
1
- .Typography_styles_c0qunc_b1ru04lg__3658e3b6{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_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_typographyBold__3658e3b6{font-weight:var(--typo-font-weight-bold);}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_typographyMedium__3658e3b6{font-weight:var(--typo-font-weight-medium);}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_withNoWrap__3658e3b6{white-space:nowrap;}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_withBreakWord__3658e3b6{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
1
+ .Typography_styles_ysh8u6_b1ru04lg__63d1851b{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_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyBold__63d1851b{font-weight:var(--typo-font-weight-bold);}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyMedium__63d1851b{font-weight:var(--typo-font-weight-medium);}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_withNoWrap__63d1851b{white-space:nowrap;}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyIsNumeric__63d1851b{font-variant-numeric:tabular-nums;}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_withBreakWord__63d1851b{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
package/cjs/components/Typography/Typography.js CHANGED
@@ -12,7 +12,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
12
12
 
13
13
  var React__default = /*#__PURE__*/_interopDefault(React);
14
14
 
15
- var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "className", "style"];
15
+ var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "isNumeric", "className", "style"];
16
16
  var typographyRootCompose = function typographyRootCompose(defaultArgs) {
17
17
  return function (Root) {
18
18
  return /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -24,13 +24,14 @@ var typographyRootCompose = function typographyRootCompose(defaultArgs) {
24
24
  bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
25
25
  medium = props.medium,
26
26
  color = props.color,
27
+ isNumeric = props.isNumeric,
27
28
  className = props.className,
28
29
  style = props.style,
29
30
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
30
31
  return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
31
32
  size: size,
32
33
  ref: ref,
33
- className: index.cx(noWrap && tokens.classes.typoWithNoWrap, breakWord && tokens.classes.typoWithBreakWord, bold && tokens.classes.typoBold, medium && tokens.classes.typoMedium, className),
34
+ className: index.cx(noWrap && tokens.classes.typoWithNoWrap, breakWord && tokens.classes.typoWithBreakWord, bold && tokens.classes.typoBold, medium && tokens.classes.typoMedium, isNumeric && tokens.classes.typoIsNumeric, className),
34
35
  style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
35
36
  color: color
36
37
  }, style), applySpacing.applySpacing(rest))
package/cjs/components/Typography/Typography.js.map CHANGED
@@ -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 medium,\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 medium && classes.typoMedium,\n className,\n )}\n style={{ color, ...style, ...applySpacing(rest) }}\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","medium","color","className","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","cx","classes","typoWithNoWrap","typoWithBreakWord","typoBold","typoMedium","_objectSpread","applySpacing"],"mappings":";;;;;;;;;;;;;;;IASaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,WAAuC,EAAA;AAAA,EAAA,OAAK,UAC9EC,IAA0C,EAAA;AAAA,IAAA,oBAE1CC,gBAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,MAAA,IACIC,IAAI,GAUJF,KAAK,CAVLE,IAAI;QACJC,QAAQ,GASRH,KAAK,CATLG,QAAQ;QACRC,SAAS,GAQTJ,KAAK,CARLI,SAAS;QACTC,MAAM,GAONL,KAAK,CAPLK,MAAM;QAAAC,WAAA,GAONN,KAAK,CANLO,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,MAAM,GAKNT,KAAK,CALLS,MAAM;QACNC,KAAK,GAILV,KAAK,CAJLU,KAAK;QACLC,SAAS,GAGTX,KAAK,CAHLW,SAAS;QACTC,KAAK,GAELZ,KAAK,CAFLY,KAAK;AACFC,QAAAA,IAAI,GAAAC,iDAAA,CACPd,KAAK,EAAAe,SAAA,CAAA,CAAA;AAET,MAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,iCAAA,CAAA;AACDhB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;AACTU,QAAAA,SAAS,EAAEQ,QAAE,CACTd,MAAM,IAAIe,cAAO,CAACC,cAAc,EAChCjB,SAAS,IAAIgB,cAAO,CAACE,iBAAiB,EACtCf,IAAI,IAAIa,cAAO,CAACG,QAAQ,EACxBd,MAAM,IAAIW,cAAO,CAACI,UAAU,EAC5Bb,SACJ,CAAE;QACFC,KAAK,EAAAa,uCAAA,CAAAA,uCAAA,CAAA;AAAIf,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKE,KAAK,CAAA,EAAKc,yBAAY,CAACb,IAAI,CAAC,CAAA;OAC3CA,EAAAA,IAAI,CAEPV,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}
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 medium,\n color,\n isNumeric,\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 medium && classes.typoMedium,\n isNumeric && classes.typoIsNumeric,\n className,\n )}\n style={{ color, ...style, ...applySpacing(rest) }}\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","medium","color","isNumeric","className","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","cx","classes","typoWithNoWrap","typoWithBreakWord","typoBold","typoMedium","typoIsNumeric","_objectSpread","applySpacing"],"mappings":";;;;;;;;;;;;;;;IASaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,WAAuC,EAAA;AAAA,EAAA,OAAK,UAC9EC,IAA0C,EAAA;AAAA,IAAA,oBAE1CC,gBAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,MAAA,IACIC,IAAI,GAWJF,KAAK,CAXLE,IAAI;QACJC,QAAQ,GAURH,KAAK,CAVLG,QAAQ;QACRC,SAAS,GASTJ,KAAK,CATLI,SAAS;QACTC,MAAM,GAQNL,KAAK,CARLK,MAAM;QAAAC,WAAA,GAQNN,KAAK,CAPLO,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,MAAM,GAMNT,KAAK,CANLS,MAAM;QACNC,KAAK,GAKLV,KAAK,CALLU,KAAK;QACLC,SAAS,GAITX,KAAK,CAJLW,SAAS;QACTC,SAAS,GAGTZ,KAAK,CAHLY,SAAS;QACTC,KAAK,GAELb,KAAK,CAFLa,KAAK;AACFC,QAAAA,IAAI,GAAAC,iDAAA,CACPf,KAAK,EAAAgB,SAAA,CAAA,CAAA;AAET,MAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACpB,IAAI,EAAAqB,iCAAA,CAAA;AACDjB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;AACTW,QAAAA,SAAS,EAAEQ,QAAE,CACTf,MAAM,IAAIgB,cAAO,CAACC,cAAc,EAChClB,SAAS,IAAIiB,cAAO,CAACE,iBAAiB,EACtChB,IAAI,IAAIc,cAAO,CAACG,QAAQ,EACxBf,MAAM,IAAIY,cAAO,CAACI,UAAU,EAC5Bd,SAAS,IAAIU,cAAO,CAACK,aAAa,EAClCd,SACJ,CAAE;QACFC,KAAK,EAAAc,uCAAA,CAAAA,uCAAA,CAAA;AAAIjB,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKG,KAAK,CAAA,EAAKe,yBAAY,CAACd,IAAI,CAAC,CAAA;OAC3CA,EAAAA,IAAI,CAEPX,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}
package/cjs/components/Typography/Typography.styles.js CHANGED
@@ -1,4 +1,4 @@
1
- require('./Typography.styles_c0qunc.css');
1
+ require('./Typography.styles_ysh8u6.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
package/cjs/components/Typography/Typography.styles.js.map CHANGED
@@ -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.typoMedium} {\n font-weight: var(${tokens.typoFontWeightMedium});\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,GAyBhB;;;;"}
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.typoMedium} {\n font-weight: var(${tokens.typoFontWeightMedium});\n }\n\n &.${classes.typoWithNoWrap} {\n white-space: nowrap;\n }\n\n &.${classes.typoIsNumeric} {\n font-variant-numeric: tabular-nums;\n }\n\n ${applyHyphensNormal};\n\n &.${classes.typoWithBreakWord} {\n ${applyHyphens};\n }\n`;\n"],"names":["base"],"mappings":";;;;AAMO,IAAMA,IAAI,GA6BhB;;;;"}
package/cjs/components/Typography/{Typography.styles_c0qunc.css → Typography.styles_ysh8u6.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.typography-medium{font-weight:var(--typo-font-weight-medium);}.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
+ .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.typography-medium{font-weight:var(--typo-font-weight-medium);}.b1ru04lg.with-no-wrap{white-space:nowrap;}.b1ru04lg.typography-is-numeric{font-variant-numeric:tabular-nums;}.b1ru04lg.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
package/cjs/components/Typography/tokens.js CHANGED
@@ -6,7 +6,8 @@ var classes = {
6
6
  typoWithNoWrap: 'with-no-wrap',
7
7
  typoWithBreakWord: 'with-break-word',
8
8
  typoBold: 'typography-bold',
9
- typoMedium: 'typography-medium'
9
+ typoMedium: 'typography-medium',
10
+ typoIsNumeric: 'typography-is-numeric'
10
11
  };
11
12
  var tokens = {
12
13
  typoFontFamily: '--typo-font-family',
package/cjs/components/Typography/tokens.js.map CHANGED
@@ -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 typoMedium: 'typography-medium',\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 typoFontWeightMedium: '--typo-font-weight-medium',\n typoFontLetterSpacing: '--typo-font-letter-spacing',\n typoFontLineHeight: '--typo-font-line-height',\n};\n"],"names":["classes","typoWithNoWrap","typoWithBreakWord","typoBold","typoMedium","tokens","typoFontFamily","typoFontSize","typoFontStyle","typoFontWeight","typoFontWeightBold","typoFontWeightMedium","typoFontLetterSpacing","typoFontLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,cAAc;AAC9BC,EAAAA,iBAAiB,EAAE,iBAAiB;AACpCC,EAAAA,QAAQ,EAAE,iBAAiB;AAC3BC,EAAAA,UAAU,EAAE,mBAAA;AAChB,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,oBAAoB,EAAE,2BAA2B;AACjDC,EAAAA,qBAAqB,EAAE,4BAA4B;AACnDC,EAAAA,kBAAkB,EAAE,yBAAA;AACxB;;;;;"}
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 typoMedium: 'typography-medium',\n typoIsNumeric: 'typography-is-numeric',\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 typoFontWeightMedium: '--typo-font-weight-medium',\n typoFontLetterSpacing: '--typo-font-letter-spacing',\n typoFontLineHeight: '--typo-font-line-height',\n};\n"],"names":["classes","typoWithNoWrap","typoWithBreakWord","typoBold","typoMedium","typoIsNumeric","tokens","typoFontFamily","typoFontSize","typoFontStyle","typoFontWeight","typoFontWeightBold","typoFontWeightMedium","typoFontLetterSpacing","typoFontLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,cAAc;AAC9BC,EAAAA,iBAAiB,EAAE,iBAAiB;AACpCC,EAAAA,QAAQ,EAAE,iBAAiB;AAC3BC,EAAAA,UAAU,EAAE,mBAAmB;AAC/BC,EAAAA,aAAa,EAAE,uBAAA;AACnB,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,oBAAoB,EAAE,2BAA2B;AACjDC,EAAAA,qBAAqB,EAAE,4BAA4B;AACnDC,EAAAA,kBAAkB,EAAE,yBAAA;AACxB;;;;;"}
package/cjs/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
- .Typography_styles_c0qunc_b1ru04lg__3658e3b6{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_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_typographyBold__3658e3b6{font-weight:var(--typo-font-weight-bold);}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_typographyMedium__3658e3b6{font-weight:var(--typo-font-weight-medium);}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_withNoWrap__3658e3b6{white-space:nowrap;}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_withBreakWord__3658e3b6{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
340
+ .Typography_styles_ysh8u6_b1ru04lg__63d1851b{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_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyBold__63d1851b{font-weight:var(--typo-font-weight-bold);}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyMedium__63d1851b{font-weight:var(--typo-font-weight-medium);}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_withNoWrap__63d1851b{white-space:nowrap;}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyIsNumeric__63d1851b{font-variant-numeric:tabular-nums;}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_withBreakWord__63d1851b{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/emotion/cjs/components/Typography/Typography.js CHANGED
@@ -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", "medium", "color", "className", "style"];
12
+ var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "isNumeric", "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() { 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); }
@@ -31,13 +31,14 @@ var typographyRootCompose = exports.typographyRootCompose = function typographyR
31
31
  bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
32
32
  medium = props.medium,
33
33
  color = props.color,
34
+ isNumeric = props.isNumeric,
34
35
  className = props.className,
35
36
  style = props.style,
36
37
  rest = _objectWithoutProperties(props, _excluded);
37
38
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
38
39
  size: size,
39
40
  ref: ref,
40
- className: (0, _utils.cx)(noWrap && _tokens.classes.typoWithNoWrap, breakWord && _tokens.classes.typoWithBreakWord, bold && _tokens.classes.typoBold, medium && _tokens.classes.typoMedium, className),
41
+ className: (0, _utils.cx)(noWrap && _tokens.classes.typoWithNoWrap, breakWord && _tokens.classes.typoWithBreakWord, bold && _tokens.classes.typoBold, medium && _tokens.classes.typoMedium, isNumeric && _tokens.classes.typoIsNumeric, className),
41
42
  style: _objectSpread(_objectSpread({
42
43
  color: color
43
44
  }, style), (0, _applySpacing.applySpacing)(rest))
package/emotion/cjs/components/Typography/Typography.styles.js CHANGED
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _react = /*#__PURE__*/require("@emotion/react");
8
8
  var _mixins = /*#__PURE__*/require("../../mixins");
9
9
  var _tokens = /*#__PURE__*/require("./tokens");
10
- var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.typoFontFamily, ");font-size:var(", _tokens.tokens.typoFontSize, ");font-style:var(", _tokens.tokens.typoFontStyle, ");letter-spacing:var(", _tokens.tokens.typoFontLetterSpacing, ");line-height:var(", _tokens.tokens.typoFontLineHeight, ");font-weight:var(", _tokens.tokens.typoFontWeight, ");&.", _tokens.classes.typoBold, "{font-weight:var(", _tokens.tokens.typoFontWeightBold, ");}&.", _tokens.classes.typoMedium, "{font-weight:var(", _tokens.tokens.typoFontWeightMedium, ");}&.", _tokens.classes.typoWithNoWrap, "{white-space:nowrap;}", _mixins.applyHyphensNormal, ";&.", _tokens.classes.typoWithBreakWord, "{", _mixins.applyHyphens, ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50eXBvRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnR5cG9Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50eXBvRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9KTtcblxuICAgICYuJHtjbGFzc2VzLnR5cG9Cb2xkfSB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb01lZGl1bX0ge1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0TWVkaXVtfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhOb1dyYXB9IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG5cbiAgICAke2FwcGx5SHlwaGVuc05vcm1hbH07XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvV2l0aEJyZWFrV29yZH0ge1xuICAgICAgICAke2FwcGx5SHlwaGVuc307XG4gICAgfVxuYDtcbiJdfQ== */"));
10
+ var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.typoFontFamily, ");font-size:var(", _tokens.tokens.typoFontSize, ");font-style:var(", _tokens.tokens.typoFontStyle, ");letter-spacing:var(", _tokens.tokens.typoFontLetterSpacing, ");line-height:var(", _tokens.tokens.typoFontLineHeight, ");font-weight:var(", _tokens.tokens.typoFontWeight, ");&.", _tokens.classes.typoBold, "{font-weight:var(", _tokens.tokens.typoFontWeightBold, ");}&.", _tokens.classes.typoMedium, "{font-weight:var(", _tokens.tokens.typoFontWeightMedium, ");}&.", _tokens.classes.typoWithNoWrap, "{white-space:nowrap;}&.", _tokens.classes.typoIsNumeric, "{font-variant-numeric:tabular-nums;}", _mixins.applyHyphensNormal, ";&.", _tokens.classes.typoWithBreakWord, "{", _mixins.applyHyphens, ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50eXBvRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnR5cG9Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50eXBvRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9KTtcblxuICAgICYuJHtjbGFzc2VzLnR5cG9Cb2xkfSB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb01lZGl1bX0ge1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0TWVkaXVtfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhOb1dyYXB9IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvSXNOdW1lcmljfSB7XG4gICAgICAgIGZvbnQtdmFyaWFudC1udW1lcmljOiB0YWJ1bGFyLW51bXM7XG4gICAgfVxuXG4gICAgJHthcHBseUh5cGhlbnNOb3JtYWx9O1xuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhCcmVha1dvcmR9IHtcbiAgICAgICAgJHthcHBseUh5cGhlbnN9O1xuICAgIH1cbmA7XG4iXX0= */"));
package/emotion/cjs/components/Typography/Typography.template-doc.mdx CHANGED
@@ -39,6 +39,9 @@ export function App() {
39
39
  }
40
40
  ```
41
41
 
42
+ ## Моноширинные числа
43
+ Если необходимо сделать числа моноширинным, то нужно установить свойство `inNumeric` в значении `true`.
44
+
42
45
  ## Состав
43
46
 
44
47
  ### Hero unit
package/emotion/cjs/components/Typography/tokens.js CHANGED
@@ -8,7 +8,8 @@ var classes = exports.classes = {
8
8
  typoWithNoWrap: 'with-no-wrap',
9
9
  typoWithBreakWord: 'with-break-word',
10
10
  typoBold: 'typography-bold',
11
- typoMedium: 'typography-medium'
11
+ typoMedium: 'typography-medium',
12
+ typoIsNumeric: 'typography-is-numeric'
12
13
  };
13
14
  var tokens = exports.tokens = {
14
15
  typoFontFamily: '--typo-font-family',
package/emotion/cjs/examples/typography/components/Body/Body.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Body> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -48,10 +49,14 @@ export default meta;
48
49
  export const Default: StoryObj<typeof Body> = {
49
50
  render: (args) => {
50
51
  return (
51
- <Body {...args}>
52
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
- distinctio modi quo, provident quod.
54
- </Body>
52
+ <>
53
+ <Body {...args}>
54
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
55
+ distinctio modi quo, provident quod.
56
+ <br />
57
+ 1234567890
58
+ </Body>
59
+ </>
55
60
  );
56
61
  },
57
62
  };
package/emotion/cjs/examples/typography/components/Dspl/Dspl.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Dspl> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Dspl> = {
51
52
  <Dspl {...props}>
52
53
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
54
  distinctio modi quo, provident quod.
55
+ <br />
56
+ 1234567890
54
57
  </Dspl>
55
58
  );
56
59
  },
package/emotion/cjs/examples/typography/components/Heading/Heading.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Heading> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Heading> = {
51
52
  <Heading {...props}>
52
53
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
54
  distinctio modi quo, provident quod.
55
+ <br />
56
+ 1234567890
54
57
  </Heading>
55
58
  );
56
59
  },
package/emotion/cjs/examples/typography/components/Text/Text.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Text> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Text> = {
51
52
  <Text {...props}>
52
53
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
54
  distinctio modi quo, provident quod.
55
+ <br />
56
+ 1234567890
54
57
  </Text>
55
58
  );
56
59
  },
package/emotion/es/components/Typography/Typography.js CHANGED
@@ -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", "medium", "color", "className", "style"];
2
+ var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "isNumeric", "className", "style"];
3
3
  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); }
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; }
@@ -23,13 +23,14 @@ export var typographyRootCompose = function typographyRootCompose(defaultArgs) {
23
23
  bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
24
24
  medium = props.medium,
25
25
  color = props.color,
26
+ isNumeric = props.isNumeric,
26
27
  className = props.className,
27
28
  style = props.style,
28
29
  rest = _objectWithoutProperties(props, _excluded);
29
30
  return /*#__PURE__*/React.createElement(Root, _extends({
30
31
  size: size,
31
32
  ref: ref,
32
- className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, medium && classes.typoMedium, className),
33
+ className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, medium && classes.typoMedium, isNumeric && classes.typoIsNumeric, className),
33
34
  style: _objectSpread(_objectSpread({
34
35
  color: color
35
36
  }, style), applySpacing(rest))
package/emotion/es/components/Typography/Typography.styles.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { applyHyphens, applyHyphensNormal } from "../../mixins";
3
3
  import { classes, tokens } from "./tokens";
4
- export var base = /*#__PURE__*/css("font-family:var(", tokens.typoFontFamily, ");font-size:var(", tokens.typoFontSize, ");font-style:var(", tokens.typoFontStyle, ");letter-spacing:var(", tokens.typoFontLetterSpacing, ");line-height:var(", tokens.typoFontLineHeight, ");font-weight:var(", tokens.typoFontWeight, ");&.", classes.typoBold, "{font-weight:var(", tokens.typoFontWeightBold, ");}&.", classes.typoMedium, "{font-weight:var(", tokens.typoFontWeightMedium, ");}&.", classes.typoWithNoWrap, "{white-space:nowrap;}", applyHyphensNormal, ";&.", classes.typoWithBreakWord, "{", applyHyphens, ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50eXBvRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnR5cG9Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50eXBvRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9KTtcblxuICAgICYuJHtjbGFzc2VzLnR5cG9Cb2xkfSB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb01lZGl1bX0ge1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0TWVkaXVtfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhOb1dyYXB9IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG5cbiAgICAke2FwcGx5SHlwaGVuc05vcm1hbH07XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvV2l0aEJyZWFrV29yZH0ge1xuICAgICAgICAke2FwcGx5SHlwaGVuc307XG4gICAgfVxuYDtcbiJdfQ== */"));
4
+ export var base = /*#__PURE__*/css("font-family:var(", tokens.typoFontFamily, ");font-size:var(", tokens.typoFontSize, ");font-style:var(", tokens.typoFontStyle, ");letter-spacing:var(", tokens.typoFontLetterSpacing, ");line-height:var(", tokens.typoFontLineHeight, ");font-weight:var(", tokens.typoFontWeight, ");&.", classes.typoBold, "{font-weight:var(", tokens.typoFontWeightBold, ");}&.", classes.typoMedium, "{font-weight:var(", tokens.typoFontWeightMedium, ");}&.", classes.typoWithNoWrap, "{white-space:nowrap;}&.", classes.typoIsNumeric, "{font-variant-numeric:tabular-nums;}", applyHyphensNormal, ";&.", classes.typoWithBreakWord, "{", applyHyphens, ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50eXBvRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnR5cG9Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50eXBvRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9KTtcblxuICAgICYuJHtjbGFzc2VzLnR5cG9Cb2xkfSB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb01lZGl1bX0ge1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0TWVkaXVtfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhOb1dyYXB9IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvSXNOdW1lcmljfSB7XG4gICAgICAgIGZvbnQtdmFyaWFudC1udW1lcmljOiB0YWJ1bGFyLW51bXM7XG4gICAgfVxuXG4gICAgJHthcHBseUh5cGhlbnNOb3JtYWx9O1xuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhCcmVha1dvcmR9IHtcbiAgICAgICAgJHthcHBseUh5cGhlbnN9O1xuICAgIH1cbmA7XG4iXX0= */"));
package/emotion/es/components/Typography/Typography.template-doc.mdx CHANGED
@@ -39,6 +39,9 @@ export function App() {
39
39
  }
40
40
  ```
41
41
 
42
+ ## Моноширинные числа
43
+ Если необходимо сделать числа моноширинным, то нужно установить свойство `inNumeric` в значении `true`.
44
+
42
45
  ## Состав
43
46
 
44
47
  ### Hero unit
package/emotion/es/components/Typography/tokens.js CHANGED
@@ -2,7 +2,8 @@ export var classes = {
2
2
  typoWithNoWrap: 'with-no-wrap',
3
3
  typoWithBreakWord: 'with-break-word',
4
4
  typoBold: 'typography-bold',
5
- typoMedium: 'typography-medium'
5
+ typoMedium: 'typography-medium',
6
+ typoIsNumeric: 'typography-is-numeric'
6
7
  };
7
8
  export var tokens = {
8
9
  typoFontFamily: '--typo-font-family',
package/emotion/es/examples/typography/components/Body/Body.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Body> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -48,10 +49,14 @@ export default meta;
48
49
  export const Default: StoryObj<typeof Body> = {
49
50
  render: (args) => {
50
51
  return (
51
- <Body {...args}>
52
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
- distinctio modi quo, provident quod.
54
- </Body>
52
+ <>
53
+ <Body {...args}>
54
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
55
+ distinctio modi quo, provident quod.
56
+ <br />
57
+ 1234567890
58
+ </Body>
59
+ </>
55
60
  );
56
61
  },
57
62
  };
package/emotion/es/examples/typography/components/Dspl/Dspl.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Dspl> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Dspl> = {
51
52
  <Dspl {...props}>
52
53
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
54
  distinctio modi quo, provident quod.
55
+ <br />
56
+ 1234567890
54
57
  </Dspl>
55
58
  );
56
59
  },
package/emotion/es/examples/typography/components/Heading/Heading.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Heading> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Heading> = {
51
52
  <Heading {...props}>
52
53
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
54
  distinctio modi quo, provident quod.
55
+ <br />
56
+ 1234567890
54
57
  </Heading>
55
58
  );
56
59
  },
package/emotion/es/examples/typography/components/Text/Text.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Text> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Text> = {
51
52
  <Text {...props}>
52
53
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
54
  distinctio modi quo, provident quod.
55
+ <br />
56
+ 1234567890
54
57
  </Text>
55
58
  );
56
59
  },
package/es/components/Typography/Body/Body.css CHANGED
@@ -1 +1 @@
1
- .Typography_styles_c0qunc_b1ru04lg__3658e3b6{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_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_typographyBold__3658e3b6{font-weight:var(--typo-font-weight-bold);}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_typographyMedium__3658e3b6{font-weight:var(--typo-font-weight-medium);}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_withNoWrap__3658e3b6{white-space:nowrap;}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_withBreakWord__3658e3b6{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
1
+ .Typography_styles_ysh8u6_b1ru04lg__63d1851b{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_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyBold__63d1851b{font-weight:var(--typo-font-weight-bold);}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyMedium__63d1851b{font-weight:var(--typo-font-weight-medium);}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_withNoWrap__63d1851b{white-space:nowrap;}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyIsNumeric__63d1851b{font-variant-numeric:tabular-nums;}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_withBreakWord__63d1851b{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
package/es/components/Typography/Typography.js CHANGED
@@ -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", "medium", "color", "className", "style"];
7
+ var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "isNumeric", "className", "style"];
8
8
  var typographyRootCompose = function typographyRootCompose(defaultArgs) {
9
9
  return function (Root) {
10
10
  return /*#__PURE__*/forwardRef(function (props, ref) {
@@ -16,13 +16,14 @@ var typographyRootCompose = function typographyRootCompose(defaultArgs) {
16
16
  bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
17
17
  medium = props.medium,
18
18
  color = props.color,
19
+ isNumeric = props.isNumeric,
19
20
  className = props.className,
20
21
  style = props.style,
21
22
  rest = _objectWithoutProperties(props, _excluded);
22
23
  return /*#__PURE__*/React.createElement(Root, _extends({
23
24
  size: size,
24
25
  ref: ref,
25
- className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, medium && classes.typoMedium, className),
26
+ className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, medium && classes.typoMedium, isNumeric && classes.typoIsNumeric, className),
26
27
  style: _objectSpread2(_objectSpread2({
27
28
  color: color
28
29
  }, style), applySpacing(rest))
package/es/components/Typography/Typography.js.map CHANGED
@@ -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 medium,\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 medium && classes.typoMedium,\n className,\n )}\n style={{ color, ...style, ...applySpacing(rest) }}\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","medium","color","className","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","cx","classes","typoWithNoWrap","typoWithBreakWord","typoBold","typoMedium","_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,GAUJF,KAAK,CAVLE,IAAI;QACJC,QAAQ,GASRH,KAAK,CATLG,QAAQ;QACRC,SAAS,GAQTJ,KAAK,CARLI,SAAS;QACTC,MAAM,GAONL,KAAK,CAPLK,MAAM;QAAAC,WAAA,GAONN,KAAK,CANLO,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,MAAM,GAKNT,KAAK,CALLS,MAAM;QACNC,KAAK,GAILV,KAAK,CAJLU,KAAK;QACLC,SAAS,GAGTX,KAAK,CAHLW,SAAS;QACTC,KAAK,GAELZ,KAAK,CAFLY,KAAK;AACFC,QAAAA,IAAI,GAAAC,wBAAA,CACPd,KAAK,EAAAe,SAAA,CAAA,CAAA;AAET,MAAA,oBACIC,KAAA,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,QAAA,CAAA;AACDhB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;AACTU,QAAAA,SAAS,EAAEQ,EAAE,CACTd,MAAM,IAAIe,OAAO,CAACC,cAAc,EAChCjB,SAAS,IAAIgB,OAAO,CAACE,iBAAiB,EACtCf,IAAI,IAAIa,OAAO,CAACG,QAAQ,EACxBd,MAAM,IAAIW,OAAO,CAACI,UAAU,EAC5Bb,SACJ,CAAE;QACFC,KAAK,EAAAa,cAAA,CAAAA,cAAA,CAAA;AAAIf,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKE,KAAK,CAAA,EAAKc,YAAY,CAACb,IAAI,CAAC,CAAA;OAC3CA,EAAAA,IAAI,CAEPV,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}
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 medium,\n color,\n isNumeric,\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 medium && classes.typoMedium,\n isNumeric && classes.typoIsNumeric,\n className,\n )}\n style={{ color, ...style, ...applySpacing(rest) }}\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","medium","color","isNumeric","className","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","cx","classes","typoWithNoWrap","typoWithBreakWord","typoBold","typoMedium","typoIsNumeric","_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,GAWJF,KAAK,CAXLE,IAAI;QACJC,QAAQ,GAURH,KAAK,CAVLG,QAAQ;QACRC,SAAS,GASTJ,KAAK,CATLI,SAAS;QACTC,MAAM,GAQNL,KAAK,CARLK,MAAM;QAAAC,WAAA,GAQNN,KAAK,CAPLO,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,MAAM,GAMNT,KAAK,CANLS,MAAM;QACNC,KAAK,GAKLV,KAAK,CALLU,KAAK;QACLC,SAAS,GAITX,KAAK,CAJLW,SAAS;QACTC,SAAS,GAGTZ,KAAK,CAHLY,SAAS;QACTC,KAAK,GAELb,KAAK,CAFLa,KAAK;AACFC,QAAAA,IAAI,GAAAC,wBAAA,CACPf,KAAK,EAAAgB,SAAA,CAAA,CAAA;AAET,MAAA,oBACIC,KAAA,CAAAC,aAAA,CAACpB,IAAI,EAAAqB,QAAA,CAAA;AACDjB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;AACTW,QAAAA,SAAS,EAAEQ,EAAE,CACTf,MAAM,IAAIgB,OAAO,CAACC,cAAc,EAChClB,SAAS,IAAIiB,OAAO,CAACE,iBAAiB,EACtChB,IAAI,IAAIc,OAAO,CAACG,QAAQ,EACxBf,MAAM,IAAIY,OAAO,CAACI,UAAU,EAC5Bd,SAAS,IAAIU,OAAO,CAACK,aAAa,EAClCd,SACJ,CAAE;QACFC,KAAK,EAAAc,cAAA,CAAAA,cAAA,CAAA;AAAIjB,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKG,KAAK,CAAA,EAAKe,YAAY,CAACd,IAAI,CAAC,CAAA;OAC3CA,EAAAA,IAAI,CAEPX,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}
package/es/components/Typography/Typography.styles.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Typography.styles_c0qunc.css';
1
+ import './Typography.styles_ysh8u6.css';
2
2
  var base = "b1ru04lg";
3
3
 
4
4
  export { base };
package/es/components/Typography/Typography.styles.js.map CHANGED
@@ -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.typoMedium} {\n font-weight: var(${tokens.typoFontWeightMedium});\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,GAyBhB;;;;"}
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.typoMedium} {\n font-weight: var(${tokens.typoFontWeightMedium});\n }\n\n &.${classes.typoWithNoWrap} {\n white-space: nowrap;\n }\n\n &.${classes.typoIsNumeric} {\n font-variant-numeric: tabular-nums;\n }\n\n ${applyHyphensNormal};\n\n &.${classes.typoWithBreakWord} {\n ${applyHyphens};\n }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GA6BhB;;;;"}
package/es/components/Typography/{Typography.styles_c0qunc.css → Typography.styles_ysh8u6.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.typography-medium{font-weight:var(--typo-font-weight-medium);}.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
+ .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.typography-medium{font-weight:var(--typo-font-weight-medium);}.b1ru04lg.with-no-wrap{white-space:nowrap;}.b1ru04lg.typography-is-numeric{font-variant-numeric:tabular-nums;}.b1ru04lg.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
package/es/components/Typography/tokens.js CHANGED
@@ -2,7 +2,8 @@ var classes = {
2
2
  typoWithNoWrap: 'with-no-wrap',
3
3
  typoWithBreakWord: 'with-break-word',
4
4
  typoBold: 'typography-bold',
5
- typoMedium: 'typography-medium'
5
+ typoMedium: 'typography-medium',
6
+ typoIsNumeric: 'typography-is-numeric'
6
7
  };
7
8
  var tokens = {
8
9
  typoFontFamily: '--typo-font-family',
package/es/components/Typography/tokens.js.map CHANGED
@@ -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 typoMedium: 'typography-medium',\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 typoFontWeightMedium: '--typo-font-weight-medium',\n typoFontLetterSpacing: '--typo-font-letter-spacing',\n typoFontLineHeight: '--typo-font-line-height',\n};\n"],"names":["classes","typoWithNoWrap","typoWithBreakWord","typoBold","typoMedium","tokens","typoFontFamily","typoFontSize","typoFontStyle","typoFontWeight","typoFontWeightBold","typoFontWeightMedium","typoFontLetterSpacing","typoFontLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,cAAc;AAC9BC,EAAAA,iBAAiB,EAAE,iBAAiB;AACpCC,EAAAA,QAAQ,EAAE,iBAAiB;AAC3BC,EAAAA,UAAU,EAAE,mBAAA;AAChB,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,oBAAoB,EAAE,2BAA2B;AACjDC,EAAAA,qBAAqB,EAAE,4BAA4B;AACnDC,EAAAA,kBAAkB,EAAE,yBAAA;AACxB;;;;"}
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 typoMedium: 'typography-medium',\n typoIsNumeric: 'typography-is-numeric',\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 typoFontWeightMedium: '--typo-font-weight-medium',\n typoFontLetterSpacing: '--typo-font-letter-spacing',\n typoFontLineHeight: '--typo-font-line-height',\n};\n"],"names":["classes","typoWithNoWrap","typoWithBreakWord","typoBold","typoMedium","typoIsNumeric","tokens","typoFontFamily","typoFontSize","typoFontStyle","typoFontWeight","typoFontWeightBold","typoFontWeightMedium","typoFontLetterSpacing","typoFontLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,cAAc;AAC9BC,EAAAA,iBAAiB,EAAE,iBAAiB;AACpCC,EAAAA,QAAQ,EAAE,iBAAiB;AAC3BC,EAAAA,UAAU,EAAE,mBAAmB;AAC/BC,EAAAA,aAAa,EAAE,uBAAA;AACnB,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,oBAAoB,EAAE,2BAA2B;AACjDC,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
- .Typography_styles_c0qunc_b1ru04lg__3658e3b6{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_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_typographyBold__3658e3b6{font-weight:var(--typo-font-weight-bold);}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_typographyMedium__3658e3b6{font-weight:var(--typo-font-weight-medium);}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_withNoWrap__3658e3b6{white-space:nowrap;}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_withBreakWord__3658e3b6{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
340
+ .Typography_styles_ysh8u6_b1ru04lg__63d1851b{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_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyBold__63d1851b{font-weight:var(--typo-font-weight-bold);}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyMedium__63d1851b{font-weight:var(--typo-font-weight-medium);}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_withNoWrap__63d1851b{white-space:nowrap;}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyIsNumeric__63d1851b{font-variant-numeric:tabular-nums;}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_withBreakWord__63d1851b{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.320.1-canary.1909.14463205389.0",
3
+ "version": "0.320.1-canary.1909.14464375222.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -80,8 +80,8 @@
80
80
  "@rollup/plugin-babel": "^6.0.4",
81
81
  "@rollup/plugin-commonjs": "^25.0.4",
82
82
  "@rollup/plugin-node-resolve": "^15.1.0",
83
- "@salutejs/plasma-sb-utils": "0.195.1-canary.1909.14463205389.0",
84
- "@salutejs/plasma-themes": "0.31.1-canary.1909.14463205389.0",
83
+ "@salutejs/plasma-sb-utils": "0.195.1-canary.1909.14464375222.0",
84
+ "@salutejs/plasma-themes": "0.31.1-canary.1909.14464375222.0",
85
85
  "@storybook/addon-docs": "8.6.12",
86
86
  "@storybook/addon-essentials": "8.6.12",
87
87
  "@storybook/manager-api": "8.6.12",
@@ -117,7 +117,7 @@
117
117
  "@linaria/react": "5.0.3",
118
118
  "@popperjs/core": "2.11.8",
119
119
  "@salutejs/input-core": "2.1.2",
120
- "@salutejs/plasma-core": "1.195.1-canary.1909.14463205389.0",
120
+ "@salutejs/plasma-core": "1.195.1-canary.1909.14464375222.0",
121
121
  "@salutejs/react-maskinput": "3.2.6",
122
122
  "@tanstack/react-table": "8.21.2",
123
123
  "@tanstack/react-virtual": "3.13.2",
@@ -136,5 +136,5 @@
136
136
  "sideEffects": [
137
137
  "*.css"
138
138
  ],
139
- "gitHead": "e7aa1667a914d3cd8667e59f6b722ec3e69d1385"
139
+ "gitHead": "bb2127aa509907295a24be6ee1bd644e2b6cba19"
140
140
  }
package/styled-components/cjs/components/Typography/Typography.js CHANGED
@@ -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", "medium", "color", "className", "style"];
12
+ var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "isNumeric", "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() { 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); }
@@ -31,13 +31,14 @@ var typographyRootCompose = exports.typographyRootCompose = function typographyR
31
31
  bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
32
32
  medium = props.medium,
33
33
  color = props.color,
34
+ isNumeric = props.isNumeric,
34
35
  className = props.className,
35
36
  style = props.style,
36
37
  rest = _objectWithoutProperties(props, _excluded);
37
38
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
38
39
  size: size,
39
40
  ref: ref,
40
- className: (0, _utils.cx)(noWrap && _tokens.classes.typoWithNoWrap, breakWord && _tokens.classes.typoWithBreakWord, bold && _tokens.classes.typoBold, medium && _tokens.classes.typoMedium, className),
41
+ className: (0, _utils.cx)(noWrap && _tokens.classes.typoWithNoWrap, breakWord && _tokens.classes.typoWithBreakWord, bold && _tokens.classes.typoBold, medium && _tokens.classes.typoMedium, isNumeric && _tokens.classes.typoIsNumeric, className),
41
42
  style: _objectSpread(_objectSpread({
42
43
  color: color
43
44
  }, style), (0, _applySpacing.applySpacing)(rest))
package/styled-components/cjs/components/Typography/Typography.styles.js CHANGED
@@ -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(", ");}&.", "{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.typoMedium, _tokens.tokens.typoFontWeightMedium, _tokens.classes.typoWithNoWrap, _mixins.applyHyphensNormal, _tokens.classes.typoWithBreakWord, _mixins.applyHyphens);
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(", ");}&.", "{font-weight:var(", ");}&.", "{white-space:nowrap;}&.", "{font-variant-numeric:tabular-nums;}", ";&.", "{", ";}"], _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.typoMedium, _tokens.tokens.typoFontWeightMedium, _tokens.classes.typoWithNoWrap, _tokens.classes.typoIsNumeric, _mixins.applyHyphensNormal, _tokens.classes.typoWithBreakWord, _mixins.applyHyphens);
package/styled-components/cjs/components/Typography/Typography.template-doc.mdx CHANGED
@@ -39,6 +39,9 @@ export function App() {
39
39
  }
40
40
  ```
41
41
 
42
+ ## Моноширинные числа
43
+ Если необходимо сделать числа моноширинным, то нужно установить свойство `inNumeric` в значении `true`.
44
+
42
45
  ## Состав
43
46
 
44
47
  ### Hero unit
package/styled-components/cjs/components/Typography/tokens.js CHANGED
@@ -8,7 +8,8 @@ var classes = exports.classes = {
8
8
  typoWithNoWrap: 'with-no-wrap',
9
9
  typoWithBreakWord: 'with-break-word',
10
10
  typoBold: 'typography-bold',
11
- typoMedium: 'typography-medium'
11
+ typoMedium: 'typography-medium',
12
+ typoIsNumeric: 'typography-is-numeric'
12
13
  };
13
14
  var tokens = exports.tokens = {
14
15
  typoFontFamily: '--typo-font-family',
package/styled-components/cjs/examples/typography/components/Body/Body.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Body> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -48,10 +49,14 @@ export default meta;
48
49
  export const Default: StoryObj<typeof Body> = {
49
50
  render: (args) => {
50
51
  return (
51
- <Body {...args}>
52
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
- distinctio modi quo, provident quod.
54
- </Body>
52
+ <>
53
+ <Body {...args}>
54
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
55
+ distinctio modi quo, provident quod.
56
+ <br />
57
+ 1234567890
58
+ </Body>
59
+ </>
55
60
  );
56
61
  },
57
62
  };
package/styled-components/cjs/examples/typography/components/Dspl/Dspl.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Dspl> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Dspl> = {
51
52
  <Dspl {...props}>
52
53
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
54
  distinctio modi quo, provident quod.
55
+ <br />
56
+ 1234567890
54
57
  </Dspl>
55
58
  );
56
59
  },
package/styled-components/cjs/examples/typography/components/Heading/Heading.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Heading> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Heading> = {
51
52
  <Heading {...props}>
52
53
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
54
  distinctio modi quo, provident quod.
55
+ <br />
56
+ 1234567890
54
57
  </Heading>
55
58
  );
56
59
  },
package/styled-components/cjs/examples/typography/components/Text/Text.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Text> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Text> = {
51
52
  <Text {...props}>
52
53
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
54
  distinctio modi quo, provident quod.
55
+ <br />
56
+ 1234567890
54
57
  </Text>
55
58
  );
56
59
  },
package/styled-components/es/components/Typography/Typography.js CHANGED
@@ -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", "medium", "color", "className", "style"];
2
+ var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "isNumeric", "className", "style"];
3
3
  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); }
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; }
@@ -23,13 +23,14 @@ export var typographyRootCompose = function typographyRootCompose(defaultArgs) {
23
23
  bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
24
24
  medium = props.medium,
25
25
  color = props.color,
26
+ isNumeric = props.isNumeric,
26
27
  className = props.className,
27
28
  style = props.style,
28
29
  rest = _objectWithoutProperties(props, _excluded);
29
30
  return /*#__PURE__*/React.createElement(Root, _extends({
30
31
  size: size,
31
32
  ref: ref,
32
- className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, medium && classes.typoMedium, className),
33
+ className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, medium && classes.typoMedium, isNumeric && classes.typoIsNumeric, className),
33
34
  style: _objectSpread(_objectSpread({
34
35
  color: color
35
36
  }, style), applySpacing(rest))
package/styled-components/es/components/Typography/Typography.styles.js CHANGED
@@ -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(", ");}&.", "{font-weight:var(", ");}&.", "{white-space:nowrap;}", ";&.", "{", ";}"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight, tokens.typoFontWeight, classes.typoBold, tokens.typoFontWeightBold, classes.typoMedium, tokens.typoFontWeightMedium, classes.typoWithNoWrap, applyHyphensNormal, classes.typoWithBreakWord, applyHyphens);
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(", ");}&.", "{font-weight:var(", ");}&.", "{white-space:nowrap;}&.", "{font-variant-numeric:tabular-nums;}", ";&.", "{", ";}"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight, tokens.typoFontWeight, classes.typoBold, tokens.typoFontWeightBold, classes.typoMedium, tokens.typoFontWeightMedium, classes.typoWithNoWrap, classes.typoIsNumeric, applyHyphensNormal, classes.typoWithBreakWord, applyHyphens);
package/styled-components/es/components/Typography/Typography.template-doc.mdx CHANGED
@@ -39,6 +39,9 @@ export function App() {
39
39
  }
40
40
  ```
41
41
 
42
+ ## Моноширинные числа
43
+ Если необходимо сделать числа моноширинным, то нужно установить свойство `inNumeric` в значении `true`.
44
+
42
45
  ## Состав
43
46
 
44
47
  ### Hero unit
package/styled-components/es/components/Typography/tokens.js CHANGED
@@ -2,7 +2,8 @@ export var classes = {
2
2
  typoWithNoWrap: 'with-no-wrap',
3
3
  typoWithBreakWord: 'with-break-word',
4
4
  typoBold: 'typography-bold',
5
- typoMedium: 'typography-medium'
5
+ typoMedium: 'typography-medium',
6
+ typoIsNumeric: 'typography-is-numeric'
6
7
  };
7
8
  export var tokens = {
8
9
  typoFontFamily: '--typo-font-family',
package/styled-components/es/examples/typography/components/Body/Body.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Body> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -48,10 +49,14 @@ export default meta;
48
49
  export const Default: StoryObj<typeof Body> = {
49
50
  render: (args) => {
50
51
  return (
51
- <Body {...args}>
52
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
- distinctio modi quo, provident quod.
54
- </Body>
52
+ <>
53
+ <Body {...args}>
54
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
55
+ distinctio modi quo, provident quod.
56
+ <br />
57
+ 1234567890
58
+ </Body>
59
+ </>
55
60
  );
56
61
  },
57
62
  };
package/styled-components/es/examples/typography/components/Dspl/Dspl.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Dspl> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Dspl> = {
51
52
  <Dspl {...props}>
52
53
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
54
  distinctio modi quo, provident quod.
55
+ <br />
56
+ 1234567890
54
57
  </Dspl>
55
58
  );
56
59
  },
package/styled-components/es/examples/typography/components/Heading/Heading.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Heading> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Heading> = {
51
52
  <Heading {...props}>
52
53
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
54
  distinctio modi quo, provident quod.
55
+ <br />
56
+ 1234567890
54
57
  </Heading>
55
58
  );
56
59
  },
package/styled-components/es/examples/typography/components/Text/Text.stories.tsx CHANGED
@@ -40,6 +40,7 @@ const meta: Meta<typeof Text> = {
40
40
  breakWord: true,
41
41
  bold: false,
42
42
  medium: false,
43
+ isNumeric: false,
43
44
  },
44
45
  };
45
46
 
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Text> = {
51
52
  <Text {...props}>
52
53
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
53
54
  distinctio modi quo, provident quod.
55
+ <br />
56
+ 1234567890
54
57
  </Text>
55
58
  );
56
59
  },
package/types/components/Typography/Typography.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,qBAAqB;;yBACxB,UAAU,cAAc,EAAE,SAAS,CAAC,qFAiCxC,CAAC"}
1
+ {"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,qBAAqB;;yBACxB,UAAU,cAAc,EAAE,SAAS,CAAC,qFAmCxC,CAAC"}
package/types/components/Typography/Typography.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CAyBhB,CAAC"}
1
+ {"version":3,"file":"Typography.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CA6BhB,CAAC"}
package/types/components/Typography/Typography.types.d.ts CHANGED
@@ -32,5 +32,9 @@ export declare type FontProps = {
32
32
  * Размер текста.
33
33
  */
34
34
  size?: string;
35
+ /**
36
+ * Делает цифровые значения моноширинным.
37
+ */
38
+ isNumeric?: boolean;
35
39
  } & SpacingProps & (BoldProps | MediumProps) & AsProps & HTMLAttributes<HTMLDivElement>;
36
40
  //# sourceMappingURL=Typography.types.d.ts.map
package/types/components/Typography/Typography.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.types.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,WAAW,SAAS;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACxB;AAED,oBAAY,SAAS,GAAG;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,YAAY,GACZ,CAAC,SAAS,GAAG,WAAW,CAAC,GACzB,OAAO,GACP,cAAc,CAAC,cAAc,CAAC,CAAC"}
1
+ {"version":3,"file":"Typography.types.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,WAAW,SAAS;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACxB;AAED,oBAAY,SAAS,GAAG;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,YAAY,GACZ,CAAC,SAAS,GAAG,WAAW,CAAC,GACzB,OAAO,GACP,cAAc,CAAC,cAAc,CAAC,CAAC"}
package/types/components/Typography/tokens.d.ts CHANGED
@@ -3,6 +3,7 @@ export declare const classes: {
3
3
  typoWithBreakWord: string;
4
4
  typoBold: string;
5
5
  typoMedium: string;
6
+ typoIsNumeric: string;
6
7
  };
7
8
  export declare const tokens: {
8
9
  typoFontFamily: string;
package/types/components/Typography/tokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC"}