@salutejs/plasma-new-hope 0.110.2-dev.0 → 0.111.0-canary.1308.10073134400.0

package/cjs/components/Typography/Old/Subtitle/Subtitle.js

@@ -8,17 +8,20 @@ var applySpacing = require('../../../../mixins/applySpacing.js');
 var base = require('../../variations/_size/base.js');
 var Subtitle_styles = require('./Subtitle.styles.js');
 
-var _excluded = ["size", "children", "style"];
+var _excluded = ["size", "children", "color", "style"];
 var subtitleRoot = function subtitleRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     var size = props.size,
       children = props.children,
+      color = props.color,
       style = props.style,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
     return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
       size: size,
       ref: ref,
-      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), applySpacing.applySpacing(rest))
+      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+        color: color
+      }, style), applySpacing.applySpacing(rest))
     }, rest), children);
   });
 };

package/cjs/components/Typography/Old/Subtitle/Subtitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Subtitle.js","sources":["../../../../../src/components/Typography/Old/Subtitle/Subtitle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../../mixins/applySpacing';\nimport type { RootProps } from '../../../../engines';\nimport { base as sizeCSS } from '../../variations/_size/base';\nimport type { FontProps } from '../../Typography.types';\n\nimport { base } from './Subtitle.styles';\n\nexport type SubtitleProps = Omit<FontProps, 'bold' | 'breakWord'>;\n\nexport const subtitleRoot = (Root: RootProps<HTMLDivElement, SubtitleProps>) =>\n    forwardRef<HTMLDivElement, SubtitleProps>((props, ref) => {\n        const { size, children, style, ...rest } = props;\n\n        return (\n            <Root size={size} ref={ref} style={{ ...style, ...applySpacing(rest) }} {...rest}>\n                {children}\n            </Root>\n        );\n    });\n\nexport const subtitleConfig = {\n    name: 'Subtitle',\n    tag: 'div',\n    layout: subtitleRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["subtitleRoot","Root","forwardRef","props","ref","size","children","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","_objectSpread","applySpacing","subtitleConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;;;;;IAWaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACvEC,gBAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtD,IAAA,IAAQC,IAAI,GAA+BF,KAAK,CAAxCE,IAAI;MAAEC,QAAQ,GAAqBH,KAAK,CAAlCG,QAAQ;MAAEC,KAAK,GAAcJ,KAAK,CAAxBI,KAAK;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;AAEhD,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACX,IAAI,EAAAY,iCAAA,CAAA;AAACR,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,GAAG,EAAEA,GAAI;MAACG,KAAK,EAAAO,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EAAOP,KAAK,CAAKQ,EAAAA,yBAAY,CAACP,IAAI,CAAC,CAAA;KAAQA,EAAAA,IAAI,CAC3EF,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMU,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnB,YAAY;AACpBoB,EAAAA,IAAI,EAAJA,oBAAI;AACJC,EAAAA,UAAU,EAAE;AACRhB,IAAAA,IAAI,EAAE;AACFiB,MAAAA,GAAG,EAAEC,SAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNnB,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
+{"version":3,"file":"Subtitle.js","sources":["../../../../../src/components/Typography/Old/Subtitle/Subtitle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../../mixins/applySpacing';\nimport type { RootProps } from '../../../../engines';\nimport { base as sizeCSS } from '../../variations/_size/base';\nimport type { FontProps } from '../../Typography.types';\n\nimport { base } from './Subtitle.styles';\n\nexport type SubtitleProps = Omit<FontProps, 'bold' | 'breakWord'>;\n\nexport const subtitleRoot = (Root: RootProps<HTMLDivElement, SubtitleProps>) =>\n    forwardRef<HTMLDivElement, SubtitleProps>((props, ref) => {\n        const { size, children, color, style, ...rest } = props;\n\n        return (\n            <Root size={size} ref={ref} style={{ color, ...style, ...applySpacing(rest) }} {...rest}>\n                {children}\n            </Root>\n        );\n    });\n\nexport const subtitleConfig = {\n    name: 'Subtitle',\n    tag: 'div',\n    layout: subtitleRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["subtitleRoot","Root","forwardRef","props","ref","size","children","color","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","_objectSpread","applySpacing","subtitleConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;;;;;IAWaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACvEC,gBAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtD,IAAA,IAAQC,IAAI,GAAsCF,KAAK,CAA/CE,IAAI;MAAEC,QAAQ,GAA4BH,KAAK,CAAzCG,QAAQ;MAAEC,KAAK,GAAqBJ,KAAK,CAA/BI,KAAK;MAAEC,KAAK,GAAcL,KAAK,CAAxBK,KAAK;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAEvD,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACZ,IAAI,EAAAa,iCAAA,CAAA;AAACT,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,GAAG,EAAEA,GAAI;MAACI,KAAK,EAAAO,uCAAA,CAAAA,uCAAA,CAAA;AAAIR,QAAAA,KAAK,EAALA,KAAAA;AAAK,OAAA,EAAKC,KAAK,CAAA,EAAKQ,yBAAY,CAACP,IAAI,CAAC,CAAA;KAAQA,EAAAA,IAAI,CAClFH,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMW,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpB,YAAY;AACpBqB,EAAAA,IAAI,EAAJA,oBAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,SAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNpB,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Typography/Old/TypographyOld.js

@@ -8,12 +8,13 @@ var applySpacing = require('../../../mixins/applySpacing.js');
 var tokens = require('../tokens.js');
 var index = require('../../../utils/index.js');
 
-var _excluded = ["size", "children", "breakWord", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "color", "className", "style"];
 var typographyOldRoot = function typographyOldRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     var size = props.size,
       children = props.children,
       breakWord = props.breakWord,
+      color = props.color,
       className = props.className,
       style = props.style,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
@@ -22,7 +23,9 @@ var typographyOldRoot = function typographyOldRoot(Root) {
       size: size,
       ref: ref,
       className: index.cx(withBreakWord, className),
-      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), applySpacing.applySpacing(rest))
+      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+        color: color
+      }, style), applySpacing.applySpacing(rest))
     }, rest), children);
   });
 };

