@itcase/tokens-baikal 1.0.24 → 1.0.26

package/dist/css/styles/main.css

@@ -162,88 +162,88 @@
   --typography-min-viewport: 360px;
   --typography-max-viewport: 1920px;
 
-  --typography-h1-min: 32px;
   --typography-h1-max: 64px;
-  --typography-h1-min-line-height: 64px;
-  --typography-h1-max-line-height: 80px;
+  --typography-h1-min: 32px;
+  --typography-h1-max-line-height: 64px;
+  --typography-h1-min-line-height: 40px;
   --typography-h1-font: var(--font-primary);
 
-  --typography-h2-min: 26px;
-  --typography-h2-max: 46px;
-  --typography-h2-min-line-height: 46px;
-  --typography-h2-max-line-height: 58px;
+  --typography-h2-max: 48px;
+  --typography-h2-min: 28px;
+  --typography-h2-max-line-height: 48px;
+  --typography-h2-min-line-height: 32px;
   --typography-h2-font: var(--font-primary);
 
-  --typography-h3-min: 18px;
   --typography-h3-max: 32px;
-  --typography-h3-min-line-height: 32px;
-  --typography-h3-max-line-height: 40px;
+  --typography-h3-min: 18px;
+  --typography-h3-max-line-height: 32px;
+  --typography-h3-min-line-height: 24px;
   --typography-h3-font: var(--font-primary);
 
-  --typography-h4-min: 16px;
   --typography-h4-max: 24px;
-  --typography-h4-min-line-height: 24px;
-  --typography-h4-max-line-height: 30px;
+  --typography-h4-min: 16px;
+  --typography-h4-max-line-height: 24px;
+  --typography-h4-min-line-height: 18px;
   --typography-h4-font: var(--font-primary);
 
-  --typography-h5-min: 14px;
   --typography-h5-max: 18px;
-  --typography-h5-min-line-height: 18px;
-  --typography-h5-max-line-height: 26px;
+  --typography-h5-min: 14px;
+  --typography-h5-max-line-height: 18px;
+  --typography-h5-min-line-height: 16px;
   --typography-h5-font: var(--font-primary);
 
-  --typography-h6-min: 12px;
   --typography-h6-max: 16px;
-  --typography-h6-min-line-height: 16px;
-  --typography-h6-max-line-height: 24px;
+  --typography-h6-min: 12px;
+  --typography-h6-max-line-height: 16px;
+  --typography-h6-min-line-height: 14px;
   --typography-h6-font: var(--font-primary);
 
-  --typography-p-min: 14px;
   --typography-p-max: 16px;
-  --typography-p-min-line-height: 18px;
+  --typography-p-min: 14px;
   --typography-p-max-line-height: 20px;
+  --typography-p-min-line-height: 18px;
   --typography-p-font: var(--font-primary);
 
   --typography-text-xxl-min: 20px;
   --typography-text-xxl-max: 24px;
-  --typography-text-xxl-min-line-height: 20px;
-  --typography-text-xxl-max-line-height: 24px;
+  --typography-text-xxl-min-line-height: 24px;
+  --typography-text-xxl-max-line-height: 28px;
   --typography-text-xxl-font: var(--font-primary);
 
   --typography-text-xl-min: 18px;
   --typography-text-xl-max: 20px;
-  --typography-text-xl-min-line-height: 20px;
+  --typography-text-xl-min-line-height: 22px;
   --typography-text-xl-max-line-height: 24px;
   --typography-text-xl-font: var(--font-primary);
 
-  --typography-text-l-min: 18px;
-  --typography-text-l-max: 20px;
-  --typography-text-l-min-line-height: 18px;
-  --typography-text-l-max-line-height: 20px;
+  --typography-text-l-min: 16px;
+  --typography-text-l-max: 18px;
+  --typography-text-l-min-line-height: 20px;
+  --typography-text-l-max-line-height: 22px;
   --typography-text-l-font: var(--font-primary);
 
   --typography-text-m-min: 14px;
   --typography-text-m-max: 16px;
-  --typography-text-m-min-line-height: 14px;
+  --typography-text-m-min-line-height: 18px;
   --typography-text-m-max-line-height: 20px;
   --typography-text-m-font: var(--font-primary);
 
