docs(plasma-ui): storybook local font

Author: Yeti-or

packages/plasma-ui/.storybook/manager-head.html

@@ -1,5 +1,5 @@
-<link rel="stylesheet" href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansText.0.1.0.css">
-<link rel="stylesheet" href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansDisplay.0.1.0.css">
+<link rel="stylesheet" href="%PUBLIC_URL%/styles/SBSansText.css">
+<link rel="stylesheet" href="%PUBLIC_URL%/styles/SBSansDisplay.css">
 <link rel="icon" href="sb-favicon.png"/>
 
 <style>

packages/plasma-ui/.storybook/preview-head.html

@@ -1,5 +1,5 @@
-<link rel="stylesheet" href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansText.0.1.0.css">
-<link rel="stylesheet" href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansDisplay.0.1.0.css">
+<link rel="stylesheet" href="%PUBLIC_URL%/styles/SBSansText.css">
+<link rel="stylesheet" href="%PUBLIC_URL%/styles/SBSansDisplay.css">
 <link rel="icon" href="sb-favicon.png"/>
 
 <style>

packages/plasma-ui/.storybook/public/styles/SBSansDisplay.css

@@ -0,0 +1,39 @@
+@font-face {
+    font-family: 'SB Sans Display';
+    src: url('fonts/SBSansDisplay/SBSansDisplay-Light.woff2') format('woff2'),
+         url('fonts/SBSansDisplay/SBSansDisplay-Light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'SB Sans Display';
+    src: url('fonts/SBSansDisplay/SBSansDisplay-Thin.woff2') format('woff2'),
+         url('fonts/SBSansDisplay/SBSansDisplay-Thin.woff') format('woff');
+    font-weight: 100;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'SB Sans Display';
+    src: url('fonts/SBSansDisplay/SBSansDisplay-Bold.woff2') format('woff2'),
+         url('fonts/SBSansDisplay/SBSansDisplay-Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'SB Sans Display';
+    src: url('fonts/SBSansDisplay/SBSansDisplay-Regular.woff2') format('woff2'),
+         url('fonts/SBSansDisplay/SBSansDisplay-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'SB Sans Display';
+    src: url('fonts/SBSansDisplay/SBSansDisplay-Semibold.woff2') format('woff2'),
+         url('fonts/SBSansDisplay/SBSansDisplay-Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+}

packages/plasma-ui/.storybook/public/styles/SBSansText.css

@@ -0,0 +1,87 @@
+@font-face {
+    font-family: 'SB Sans Text';
+    src: url('fonts/SBSansText/SBSansText-Light.woff2') format('woff2'),
+         url('fonts/SBSansText/SBSansText-Light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'SB Sans Text';
+    src: url('fonts/SBSansText/SBSansText-Italic.woff2') format('woff2'),
+         url('fonts/SBSansText/SBSansText-Italic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'SB Sans Text';
+    src: url('fonts/SBSansText/SBSansText-SemiboldItalic.woff2') format('woff2'),
+         url('fonts/SBSansText/SBSansText-SemiboldItalic.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'SB Sans Text';
+    src: url('fonts/SBSansText/SBSansText-Thin.woff2') format('woff2'),
+         url('fonts/SBSansText/SBSansText-Thin.woff') format('woff');
+    font-weight: 100;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'SB Sans Text';
+    src: url('fonts/SBSansText/SBSansText-Regular.woff2') format('woff2'),
+         url('fonts/SBSansText/SBSansText-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'SB Sans Text';
+    src: url('fonts/SBSansText/SBSansText-Semibold.woff2') format('woff2'),
+         url('fonts/SBSansText/SBSansText-Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'SB Sans Text';
+    src: url('fonts/SBSansText/SBSansText-LightItalic.woff2') format('woff2'),
+         url('fonts/SBSansText/SBSansText-LightItalic.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'SB Sans Text';
+    src: url('fonts/SBSansText/SBSansText-Heavy.woff2') format('woff2'),
+         url('fonts/SBSansText/SBSansText-Heavy.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'SB Sans Text';
+    src: url('fonts/SBSansText/SBSansText-Bold.woff2') format('woff2'),
+         url('fonts/SBSansText/SBSansText-Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'SB Sans Text';
+    src: url('fonts/SBSansText/SBSansText-BoldItalic.woff2') format('woff2'),
+         url('fonts/SBSansText/SBSansText-BoldItalic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'SB Sans Text';
+    src: url('fonts/SBSansText/SBSansText-Medium.woff2') format('woff2'),
+         url('fonts/SBSansText/SBSansText-Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}