package/cjs/components/Typography/Old/TypographyOld.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypographyOld.js","sources":["../../../../src/components/Typography/Old/TypographyOld.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../mixins/applySpacing';\nimport type { RootProps } from '../../../engines';\nimport { classes } from '../tokens';\nimport type { FontProps } from '../Typography.types';\nimport { cx } from '../../../utils';\n\nexport type TypographyOldProps = Omit<FontProps, 'bold'>;\n\nexport const typographyOldRoot = (Root: RootProps<HTMLDivElement, TypographyOldProps>) =>\n    forwardRef<HTMLDivElement, TypographyOldProps>((props, ref) => {\n        const { size, children, breakWord, className, style, ...rest } = props;\n\n        const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n\n        return (\n            <Root\n                size={size}\n                ref={ref}\n                className={cx(withBreakWord, className)}\n                style={{ ...style, ...applySpacing(rest) }}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n"],"names":["typographyOldRoot","Root","forwardRef","props","ref","size","children","breakWord","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;;;;;IAUaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBACjFC,gBAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IAAQC,IAAI,GAAqDF,KAAK,CAA9DE,IAAI;MAAEC,QAAQ,GAA2CH,KAAK,CAAxDG,QAAQ;MAAEC,SAAS,GAAgCJ,KAAK,CAA9CI,SAAS;MAAEC,SAAS,GAAqBL,KAAK,CAAnCK,SAAS;MAAEC,KAAK,GAAcN,KAAK,CAAxBM,KAAK;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA,CAAA;IAEtE,IAAMC,aAAa,GAAGN,SAAS,GAAGO,cAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;AAEvE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACjB,IAAI,EAAAkB,iCAAA,CAAA;AACDd,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,GAAG,EAAEA,GAAI;AACTI,MAAAA,SAAS,EAAEY,QAAE,CAACP,aAAa,EAAEL,SAAS,CAAE;MACxCC,KAAK,EAAAY,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EAAOZ,KAAK,CAAKa,EAAAA,yBAAY,CAACZ,IAAI,CAAC,CAAA;KACpCA,EAAAA,IAAI,CAEPJ,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"TypographyOld.js","sources":["../../../../src/components/Typography/Old/TypographyOld.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../mixins/applySpacing';\nimport type { RootProps } from '../../../engines';\nimport { classes } from '../tokens';\nimport type { FontProps } from '../Typography.types';\nimport { cx } from '../../../utils';\n\nexport type TypographyOldProps = Omit<FontProps, 'bold'>;\n\nexport const typographyOldRoot = (Root: RootProps<HTMLDivElement, TypographyOldProps>) =>\n    forwardRef<HTMLDivElement, TypographyOldProps>((props, ref) => {\n        const { size, children, breakWord, color, className, style, ...rest } = props;\n\n        const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n\n        return (\n            <Root\n                size={size}\n                ref={ref}\n                className={cx(withBreakWord, className)}\n                style={{ color, ...style, ...applySpacing(rest) }}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n"],"names":["typographyOldRoot","Root","forwardRef","props","ref","size","children","breakWord","color","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;;;;;IAUaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBACjFC,gBAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IAAQC,IAAI,GAA4DF,KAAK,CAArEE,IAAI;MAAEC,QAAQ,GAAkDH,KAAK,CAA/DG,QAAQ;MAAEC,SAAS,GAAuCJ,KAAK,CAArDI,SAAS;MAAEC,KAAK,GAAgCL,KAAK,CAA1CK,KAAK;MAAEC,SAAS,GAAqBN,KAAK,CAAnCM,SAAS;MAAEC,KAAK,GAAcP,KAAK,CAAxBO,KAAK;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;IAE7E,IAAMC,aAAa,GAAGP,SAAS,GAAGQ,cAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;AAEvE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAClB,IAAI,EAAAmB,iCAAA,CAAA;AACDf,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,GAAG,EAAEA,GAAI;AACTK,MAAAA,SAAS,EAAEY,QAAE,CAACP,aAAa,EAAEL,SAAS,CAAE;MACxCC,KAAK,EAAAY,uCAAA,CAAAA,uCAAA,CAAA;AAAId,QAAAA,KAAK,EAALA,KAAAA;AAAK,OAAA,EAAKE,KAAK,CAAA,EAAKa,yBAAY,CAACZ,IAAI,CAAC,CAAA;KAC3CA,EAAAA,IAAI,CAEPL,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA;;;;"}

package/cjs/components/Typography/Typography.js

@@ -8,7 +8,7 @@ var applySpacing = require('../../mixins/applySpacing.js');
 var index = require('../../utils/index.js');
 var tokens = require('./tokens.js');
 
-var _excluded = ["size", "children", "breakWord", "bold", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "bold", "color", "className", "style"];
 var typographyRootCompose = function typographyRootCompose(defaultArgs) {
   return function (Root) {
     return /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -17,6 +17,7 @@ var typographyRootCompose = function typographyRootCompose(defaultArgs) {
         breakWord = props.breakWord,
         _props$bold = props.bold,
         bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
+        color = props.color,
         className = props.className,
         style = props.style,
         rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
@@ -26,7 +27,9 @@ var typographyRootCompose = function typographyRootCompose(defaultArgs) {
         size: size,
         ref: ref,
         className: index.cx(withBreakWord, typographyBold, className),
-        style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), applySpacing.applySpacing(rest)),
+        style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+          color: color
+        }, style), applySpacing.applySpacing(rest)),
         bold: bold
       }, rest), children);
     });

package/cjs/components/Typography/Typography.js.map

