@salutejs/plasma-typo - npm Package Compare versions

Comparing version 0.4.0 to 0.5.0-canary.7.2239439584.0

lib/cjs/components/Dspl.d.ts

 import type { BreakWordProps, SpacingProps } from '@salutejs/plasma-core';
-export declare const DsplL: import("styled-components").StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;
-export declare const DsplM: import("styled-components").StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;
-export declare const DsplS: import("styled-components").StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;
+import type { BoldProps } from '../types';
+export declare const DsplL: import("styled-components").StyledComponent<"div", any, SpacingProps & BoldProps & BreakWordProps, never>;
+export declare const DsplM: import("styled-components").StyledComponent<"div", any, SpacingProps & BoldProps & BreakWordProps, never>;
+export declare const DsplS: import("styled-components").StyledComponent<"div", any, SpacingProps & BoldProps & BreakWordProps, never>;
 //# sourceMappingURL=Dspl.d.ts.map

lib/cjs/components/Dspl.js

@@ -14,6 +14,15 @@ "use strict";
 var tokens_1 = require("../tokens");
-exports.DsplL = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, tokens_1.dsplL);
-exports.DsplM = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, tokens_1.dsplM);
-exports.DsplS = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, tokens_1.dsplS);
+exports.DsplL = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? tokens_1.dsplLBold : tokens_1.dsplL);
+});
+exports.DsplM = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? tokens_1.dsplMBold : tokens_1.dsplM);
+});
+exports.DsplS = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? tokens_1.dsplSBold : tokens_1.dsplS);
+});
 var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=Dspl.js.map

lib/cjs/components/H.d.ts

 import type { BreakWordProps, SpacingProps } from '@salutejs/plasma-core';
-export declare const H1: import("styled-components").StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;
-export declare const H2: import("styled-components").StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;
-export declare const H3: import("styled-components").StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;
-export declare const H4: import("styled-components").StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;
-export declare const H5: import("styled-components").StyledComponent<"div", any, SpacingProps & BreakWordProps, never>;
+import type { BoldProps } from '../types';
+export declare const H1: import("styled-components").StyledComponent<"div", any, SpacingProps & BoldProps & BreakWordProps, never>;
+export declare const H2: import("styled-components").StyledComponent<"div", any, SpacingProps & BoldProps & BreakWordProps, never>;
+export declare const H3: import("styled-components").StyledComponent<"div", any, SpacingProps & BoldProps & BreakWordProps, never>;
+export declare const H4: import("styled-components").StyledComponent<"div", any, SpacingProps & BoldProps & BreakWordProps, never>;
+export declare const H5: import("styled-components").StyledComponent<"div", any, SpacingProps & BoldProps & BreakWordProps, never>;
 //# sourceMappingURL=H.d.ts.map

lib/cjs/components/H.js

@@ -14,8 +14,23 @@ "use strict";
 var tokens_1 = require("../tokens");
-exports.H1 = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, tokens_1.h1);
-exports.H2 = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, tokens_1.h2);
-exports.H3 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, tokens_1.h3);
-exports.H4 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, tokens_1.h4);
-exports.H5 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, tokens_1.h5);
+exports.H1 = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? tokens_1.h1Bold : tokens_1.h1);
+});
+exports.H2 = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? tokens_1.h2Bold : tokens_1.h2);
+});
+exports.H3 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? tokens_1.h3Bold : tokens_1.h3);
+});
+exports.H4 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? tokens_1.h4Bold : tokens_1.h4);
+});
+exports.H5 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), plasma_core_1.applyHyphens, plasma_core_1.applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? tokens_1.h5Bold : tokens_1.h5);
+});
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=H.js.map

lib/cjs/standard.js

@@ -13,2 +13,7 @@ "use strict";
         'font-size': '5.5rem',
