@epam/assets 5.5.0 → 5.5.2

package/build/icons/loaders/circle_loader_30.svg

@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20" height="20" version="1.1" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0,-294.65)" display="none">
+  <path d="m6 297.65v1h-2v2h-1v8h1v2h2v1h8v-1h2v-2h1v-8h-1v-2h-2v-1z" fill-opacity=".27451" opacity=".544"/>
+  <path d="m9.91 297.99a6.6574 6.6574 89.506 0 0-6.568 6.7468 6.6574 6.6574 89.506 0 0 6.7468 6.568 6.6574 6.6574 89.506 0 0 6.568-6.7468 6.6574 6.6574 89.506 0 0-6.7468-6.568zm0.089396 0.83218a5.8252 5.8252 0 0 1 5.8252 5.8252 5.8252 5.8252 0 0 1-5.8252 5.8252 5.8252 5.8252 0 0 1-5.8252-5.8252 5.8252 5.8252 0 0 1 5.8252-5.8252z"/>
+  <rect x="-4.9792" y="289.67" width="29.958" height="29.958" fill="none" stroke="#000000" stroke-width=".041609"/>
+  <ellipse cx="10" cy="304.65" rx="14.979" ry="14.979" fill="none" stroke="#000000" stroke-width=".041609"/>
+ </g>
+ <g transform="translate(0,-4)">
+  <g transform="matrix(.21753 0 0 .20858 -.94907 3.7293)">
+   <g transform="translate(75.398 58.564)">
+    <g>
+     <circle transform="scale(.88934)" r="8">
+      <animateTransform attributeName="transform" begin="-0.1s" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" type="scale" values="1 1;0.1 0.1"/>
+     </circle>
+    </g>
+   </g>
+   <g transform="translate(62.598 74.39)">
+    <g transform="rotate(36)">
+     <circle transform="scale(.83934)" r="8">
+      <animateTransform attributeName="transform" begin="-0.2s" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" type="scale" values="1 1;0.1 0.1"/>
+     </circle>
+    </g>
+   </g>
+   <g transform="translate(41.061 76.185)">
+    <g transform="rotate(72)">
+     <circle transform="scale(.78934)" r="8">
+      <animateTransform attributeName="transform" begin="-0.3s" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" type="scale" values="1 1;0.1 0.1"/>
+     </circle>
+    </g>
+   </g>
+   <g transform="translate(26.77 64.657)">
+    <g transform="rotate(108)">
+     <circle transform="scale(.73934)" r="8">
+      <animateTransform attributeName="transform" begin="-0.4s" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" type="scale" values="1 1;0.1 0.1"/>
+     </circle>
+    </g>
+   </g>
+   <g transform="translate(23.678 47.6)">
+    <g transform="rotate(144)">
+     <circle transform="scale(.68934)" r="8">
+      <animateTransform attributeName="transform" begin="-0.5s" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" type="scale" values="1 1;0.1 0.1"/>
+     </circle>
+    </g>
+   </g>
+   <g transform="translate(32.507 32.433)">
+    <g transform="scale(-1)">
+     <circle transform="scale(.63934)" r="8">
+      <animateTransform attributeName="transform" begin="-0.6s" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" type="scale" values="1 1;0.1 0.1"/>
+     </circle>
+    </g>
+   </g>
+   <g transform="translate(52.699 23.596)">
+    <g transform="rotate(-72)">
+     <circle transform="scale(.98934)" r="8">
+      <animateTransform attributeName="transform" begin="-0.7s" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" type="scale" values="1 1;0.1 0.1"/>
+     </circle>
+    </g>
+   </g>
+   <g transform="translate(72.15 36.48)">
+    <g transform="rotate(-36)">
+     <circle transform="scale(.93934)" r="8">
+      <animateTransform attributeName="transform" begin="-0.8s" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" type="scale" values="1 1;0.1 0.1"/>
+     </circle>
+    </g>
+   </g>
+  </g>
+ </g>
+</svg>

package/build/icons/loaders/dots_loader_30.svg