@@ -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 { size, children, breakWord, bold = defaultArgs?.defaultBold, className, style, ...rest } = props;\n\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(withBreakWord, typographyBold, className)}\n                style={{ ...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","_props$bold","bold","defaultBold","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","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,IAAQC,IAAI,GAAsFF,KAAK,CAA/FE,IAAI;QAAEC,QAAQ,GAA4EH,KAAK,CAAzFG,QAAQ;QAAEC,SAAS,GAAiEJ,KAAK,CAA/EI,SAAS;QAAAC,WAAA,GAAiEL,KAAK,CAApEM,IAAI;QAAJA,IAAI,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGR,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEU,WAAW,GAAAF,WAAA;QAAEG,SAAS,GAAqBR,KAAK,CAAnCQ,SAAS;QAAEC,KAAK,GAAcT,KAAK,CAAxBS,KAAK;AAAKC,QAAAA,IAAI,GAAAC,iDAAA,CAAKX,KAAK,EAAAY,SAAA,CAAA,CAAA;MAEvG,IAAMC,aAAa,GAAGT,SAAS,GAAGU,cAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;MACvE,IAAMC,cAAc,GAAGX,IAAI,GAAGQ,cAAO,CAACI,QAAQ,GAAGF,SAAS,CAAA;AAE1D,MAAA,oBACIG,KAAA,CAAAC,aAAA,CAACtB,IAAI,EAAAuB,iCAAA,CAAA;AACDnB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;QACTO,SAAS,EAAEc,QAAE,CAACT,aAAa,EAAEI,cAAc,EAAET,SAAS,CAAE;QACxDC,KAAK,EAAAc,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EAAOd,KAAK,CAAA,EAAKe,yBAAY,CAACd,IAAI,CAAC,CAAG;AAC3CJ,QAAAA,IAAI,EAAEA,IAAAA;OACFI,EAAAA,IAAI,CAEPP,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}
+{"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 { size, children, breakWord, bold = defaultArgs?.defaultBold, color, className, style, ...rest } = props;\n\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(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","_props$bold","bold","defaultBold","color","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","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,IAAQC,IAAI,GAA6FF,KAAK,CAAtGE,IAAI;QAAEC,QAAQ,GAAmFH,KAAK,CAAhGG,QAAQ;QAAEC,SAAS,GAAwEJ,KAAK,CAAtFI,SAAS;QAAAC,WAAA,GAAwEL,KAAK,CAA3EM,IAAI;QAAJA,IAAI,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGR,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEU,WAAW,GAAAF,WAAA;QAAEG,KAAK,GAAgCR,KAAK,CAA1CQ,KAAK;QAAEC,SAAS,GAAqBT,KAAK,CAAnCS,SAAS;QAAEC,KAAK,GAAcV,KAAK,CAAxBU,KAAK;AAAKC,QAAAA,IAAI,GAAAC,iDAAA,CAAKZ,KAAK,EAAAa,SAAA,CAAA,CAAA;MAE9G,IAAMC,aAAa,GAAGV,SAAS,GAAGW,cAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;MACvE,IAAMC,cAAc,GAAGZ,IAAI,GAAGS,cAAO,CAACI,QAAQ,GAAGF,SAAS,CAAA;AAE1D,MAAA,oBACIG,KAAA,CAAAC,aAAA,CAACvB,IAAI,EAAAwB,iCAAA,CAAA;AACDpB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;QACTQ,SAAS,EAAEc,QAAE,CAACT,aAAa,EAAEI,cAAc,EAAET,SAAS,CAAE;QACxDC,KAAK,EAAAc,uCAAA,CAAAA,uCAAA,CAAA;AAAIhB,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKE,KAAK,CAAKe,EAAAA,yBAAY,CAACd,IAAI,CAAC,CAAG;AAClDL,QAAAA,IAAI,EAAEA,IAAAA;OACFK,EAAAA,IAAI,CAEPR,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}

package/emotion/cjs/components/Typography/Old/Subtitle/Subtitle.js

@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
 var _applySpacing = /*#__PURE__*/require("../../../../mixins/applySpacing");
 var _base = /*#__PURE__*/require("../../variations/_size/base");
 var _Subtitle = /*#__PURE__*/require("./Subtitle.styles");
-var _excluded = ["size", "children", "style"];
+var _excluded = ["size", "children", "color", "style"];
 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); }
 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; }
 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); }
@@ -24,12 +24,15 @@ var subtitleRoot = exports.subtitleRoot = function subtitleRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var size = props.size,
       children = props.children,
+      color = props.color,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       size: size,
       ref: ref,
-      style: _objectSpread(_objectSpread({}, style), (0, _applySpacing.applySpacing)(rest))
+      style: _objectSpread(_objectSpread({
+        color: color
+      }, style), (0, _applySpacing.applySpacing)(rest))
     }, rest), children);
   });
 };

package/emotion/cjs/components/Typography/Old/TypographyOld.js

@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
 var _applySpacing = /*#__PURE__*/require("../../../mixins/applySpacing");
 var _tokens = /*#__PURE__*/require("../tokens");
 var _utils = /*#__PURE__*/require("../../../utils");
-var _excluded = ["size", "children", "breakWord", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "color", "className", "style"];
 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); }
 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; }
 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,6 +25,7 @@ var typographyOldRoot = exports.typographyOldRoot = function typographyOldRoot(R
     var size = props.size,
       children = props.children,
       breakWord = props.breakWord,
+      color = props.color,
       className = props.className,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
@@ -33,7 +34,9 @@ var typographyOldRoot = exports.typographyOldRoot = function typographyOldRoot(R
       size: size,
       ref: ref,
       className: (0, _utils.cx)(withBreakWord, className),
-      style: _objectSpread(_objectSpread({}, style), (0, _applySpacing.applySpacing)(rest))
+      style: _objectSpread(_objectSpread({
+        color: color
+      }, style), (0, _applySpacing.applySpacing)(rest))
     }, rest), children);
   });
 };

package/emotion/cjs/components/Typography/Typography.js

@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
 var _applySpacing = /*#__PURE__*/require("../../mixins/applySpacing");
 var _utils = /*#__PURE__*/require("../../utils");
 var _tokens = /*#__PURE__*/require("./tokens");
-var _excluded = ["size", "children", "breakWord", "bold", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "bold", "color", "className", "style"];
 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); }
 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; }
 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); }
@@ -28,6 +28,7 @@ var typographyRootCompose = exports.typographyRootCompose = function typographyR
         breakWord = props.breakWord,
         _props$bold = props.bold,
         bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
+        color = props.color,
         className = props.className,
         style = props.style,
         rest = _objectWithoutProperties(props, _excluded);
@@ -37,7 +38,9 @@ var typographyRootCompose = exports.typographyRootCompose = function typographyR
         size: size,
         ref: ref,
         className: (0, _utils.cx)(withBreakWord, typographyBold, className),
