@epam/assets 5.0.0-alpha.4 → 5.0.1

package/icons/templates/tall.svg

@@ -1,69 +1,69 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns="http://www.w3.org/2000/svg"
-   width="18"
-   height="24"
-   viewBox="0 0 18 24"
-   version="1.1"
-   id="svg8">
-  <defs
-     id="defs2">
-    <pattern
-       y="0"
-       x="0"
-       height="6"
-       width="6"
-       patternUnits="userSpaceOnUse"
-       id="EMFhbasepattern" />
-    <pattern
-       y="0"
-       x="0"
-       height="6"
-       width="6"
-       patternUnits="userSpaceOnUse"
-       id="EMFhbasepattern-7" />
-    <pattern
-       y="0"
-       x="0"
-       height="6"
-       width="6"
-       patternUnits="userSpaceOnUse"
-       id="EMFhbasepattern-0" />
-  </defs>
-  <g
-     id="layer1"
-     transform="translate(0,-290.65)"
-     style="display:inline">
-    <circle
-       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.03341123;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       id="path4752"
-       cx="9.0642443"
-       cy="302.68155"
-       r="4.9517455" />
-    <rect
-       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.05;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       id="rect4754"
-       width="36"
-       height="36"
-       x="-8.9357557"
-       y="284.68155" />
-    <circle
-       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.05;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       id="path4756"
-       cx="9.0642443"
-       cy="302.68155"
-       r="18" />
-    <rect
-       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.03321357;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       id="rect4760"
-       width="7.9622984"
-       height="7.9802246"
-       x="5.0322967"
-       y="298.65317" />
-  </g>
-  <g
-     id="layer2"
-     style="display:inline" />
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="18"
+   height="24"
+   viewBox="0 0 18 24"
+   version="1.1"
+   id="svg8">
+  <defs
+     id="defs2">
+    <pattern
+       y="0"
+       x="0"
+       height="6"
+       width="6"
+       patternUnits="userSpaceOnUse"
+       id="EMFhbasepattern" />
+    <pattern
+       y="0"
+       x="0"
+       height="6"
+       width="6"
+       patternUnits="userSpaceOnUse"
+       id="EMFhbasepattern-7" />
+    <pattern
+       y="0"
+       x="0"
+       height="6"
+       width="6"
+       patternUnits="userSpaceOnUse"
+       id="EMFhbasepattern-0" />
+  </defs>
+  <g
+     id="layer1"
+     transform="translate(0,-290.65)"
+     style="display:inline">
+    <circle
+       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.03341123;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="path4752"
+       cx="9.0642443"
+       cy="302.68155"
+       r="4.9517455" />
+    <rect
+       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.05;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect4754"
+       width="36"
+       height="36"
+       x="-8.9357557"
+       y="284.68155" />
+    <circle
+       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.05;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="path4756"
+       cx="9.0642443"
+       cy="302.68155"
+       r="18" />
+    <rect
+       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.03321357;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect4760"
+       width="7.9622984"
+       height="7.9802246"
+       x="5.0322967"
+       y="298.65317" />
+  </g>
+  <g
+     id="layer2"
+     style="display:inline" />
+</svg>

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@epam/assets",
-  "version": "5.0.0-alpha.4",
+  "version": "5.0.1",
   "description": "EPAM Assets Library",
   "author": "EPAM",
   "license": "MIT",
   "scripts": {
-    "build": "node ../uui-build/scripts/buildModule",
-    "buildCss": "node ../uui-build/scripts/compileScss.js ./build/theme:./build/css/theme",
+    "build": "node ../uui-build/scripts/buildModule && yarn buildTheme",
+    "buildTheme": "node ../uui-build/scripts/compileScss.js ./theme:./build/css/theme",
     "prepublish": "yarn build"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/epam/UUI"
   },
-  "gitHead": "118d3952b0d211cb2884442c4418daa66dba72b2",
+  "gitHead": "5d4ecd8117aa62ec03f48960380237673a3a4c0d",
   "publishConfig": {
     "directory": "build"
   }

package/readme.md