@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="20" height="20" version="1.1" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="4.4" cy="10" r="1.35">
+    <animateTransform
+       attributeName="transform"
+       begin="-0.7"
+       calcMode="spline"
+       dur="0.8s"
+       keySplines=".42,0,.58,1; 0,0,.58,1"
+       keyTimes="0; 0.5; 1"
+       repeatCount="indefinite"
+       type="translate"
+       values="0 2.2 ;0 -2.2; 0 2.2" />
+  </circle>
+  <circle cx="10" cy="10" r="1.35">
+    <animateTransform
+       attributeName="transform"
+       begin="-0.55"
+       calcMode="spline"
+       dur="0.8s"
+       keySplines=".42,0,.58,1; 0,0,.58,1"
+       keyTimes="0; 0.5; 1"
+       repeatCount="indefinite"
+       type="translate"
+       values="0 2.2 ;0 -2.2; 0 2.2" />
+  </circle>
+  <circle cx="15.6" cy="10" r="1.35">
+    <animateTransform
+       attributeName="transform"
+       begin="-0.4"
+       calcMode="spline"
+       dur="0.8s"
+       keySplines=".42,0,.58,1; 0,0,.58,1"
+       keyTimes="0; 0.5; 1"
+       repeatCount="indefinite"
+       type="translate"
+       values="0 2.2 ;0 -2.2; 0 2.2" />
+  </circle>
+</svg>

package/build/icons/templates/generic-24.svg

@@ -0,0 +1,40 @@
+<?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="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg8">
+  <defs
+     id="defs2" />
+  <g
+     id="layer1"
+     transform="translate(0,-298.65)">
+    <rect
+       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.03328711;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect4754"
+       width="23.966713"
+       height="23.966722"
+       x="-3.9833565"
+       y="294.66663" />
+    <circle
+       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.03328711;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="path4756"
+       cx="8"
+       cy="306.64999"
+       r="11.983356" />
+    <path
+       style="fill:#000000;fill-opacity:0.14901961;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 5,300.65 v 1 H 4 v 1 H 3 v 1 H 2 v 6 h 1 v 1 h 1 v 1 h 1 v 1 h 6 v -1 h 1 v -1 h 1 v -1 h 1 v -6 h -1 v -1 h -1 v -1 h -1 v -1 z"
+       id="path4917" />
+    <g
+       id="g3831"
+       transform="matrix(3.7795276,0,0,3.7795276,-271,61.130324)" />
+  </g>
+  <g
+     id="layer2"
+     style="display:inline"
+     transform="translate(0,-8)" />
+</svg>

package/build/icons/templates/generic-30.svg

@@ -0,0 +1,43 @@
+<?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="20"
+   height="20"
+   viewBox="0 0 20 20"
+   version="1.1"
+   id="svg8">
+  <defs
+     id="defs2" />
+  <g
+     id="layer1"
+     transform="translate(0,-294.65)">
+    <path
+       style="opacity:0.544;vector-effect:none;fill-opacity:0.2745098;fill-rule:nonzero;stroke:none;stroke-width:0.04617934;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 6,297.65 v 1 H 4 v 2 H 3 v 8 h 1 v 2 h 2 v 1 h 8 v -1 h 2 v -2 h 1 v -8 h -1 v -2 h -2 v -1 z"
+       id="rect4760-2" />
+    <path
+       style="opacity:1;vector-effect:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.04491999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 9.9099985,297.99198 a 6.6574118,6.6574211 89.505533 0 0 -6.568026,6.74681 6.6574118,6.6574211 89.505533 0 0 6.7468145,6.56803 6.6574118,6.6574211 89.505533 0 0 6.568026,-6.74681 6.6574118,6.6574211 89.505533 0 0 -6.7468145,-6.56803 z m 0.089396,0.83218 a 5.8252427,5.8252398 0 0 1 5.8252405,5.82523 5.8252427,5.8252398 0 0 1 -5.8252405,5.82525 5.8252427,5.8252398 0 0 1 -5.8252426,-5.82525 5.8252427,5.8252398 0 0 1 5.8252426,-5.82523 z"
+       id="path4752" />
+    <rect
+       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.04160887;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect4754"
+       width="29.958391"
+       height="29.958376"
+       x="-4.9791937"
+       y="289.67081" />
+    <ellipse
+       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.04160887;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="path4756"
+       cx="10"
+       cy="304.65002"
+       rx="14.979196"
+       ry="14.979188" />
+  </g>
+  <g
+     id="layer2"
+     style="display:inline"
+     transform="translate(0,-4)" />
+</svg>