-        style: _objectSpread(_objectSpread({}, style), (0, _applySpacing.applySpacing)(rest)),
+        style: _objectSpread(_objectSpread({
+          color: color
+        }, style), (0, _applySpacing.applySpacing)(rest)),
         bold: bold
       }, rest), children);
     });

package/emotion/es/components/Typography/Old/Subtitle/Subtitle.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["size", "children", "style"];
+var _excluded = ["size", "children", "color", "style"];
 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); }
 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; }
 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; }
@@ -16,12 +16,15 @@ export var subtitleRoot = function subtitleRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var size = props.size,
       children = props.children,
+      color = props.color,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
     return /*#__PURE__*/React.createElement(Root, _extends({
       size: size,
       ref: ref,
-      style: _objectSpread(_objectSpread({}, style), applySpacing(rest))
+      style: _objectSpread(_objectSpread({
+        color: color
+      }, style), applySpacing(rest))
     }, rest), children);
   });
 };

package/emotion/es/components/Typography/Old/TypographyOld.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["size", "children", "breakWord", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "color", "className", "style"];
 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); }
 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; }
 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; }
@@ -17,6 +17,7 @@ export var typographyOldRoot = function typographyOldRoot(Root) {
     var size = props.size,
       children = props.children,
       breakWord = props.breakWord,
+      color = props.color,
       className = props.className,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
@@ -25,7 +26,9 @@ export var typographyOldRoot = function typographyOldRoot(Root) {
       size: size,
       ref: ref,
       className: cx(withBreakWord, className),
-      style: _objectSpread(_objectSpread({}, style), applySpacing(rest))
+      style: _objectSpread(_objectSpread({
+        color: color
+      }, style), applySpacing(rest))
     }, rest), children);
   });
 };

package/emotion/es/components/Typography/Typography.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["size", "children", "breakWord", "bold", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "bold", "color", "className", "style"];
 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); }
 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; }
 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; }
@@ -20,6 +20,7 @@ export var typographyRootCompose = function typographyRootCompose(defaultArgs) {
         breakWord = props.breakWord,
         _props$bold = props.bold,
         bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
+        color = props.color,
         className = props.className,
         style = props.style,
         rest = _objectWithoutProperties(props, _excluded);
@@ -29,7 +30,9 @@ export var typographyRootCompose = function typographyRootCompose(defaultArgs) {
         size: size,
         ref: ref,
         className: cx(withBreakWord, typographyBold, className),
-        style: _objectSpread(_objectSpread({}, style), applySpacing(rest)),
+        style: _objectSpread(_objectSpread({
+          color: color
+        }, style), applySpacing(rest)),
         bold: bold
       }, rest), children);
     });

package/es/components/Typography/Old/Subtitle/Subtitle.js

@@ -4,17 +4,20 @@ import { applySpacing } from '../../../../mixins/applySpacing.js';
 import { base as base$1 } from '../../variations/_size/base.js';
 import { base } from './Subtitle.styles.js';
 
-var _excluded = ["size", "children", "style"];
+var _excluded = ["size", "children", "color", "style"];
 var subtitleRoot = function subtitleRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var size = props.size,
       children = props.children,
+      color = props.color,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
     return /*#__PURE__*/React.createElement(Root, _extends({
       size: size,
       ref: ref,
-      style: _objectSpread2(_objectSpread2({}, style), applySpacing(rest))
+      style: _objectSpread2(_objectSpread2({
+        color: color
+      }, style), applySpacing(rest))
     }, rest), children);
   });
 };

package/es/components/Typography/Old/Subtitle/Subtitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Subtitle.js","sources":["../../../../../src/components/Typography/Old/Subtitle/Subtitle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../../mixins/applySpacing';\nimport type { RootProps } from '../../../../engines';\nimport { base as sizeCSS } from '../../variations/_size/base';\nimport type { FontProps } from '../../Typography.types';\n\nimport { base } from './Subtitle.styles';\n\nexport type SubtitleProps = Omit<FontProps, 'bold' | 'breakWord'>;\n\nexport const subtitleRoot = (Root: RootProps<HTMLDivElement, SubtitleProps>) =>\n    forwardRef<HTMLDivElement, SubtitleProps>((props, ref) => {\n        const { size, children, style, ...rest } = props;\n\n        return (\n            <Root size={size} ref={ref} style={{ ...style, ...applySpacing(rest) }} {...rest}>\n                {children}\n            </Root>\n        );\n    });\n\nexport const subtitleConfig = {\n    name: 'Subtitle',\n    tag: 'div',\n    layout: subtitleRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["subtitleRoot","Root","forwardRef","props","ref","size","children","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","_objectSpread","applySpacing","subtitleConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;IAWaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACvEC,UAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtD,IAAA,IAAQC,IAAI,GAA+BF,KAAK,CAAxCE,IAAI;MAAEC,QAAQ,GAAqBH,KAAK,CAAlCG,QAAQ;MAAEC,KAAK,GAAcJ,KAAK,CAAxBI,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;AAEhD,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACX,IAAI,EAAAY,QAAA,CAAA;AAACR,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,GAAG,EAAEA,GAAI;MAACG,KAAK,EAAAO,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAOP,KAAK,CAAKQ,EAAAA,YAAY,CAACP,IAAI,CAAC,CAAA;KAAQA,EAAAA,IAAI,CAC3EF,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMU,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnB,YAAY;AACpBoB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRhB,IAAAA,IAAI,EAAE;AACFiB,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNnB,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Subtitle.js","sources":["../../../../../src/components/Typography/Old/Subtitle/Subtitle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../../mixins/applySpacing';\nimport type { RootProps } from '../../../../engines';\nimport { base as sizeCSS } from '../../variations/_size/base';\nimport type { FontProps } from '../../Typography.types';\n\nimport { base } from './Subtitle.styles';\n\nexport type SubtitleProps = Omit<FontProps, 'bold' | 'breakWord'>;\n\nexport const subtitleRoot = (Root: RootProps<HTMLDivElement, SubtitleProps>) =>\n    forwardRef<HTMLDivElement, SubtitleProps>((props, ref) => {\n        const { size, children, color, style, ...rest } = props;\n\n        return (\n            <Root size={size} ref={ref} style={{ color, ...style, ...applySpacing(rest) }} {...rest}>\n                {children}\n            </Root>\n        );\n    });\n\nexport const subtitleConfig = {\n    name: 'Subtitle',\n    tag: 'div',\n    layout: subtitleRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["subtitleRoot","Root","forwardRef","props","ref","size","children","color","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","_objectSpread","applySpacing","subtitleConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;IAWaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACvEC,UAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtD,IAAA,IAAQC,IAAI,GAAsCF,KAAK,CAA/CE,IAAI;MAAEC,QAAQ,GAA4BH,KAAK,CAAzCG,QAAQ;MAAEC,KAAK,GAAqBJ,KAAK,CAA/BI,KAAK;MAAEC,KAAK,GAAcL,KAAK,CAAxBK,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAEvD,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACZ,IAAI,EAAAa,QAAA,CAAA;AAACT,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,GAAG,EAAEA,GAAI;MAACI,KAAK,EAAAO,cAAA,CAAAA,cAAA,CAAA;AAAIR,QAAAA,KAAK,EAALA,KAAAA;AAAK,OAAA,EAAKC,KAAK,CAAA,EAAKQ,YAAY,CAACP,IAAI,CAAC,CAAA;KAAQA,EAAAA,IAAI,CAClFH,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMW,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpB,YAAY;AACpBqB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNpB,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Typography/Old/TypographyOld.js

@@ -4,12 +4,13 @@ import { applySpacing } from '../../../mixins/applySpacing.js';
 import { classes } from '../tokens.js';
 import { cx } from '../../../utils/index.js';
 
-var _excluded = ["size", "children", "breakWord", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "color", "className", "style"];
 var typographyOldRoot = function typographyOldRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var size = props.size,
       children = props.children,
       breakWord = props.breakWord,
+      color = props.color,
       className = props.className,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
@@ -18,7 +19,9 @@ var typographyOldRoot = function typographyOldRoot(Root) {
       size: size,
       ref: ref,
       className: cx(withBreakWord, className),
-      style: _objectSpread2(_objectSpread2({}, style), applySpacing(rest))
+      style: _objectSpread2(_objectSpread2({
+        color: color
+      }, style), applySpacing(rest))
     }, rest), children);
   });
 };