@@ -1,7 +1,7 @@
-# UUI Assets package
-
-This package is a part of [EPAM UUI](https://github.com/epam/UUI) library.
-
-@epam/assets contains variety of assets, which are usable without React:
-- icons set
+# UUI Assets package
+
+This package is a part of [EPAM UUI](https://github.com/epam/UUI) library.
+
+@epam/assets contains variety of assets, which are usable without React:
+- icons set
 - SCSS and LESS styles and mixins

package/scss/font-faces.scss

@@ -1,106 +1,3 @@
-@font-face {
-    font-family: 'Oswald Regular';
-    src: url('https://static.cdn.epam.com/projects/epm-uui/fonts/font-oswald/oswald-regular.eot');
-    src: url('https://static.cdn.epam.com/projects/epm-uui/fonts/font-oswald/oswald-regular.eot?#iefix') format('embedded-opentype'),
-        url('https://static.cdn.epam.com/projects/epm-uui/fonts/font-oswald/oswald-regular.woff') format('woff'),
-        url('https://static.cdn.epam.com/projects/epm-uui/fonts/font-oswald/oswald-regular.ttf') format('truetype'),
-        url('https://static.cdn.epam.com/projects/epm-uui/fonts/font-oswald/oswald-regular.svg') format('svg');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Oswald Bold';
-    src: url('https://static.cdn.epam.com/projects/epm-uui/fonts/font-oswald/oswald-bold.eot');
-    src: url('https://static.cdn.epam.com/projects/epm-uui/fonts/font-oswald/oswald-bold.eot?#iefix') format('embedded-opentype'),
-        url('https://static.cdn.epam.com/projects/epm-uui/fonts/font-oswald/oswald-bold.woff') format('woff'),
-        url('https://static.cdn.epam.com/projects/epm-uui/fonts/font-oswald/oswald-bold.ttf') format('truetype'),
-        url('https://static.cdn.epam.com/projects/epm-uui/fonts/font-oswald/oswald-bold.svg') format('svg');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Oswald Light';
-    src: url('https://static.cdn.epam.com/projects/epm-uui/fonts/font-oswald/oswald-light.eot');
-    src: url('https://static.cdn.epam.com/projects/epm-uui/fonts/font-oswald/oswald-light.eot?#iefix') format('embedded-opentype'),
-        url('https://static.cdn.epam.com/projects/epm-uui/fonts/font-oswald/oswald-light.woff') format('woff'),
-        url('https://static.cdn.epam.com/projects/epm-uui/fonts/font-oswald/oswald-light.ttf') format('truetype'),
-        url('https://static.cdn.epam.com/projects/epm-uui/fonts/font-oswald/oswald-light.svg') format('svg');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Sans Regular';
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Sans Light';
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2') format('woff2'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff') format('woff'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf') format('opentype'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Sans Bold';
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2') format('woff2'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff') format('woff'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf') format('opentype'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Sans Semibold';
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Sans Italic';
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Roboto Condensed';
-    font-style: normal;
-    font-weight: normal;
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoCondensed-Regular.ttf') format('truetype');
-}
-
-@font-face {
-    font-family: 'Roboto Mono';
-    font-style: normal;
-    font-weight: normal;
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf') format('truetype');
-}
-
-@font-face {
-    font-family: 'Redacted';
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot');
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2') format('woff2'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff') format('woff'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf') format('opentype'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename') format('svg');
-    font-display: block;
-}
+// this file is deprecated, please use 'epam-assets/scss/loveship/font-faces' directly instead.
+@forward './loveship/font-faces';
+

package/scss/fonts.scss

@@ -1,13 +1,2 @@
-@use './font-faces' as *;
-
-$font-sans: 'Sans Regular', Arial, sans-serif;
-$font-sans-light: 'Sans Light', Arial, sans-serif;
-$font-sans-bold: 'Sans Bold', Arial, sans-serif;
-$font-sans-semibold: 'Sans Semibold', Arial, sans-serif;
-$font-sans-italic: 'Sans Italic', Arial, sans-serif;
-$font-oswald: 'Oswald Regular', Arial, sans-serif;
-$font-oswald-light: 'Oswald Light', Arial, sans-serif;
-$font-oswald-bold: 'Oswald Bold', Arial, sans-serif;
-$font-roboto-condensed: 'Roboto Condensed', Arial, sans-serif;
-$font-redacted: 'Redacted';
-$font-roboto-mono: 'Roboto Mono', Arial, sans-serif;
+// this file is deprecated, please use 'epam-assets/scss/loveship/fonts' directly instead.
+@forward './loveship/fonts';

package/scss/index.scss

@@ -1,9 +1,4 @@
-@forward './fonts';
-@forward './typography';
-@forward './effects';
-@forward './text-size';
-@forward './control-size';
-@forward './control-layout';
-@forward './loveship-colors';
-@forward './contrast';
-@forward './dnd';
+// This file is deprecated, please use direct imports from 'epam-assets/scss/loveship/*' instead.
+@forward './loveship/fonts';
+@forward './loveship/typography';
+@forward './loveship/colors';

package/scss/loveship/colors.scss

@@ -0,0 +1,121 @@
+// Main Colors
+$sky-soft: #F5FDFF;
+$sky-lightest: #E1F4FA;
+$sky-light: #A0DDEE;
+$sky: #009ECC;
+$sky-dark: #0086AD;
+$sky-darkest: #006B8A;
+
+$grass-soft: #FCFFF5;
+$grass-lightest: #EBF3D8;
+$grass-light: #C1E288;
+$grass: #67A300;
+$grass-dark: #528500;
+$grass-darkest: #396F1F;
+
+$sun-soft: #FFFCF5;
+$sun-lightest: #FFEDC9;
+$sun-light: #FFD785;
+$sun: #FCAA00;
+$sun-dark: #FF9000;
+$sun-darkest: #BD5800;
+
+$fire-soft: #FEF6F6;
+$fire-lightest: #FDE1E1;
+$fire-light: #FBB6B6;
+$fire: #FF4242;
+$fire-dark: #E22A2A;
+$fire-darkest: #AD0000;
+
+// Secondary Colors
+$white: #FFFFFF;
+
+$yellow-5: #FFFFF0;
+$yellow-10: #FFFECC;
+$yellow-20: #FFFCA4;
+$yellow-30: #FDD63B;
+$yellow-40: #F9B71D;
+$yellow-50: #D3910C;
+
+$orange-5: #FEF8F4;
+$orange-10: #FFE8D7;
+$orange-20: #FFCCA7;
+$orange-30: #FF8B3E;
+$orange-40: #F76B0D;
+$orange-50: #BD4B00;
+
+$fuchia-5: #FFF7FB;
+$fuchia-10: #F9D8E7;
+$fuchia-20: #EDADC8;
+$fuchia-30: #EA4386;
+$fuchia-40: #D61E68;
+$fuchia-50: #AE1955;
+
+$purple-5: #FDF6FE;
+$purple-10: #F2CCFA;
+$purple-20: #E79DF5;
+$purple-30: #B114D1;
+$purple-40: #860F9E;
+$purple-50: #5E0B6F;
+
+$lavanda-5: #F8F6FE;
+$lavanda-10: #DBCCFA;
+$lavanda-20: #BB9DF5;
+$lavanda-30: #773CEC;
+$lavanda-40: #5514D6;
+$lavanda-50: #40109E;
+
+$cobalt-5: #F8FAFF;
+$cobalt-10: #D9E2FC;
+$cobalt-20: #AEC0F5;
+$cobalt-30: #0F98FF;
+$cobalt-40: #006FE5;
+$cobalt-50: #0954A5;
+
+$cyan-5: #F5FBFF;
+$cyan-10: #D1FAFA;
+$cyan-20: #AAEEEE;
+$cyan-30: #14CCCC;
+$cyan-40: #0F9E9E;
+$cyan-50: #0B6F6F;
+
+$mint-5: #F2FCF5;
+$mint-10: #DDF3E4;
+$mint-20: #B4DFC4;
+$mint-30: #4FC48C;
+$mint-40: #2E9E68;
+$mint-50: #236E4A;
+
+/* Night scale */
+$night50: #FAFAFC;
+$night100: #F5F6FA;
+$night200: #EBEDF5;
+$night300: #E1E3EB;
+$night400: #CED0DB;
+$night500: #ACAFBF;
+$night600: #6C6F80;
+$night700: #474A59;
+$night800: #303240;
+$night900: #1D1E26;
+
+$epam-basic-color-names: (
+    sky-soft: $sky-soft, sky-lightest: $sky-lightest, sky-light: $sky-light, sky: $sky, sky-dark: $sky-dark, sky-darkest: $sky-darkest,
+    grass-soft: $grass-soft, grass-lightest: $grass-lightest, grass-light: $grass-light, grass: $grass, grass-dark: $grass-dark, grass-darkest: $grass-darkest,
+    sun-soft: $sun-soft, sun-lightest: $sun-lightest, sun-light: $sun-light, sun: $sun, sun-dark: $sun-dark, sun-darkest: $sun-darkest,
+    fire-soft: $fire-soft, fire-lightest: $fire-lightest, fire-light: $fire-light, fire: $fire, fire-dark: $fire-dark, fire-darkest: $fire-darkest
+);
+
+$epam-grayscale-color-names: (
+    night50: $night50, night100: $night100, night200: $night200, night300: $night300, night400: $night400, night500: $night500, night600: $night600, night700: $night700, night800: $night800, night900: $night900
+);
+
+$epam-additional-color-names: (
+    yellow-5: $yellow-5, yellow-10: $yellow-10, yellow-20: $yellow-20, yellow-30: $yellow-30, yellow-40: $yellow-40, yellow-50: $yellow-50,
+    orange-5: $orange-5, orange-10: $orange-10, orange-20: $orange-20, orange-30: $orange-30, orange-40: $orange-40, orange-50: $orange-50,
+    fuchia-5: $fuchia-5, fuchia-10: $fuchia-10, fuchia-20: $fuchia-20, fuchia-30: $fuchia-30, fuchia-40: $fuchia-40, fuchia-50: $fuchia-50,
+    purple-5: $purple-5, purple-10: $purple-10, purple-20: $purple-20, purple-30: $purple-30, purple-40: $purple-40, purple-50: $purple-50,
+    lavanda-5: $lavanda-5, lavanda-10: $lavanda-10, lavanda-20: $lavanda-20, lavanda-30: $lavanda-30, lavanda-40: $lavanda-40, lavanda-50: $lavanda-50,
+    cobalt-5: $cobalt-5, cobalt-10: $cobalt-10, cobalt-20: $cobalt-20, cobalt-30: $cobalt-30, cobalt-40: $cobalt-40, cobalt-50: $cobalt-50,
+    cyan-5: $cyan-5, cyan-10: $cyan-10, cyan-20: $cyan-20, cyan-30: $cyan-30, cyan-40: $cyan-40, cyan-50: $cyan-50,
+    mint-5: $mint-5, mint-10: $mint-10, mint-20: $mint-20, mint-30: $mint-30, mint-40: $mint-40, mint-50: $mint-50,
+);

package/scss/loveship/font-faces.scss

@@ -0,0 +1,66 @@
+@font-face {
+    font-family: 'Sans Regular';
+    font-style: normal;
+    font-stretch: normal;
+    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Sans Light';
+    font-style: normal;
+    font-stretch: normal;
+    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2') format('woff2'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff') format('woff'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf') format('opentype'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Sans Bold';
+    font-style: normal;
+    font-stretch: normal;
+    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2') format('woff2'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff') format('woff'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf') format('opentype'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Sans Semibold';
+    font-style: normal;
+    font-stretch: normal;
+    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Sans Italic';
+    font-style: normal;
+    font-stretch: normal;
+    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: normal;
+    src: url('https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Redacted';
+    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot');
+    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2') format('woff2'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff') format('woff'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf') format('opentype'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename') format('svg');
+    font-display: block;
+}

package/scss/loveship/fonts.scss

@@ -0,0 +1,7 @@
+$font-sans: 'Sans Regular', Arial, sans-serif;
+$font-sans-light: 'Sans Light', Arial, sans-serif;
+$font-sans-bold: 'Sans Bold', Arial, sans-serif;
+$font-sans-semibold: 'Sans Semibold', Arial, sans-serif;
+$font-sans-italic: 'Sans Italic', Arial, sans-serif;
+$font-roboto-condensed: 'Roboto Condensed', Arial, sans-serif;
+$font-redacted: 'Redacted', Arial, sans-serif;