-  --typography-text-s-min: 12px;
+  --typography-text-s-min: 14px;
   --typography-text-s-max: 14px;
-  --typography-text-s-min-line-height: 12px;
-  --typography-text-s-max-line-height: 14px;
+  --typography-text-s-min-line-height: 16px;
+  --typography-text-s-max-line-height: 18px;
   --typography-text-s-font: var(--font-primary);
 
-  --typography-text-xs-min: 10px;
+  --typography-text-xs-min: 12px;
   --typography-text-xs-max: 12px;
-  --typography-text-xs-min-line-height: 10px;
-  --typography-text-xs-max-line-height: 12px;
+  --typography-text-xs-min-line-height: 12px;
+  --typography-text-xs-max-line-height: 16px;
   --typography-text-xs-font: var(--font-primary);
 
-  --typography-text-xxs-min: 8px;
+  --typography-text-xxs-min: 10px;
   --typography-text-xxs-max: 10px;
-  --typography-text-xxs-min-line-height: 8px;
-  --typography-text-xxs-max-line-height: 10px;
+  --typography-text-xxs-min-line-height: 12px;
+  --typography-text-xxs-max-line-height: 12px;
   --typography-text-xxs-font: var(--font-primary);
 
   --typography-email-h1: 32px;
@@ -287,8 +287,57 @@
 
   --typography-email-text-xxs: 10px;
   --typography-email-text-xxs-line-height: 14px;
+  --font-primary: 'PF-Din-Display-Pro', sans-serif;
+  --font-email: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol';
 }
 /* stylelint-disable custom-property-empty-line-before, value-keyword-case */
+/* stylelint-disable value-keyword-case */
+@font-face {
+  font-family: PF-Din-Display-Pro;
+  src:
+    url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_bold.woff2') format('woff2'),
+    url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_bold.woff') format('woff');
+  font-weight: 700;
+  font-style: normal;
+  font-optical-sizing: auto;
+}
+@font-face {
+  font-family: PF-Din-Display-Pro;
+  src:
+    url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_medium.woff2') format('woff2'),
+    url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_medium.woff') format('woff');
+  font-weight: 500;
+  font-style: normal;
+  font-optical-sizing: auto;
+}
+@font-face {
+  font-family: PF-Din-Display-Pro;
+  src:
+    url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_regular.woff2') format('woff2'),
+    url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_regular.woff') format('woff');
+  font-weight: 400;
+  font-style: normal;
+  font-optical-sizing: auto;
+}
+@font-face {
+  font-family: PF-Din-Display-Pro;
+  src:
+    url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_light.woff2') format('woff2'),
+    url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_light.woff') format('woff');
+  font-weight: 300;
+  font-style: normal;
+  font-optical-sizing: auto;
+}
+@font-face {
+  font-family: PF-Din-Display-Pro;
+  src:
+    url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_thin.woff2') format('woff2'),
+    url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_thin.woff') format('woff');
+  font-weight: 100;
+  font-style: normal;
+  font-optical-sizing: auto;
+}
 @media (--desktop) {
   :root {
     --wrapper-margin: 40px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@itcase/tokens-baikal",
   "description": "",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "keywords": [],
   "license": "MIT",
   "private": false,
@@ -10,9 +10,12 @@
     "url": "https://github.com/ITCase/itcase-tokens.git"
   },
   "scripts": {
-    "build": "npm run build-js && npm run build-css",
+    "build": "npm run build-js && npm run build-css && npm run fonts",
     "build-js": "rm -rf dist && NODE_ENV=production rollup -c",
-    "build-css": "rm -rf dist/css && postcss 'src/styles/main.css' --base src --dir dist/css/ --env production",
+    "build-css": "postcss 'src/styles/main.css' --base src --dir dist/css/ --env production",
+    "dev": "npm run dev-css",
+    "fonts": "rm -rf ./dist/fonts && cp -r ./src/fonts/ ./dist/fonts/",
+    "dev-css": "postcss 'src/styles/main.css' --base src --dir dist/css/ --env production",
     "dev-js": "rollup -c -w"
   },
   "files": [
@@ -22,5 +25,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "7276f21b2c171a8214e46eb865b4411f95eb1a0d"
+  "gitHead": "e448f0d10a2dc2d1a2eb1706c37f385d71f5c6d3"
 }