package/es/components/Typography/Old/TypographyOld.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypographyOld.js","sources":["../../../../src/components/Typography/Old/TypographyOld.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../mixins/applySpacing';\nimport type { RootProps } from '../../../engines';\nimport { classes } from '../tokens';\nimport type { FontProps } from '../Typography.types';\nimport { cx } from '../../../utils';\n\nexport type TypographyOldProps = Omit<FontProps, 'bold'>;\n\nexport const typographyOldRoot = (Root: RootProps<HTMLDivElement, TypographyOldProps>) =>\n    forwardRef<HTMLDivElement, TypographyOldProps>((props, ref) => {\n        const { size, children, breakWord, className, style, ...rest } = props;\n\n        const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n\n        return (\n            <Root\n                size={size}\n                ref={ref}\n                className={cx(withBreakWord, className)}\n                style={{ ...style, ...applySpacing(rest) }}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n"],"names":["typographyOldRoot","Root","forwardRef","props","ref","size","children","breakWord","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;IAUaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBACjFC,UAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IAAQC,IAAI,GAAqDF,KAAK,CAA9DE,IAAI;MAAEC,QAAQ,GAA2CH,KAAK,CAAxDG,QAAQ;MAAEC,SAAS,GAAgCJ,KAAK,CAA9CI,SAAS;MAAEC,SAAS,GAAqBL,KAAK,CAAnCK,SAAS;MAAEC,KAAK,GAAcN,KAAK,CAAxBM,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA,CAAA;IAEtE,IAAMC,aAAa,GAAGN,SAAS,GAAGO,OAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;AAEvE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACjB,IAAI,EAAAkB,QAAA,CAAA;AACDd,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,GAAG,EAAEA,GAAI;AACTI,MAAAA,SAAS,EAAEY,EAAE,CAACP,aAAa,EAAEL,SAAS,CAAE;MACxCC,KAAK,EAAAY,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAOZ,KAAK,CAAKa,EAAAA,YAAY,CAACZ,IAAI,CAAC,CAAA;KACpCA,EAAAA,IAAI,CAEPJ,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"TypographyOld.js","sources":["../../../../src/components/Typography/Old/TypographyOld.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../mixins/applySpacing';\nimport type { RootProps } from '../../../engines';\nimport { classes } from '../tokens';\nimport type { FontProps } from '../Typography.types';\nimport { cx } from '../../../utils';\n\nexport type TypographyOldProps = Omit<FontProps, 'bold'>;\n\nexport const typographyOldRoot = (Root: RootProps<HTMLDivElement, TypographyOldProps>) =>\n    forwardRef<HTMLDivElement, TypographyOldProps>((props, ref) => {\n        const { size, children, breakWord, color, className, style, ...rest } = props;\n\n        const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n\n        return (\n            <Root\n                size={size}\n                ref={ref}\n                className={cx(withBreakWord, className)}\n                style={{ color, ...style, ...applySpacing(rest) }}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n"],"names":["typographyOldRoot","Root","forwardRef","props","ref","size","children","breakWord","color","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;IAUaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBACjFC,UAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IAAQC,IAAI,GAA4DF,KAAK,CAArEE,IAAI;MAAEC,QAAQ,GAAkDH,KAAK,CAA/DG,QAAQ;MAAEC,SAAS,GAAuCJ,KAAK,CAArDI,SAAS;MAAEC,KAAK,GAAgCL,KAAK,CAA1CK,KAAK;MAAEC,SAAS,GAAqBN,KAAK,CAAnCM,SAAS;MAAEC,KAAK,GAAcP,KAAK,CAAxBO,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;IAE7E,IAAMC,aAAa,GAAGP,SAAS,GAAGQ,OAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;AAEvE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAClB,IAAI,EAAAmB,QAAA,CAAA;AACDf,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,GAAG,EAAEA,GAAI;AACTK,MAAAA,SAAS,EAAEY,EAAE,CAACP,aAAa,EAAEL,SAAS,CAAE;MACxCC,KAAK,EAAAY,cAAA,CAAAA,cAAA,CAAA;AAAId,QAAAA,KAAK,EAALA,KAAAA;AAAK,OAAA,EAAKE,KAAK,CAAA,EAAKa,YAAY,CAACZ,IAAI,CAAC,CAAA;KAC3CA,EAAAA,IAAI,CAEPL,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA;;;;"}

package/es/components/Typography/Typography.js

@@ -4,7 +4,7 @@ import { applySpacing } from '../../mixins/applySpacing.js';
 import { cx } from '../../utils/index.js';
 import { classes } from './tokens.js';
 
-var _excluded = ["size", "children", "breakWord", "bold", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "bold", "color", "className", "style"];
 var typographyRootCompose = function typographyRootCompose(defaultArgs) {
   return function (Root) {
     return /*#__PURE__*/forwardRef(function (props, ref) {
@@ -13,6 +13,7 @@ var typographyRootCompose = function typographyRootCompose(defaultArgs) {
         breakWord = props.breakWord,
         _props$bold = props.bold,
         bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
+        color = props.color,
         className = props.className,
         style = props.style,
         rest = _objectWithoutProperties(props, _excluded);
@@ -22,7 +23,9 @@ var typographyRootCompose = function typographyRootCompose(defaultArgs) {
         size: size,
         ref: ref,
         className: cx(withBreakWord, typographyBold, className),
-        style: _objectSpread2(_objectSpread2({}, style), applySpacing(rest)),
+        style: _objectSpread2(_objectSpread2({
+          color: color
+        }, style), applySpacing(rest)),
         bold: bold
       }, rest), children);
     });

package/es/components/Typography/Typography.js.map

@@ -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 { size, children, breakWord, bold = defaultArgs?.defaultBold, className, style, ...rest } = props;\n\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(withBreakWord, typographyBold, className)}\n                style={{ ...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","_props$bold","bold","defaultBold","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","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,UAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,MAAA,IAAQC,IAAI,GAAsFF,KAAK,CAA/FE,IAAI;QAAEC,QAAQ,GAA4EH,KAAK,CAAzFG,QAAQ;QAAEC,SAAS,GAAiEJ,KAAK,CAA/EI,SAAS;QAAAC,WAAA,GAAiEL,KAAK,CAApEM,IAAI;QAAJA,IAAI,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGR,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEU,WAAW,GAAAF,WAAA;QAAEG,SAAS,GAAqBR,KAAK,CAAnCQ,SAAS;QAAEC,KAAK,GAAcT,KAAK,CAAxBS,KAAK;AAAKC,QAAAA,IAAI,GAAAC,wBAAA,CAAKX,KAAK,EAAAY,SAAA,CAAA,CAAA;MAEvG,IAAMC,aAAa,GAAGT,SAAS,GAAGU,OAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;MACvE,IAAMC,cAAc,GAAGX,IAAI,GAAGQ,OAAO,CAACI,QAAQ,GAAGF,SAAS,CAAA;AAE1D,MAAA,oBACIG,KAAA,CAAAC,aAAA,CAACtB,IAAI,EAAAuB,QAAA,CAAA;AACDnB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;QACTO,SAAS,EAAEc,EAAE,CAACT,aAAa,EAAEI,cAAc,EAAET,SAAS,CAAE;QACxDC,KAAK,EAAAc,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAOd,KAAK,CAAA,EAAKe,YAAY,CAACd,IAAI,CAAC,CAAG;AAC3CJ,QAAAA,IAAI,EAAEA,IAAAA;OACFI,EAAAA,IAAI,CAEPP,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}
+{"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 { size, children, breakWord, bold = defaultArgs?.defaultBold, color, className, style, ...rest } = props;\n\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(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","_props$bold","bold","defaultBold","color","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","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,UAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,MAAA,IAAQC,IAAI,GAA6FF,KAAK,CAAtGE,IAAI;QAAEC,QAAQ,GAAmFH,KAAK,CAAhGG,QAAQ;QAAEC,SAAS,GAAwEJ,KAAK,CAAtFI,SAAS;QAAAC,WAAA,GAAwEL,KAAK,CAA3EM,IAAI;QAAJA,IAAI,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGR,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEU,WAAW,GAAAF,WAAA;QAAEG,KAAK,GAAgCR,KAAK,CAA1CQ,KAAK;QAAEC,SAAS,GAAqBT,KAAK,CAAnCS,SAAS;QAAEC,KAAK,GAAcV,KAAK,CAAxBU,KAAK;AAAKC,QAAAA,IAAI,GAAAC,wBAAA,CAAKZ,KAAK,EAAAa,SAAA,CAAA,CAAA;MAE9G,IAAMC,aAAa,GAAGV,SAAS,GAAGW,OAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;MACvE,IAAMC,cAAc,GAAGZ,IAAI,GAAGS,OAAO,CAACI,QAAQ,GAAGF,SAAS,CAAA;AAE1D,MAAA,oBACIG,KAAA,CAAAC,aAAA,CAACvB,IAAI,EAAAwB,QAAA,CAAA;AACDpB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;QACTQ,SAAS,EAAEc,EAAE,CAACT,aAAa,EAAEI,cAAc,EAAET,SAAS,CAAE;QACxDC,KAAK,EAAAc,cAAA,CAAAA,cAAA,CAAA;AAAIhB,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKE,KAAK,CAAKe,EAAAA,YAAY,CAACd,IAAI,CAAC,CAAG;AAClDL,QAAAA,IAAI,EAAEA,IAAAA;OACFK,EAAAA,IAAI,CAEPR,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.110.2-dev.0",
+  "version": "0.111.0-canary.1308.10073134400.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -118,5 +118,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "366aa3199f21f4477b4744480c95d225af7e2c69"
+  "gitHead": "3a1857de396f4e1a3ef41085034ff4f92d01ae82"
 }

package/styled-components/cjs/components/Typography/Old/Subtitle/Subtitle.js

@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
 var _applySpacing = /*#__PURE__*/require("../../../../mixins/applySpacing");
 var _base = /*#__PURE__*/require("../../variations/_size/base");
 var _Subtitle = /*#__PURE__*/require("./Subtitle.styles");
-var _excluded = ["size", "children", "style"];
+var _excluded = ["size", "children", "color", "style"];
 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); }
 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; }
 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); }