+        'font-weight': '400',
+        'line-height': '5.75rem',
+    },
+    'dspl-l-bold': {
+        'font-size': '5.5rem',
         'font-weight': '600',
@@ -19,2 +24,7 @@ 'line-height': '5.75rem',
         'font-size': '3.5rem',
+        'font-weight': '400',
+        'line-height': '3.875rem',
+    },
+    'dspl-m-bold': {
+        'font-size': '3.5rem',
         'font-weight': '600',
@@ -25,2 +35,7 @@ 'line-height': '3.875rem',
         'font-size': '2.5rem',
+        'font-weight': '400',
+        'line-height': '2.875rem',
+    },
+    'dspl-s-bold': {
+        'font-size': '2.5rem',
         'font-weight': '600',
@@ -31,2 +46,7 @@ 'line-height': '2.875rem',
         'font-size': '1.75rem',
+        'font-weight': '400',
+        'line-height': '2.125rem',
+    },
+    'h1-bold': {
+        'font-size': '1.75rem',
         'font-weight': '600',
@@ -37,2 +57,7 @@ 'line-height': '2.125rem',
         'font-size': '1.5rem',
+        'font-weight': '400',
+        'line-height': '1.875rem',
+    },
+    'h2-bold': {
+        'font-size': '1.5rem',
         'font-weight': '600',
@@ -43,2 +68,7 @@ 'line-height': '1.875rem',
         'font-size': '1.25rem',
+        'font-weight': '400',
+        'line-height': '1.625rem',
+    },
+    'h3-bold': {
+        'font-size': '1.25rem',
         'font-weight': '600',
@@ -49,2 +79,7 @@ 'line-height': '1.625rem',
         'font-size': '1.125rem',
+        'font-weight': '400',
+        'line-height': '1.5rem',
+    },
+    'h4-bold': {
+        'font-size': '1.125rem',
         'font-weight': '600',
@@ -55,2 +90,7 @@ 'line-height': '1.5rem',
         'font-size': '0.875rem',
+        'font-weight': '400',
+        'line-height': '1.375rem',
+    },
+    'h5-bold': {
+        'font-size': '0.875rem',
         'font-weight': '600',
@@ -153,2 +193,7 @@ 'line-height': '1.375rem',
         'font-size': '7rem',
+        'font-weight': '400',
+        'line-height': '7rem',
+    },
+    'dspl-l-bold': {
+        'font-size': '7rem',
         'font-weight': '600',
@@ -159,2 +204,7 @@ 'line-height': '7rem',
         'font-size': '4.5rem',
+        'font-weight': '400',
+        'line-height': '4.75rem',
+    },
+    'dspl-m-bold': {
+        'font-size': '4.5rem',
         'font-weight': '600',
@@ -165,2 +215,7 @@ 'line-height': '4.75rem',
         'font-size': '3rem',
+        'font-weight': '400',
+        'line-height': '3.375rem',
+    },
+    'dspl-s-bold': {
+        'font-size': '3rem',
         'font-weight': '600',
@@ -171,2 +226,7 @@ 'line-height': '3.375rem',
         'font-size': '2.5rem',
+        'font-weight': '400',
+        'line-height': '2.875rem',
+    },
+    'h1-bold': {
+        'font-size': '2.5rem',
         'font-weight': '600',
@@ -177,2 +237,7 @@ 'line-height': '2.875rem',
         'font-size': '1.75rem',
+        'font-weight': '400',
+        'line-height': '2.125rem',
+    },
+    'h2-bold': {
+        'font-size': '1.75rem',
         'font-weight': '600',
@@ -183,2 +248,7 @@ 'line-height': '2.125rem',
         'font-size': '1.25rem',
+        'font-weight': '400',
+        'line-height': '1.625rem',
+    },
+    'h3-bold': {
+        'font-size': '1.25rem',
         'font-weight': '600',
@@ -189,2 +259,7 @@ 'line-height': '1.625rem',
         'font-size': '1.125rem',
+        'font-weight': '400',
+        'line-height': '1.5rem',
+    },
+    'h4-bold': {
+        'font-size': '1.125rem',
         'font-weight': '600',
@@ -195,2 +270,7 @@ 'line-height': '1.5rem',
         'font-size': '1rem',
+        'font-weight': '400',
+        'line-height': '1.375rem',
+    },
+    'h5-bold': {
+        'font-size': '1rem',
         'font-weight': '600',
@@ -293,2 +373,7 @@ 'line-height': '1.375rem',
         'font-size': '8rem',
+        'font-weight': '400',
+        'line-height': '8rem',
+    },
+    'dspl-l-bold': {
+        'font-size': '8rem',
         'font-weight': '600',
@@ -299,2 +384,7 @@ 'line-height': '8rem',
         'font-size': '5.5rem',
+        'font-weight': '400',
+        'line-height': '5.75rem',
+    },
+    'dspl-m-bold': {
+        'font-size': '5.5rem',
         'font-weight': '600',
@@ -305,2 +395,7 @@ 'line-height': '5.75rem',
         'font-size': '4rem',
+        'font-weight': '400',
+        'line-height': '4.25rem',
+    },
+    'dspl-s-bold': {
+        'font-size': '4rem',
         'font-weight': '600',
@@ -311,2 +406,7 @@ 'line-height': '4.25rem',
         'font-size': '3rem',
+        'font-weight': '400',
+        'line-height': '3.375rem',
+    },
+    'h1-bold': {
+        'font-size': '3rem',
         'font-weight': '600',
@@ -317,2 +417,7 @@ 'line-height': '3.375rem',
         'font-size': '2rem',
+        'font-weight': '400',
+        'line-height': '2.375rem',
+    },
+    'h2-bold': {
+        'font-size': '2rem',
         'font-weight': '600',
@@ -323,2 +428,7 @@ 'line-height': '2.375rem',
         'font-size': '1.5rem',
+        'font-weight': '400',
+        'line-height': '1.875rem',
+    },
+    'h3-bold': {
+        'font-size': '1.5rem',
         'font-weight': '600',
@@ -329,2 +439,7 @@ 'line-height': '1.875rem',
         'font-size': '1.25rem',
+        'font-weight': '400',
+        'line-height': '1.625rem',
+    },
+    'h4-bold': {
+        'font-size': '1.25rem',
         'font-weight': '600',
@@ -335,2 +450,7 @@ 'line-height': '1.625rem',
         'font-size': '1.125rem',
+        'font-weight': '400',
+        'line-height': '1.5rem',
+    },
+    'h5-bold': {
+        'font-size': '1.125rem',
         'font-weight': '600',
@@ -337,0 +457,0 @@ 'line-height': '1.5rem',

lib/cjs/tokens.d.ts

 import type { CSSObject } from 'styled-components';
 export declare const dsplL: CSSObject;
+export declare const dsplLBold: CSSObject;
 export declare const dsplM: CSSObject;
+export declare const dsplMBold: CSSObject;
 export declare const dsplS: CSSObject;
+export declare const dsplSBold: CSSObject;
 export declare const h1: CSSObject;
+export declare const h1Bold: CSSObject;
 export declare const h2: CSSObject;
+export declare const h2Bold: CSSObject;
 export declare const h3: CSSObject;
+export declare const h3Bold: CSSObject;
 export declare const h4: CSSObject;
+export declare const h4Bold: CSSObject;
 export declare const h5: CSSObject;
+export declare const h5Bold: CSSObject;
 export declare const bodyL: CSSObject;
@@ -11,0 +19,0 @@ export declare const bodyLBold: CSSObject;

lib/cjs/tokens.js

@@ -14,3 +14,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.textXSBold = exports.textXS = exports.textSBold = exports.textS = exports.textMBold = exports.textM = exports.textLBold = exports.textL = exports.bodyXXSBold = exports.bodyXXS = exports.bodyXSBold = exports.bodyXS = exports.bodySBold = exports.bodyS = exports.bodyMBold = exports.bodyM = exports.bodyLBold = exports.bodyL = exports.h5 = exports.h4 = exports.h3 = exports.h2 = exports.h1 = exports.dsplS = exports.dsplM = exports.dsplL = void 0;
+exports.textXSBold = exports.textXS = exports.textSBold = exports.textS = exports.textMBold = exports.textM = exports.textLBold = exports.textL = exports.bodyXXSBold = exports.bodyXXS = exports.bodyXSBold = exports.bodyXS = exports.bodySBold = exports.bodyS = exports.bodyMBold = exports.bodyM = exports.bodyLBold = exports.bodyL = exports.h5Bold = exports.h5 = exports.h4Bold = exports.h4 = exports.h3Bold = exports.h3 = exports.h2Bold = exports.h2 = exports.h1Bold = exports.h1 = exports.dsplSBold = exports.dsplS = exports.dsplMBold = exports.dsplM = exports.dsplLBold = exports.dsplL = void 0;
 exports.dsplL = {
@@ -24,2 +24,3 @@ fontFamily: 'var(--plasma-typo-dspl-l-font-family)',
 };
+exports.dsplLBold = __assign(__assign({}, exports.dsplL), { fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)' });
 exports.dsplM = {
@@ -33,2 +34,3 @@ fontFamily: 'var(--plasma-typo-dspl-m-font-family)',
 };
+exports.dsplMBold = __assign(__assign({}, exports.dsplM), { fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)' });
 exports.dsplS = {
@@ -42,2 +44,3 @@ fontFamily: 'var(--plasma-typo-dspl-s-font-family)',
 };
+exports.dsplSBold = __assign(__assign({}, exports.dsplS), { fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)' });
 exports.h1 = {
@@ -51,2 +54,3 @@ fontFamily: 'var(--plasma-typo-h1-font-family)',
 };
+exports.h1Bold = __assign(__assign({}, exports.h1), { fontWeight: 'var(--plasma-typo-h1-bold-font-weight)' });
 exports.h2 = {
@@ -60,2 +64,3 @@ fontFamily: 'var(--plasma-typo-h2-font-family)',
 };
+exports.h2Bold = __assign(__assign({}, exports.h2), { fontWeight: 'var(--plasma-typo-h2-bold-font-weight)' });
 exports.h3 = {
@@ -69,2 +74,3 @@ fontFamily: 'var(--plasma-typo-h3-font-family)',
 };
+exports.h3Bold = __assign(__assign({}, exports.h3), { fontWeight: 'var(--plasma-typo-h3-bold-font-weight)' });
 exports.h4 = {
@@ -78,2 +84,3 @@ fontFamily: 'var(--plasma-typo-h4-font-family)',
 };
+exports.h4Bold = __assign(__assign({}, exports.h4), { fontWeight: 'var(--plasma-typo-h4-bold-font-weight)' });
 exports.h5 = {
@@ -87,2 +94,3 @@ fontFamily: 'var(--plasma-typo-h5-font-family)',
 };
+exports.h5Bold = __assign(__assign({}, exports.h5), { fontWeight: 'var(--plasma-typo-h5-bold-font-weight)' });
 exports.bodyL = {
@@ -89,0 +97,0 @@ fontFamily: 'var(--plasma-typo-body-l-font-family)',

lib/esm/components/Dspl.js

@@ -7,7 +7,16 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
 import { applyHyphens, applySpacing } from '@salutejs/plasma-core';
-import { dsplL, dsplM, dsplS } from '../tokens';
-export var DsplL = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, dsplL);
-export var DsplM = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, dsplM);
-export var DsplS = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, dsplS);
+import { dsplL, dsplLBold, dsplM, dsplMBold, dsplS, dsplSBold } from '../tokens';
+export var DsplL = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? dsplLBold : dsplL);
+});
+export var DsplM = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? dsplMBold : dsplM);
+});
+export var DsplS = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? dsplSBold : dsplS);
+});
 var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=Dspl.js.map