package/build/icons/templates/generic.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg8">
+  <defs
+     id="defs2" />
+  <g
+     id="layer1"
+     transform="translate(0,-290.65)">
+    <path
+       style="opacity:1;vector-effect:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.05397888;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 11.891847,294.64927 a 7.9999938,8.000001 89.236689 0 0 -7.8925778,8.10742 7.9999938,8.000001 89.236689 0 0 8.1074218,7.89258 7.9999938,8.000001 89.236689 0 0 7.892578,-8.10742 7.9999938,8.000001 89.236689 0 0 -8.107422,-7.89258 z m 0.107422,1 a 7,7 0 0 1 7,7 7,7 0 0 1 -7,7 7,7 0 0 1 -6.9999998,-7 7,7 0 0 1 6.9999998,-7 z"
+       id="path4752" />
+    <path
+       style="opacity:0.544;vector-effect:none;fill-opacity:0.2745098;fill-rule:nonzero;stroke:none;stroke-width:0.0526733;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="M 7 4.0195312 L 7 5 L 5 5 L 5 7 L 4.0429688 7 L 4.0429688 17 L 5 17 L 5 19 L 7 19 L 7 20 L 17 20 L 17 19 L 19 19 L 19 17 L 20 17 L 20 7 L 19 7 L 19 5 L 17 5 L 17 4.0195312 L 7 4.0195312 z "
+       transform="translate(0,290.65)"
+       id="rect4760-2" />
+    <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="-6"
+       y="284.64999" />
+    <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="12"
+       cy="302.64999"
+       r="18" />
+  </g>
+  <g
+     id="layer2"
+     style="display:inline" />
+</svg>

package/build/icons/templates/tall.svg

@@ -0,0 +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>

package/build/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@epam/assets",
+  "version": "5.5.2",
+  "description": "EPAM Assets Library",
+  "author": "EPAM",
+  "license": "MIT",
+  "scripts": {
+    "build": "node ../uui-build/scripts/buildModule && yarn buildTheme",
+    "buildTheme": "yarn --cwd ../uui-build compile-theme-scss --dirs=./epam-assets/theme:./epam-assets/build/css/theme",
+    "prepublish": "yarn build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/epam/UUI"
+  },
+  "gitHead": "8248a65ee62b2a6b3fb065327869cc6f7d756698",
+  "publishConfig": {
+    "directory": "build"
+  }
+}

package/build/readme.md

@@ -0,0 +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
+- SCSS and LESS styles and mixins

package/build/scss/electric/font-faces.scss

@@ -0,0 +1,138 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');
+
+@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;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2') format('woff2'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff') format('woff'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf') format('opentype'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf') format('truetype');
+    font-weight: 200;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2') format('woff2'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff') format('woff'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf') format('opentype'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf') format('truetype');
+    font-weight: 200;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    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: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2') format('woff2'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff') format('woff'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf') format('opentype'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf') format('truetype');
+    font-weight: 300;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    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: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    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: 400;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    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: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff') format('woff'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf') format('opentype'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf') format('truetype');
+    font-weight: 600;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    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: 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2') format('woff2'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff') format('woff'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf') format('opentype'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf') format('truetype');
+    font-weight: 700;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2') format('woff2'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff') format('woff'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf') format('opentype'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf') format('truetype');
+    font-weight: 900;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2') format('woff2'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff') format('woff'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf') format('opentype'),
+        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf') format('truetype');
+    font-weight: 900;
+    font-style: italic;
+}
+
+@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');
+}

package/build/scss/font-faces.scss

@@ -0,0 +1,3 @@
+// this file is deprecated, please use 'epam-assets/scss/loveship/font-faces' directly instead.
+@forward './loveship/font-faces';
+

package/build/scss/fonts.scss

@@ -0,0 +1,2 @@
+// this file is deprecated, please use 'epam-assets/scss/loveship/fonts' directly instead.
+@forward './loveship/fonts';

package/build/scss/index.scss

@@ -0,0 +1,4 @@
+// This file is deprecated, please use direct imports from 'epam-assets/scss/loveship/*' instead.
+@forward './loveship/fonts';
+@forward './loveship/typography';
+@forward './loveship/colors';

package/build/scss/loveship/colors.scss

@@ -0,0 +1,100 @@
+// 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: #FFFFF5;
+$yellow-10: #FFFFE5;
+$yellow-20: #FFFCA4;
+$yellow-30: #FDD63B;
+$yellow-40: #F9B71D;
+$yellow-50: #BC7E02;
+
+$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;
+
+$violet-5: #F8F6FE;
+$violet-10: #DBCCFA;
+$violet-20: #BB9DF5;
+$violet-30: #773CEC;
+$violet-40: #5514D6;
+$violet-50: #40109E;
+
+$cobalt-5: #F8FAFF;
+$cobalt-10: #D9E2FC;
+$cobalt-20: #AEC0F5;
+$cobalt-30: #0F98FF;
+$cobalt-40: #006FE5;
+$cobalt-50: #0954A5;
+
+$cyan-5: #F6FEFE;
+$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;
+