@@ -24,12 +24,15 @@ var subtitleRoot = exports.subtitleRoot = function subtitleRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var size = props.size,
       children = props.children,
+      color = props.color,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       size: size,
       ref: ref,
-      style: _objectSpread(_objectSpread({}, style), (0, _applySpacing.applySpacing)(rest))
+      style: _objectSpread(_objectSpread({
+        color: color
+      }, style), (0, _applySpacing.applySpacing)(rest))
     }, rest), children);
   });
 };

package/styled-components/cjs/components/Typography/Old/TypographyOld.js

@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
 var _applySpacing = /*#__PURE__*/require("../../../mixins/applySpacing");
 var _tokens = /*#__PURE__*/require("../tokens");
 var _utils = /*#__PURE__*/require("../../../utils");
-var _excluded = ["size", "children", "breakWord", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "color", "className", "style"];
 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); }
 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; }
 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,6 +25,7 @@ var typographyOldRoot = exports.typographyOldRoot = function typographyOldRoot(R
     var size = props.size,
       children = props.children,
       breakWord = props.breakWord,
+      color = props.color,
       className = props.className,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
@@ -33,7 +34,9 @@ var typographyOldRoot = exports.typographyOldRoot = function typographyOldRoot(R
       size: size,
       ref: ref,
       className: (0, _utils.cx)(withBreakWord, className),
-      style: _objectSpread(_objectSpread({}, style), (0, _applySpacing.applySpacing)(rest))
+      style: _objectSpread(_objectSpread({
+        color: color
+      }, style), (0, _applySpacing.applySpacing)(rest))
     }, rest), children);
   });
 };