lib/esm/components/H.js

@@ -7,9 +7,24 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
 import { applyHyphens, applySpacing } from '@salutejs/plasma-core';
-import { h1, h2, h3, h4, h5 } from '../tokens';
-export var H1 = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, h1);
-export var H2 = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, h2);
-export var H3 = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, h3);
-export var H4 = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, h4);
-export var H5 = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, h5);
+import { h1, h1Bold, h2, h2Bold, h3, h3Bold, h4, h4Bold, h5, h5Bold } from '../tokens';
+export var H1 = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? h1Bold : h1);
+});
+export var H2 = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? h2Bold : h2);
+});
+export var H3 = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? h3Bold : h3);
+});
+export var H4 = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? h4Bold : h4);
+});
+export var H5 = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), applyHyphens, applySpacing, function (_a) {
+    var _b = _a.bold, bold = _b === void 0 ? true : _b;
+    return (bold ? h5Bold : h5);
+});
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=H.js.map

lib/esm/standard.js

@@ -10,2 +10,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
         'font-size': '5.5rem',
+        'font-weight': '400',
+        'line-height': '5.75rem',
+    },
+    'dspl-l-bold': {
+        'font-size': '5.5rem',
         'font-weight': '600',
@@ -16,2 +21,7 @@ 'line-height': '5.75rem',
         'font-size': '3.5rem',
+        'font-weight': '400',
+        'line-height': '3.875rem',
+    },
+    'dspl-m-bold': {
+        'font-size': '3.5rem',
         'font-weight': '600',
@@ -22,2 +32,7 @@ 'line-height': '3.875rem',
         'font-size': '2.5rem',
+        'font-weight': '400',
+        'line-height': '2.875rem',
+    },
+    'dspl-s-bold': {
+        'font-size': '2.5rem',
         'font-weight': '600',
@@ -28,2 +43,7 @@ 'line-height': '2.875rem',
         'font-size': '1.75rem',
+        'font-weight': '400',
+        'line-height': '2.125rem',
+    },
+    'h1-bold': {
+        'font-size': '1.75rem',
         'font-weight': '600',
@@ -34,2 +54,7 @@ 'line-height': '2.125rem',
         'font-size': '1.5rem',
+        'font-weight': '400',
+        'line-height': '1.875rem',
+    },
+    'h2-bold': {
+        'font-size': '1.5rem',
         'font-weight': '600',
@@ -40,2 +65,7 @@ 'line-height': '1.875rem',
         'font-size': '1.25rem',
+        'font-weight': '400',
+        'line-height': '1.625rem',
+    },
+    'h3-bold': {
+        'font-size': '1.25rem',
         'font-weight': '600',
@@ -46,2 +76,7 @@ 'line-height': '1.625rem',
         'font-size': '1.125rem',
+        'font-weight': '400',
+        'line-height': '1.5rem',
+    },
+    'h4-bold': {
+        'font-size': '1.125rem',
         'font-weight': '600',
@@ -52,2 +87,7 @@ 'line-height': '1.5rem',
         'font-size': '0.875rem',
+        'font-weight': '400',
+        'line-height': '1.375rem',
+    },
+    'h5-bold': {
+        'font-size': '0.875rem',
         'font-weight': '600',
@@ -150,2 +190,7 @@ 'line-height': '1.375rem',
         'font-size': '7rem',
+        'font-weight': '400',
+        'line-height': '7rem',
+    },
+    'dspl-l-bold': {
+        'font-size': '7rem',
         'font-weight': '600',
@@ -156,2 +201,7 @@ 'line-height': '7rem',
         'font-size': '4.5rem',
+        'font-weight': '400',
+        'line-height': '4.75rem',
+    },
+    'dspl-m-bold': {
+        'font-size': '4.5rem',
         'font-weight': '600',
@@ -162,2 +212,7 @@ 'line-height': '4.75rem',
         'font-size': '3rem',
+        'font-weight': '400',
+        'line-height': '3.375rem',
+    },
+    'dspl-s-bold': {
+        'font-size': '3rem',
         'font-weight': '600',
@@ -168,2 +223,7 @@ 'line-height': '3.375rem',
         'font-size': '2.5rem',
+        'font-weight': '400',
+        'line-height': '2.875rem',
+    },
+    'h1-bold': {
+        'font-size': '2.5rem',
         'font-weight': '600',
@@ -174,2 +234,7 @@ 'line-height': '2.875rem',
         'font-size': '1.75rem',
+        'font-weight': '400',
+        'line-height': '2.125rem',
+    },
+    'h2-bold': {
+        'font-size': '1.75rem',
         'font-weight': '600',
@@ -180,2 +245,7 @@ 'line-height': '2.125rem',
         'font-size': '1.25rem',
+        'font-weight': '400',
+        'line-height': '1.625rem',
+    },
+    'h3-bold': {
+        'font-size': '1.25rem',
         'font-weight': '600',
@@ -186,2 +256,7 @@ 'line-height': '1.625rem',
         'font-size': '1.125rem',
+        'font-weight': '400',
+        'line-height': '1.5rem',
+    },
+    'h4-bold': {
+        'font-size': '1.125rem',
         'font-weight': '600',
@@ -192,2 +267,7 @@ 'line-height': '1.5rem',
         'font-size': '1rem',
+        'font-weight': '400',
+        'line-height': '1.375rem',
+    },
+    'h5-bold': {
+        'font-size': '1rem',
         'font-weight': '600',
@@ -290,2 +370,7 @@ 'line-height': '1.375rem',
         'font-size': '8rem',
+        'font-weight': '400',
+        'line-height': '8rem',
+    },
+    'dspl-l-bold': {
+        'font-size': '8rem',
         'font-weight': '600',
@@ -296,2 +381,7 @@ 'line-height': '8rem',
         'font-size': '5.5rem',
+        'font-weight': '400',
+        'line-height': '5.75rem',
+    },
+    'dspl-m-bold': {
+        'font-size': '5.5rem',
         'font-weight': '600',
@@ -302,2 +392,7 @@ 'line-height': '5.75rem',
         'font-size': '4rem',
+        'font-weight': '400',
+        'line-height': '4.25rem',
+    },
+    'dspl-s-bold': {
+        'font-size': '4rem',
         'font-weight': '600',
@@ -308,2 +403,7 @@ 'line-height': '4.25rem',
         'font-size': '3rem',
+        'font-weight': '400',
+        'line-height': '3.375rem',
+    },
+    'h1-bold': {
+        'font-size': '3rem',
         'font-weight': '600',
@@ -314,2 +414,7 @@ 'line-height': '3.375rem',
         'font-size': '2rem',
+        'font-weight': '400',
+        'line-height': '2.375rem',
+    },
+    'h2-bold': {
+        'font-size': '2rem',
         'font-weight': '600',
@@ -320,2 +425,7 @@ 'line-height': '2.375rem',
         'font-size': '1.5rem',
+        'font-weight': '400',
+        'line-height': '1.875rem',
+    },
+    'h3-bold': {
+        'font-size': '1.5rem',
         'font-weight': '600',
@@ -326,2 +436,7 @@ 'line-height': '1.875rem',
         'font-size': '1.25rem',
+        'font-weight': '400',
+        'line-height': '1.625rem',
+    },
+    'h4-bold': {
+        'font-size': '1.25rem',
         'font-weight': '600',
@@ -332,2 +447,7 @@ 'line-height': '1.625rem',
         'font-size': '1.125rem',
+        'font-weight': '400',
+        'line-height': '1.5rem',
+    },
+    'h5-bold': {
+        'font-size': '1.125rem',
         'font-weight': '600',
@@ -334,0 +454,0 @@ 'line-height': '1.5rem',

lib/esm/tokens.js

@@ -20,2 +20,3 @@ var __assign = (this && this.__assign) || function () {
 };
+export var dsplLBold = __assign(__assign({}, dsplL), { fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)' });
 export var dsplM = {
@@ -29,2 +30,3 @@ fontFamily: 'var(--plasma-typo-dspl-m-font-family)',
 };
+export var dsplMBold = __assign(__assign({}, dsplM), { fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)' });
 export var dsplS = {
@@ -38,2 +40,3 @@ fontFamily: 'var(--plasma-typo-dspl-s-font-family)',
 };
+export var dsplSBold = __assign(__assign({}, dsplS), { fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)' });
 export var h1 = {
@@ -47,2 +50,3 @@ fontFamily: 'var(--plasma-typo-h1-font-family)',
 };
+export var h1Bold = __assign(__assign({}, h1), { fontWeight: 'var(--plasma-typo-h1-bold-font-weight)' });
 export var h2 = {
@@ -56,2 +60,3 @@ fontFamily: 'var(--plasma-typo-h2-font-family)',
 };
+export var h2Bold = __assign(__assign({}, h2), { fontWeight: 'var(--plasma-typo-h2-bold-font-weight)' });
 export var h3 = {
@@ -65,2 +70,3 @@ fontFamily: 'var(--plasma-typo-h3-font-family)',
 };
+export var h3Bold = __assign(__assign({}, h3), { fontWeight: 'var(--plasma-typo-h3-bold-font-weight)' });
 export var h4 = {
@@ -74,2 +80,3 @@ fontFamily: 'var(--plasma-typo-h4-font-family)',
 };
+export var h4Bold = __assign(__assign({}, h4), { fontWeight: 'var(--plasma-typo-h4-bold-font-weight)' });
 export var h5 = {
@@ -83,2 +90,3 @@ fontFamily: 'var(--plasma-typo-h5-font-family)',
 };
+export var h5Bold = __assign(__assign({}, h5), { fontWeight: 'var(--plasma-typo-h5-bold-font-weight)' });
 export var bodyL = {
@@ -85,0 +93,0 @@ fontFamily: 'var(--plasma-typo-body-l-font-family)',

package.json

 {
     "name": "@salutejs/plasma-typo",
-    "version": "0.4.0",
+    "version": "0.5.0-canary.7.2239439584.0",
     "description": "Plasma Typography System's tokens",
@@ -23,3 +23,3 @@ "author": "Salute Frontend Team <[e-mail]>",
     "devDependencies": {
-        "@salutejs/plasma-core": "1.57.0",
+        "@salutejs/plasma-core": "1.58.0-canary.7.2239439584.0",
         "@types/node": "16.7.13",
@@ -42,3 +42,3 @@ "@types/react": "16.9.38",
     "sideEffects": false,
-    "gitHead": "bf01d21b8e293e2915f992ec6220aa439610367a"
+    "gitHead": "7eca549ebf702c4bce38699a0a3917bccc9c616b"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

143697

increased by13.95%

Lines of code

1993

increased by18.77%

No dependency changes