@salutejs/plasma-new-hope 0.197.0-canary.1572.11972038908.0 → 0.197.0-canary.1588.11972699441.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/store/reducer.js +2 -2
- package/cjs/components/Calendar/store/reducer.js.map +1 -1
- package/cjs/components/Typography/Body/Body.css +1 -1
- package/cjs/components/Typography/Old/Button/Button.css +1 -1
- package/cjs/components/Typography/Old/Paragraph/Paragraph.css +1 -1
- package/cjs/components/Typography/Old/Paragraph/Paragraph.styles.js +1 -1
- package/cjs/components/Typography/Old/Paragraph/Paragraph.styles.js.map +1 -1
- package/cjs/components/Typography/Old/Paragraph/{Paragraph.styles_179bahu.css → Paragraph.styles_f6q9s8.css} +1 -1
- package/cjs/components/Typography/Old/Subtitle/Subtitle.css +1 -1
- package/cjs/components/Typography/Old/Subtitle/Subtitle.js +7 -1
- package/cjs/components/Typography/Old/Subtitle/Subtitle.js.map +1 -1
- package/cjs/components/Typography/Old/Subtitle/Subtitle.styles.js +1 -1
- package/cjs/components/Typography/Old/Subtitle/Subtitle.styles.js.map +1 -1
- package/{es/components/Typography/Old/Subtitle/Subtitle.styles_1plleej.css → cjs/components/Typography/Old/Subtitle/Subtitle.styles_g6d0r2.css} +1 -1
- package/cjs/components/Typography/Old/TypographyOld.js +4 -2
- package/cjs/components/Typography/Old/TypographyOld.js.map +1 -1
- package/cjs/components/Typography/Old/TypographyOld.styles.js +1 -1
- package/cjs/components/Typography/Old/TypographyOld.styles.js.map +1 -1
- package/{es/components/Typography/Old/TypographyOld.styles_17w0rtq.css → cjs/components/Typography/Old/TypographyOld.styles_168abbx.css} +1 -1
- package/cjs/components/Typography/Old/Underline/Underline.css +1 -1
- package/cjs/components/Typography/Old/Underline/Underline.styles.js +1 -1
- package/cjs/components/Typography/Old/Underline/Underline.styles.js.map +1 -1
- package/{es/components/Typography/Old/Underline/Underline.styles_vsz834.css → cjs/components/Typography/Old/Underline/Underline.styles_1x2vb5e.css} +1 -1
- package/cjs/components/Typography/Typography.js +4 -2
- 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_6mr47g.css → Typography.styles_fa07dt.css} +1 -1
- package/cjs/components/Typography/tokens.js +1 -0
- package/cjs/components/Typography/tokens.js.map +1 -1
- package/cjs/index.css +5 -5
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/emotion/cjs/components/Calendar/store/reducer.js +2 -2
- package/emotion/cjs/components/Typography/Old/Paragraph/Paragraph.styles.js +1 -1
- package/emotion/cjs/components/Typography/Old/Subtitle/Subtitle.js +7 -1
- package/emotion/cjs/components/Typography/Old/Subtitle/Subtitle.styles.js +1 -1
- package/emotion/cjs/components/Typography/Old/TypographyOld.js +4 -2
- package/emotion/cjs/components/Typography/Old/TypographyOld.styles.js +1 -1
- package/emotion/cjs/components/Typography/Old/Underline/Underline.styles.js +1 -1
- package/emotion/cjs/components/Typography/Typography.js +4 -2
- package/emotion/cjs/components/Typography/Typography.styles.js +1 -1
- package/emotion/cjs/components/Typography/Typography.template-doc.mdx +4 -0
- package/emotion/cjs/components/Typography/tokens.js +1 -0
- package/emotion/cjs/examples/typograpy/components/Body/Body.stories.tsx +9 -1
- package/emotion/cjs/examples/typograpy/components/Dspl/Dspl.stories.tsx +9 -1
- package/emotion/cjs/examples/typograpy/components/Heading/Heading.stories.tsx +9 -1
- package/emotion/cjs/examples/typograpy/components/Old/Body/Body.stories.tsx +9 -1
- package/emotion/cjs/examples/typograpy/components/Old/Button/Button.stories.tsx +9 -1
- package/emotion/cjs/examples/typograpy/components/Old/Caption/Caption.stories.tsx +9 -1
- package/emotion/cjs/examples/typograpy/components/Old/Display/Display.stories.tsx +9 -1
- package/emotion/cjs/examples/typograpy/components/Old/Footnote/Footnote.stories.tsx +9 -1
- package/emotion/cjs/examples/typograpy/components/Old/Headline/Headline.stories.tsx +9 -1
- package/emotion/cjs/examples/typograpy/components/Old/Paragraph/Paragraph.stories.tsx +9 -1
- package/emotion/cjs/examples/typograpy/components/Old/Subtitle/Subtitle.stories.tsx +11 -1
- package/emotion/cjs/examples/typograpy/components/Old/Underline/Underline.stories.tsx +9 -1
- package/emotion/cjs/examples/typograpy/components/Text/Text.stories.tsx +9 -1
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/emotion/es/components/Calendar/store/reducer.js +2 -2
- package/emotion/es/components/Typography/Old/Paragraph/Paragraph.styles.js +1 -1
- package/emotion/es/components/Typography/Old/Subtitle/Subtitle.js +7 -1
- package/emotion/es/components/Typography/Old/Subtitle/Subtitle.styles.js +2 -2
- package/emotion/es/components/Typography/Old/TypographyOld.js +4 -2
- package/emotion/es/components/Typography/Old/TypographyOld.styles.js +1 -1
- package/emotion/es/components/Typography/Old/Underline/Underline.styles.js +1 -1
- package/emotion/es/components/Typography/Typography.js +4 -2
- package/emotion/es/components/Typography/Typography.styles.js +1 -1
- package/emotion/es/components/Typography/Typography.template-doc.mdx +4 -0
- package/emotion/es/components/Typography/tokens.js +1 -0
- package/emotion/es/examples/typograpy/components/Body/Body.stories.tsx +9 -1
- package/emotion/es/examples/typograpy/components/Dspl/Dspl.stories.tsx +9 -1
- package/emotion/es/examples/typograpy/components/Heading/Heading.stories.tsx +9 -1
- package/emotion/es/examples/typograpy/components/Old/Body/Body.stories.tsx +9 -1
- package/emotion/es/examples/typograpy/components/Old/Button/Button.stories.tsx +9 -1
- package/emotion/es/examples/typograpy/components/Old/Caption/Caption.stories.tsx +9 -1
- package/emotion/es/examples/typograpy/components/Old/Display/Display.stories.tsx +9 -1
- package/emotion/es/examples/typograpy/components/Old/Footnote/Footnote.stories.tsx +9 -1
- package/emotion/es/examples/typograpy/components/Old/Headline/Headline.stories.tsx +9 -1
- package/emotion/es/examples/typograpy/components/Old/Paragraph/Paragraph.stories.tsx +9 -1
- package/emotion/es/examples/typograpy/components/Old/Subtitle/Subtitle.stories.tsx +11 -1
- package/emotion/es/examples/typograpy/components/Old/Underline/Underline.stories.tsx +9 -1
- package/emotion/es/examples/typograpy/components/Text/Text.stories.tsx +9 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/store/reducer.js +2 -2
- package/es/components/Calendar/store/reducer.js.map +1 -1
- package/es/components/Typography/Body/Body.css +1 -1
- package/es/components/Typography/Old/Button/Button.css +1 -1
- package/es/components/Typography/Old/Paragraph/Paragraph.css +1 -1
- package/es/components/Typography/Old/Paragraph/Paragraph.styles.js +1 -1
- package/es/components/Typography/Old/Paragraph/Paragraph.styles.js.map +1 -1
- package/es/components/Typography/Old/Paragraph/{Paragraph.styles_179bahu.css → Paragraph.styles_f6q9s8.css} +1 -1
- package/es/components/Typography/Old/Subtitle/Subtitle.css +1 -1
- package/es/components/Typography/Old/Subtitle/Subtitle.js +7 -1
- package/es/components/Typography/Old/Subtitle/Subtitle.js.map +1 -1
- package/es/components/Typography/Old/Subtitle/Subtitle.styles.js +1 -1
- package/es/components/Typography/Old/Subtitle/Subtitle.styles.js.map +1 -1
- package/{cjs/components/Typography/Old/Subtitle/Subtitle.styles_1plleej.css → es/components/Typography/Old/Subtitle/Subtitle.styles_g6d0r2.css} +1 -1
- package/es/components/Typography/Old/TypographyOld.js +4 -2
- package/es/components/Typography/Old/TypographyOld.js.map +1 -1
- package/es/components/Typography/Old/TypographyOld.styles.js +1 -1
- package/es/components/Typography/Old/TypographyOld.styles.js.map +1 -1
- package/{cjs/components/Typography/Old/TypographyOld.styles_17w0rtq.css → es/components/Typography/Old/TypographyOld.styles_168abbx.css} +1 -1
- package/es/components/Typography/Old/Underline/Underline.css +1 -1
- package/es/components/Typography/Old/Underline/Underline.styles.js +1 -1
- package/es/components/Typography/Old/Underline/Underline.styles.js.map +1 -1
- package/{cjs/components/Typography/Old/Underline/Underline.styles_vsz834.css → es/components/Typography/Old/Underline/Underline.styles_1x2vb5e.css} +1 -1
- package/es/components/Typography/Typography.js +4 -2
- 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_6mr47g.css → Typography.styles_fa07dt.css} +1 -1
- package/es/components/Typography/tokens.js +1 -0
- package/es/components/Typography/tokens.js.map +1 -1
- package/es/index.css +5 -5
- package/package.json +2 -2
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/styled-components/cjs/components/Calendar/store/reducer.js +2 -2
- package/styled-components/cjs/components/Typography/Old/Paragraph/Paragraph.styles.js +1 -1
- package/styled-components/cjs/components/Typography/Old/Subtitle/Subtitle.js +7 -1
- package/styled-components/cjs/components/Typography/Old/Subtitle/Subtitle.styles.js +1 -1
- package/styled-components/cjs/components/Typography/Old/TypographyOld.js +4 -2
- package/styled-components/cjs/components/Typography/Old/TypographyOld.styles.js +1 -1
- package/styled-components/cjs/components/Typography/Old/Underline/Underline.styles.js +1 -1
- package/styled-components/cjs/components/Typography/Typography.js +4 -2
- package/styled-components/cjs/components/Typography/Typography.styles.js +1 -1
- package/styled-components/cjs/components/Typography/Typography.template-doc.mdx +4 -0
- package/styled-components/cjs/components/Typography/tokens.js +1 -0
- package/styled-components/cjs/examples/typograpy/components/Body/Body.stories.tsx +9 -1
- package/styled-components/cjs/examples/typograpy/components/Dspl/Dspl.stories.tsx +9 -1
- package/styled-components/cjs/examples/typograpy/components/Heading/Heading.stories.tsx +9 -1
- package/styled-components/cjs/examples/typograpy/components/Old/Body/Body.stories.tsx +9 -1
- package/styled-components/cjs/examples/typograpy/components/Old/Button/Button.stories.tsx +9 -1
- package/styled-components/cjs/examples/typograpy/components/Old/Caption/Caption.stories.tsx +9 -1
- package/styled-components/cjs/examples/typograpy/components/Old/Display/Display.stories.tsx +9 -1
- package/styled-components/cjs/examples/typograpy/components/Old/Footnote/Footnote.stories.tsx +9 -1
- package/styled-components/cjs/examples/typograpy/components/Old/Headline/Headline.stories.tsx +9 -1
- package/styled-components/cjs/examples/typograpy/components/Old/Paragraph/Paragraph.stories.tsx +9 -1
- package/styled-components/cjs/examples/typograpy/components/Old/Subtitle/Subtitle.stories.tsx +11 -1
- package/styled-components/cjs/examples/typograpy/components/Old/Underline/Underline.stories.tsx +9 -1
- package/styled-components/cjs/examples/typograpy/components/Text/Text.stories.tsx +9 -1
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/styled-components/es/components/Calendar/store/reducer.js +2 -2
- package/styled-components/es/components/Typography/Old/Paragraph/Paragraph.styles.js +1 -1
- package/styled-components/es/components/Typography/Old/Subtitle/Subtitle.js +7 -1
- package/styled-components/es/components/Typography/Old/Subtitle/Subtitle.styles.js +2 -2
- package/styled-components/es/components/Typography/Old/TypographyOld.js +4 -2
- package/styled-components/es/components/Typography/Old/TypographyOld.styles.js +1 -1
- package/styled-components/es/components/Typography/Old/Underline/Underline.styles.js +1 -1
- package/styled-components/es/components/Typography/Typography.js +4 -2
- package/styled-components/es/components/Typography/Typography.styles.js +1 -1
- package/styled-components/es/components/Typography/Typography.template-doc.mdx +4 -0
- package/styled-components/es/components/Typography/tokens.js +1 -0
- package/styled-components/es/examples/typograpy/components/Body/Body.stories.tsx +9 -1
- package/styled-components/es/examples/typograpy/components/Dspl/Dspl.stories.tsx +9 -1
- package/styled-components/es/examples/typograpy/components/Heading/Heading.stories.tsx +9 -1
- package/styled-components/es/examples/typograpy/components/Old/Body/Body.stories.tsx +9 -1
- package/styled-components/es/examples/typograpy/components/Old/Button/Button.stories.tsx +9 -1
- package/styled-components/es/examples/typograpy/components/Old/Caption/Caption.stories.tsx +9 -1
- package/styled-components/es/examples/typograpy/components/Old/Display/Display.stories.tsx +9 -1
- package/styled-components/es/examples/typograpy/components/Old/Footnote/Footnote.stories.tsx +9 -1
- package/styled-components/es/examples/typograpy/components/Old/Headline/Headline.stories.tsx +9 -1
- package/styled-components/es/examples/typograpy/components/Old/Paragraph/Paragraph.stories.tsx +9 -1
- package/styled-components/es/examples/typograpy/components/Old/Subtitle/Subtitle.stories.tsx +11 -1
- package/styled-components/es/examples/typograpy/components/Old/Underline/Underline.stories.tsx +9 -1
- package/styled-components/es/examples/typograpy/components/Text/Text.stories.tsx +9 -1
- package/types/components/Calendar/store/reducer.d.ts +1 -1
- package/types/components/Calendar/store/reducer.d.ts.map +1 -1
- package/types/components/Typography/Body/Body.d.ts +2 -0
- package/types/components/Typography/Body/Body.d.ts.map +1 -1
- package/types/components/Typography/Dspl/Dspl.d.ts +2 -0
- package/types/components/Typography/Dspl/Dspl.d.ts.map +1 -1
- package/types/components/Typography/Heading/Heading.d.ts +2 -0
- package/types/components/Typography/Heading/Heading.d.ts.map +1 -1
- package/types/components/Typography/Old/Paragraph/Paragraph.styles.d.ts.map +1 -1
- package/types/components/Typography/Old/Subtitle/Subtitle.d.ts.map +1 -1
- package/types/components/Typography/Old/Subtitle/Subtitle.styles.d.ts.map +1 -1
- package/types/components/Typography/Old/TypographyOld.d.ts.map +1 -1
- package/types/components/Typography/Old/TypographyOld.styles.d.ts.map +1 -1
- package/types/components/Typography/Old/Underline/Underline.styles.d.ts.map +1 -1
- package/types/components/Typography/Text/Text.d.ts +2 -0
- package/types/components/Typography/Text/Text.d.ts.map +1 -1
- package/types/components/Typography/Typography.d.ts +1 -0
- 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 +1 -0
- package/types/components/Typography/Typography.types.d.ts.map +1 -1
- package/types/components/Typography/tokens.d.ts +1 -0
- package/types/components/Typography/tokens.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Editable/Editable.d.ts +4 -0
- package/types/examples/plasma_b2c/components/Editable/Editable.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Editable/Editable.d.ts +4 -0
- package/types/examples/plasma_web/components/Editable/Editable.d.ts.map +1 -1
- package/types/examples/typograpy/components/Body/Body.d.ts +1 -0
- package/types/examples/typograpy/components/Body/Body.d.ts.map +1 -1
- package/types/examples/typograpy/components/Dspl/Dspl.d.ts +1 -0
- package/types/examples/typograpy/components/Dspl/Dspl.d.ts.map +1 -1
- package/types/examples/typograpy/components/Heading/Heading.d.ts +1 -0
- package/types/examples/typograpy/components/Heading/Heading.d.ts.map +1 -1
- package/types/examples/typograpy/components/Text/Text.d.ts +1 -0
- package/types/examples/typograpy/components/Text/Text.d.ts.map +1 -1
@@ -8,25 +8,27 @@ var applySpacing = require('../../mixins/applySpacing.js');
|
|
8
8
|
var index = require('../../utils/index.js');
|
9
9
|
var tokens = require('./tokens.js');
|
10
10
|
|
11
|
-
var _excluded = ["size", "children", "breakWord", "bold", "color", "className", "style"];
|
11
|
+
var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "color", "className", "style"];
|
12
12
|
var typographyRootCompose = function typographyRootCompose(defaultArgs) {
|
13
13
|
return function (Root) {
|
14
14
|
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
15
15
|
var size = props.size,
|
16
16
|
children = props.children,
|
17
17
|
breakWord = props.breakWord,
|
18
|
+
noWrap = props.noWrap,
|
18
19
|
_props$bold = props.bold,
|
19
20
|
bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
|
20
21
|
color = props.color,
|
21
22
|
className = props.className,
|
22
23
|
style = props.style,
|
23
24
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
|
25
|
+
var withNoWrap = noWrap ? tokens.classes.typoWithNoWrap : undefined;
|
24
26
|
var withBreakWord = breakWord ? tokens.classes.typoWithBreakWord : undefined;
|
25
27
|
var typographyBold = bold ? tokens.classes.typoBold : undefined;
|
26
28
|
return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
|
27
29
|
size: size,
|
28
30
|
ref: ref,
|
29
|
-
className: index.cx(withBreakWord, typographyBold, className),
|
31
|
+
className: index.cx(withNoWrap, withBreakWord, typographyBold, className),
|
30
32
|
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
|
31
33
|
color: color
|
32
34
|
}, style), applySpacing.applySpacing(rest)),
|
@@ -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 {
|
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 const withNoWrap = noWrap ? classes.typoWithNoWrap : undefined;\n const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n const typographyBold = bold ? classes.typoBold : undefined;\n\n return (\n <Root\n size={size}\n ref={ref}\n className={cx(withNoWrap, withBreakWord, typographyBold, className)}\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","withNoWrap","classes","typoWithNoWrap","undefined","withBreakWord","typoWithBreakWord","typographyBold","typoBold","React","createElement","_extends","cx","_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,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,iDAAA,CACPb,KAAK,EAAAc,SAAA,CAAA,CAAA;MAET,IAAMC,UAAU,GAAGV,MAAM,GAAGW,cAAO,CAACC,cAAc,GAAGC,SAAS,CAAA;MAC9D,IAAMC,aAAa,GAAGf,SAAS,GAAGY,cAAO,CAACI,iBAAiB,GAAGF,SAAS,CAAA;MACvE,IAAMG,cAAc,GAAGd,IAAI,GAAGS,cAAO,CAACM,QAAQ,GAAGJ,SAAS,CAAA;AAE1D,MAAA,oBACIK,KAAA,CAAAC,aAAA,CAAC1B,IAAI,EAAA2B,iCAAA,CAAA;AACDvB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;QACTS,SAAS,EAAEgB,QAAE,CAACX,UAAU,EAAEI,aAAa,EAAEE,cAAc,EAAEX,SAAS,CAAE;QACpEC,KAAK,EAAAgB,uCAAA,CAAAA,uCAAA,CAAA;AAAIlB,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKE,KAAK,CAAKiB,EAAAA,yBAAY,CAAChB,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 &.${
|
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/cjs/components/Typography/{Typography.styles_6mr47g.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.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.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 +1 @@
|
|
1
|
-
{"version":3,"file":"tokens.js","sources":["../../../src/components/Typography/tokens.ts"],"sourcesContent":["export const classes = {\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","typoWithBreakWord","typoBold","tokens","typoFontFamily","typoFontSize","typoFontStyle","typoFontWeight","typoFontWeightBold","typoFontLetterSpacing","typoFontLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,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;;;;;"}
|
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/cjs/index.css
CHANGED
@@ -322,15 +322,15 @@
|
|
322
322
|
.CalendarDouble_styles_e9ada0_s1y1gz42__d395f1d3{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
|
323
323
|
.CalendarDouble_styles_e9ada0_s7fv2hn__d395f1d3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
324
324
|
|
325
|
-
.
|
325
|
+
.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;}
|
326
326
|
|
327
|
-
.
|
327
|
+
.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;}
|
328
328
|
|
329
|
-
.
|
329
|
+
.Paragraph_styles_f6q9s8_bgybk92__e9eeb09f{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);margin:0;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Paragraph_styles_f6q9s8_bgybk92__e9eeb09f.Paragraph_styles_f6q9s8_withNoWrap__e9eeb09f{white-space:nowrap;}.Paragraph_styles_f6q9s8_bgybk92__e9eeb09f.Paragraph_styles_f6q9s8_withBreakWord__e9eeb09f{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
|
330
330
|
|
331
|
-
.
|
331
|
+
.Underline_styles_1x2vb5e_b1uxesuf__34404c4e{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);text-transform:uppercase;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Underline_styles_1x2vb5e_b1uxesuf__34404c4e.Underline_styles_1x2vb5e_withNoWrap__34404c4e{white-space:nowrap;}.Underline_styles_1x2vb5e_b1uxesuf__34404c4e.Underline_styles_1x2vb5e_withBreakWord__34404c4e{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
|
332
332
|
|
333
|
-
.
|
333
|
+
.Subtitle_styles_g6d0r2_b810c19__dce1fd86{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:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}.Subtitle_styles_g6d0r2_b810c19__dce1fd86.Subtitle_styles_g6d0r2_withNoWrap__dce1fd86{white-space:nowrap;}
|
334
334
|
|
335
335
|
|
336
336
|
.Popup_styles_gq4luz_s1cjo3us__bb610b96{width:0;}
|
@@ -72,7 +72,7 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
|
|
72
72
|
_useState8 = _slicedToArray(_useState7, 2),
|
73
73
|
outOfRangeKey = _useState8[0],
|
74
74
|
setOutOfRangeKey = _useState8[1];
|
75
|
-
var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value,
|
75
|
+
var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, type)),
|
76
76
|
_useReducer2 = _slicedToArray(_useReducer, 2),
|
77
77
|
state = _useReducer2[0],
|
78
78
|
dispatch = _useReducer2[1];
|
@@ -73,7 +73,7 @@ var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoo
|
|
73
73
|
_useState8 = _slicedToArray(_useState7, 2),
|
74
74
|
outOfRangeKey = _useState8[0],
|
75
75
|
setOutOfRangeKey = _useState8[1];
|
76
|
-
var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value,
|
76
|
+
var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, type, true)),
|
77
77
|
_useReducer2 = _slicedToArray(_useReducer, 2),
|
78
78
|
state = _useReducer2[0],
|
79
79
|
dispatch = _useReducer2[1];
|
@@ -36,8 +36,8 @@ var sizeMap = exports.sizeMap = {
|
|
36
36
|
"double": [3, 1]
|
37
37
|
}
|
38
38
|
};
|
39
|
-
var getInitialState = exports.getInitialState = function getInitialState(value,
|
40
|
-
var initDate = value ||
|
39
|
+
var getInitialState = exports.getInitialState = function getInitialState(value, calendarState, isDouble) {
|
40
|
+
var initDate = value || new Date();
|
41
41
|
var date = (0, _utils.getDateFromValue)(initDate);
|
42
42
|
var resSize = isDouble ? sizeMap[calendarState]["double"] : sizeMap[calendarState].single;
|
43
43
|
return {
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
7
7
|
var _react = /*#__PURE__*/require("@emotion/react");
|
8
8
|
var _tokens = /*#__PURE__*/require("../../tokens");
|
9
9
|
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
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, ");margin:0;",
|
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, ");margin:0;&.", _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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvUGFyYWdyYXBoL1BhcmFncmFwaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvUGFyYWdyYXBoL1BhcmFncmFwaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50eXBvRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fSk7XG4gICAgbWFyZ2luOiAwO1xuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhOb1dyYXB9IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG5cbiAgICAke2FwcGx5SHlwaGVuc05vcm1hbH07XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvV2l0aEJyZWFrV29yZH0ge1xuICAgICAgICAke2FwcGx5SHlwaGVuc307XG4gICAgfVxuYDtcbiJdfQ== */"));
|
@@ -8,8 +8,10 @@ exports.subtitleRoot = exports.subtitleConfig = void 0;
|
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
9
|
var _applySpacing = /*#__PURE__*/require("../../../../mixins/applySpacing");
|
10
10
|
var _base = /*#__PURE__*/require("../../variations/_size/base");
|
11
|
+
var _tokens = /*#__PURE__*/require("../../tokens");
|
12
|
+
var _utils = /*#__PURE__*/require("../../../../utils");
|
11
13
|
var _Subtitle = /*#__PURE__*/require("./Subtitle.styles");
|
12
|
-
var _excluded = ["size", "children", "color", "style"];
|
14
|
+
var _excluded = ["size", "children", "color", "noWrap", "className", "style"];
|
13
15
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
14
16
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
15
17
|
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); }
|
@@ -25,11 +27,15 @@ var subtitleRoot = exports.subtitleRoot = function subtitleRoot(Root) {
|
|
25
27
|
var size = props.size,
|
26
28
|
children = props.children,
|
27
29
|
color = props.color,
|
30
|
+
noWrap = props.noWrap,
|
31
|
+
className = props.className,
|
28
32
|
style = props.style,
|
29
33
|
rest = _objectWithoutProperties(props, _excluded);
|
34
|
+
var withNoWrap = noWrap ? _tokens.classes.typoWithNoWrap : undefined;
|
30
35
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
31
36
|
size: size,
|
32
37
|
ref: ref,
|
38
|
+
className: (0, _utils.cx)(withNoWrap, className),
|
33
39
|
style: _objectSpread(_objectSpread({
|
34
40
|
color: color
|
35
41
|
}, style), (0, _applySpacing.applySpacing)(rest))
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
7
7
|
var _react = /*#__PURE__*/require("@emotion/react");
|
8
8
|
var _tokens = /*#__PURE__*/require("../../tokens");
|
9
9
|
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
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, ");",
|
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.typoWithNoWrap, "{white-space:nowrap;}", _mixins.applyHyphens, ";;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvU3VidGl0bGUvU3VidGl0bGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1R5cG9ncmFwaHkvT2xkL1N1YnRpdGxlL1N1YnRpdGxlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcbmltcG9ydCB7IGFwcGx5SHlwaGVucyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50eXBvRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fSk7XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvV2l0aE5vV3JhcH0ge1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIH1cblxuICAgICR7YXBwbHlIeXBoZW5zfTtcbmA7XG4iXX0= */"));
|
@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
|
|
9
9
|
var _applySpacing = /*#__PURE__*/require("../../../mixins/applySpacing");
|
10
10
|
var _tokens = /*#__PURE__*/require("../tokens");
|
11
11
|
var _utils = /*#__PURE__*/require("../../../utils");
|
12
|
-
var _excluded = ["size", "children", "breakWord", "color", "className", "style"];
|
12
|
+
var _excluded = ["size", "children", "breakWord", "noWrap", "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); }
|
@@ -25,15 +25,17 @@ var typographyOldRoot = exports.typographyOldRoot = function typographyOldRoot(R
|
|
25
25
|
var size = props.size,
|
26
26
|
children = props.children,
|
27
27
|
breakWord = props.breakWord,
|
28
|
+
noWrap = props.noWrap,
|
28
29
|
color = props.color,
|
29
30
|
className = props.className,
|
30
31
|
style = props.style,
|
31
32
|
rest = _objectWithoutProperties(props, _excluded);
|
33
|
+
var withNoWrap = noWrap ? _tokens.classes.typoWithNoWrap : undefined;
|
32
34
|
var withBreakWord = breakWord ? _tokens.classes.typoWithBreakWord : undefined;
|
33
35
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
34
36
|
size: size,
|
35
37
|
ref: ref,
|
36
|
-
className: (0, _utils.cx)(withBreakWord, className),
|
38
|
+
className: (0, _utils.cx)(withNoWrap, withBreakWord, className),
|
37
39
|
style: _objectSpread(_objectSpread({
|
38
40
|
color: color
|
39
41
|
}, style), (0, _applySpacing.applySpacing)(rest))
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
7
7
|
var _react = /*#__PURE__*/require("@emotion/react");
|
8
8
|
var _tokens = /*#__PURE__*/require("../tokens");
|
9
9
|
var _mixins = /*#__PURE__*/require("../../../mixins");
|
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, ");",
|
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.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvVHlwb2dyYXBoeU9sZC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvVHlwb2dyYXBoeU9sZC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uL3Rva2Vucyc7XG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50eXBvRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fSk7XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvV2l0aE5vV3JhcH0ge1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIH1cblxuICAgICR7YXBwbHlIeXBoZW5zTm9ybWFsfTtcblxuICAgICYuJHtjbGFzc2VzLnR5cG9XaXRoQnJlYWtXb3JkfSB7XG4gICAgICAgICR7YXBwbHlIeXBoZW5zfTtcbiAgICB9XG5gO1xuIl19 */"));
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
7
7
|
var _react = /*#__PURE__*/require("@emotion/react");
|
8
8
|
var _tokens = /*#__PURE__*/require("../../tokens");
|
9
9
|
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
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, ");text-transform:uppercase;",
|
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, ");text-transform:uppercase;&.", _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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvVW5kZXJsaW5lL1VuZGVybGluZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvVW5kZXJsaW5lL1VuZGVybGluZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50eXBvRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fSk7XG5cbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhOb1dyYXB9IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG5cbiAgICAke2FwcGx5SHlwaGVuc05vcm1hbH07XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvV2l0aEJyZWFrV29yZH0ge1xuICAgICAgICAke2FwcGx5SHlwaGVuc307XG4gICAgfVxuYDtcbiJdfQ== */"));
|
@@ -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", "bold", "color", "className", "style"];
|
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); }
|
@@ -26,18 +26,20 @@ var typographyRootCompose = exports.typographyRootCompose = function typographyR
|
|
26
26
|
var size = props.size,
|
27
27
|
children = props.children,
|
28
28
|
breakWord = props.breakWord,
|
29
|
+
noWrap = props.noWrap,
|
29
30
|
_props$bold = props.bold,
|
30
31
|
bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
|
31
32
|
color = props.color,
|
32
33
|
className = props.className,
|
33
34
|
style = props.style,
|
34
35
|
rest = _objectWithoutProperties(props, _excluded);
|
36
|
+
var withNoWrap = noWrap ? _tokens.classes.typoWithNoWrap : undefined;
|
35
37
|
var withBreakWord = breakWord ? _tokens.classes.typoWithBreakWord : undefined;
|
36
38
|
var typographyBold = bold ? _tokens.classes.typoBold : undefined;
|
37
39
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
38
40
|
size: size,
|
39
41
|
ref: ref,
|
40
|
-
className: (0, _utils.cx)(withBreakWord, typographyBold, className),
|
42
|
+
className: (0, _utils.cx)(withNoWrap, withBreakWord, typographyBold, className),
|
41
43
|
style: _objectSpread(_objectSpread({
|
42
44
|
color: color
|
43
45
|
}, style), (0, _applySpacing.applySpacing)(rest)),
|
@@ -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, ");&.",
|
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.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50eXBvRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnR5cG9Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50eXBvRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9KTtcblxuICAgICYuJHtjbGFzc2VzLnR5cG9Cb2xkfSB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhOb1dyYXB9IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG5cbiAgICAke2FwcGx5SHlwaGVuc05vcm1hbH07XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvV2l0aEJyZWFrV29yZH0ge1xuICAgICAgICAke2FwcGx5SHlwaGVuc307XG4gICAgfVxuYDtcbiJdfQ== */"));
|
@@ -19,6 +19,10 @@ title: Typography
|
|
19
19
|
По умолчанию в типографике слова переносятся по слогам.
|
20
20
|
Чтобы отключить данный функционал, необходимо установить свойство `breakWord` в значении `false`.
|
21
21
|
|
22
|
+
## Пробелы
|
23
|
+
По умолчанию в типографике если текст превышает ширину элемента, то слова будут переноситься по пробелам.
|
24
|
+
Чтобы запретить перенос по пробелам, необходимо установить свойство `noWrap` в значении `true`.
|
25
|
+
|
22
26
|
## Состав
|
23
27
|
|
24
28
|
### Hero unit
|
@@ -12,8 +12,16 @@ const meta: Meta<typeof Body> = {
|
|
12
12
|
title: 'typography/Body',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Body,
|
15
|
-
argTypes:
|
15
|
+
argTypes: {
|
16
|
+
...argTypesFromConfig(mergeConfig(bodyConfig, config)),
|
17
|
+
color: {
|
18
|
+
control: {
|
19
|
+
type: 'color',
|
20
|
+
},
|
21
|
+
},
|
22
|
+
},
|
16
23
|
args: {
|
24
|
+
noWrap: false,
|
17
25
|
breakWord: true,
|
18
26
|
bold: false,
|
19
27
|
},
|
@@ -12,8 +12,16 @@ const meta: Meta<typeof Dspl> = {
|
|
12
12
|
title: 'typography/Dspl',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Dspl,
|
15
|
-
argTypes:
|
15
|
+
argTypes: {
|
16
|
+
...argTypesFromConfig(mergeConfig(dsplConfig, config)),
|
17
|
+
color: {
|
18
|
+
control: {
|
19
|
+
type: 'color',
|
20
|
+
},
|
21
|
+
},
|
22
|
+
},
|
16
23
|
args: {
|
24
|
+
noWrap: false,
|
17
25
|
breakWord: true,
|
18
26
|
bold: false,
|
19
27
|
},
|
@@ -12,8 +12,16 @@ const meta: Meta<typeof Heading> = {
|
|
12
12
|
title: 'typography/Heading',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Heading,
|
15
|
-
argTypes:
|
15
|
+
argTypes: {
|
16
|
+
...argTypesFromConfig(mergeConfig(dsplConfig, config)),
|
17
|
+
color: {
|
18
|
+
control: {
|
19
|
+
type: 'color',
|
20
|
+
},
|
21
|
+
},
|
22
|
+
},
|
16
23
|
args: {
|
24
|
+
noWrap: false,
|
17
25
|
breakWord: true,
|
18
26
|
bold: false,
|
19
27
|
},
|
@@ -12,8 +12,16 @@ const meta: Meta<typeof OldBody> = {
|
|
12
12
|
title: 'typography/Old/Body',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: OldBody,
|
15
|
-
argTypes:
|
15
|
+
argTypes: {
|
16
|
+
...argTypesFromConfig(mergeConfig(oldBodyConfig, config)),
|
17
|
+
color: {
|
18
|
+
control: {
|
19
|
+
type: 'color',
|
20
|
+
},
|
21
|
+
},
|
22
|
+
},
|
16
23
|
args: {
|
24
|
+
noWrap: false,
|
17
25
|
breakWord: true,
|
18
26
|
},
|
19
27
|
};
|
@@ -12,8 +12,16 @@ const meta: Meta<typeof Button> = {
|
|
12
12
|
title: 'typography/Old/Button',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Button,
|
15
|
-
argTypes:
|
15
|
+
argTypes: {
|
16
|
+
...argTypesFromConfig(mergeConfig(buttonTypographyConfig, config)),
|
17
|
+
color: {
|
18
|
+
control: {
|
19
|
+
type: 'color',
|
20
|
+
},
|
21
|
+
},
|
22
|
+
},
|
16
23
|
args: {
|
24
|
+
noWrap: false,
|
17
25
|
breakWord: true,
|
18
26
|
},
|
19
27
|
};
|
@@ -12,8 +12,16 @@ const meta: Meta<typeof Caption> = {
|
|
12
12
|
title: 'typography/Old/Caption',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Caption,
|
15
|
-
argTypes:
|
15
|
+
argTypes: {
|
16
|
+
...argTypesFromConfig(mergeConfig(captionConfig, config)),
|
17
|
+
color: {
|
18
|
+
control: {
|
19
|
+
type: 'color',
|
20
|
+
},
|
21
|
+
},
|
22
|
+
},
|
16
23
|
args: {
|
24
|
+
noWrap: false,
|
17
25
|
breakWord: true,
|
18
26
|
},
|
19
27
|
};
|
@@ -12,8 +12,16 @@ const meta: Meta<typeof Display> = {
|
|
12
12
|
title: 'typography/Old/Display',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Display,
|
15
|
-
argTypes:
|
15
|
+
argTypes: {
|
16
|
+
...argTypesFromConfig(mergeConfig(displayConfig, config)),
|
17
|
+
color: {
|
18
|
+
control: {
|
19
|
+
type: 'color',
|
20
|
+
},
|
21
|
+
},
|
22
|
+
},
|
16
23
|
args: {
|
24
|
+
noWrap: false,
|
17
25
|
breakWord: true,
|
18
26
|
},
|
19
27
|
};
|
@@ -12,8 +12,16 @@ const meta: Meta<typeof Footnote> = {
|
|
12
12
|
title: 'typography/Old/Footnote',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Footnote,
|
15
|
-
argTypes:
|
15
|
+
argTypes: {
|
16
|
+
...argTypesFromConfig(mergeConfig(footnoteConfig, config)),
|
17
|
+
color: {
|
18
|
+
control: {
|
19
|
+
type: 'color',
|
20
|
+
},
|
21
|
+
},
|
22
|
+
},
|
16
23
|
args: {
|
24
|
+
noWrap: false,
|
17
25
|
breakWord: true,
|
18
26
|
},
|
19
27
|
};
|
@@ -12,8 +12,16 @@ const meta: Meta<typeof Headline> = {
|
|
12
12
|
title: 'typography/Old/Headline',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Headline,
|
15
|
-
argTypes:
|
15
|
+
argTypes: {
|
16
|
+
...argTypesFromConfig(mergeConfig(headlineConfig, config)),
|
17
|
+
color: {
|
18
|
+
control: {
|
19
|
+
type: 'color',
|
20
|
+
},
|
21
|
+
},
|
22
|
+
},
|
16
23
|
args: {
|
24
|
+
noWrap: false,
|
17
25
|
breakWord: true,
|
18
26
|
},
|
19
27
|
};
|
@@ -12,8 +12,16 @@ const meta: Meta<typeof Paragraph> = {
|
|
12
12
|
title: 'typography/Old/Paragraph',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Paragraph,
|
15
|
-
argTypes:
|
15
|
+
argTypes: {
|
16
|
+
...argTypesFromConfig(mergeConfig(paragraphConfig, config)),
|
17
|
+
color: {
|
18
|
+
control: {
|
19
|
+
type: 'color',
|
20
|
+
},
|
21
|
+
},
|
22
|
+
},
|
16
23
|
args: {
|
24
|
+
noWrap: false,
|
17
25
|
breakWord: true,
|
18
26
|
resetMargin: false,
|
19
27
|
m: 2,
|
@@ -12,7 +12,17 @@ const meta: Meta<typeof Subtitle> = {
|
|
12
12
|
title: 'typography/Old/Subtitle',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Subtitle,
|
15
|
-
argTypes:
|
15
|
+
argTypes: {
|
16
|
+
...argTypesFromConfig(mergeConfig(subtitleConfig, config)),
|
17
|
+
color: {
|
18
|
+
control: {
|
19
|
+
type: 'color',
|
20
|
+
},
|
21
|
+
},
|
22
|
+
},
|
23
|
+
args: {
|
24
|
+
noWrap: false,
|
25
|
+
},
|
16
26
|
};
|
17
27
|
|
18
28
|
export default meta;
|
@@ -12,8 +12,16 @@ const meta: Meta<typeof Underline> = {
|
|
12
12
|
title: 'typography/Old/Underline',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Underline,
|
15
|
-
argTypes:
|
15
|
+
argTypes: {
|
16
|
+
...argTypesFromConfig(mergeConfig(underlineConfig, config)),
|
17
|
+
color: {
|
18
|
+
control: {
|
19
|
+
type: 'color',
|
20
|
+
},
|
21
|
+
},
|
22
|
+
},
|
16
23
|
args: {
|
24
|
+
noWrap: false,
|
17
25
|
breakWord: true,
|
18
26
|
},
|
19
27
|
};
|
@@ -12,8 +12,16 @@ const meta: Meta<typeof Text> = {
|
|
12
12
|
title: 'typography/Text',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Text,
|
15
|
-
argTypes:
|
15
|
+
argTypes: {
|
16
|
+
...argTypesFromConfig(mergeConfig(textConfig, config)),
|
17
|
+
color: {
|
18
|
+
control: {
|
19
|
+
type: 'color',
|
20
|
+
},
|
21
|
+
},
|
22
|
+
},
|
16
23
|
args: {
|
24
|
+
noWrap: false,
|
17
25
|
breakWord: true,
|
18
26
|
bold: false,
|
19
27
|
},
|
@@ -63,7 +63,7 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
63
63
|
_useState8 = _slicedToArray(_useState7, 2),
|
64
64
|
outOfRangeKey = _useState8[0],
|
65
65
|
setOutOfRangeKey = _useState8[1];
|
66
|
-
var _useReducer = useReducer(reducer, getInitialState(value,
|
66
|
+
var _useReducer = useReducer(reducer, getInitialState(value, type)),
|
67
67
|
_useReducer2 = _slicedToArray(_useReducer, 2),
|
68
68
|
state = _useReducer2[0],
|
69
69
|
dispatch = _useReducer2[1];
|