package/styled-components/cjs/components/Typography/Typography.js

@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
 var _applySpacing = /*#__PURE__*/require("../../mixins/applySpacing");
 var _utils = /*#__PURE__*/require("../../utils");
 var _tokens = /*#__PURE__*/require("./tokens");
-var _excluded = ["size", "children", "breakWord", "bold", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "bold", "color", "className", "style"];
 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); }
 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; }
 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); }
@@ -28,6 +28,7 @@ var typographyRootCompose = exports.typographyRootCompose = function typographyR
         breakWord = props.breakWord,
         _props$bold = props.bold,
         bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
+        color = props.color,
         className = props.className,
         style = props.style,
         rest = _objectWithoutProperties(props, _excluded);
@@ -37,7 +38,9 @@ var typographyRootCompose = exports.typographyRootCompose = function typographyR
         size: size,
         ref: ref,
         className: (0, _utils.cx)(withBreakWord, typographyBold, className),
-        style: _objectSpread(_objectSpread({}, style), (0, _applySpacing.applySpacing)(rest)),
+        style: _objectSpread(_objectSpread({
+          color: color
+        }, style), (0, _applySpacing.applySpacing)(rest)),
         bold: bold
       }, rest), children);
     });

package/styled-components/es/components/Typography/Old/Subtitle/Subtitle.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["size", "children", "style"];
+var _excluded = ["size", "children", "color", "style"];
 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); }
 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; }
 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; }
@@ -16,12 +16,15 @@ export var subtitleRoot = function subtitleRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var size = props.size,
       children = props.children,
+      color = props.color,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
     return /*#__PURE__*/React.createElement(Root, _extends({
       size: size,
       ref: ref,
-      style: _objectSpread(_objectSpread({}, style), applySpacing(rest))
+      style: _objectSpread(_objectSpread({
+        color: color
+      }, style), applySpacing(rest))
     }, rest), children);
   });
 };

package/styled-components/es/components/Typography/Old/TypographyOld.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["size", "children", "breakWord", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "color", "className", "style"];
 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); }
 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; }
 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; }
@@ -17,6 +17,7 @@ export var typographyOldRoot = function typographyOldRoot(Root) {
     var size = props.size,
       children = props.children,
       breakWord = props.breakWord,
+      color = props.color,
       className = props.className,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
@@ -25,7 +26,9 @@ export var typographyOldRoot = function typographyOldRoot(Root) {
       size: size,
       ref: ref,
       className: cx(withBreakWord, className),
-      style: _objectSpread(_objectSpread({}, style), applySpacing(rest))
+      style: _objectSpread(_objectSpread({
+        color: color
+      }, style), applySpacing(rest))
     }, rest), children);
   });
 };

package/styled-components/es/components/Typography/Typography.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["size", "children", "breakWord", "bold", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "bold", "color", "className", "style"];
 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); }
 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; }
 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; }
@@ -20,6 +20,7 @@ export var typographyRootCompose = function typographyRootCompose(defaultArgs) {
         breakWord = props.breakWord,
         _props$bold = props.bold,
         bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
+        color = props.color,
         className = props.className,
         style = props.style,
         rest = _objectWithoutProperties(props, _excluded);
@@ -29,7 +30,9 @@ export var typographyRootCompose = function typographyRootCompose(defaultArgs) {
         size: size,
         ref: ref,
         className: cx(withBreakWord, typographyBold, className),
-        style: _objectSpread(_objectSpread({}, style), applySpacing(rest)),
+        style: _objectSpread(_objectSpread({
+          color: color
+        }, style), applySpacing(rest)),
         bold: bold
       }, rest), children);
     });

package/types/components/Typography/Body/Body.d.ts

@@ -3,12 +3,14 @@ import type { FontProps } from '../Typography.types';
 export declare type BodyProps = FontProps;
 export declare const bodyRoot: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<{
     breakWord?: boolean | undefined;
+    color?: string | undefined;
 } & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const bodyConfig: {
     name: string;
     tag: string;
     layout: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<{
         breakWord?: boolean | undefined;
+        color?: string | undefined;
     } & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {

package/types/components/Typography/Body/Body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Body/Body.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ;;+KAA0B,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAatB,CAAC"}
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Body/Body.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ;;;+KAA0B,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAatB,CAAC"}

package/types/components/Typography/Dspl/Dspl.d.ts

@@ -3,12 +3,14 @@ import type { FontProps } from '../Typography.types';
 export declare type DsplProps = FontProps;
 export declare const dsplRoot: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<{
     breakWord?: boolean | undefined;
+    color?: string | undefined;
 } & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const dsplConfig: {
     name: string;
     tag: string;
     layout: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<{
         breakWord?: boolean | undefined;
+        color?: string | undefined;
     } & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {

package/types/components/Typography/Dspl/Dspl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dspl.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Dspl/Dspl.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ;;+KAA+C,CAAC;AAErE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAatB,CAAC"}
+{"version":3,"file":"Dspl.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Dspl/Dspl.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ;;;+KAA+C,CAAC;AAErE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAatB,CAAC"}

package/types/components/Typography/Heading/Heading.d.ts

@@ -3,12 +3,14 @@ import type { FontProps } from '../Typography.types';
 export declare type HeadingProps = FontProps;
 export declare const headingRoot: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<{
     breakWord?: boolean | undefined;
+    color?: string | undefined;
 } & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const headingConfig: {
     name: string;
     tag: string;
     layout: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<{
         breakWord?: boolean | undefined;
+        color?: string | undefined;
     } & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {

package/types/components/Typography/Heading/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Heading/Heading.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,YAAY,GAAG,SAAS,CAAC;AAErC,eAAO,MAAM,WAAW;;+KAA+C,CAAC;AAExE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;CAazB,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Heading/Heading.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,YAAY,GAAG,SAAS,CAAC;AAErC,eAAO,MAAM,WAAW;;;+KAA+C,CAAC;AAExE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAazB,CAAC"}

package/types/components/Typography/Text/Text.d.ts

@@ -3,12 +3,14 @@ import type { FontProps } from '../Typography.types';
 export declare type TextProps = FontProps;
 export declare const textRoot: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<{
     breakWord?: boolean | undefined;
+    color?: string | undefined;
 } & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const textConfig: {
     name: string;
     tag: string;
     layout: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<{
         breakWord?: boolean | undefined;
+        color?: string | undefined;
     } & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {

package/types/components/Typography/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Text/Text.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ;;+KAA0B,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAatB,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Text/Text.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ;;;+KAA0B,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAatB,CAAC"}

package/types/components/Typography/Typography.d.ts

@@ -5,5 +5,6 @@ export declare const typographyRootCompose: (defaultArgs?: {
     defaultBold?: boolean | undefined;
 } | undefined) => (Root: RootProps<HTMLDivElement, FontProps>) => React.ForwardRefExoticComponent<{
     breakWord?: boolean | undefined;
+    color?: string | undefined;
 } & import("../../mixins/applySpacing").SpacingProps & import("./Typography.types").BoldProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Typography.d.ts.map

package/types/components/Typography/Typography.d.ts.map

@@ -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;;2KAoBxC,CAAC"}
+{"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;;;2KAoBxC,CAAC"}

package/types/components/Typography/Typography.types.d.ts

@@ -12,5 +12,6 @@ export declare type BoldProps = {
 };
 export declare type FontProps = {
     breakWord?: boolean;
+    color?: string;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement>;
 //# sourceMappingURL=Typography.types.d.ts.map

package/types/components/Typography/Typography.types.d.ts.map

@@ -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,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,oBAAY,SAAS,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,oBAAY,SAAS,GAAG;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,YAAY,GACZ,SAAS,GACT,cAAc,CAAC,cAAc,CAAC,CAAC"}
+{"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,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,oBAAY,SAAS,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,oBAAY,SAAS,GAAG;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,YAAY,GACZ,SAAS,GACT,cAAc,CAAC,cAAc,CAAC,CAAC"}

package/types/examples/typograpy/components/Body/Body.d.ts

@@ -9,5 +9,6 @@ export declare const Body: import("react").FunctionComponent<import("../../../..
     };
 }> & {
     breakWord?: boolean | undefined;
+    color?: string | undefined;
 } & import("../../../..").SpacingProps & import("../../../../components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Body.d.ts.map

package/types/examples/typograpy/components/Body/Body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../../src/examples/typograpy/components/Body/Body.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI;;;;;;;;;;iNAA0B,CAAC"}
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../../src/examples/typograpy/components/Body/Body.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI;;;;;;;;;;;iNAA0B,CAAC"}

package/types/examples/typograpy/components/Dspl/Dspl.d.ts

@@ -7,5 +7,6 @@ export declare const Dspl: import("react").FunctionComponent<import("../../../..
     };
 }> & {
     breakWord?: boolean | undefined;
+    color?: string | undefined;
 } & import("../../../..").SpacingProps & import("../../../../components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Dspl.d.ts.map

package/types/examples/typograpy/components/Dspl/Dspl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dspl.d.ts","sourceRoot":"","sources":["../../../../../src/examples/typograpy/components/Dspl/Dspl.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI;;;;;;;;iNAA0B,CAAC"}
+{"version":3,"file":"Dspl.d.ts","sourceRoot":"","sources":["../../../../../src/examples/typograpy/components/Dspl/Dspl.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI;;;;;;;;;iNAA0B,CAAC"}

package/types/examples/typograpy/components/Heading/Heading.d.ts

@@ -9,5 +9,6 @@ export declare const Heading: import("react").FunctionComponent<import("../../..
     };
 }> & {
     breakWord?: boolean | undefined;
+    color?: string | undefined;
 } & import("../../../..").SpacingProps & import("../../../../components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Heading.d.ts.map

package/types/examples/typograpy/components/Heading/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../src/examples/typograpy/components/Heading/Heading.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,OAAO;;;;;;;;;;iNAA0B,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../src/examples/typograpy/components/Heading/Heading.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,OAAO;;;;;;;;;;;iNAA0B,CAAC"}

package/types/examples/typograpy/components/Text/Text.d.ts

@@ -8,5 +8,6 @@ export declare const Text: import("react").FunctionComponent<import("../../../..
     };
 }> & {
     breakWord?: boolean | undefined;
+    color?: string | undefined;
 } & import("../../../..").SpacingProps & import("../../../../components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Text.d.ts.map

package/types/examples/typograpy/components/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/examples/typograpy/components/Text/Text.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI;;;;;;;;;iNAA0B,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/examples/typograpy/components/Text/Text.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI;;;;;;;;;;iNAA0B,CAAC"}