@epam/assets 4.5.0 → 4.5.4

package/less/loveship-colors.less

@@ -1,37 +1,37 @@
-// Main Colors
-@sky: #30B6DD;
-@grass: #9BC837;
-@sun: #FCAA00;
-@fire: #FA4B4B;
-
-// Secondary Colors
-@cobalt: #0E74E2;
-@lavanda: #2E3A9D;
-@fuchsia: #CD0053;
-@white: #FFFFFF;
-
-/* Carbon scale */
-@carbon50: #F5F6FA;
-@carbon100: #D7D9E0;
-@carbon200: #B6B8C2;
-@carbon300: #9698A3;
-@carbon400: #81838F;
-@carbon500: #6C6E7A;
-@carbon600: #4F515C;
-@carbon700: #3D404D;
-@carbon800: #272933;
-@carbon900: #17181F;
-
-/* Night scale */
-@night50: #FAFAFC;
-@night100: #F5F6FA;
-@night200: #EBEDF5;
-@night300: #E1E3EB;
-@night400: #CED0DB;
-@night500: #ACAFBF;
-@night600: #6C6F80;
-@night700: #474A59;
-@night800: #303240;
-@night900: #1D1E26;
-
+// Main Colors
+@sky: #30B6DD;
+@grass: #9BC837;
+@sun: #FCAA00;
+@fire: #FA4B4B;
+
+// Secondary Colors
+@cobalt: #0E74E2;
+@lavanda: #2E3A9D;
+@fuchsia: #CD0053;
+@white: #FFFFFF;
+
+/* Carbon scale */
+@carbon50: #F5F6FA;
+@carbon100: #D7D9E0;
+@carbon200: #B6B8C2;
+@carbon300: #9698A3;
+@carbon400: #81838F;
+@carbon500: #6C6E7A;
+@carbon600: #4F515C;
+@carbon700: #3D404D;
+@carbon800: #272933;
+@carbon900: #17181F;
+
+/* Night scale */
+@night50: #FAFAFC;
+@night100: #F5F6FA;
+@night200: #EBEDF5;
+@night300: #E1E3EB;
+@night400: #CED0DB;
+@night500: #ACAFBF;
+@night600: #6C6F80;
+@night700: #474A59;
+@night800: #303240;
+@night900: #1D1E26;
+
 @loveship-epam-colors: sky, grass, sun, fire, carbon, night, cobalt, lavanda, fuchsia, white, night50, night100, night200, night300, night400, night500, night600, night700, night900;

package/less/text-size.less

@@ -1,49 +1,49 @@
-.text-size(@size, @border-width: 0px) {
-    & when (@size = 18) {
-        @vpadding: 3px - @border-width;
-        padding-top: @vpadding;
-        padding-bottom: @vpadding;
-        line-height: 12px;
-        font-size: 10px;
-    }
-
-    & when (@size = 24) {
-        @vpadding: 3px - @border-width;
-        padding-top: @vpadding;
-        padding-bottom: @vpadding;
-        line-height: 18px;
-        font-size: 12px;
-    }
-
-    & when (@size = 30) {
-        @vpadding: 6px - @border-width;
-        padding-top: @vpadding;
-        padding-bottom: @vpadding;
-        line-height: 18px;
-        font-size: 14px;
-    }
-
-    & when (@size = 36) {
-        @vpadding: 9px - @border-width;
-        padding-top: @vpadding;
-        padding-bottom: @vpadding;
-        line-height: 18px;
-        font-size: 14px;
-    }
-
-    & when (@size = 42) {
-        @vpadding: 9px - @border-width;
-        padding-top: @vpadding;
-        padding-bottom: @vpadding;
-        line-height: 24px;
-        font-size: 16px;
-    }
-
-    & when (@size = 48) {
-        @vpadding: 12px - @border-width;
-        padding-top: @vpadding;
-        padding-bottom: @vpadding;
-        line-height: 24px;
-        font-size: 16px;
-    }
+.text-size(@size, @border-width: 0px) {
+    & when (@size = 18) {
+        @vpadding: 3px - @border-width;
+        padding-top: @vpadding;
+        padding-bottom: @vpadding;
+        line-height: 12px;
+        font-size: 10px;
+    }
+
+    & when (@size = 24) {
+        @vpadding: 3px - @border-width;
+        padding-top: @vpadding;
+        padding-bottom: @vpadding;
+        line-height: 18px;
+        font-size: 12px;
+    }
+
+    & when (@size = 30) {
+        @vpadding: 6px - @border-width;
+        padding-top: @vpadding;
+        padding-bottom: @vpadding;
+        line-height: 18px;
+        font-size: 14px;
+    }
+
+    & when (@size = 36) {
+        @vpadding: 9px - @border-width;
+        padding-top: @vpadding;
+        padding-bottom: @vpadding;
+        line-height: 18px;
+        font-size: 14px;
+    }
+
+    & when (@size = 42) {
+        @vpadding: 9px - @border-width;
+        padding-top: @vpadding;
+        padding-bottom: @vpadding;
+        line-height: 24px;
+        font-size: 16px;
+    }
+
+    & when (@size = 48) {
+        @vpadding: 12px - @border-width;
+        padding-top: @vpadding;
+        padding-bottom: @vpadding;
+        line-height: 24px;
+        font-size: 16px;
+    }
 }

package/less/typography.less

@@ -1,196 +1,196 @@
-@import './loveship-colors.less';
-@import './fonts.less';
-
-.overflow-ellipsis() {
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.typography-header() {
-    :global(.hero-header), h1, h2, h3, h4, h5, h6 {
-        margin: 0;
-    }
-
-    :global(.hero-header), h2 {
-        font-family: @font-sans-bold;
-    }
-
-    h3, h4, h5, h6 {
-        font-family: @font-sans-semibold;
-    }
-
-    h4, h5, h6 {
-        margin: 12px 0;
-        line-height: 24px;
-    }
-
-    :global(.hero-header) {
-        margin: 30px 0;
-        font-size: 72px;
-        line-height: 72px;
-    }
-
-    h1 {
-        margin: 24px 0;
-        font-size: 42px;
-        line-height: 48px;
-    }
-
-    h2 {
-        margin: 18px 0;
-        font-size: 30px;
-        line-height: 36px;
-    }
-
-    h3 {
-        margin: 12px 0;
-        font-size: 24px;
-        line-height: 30px;
-    }
-
-    h4 {
-        font-size: 18px;
-    }
-
-    h5 {
-        font-size: 16px;
-    }
-
-    h6 {
-        font-size: 14px;
-    }
-}
-
-.typography-inline() {
-    b, strong {
-        font-family: @font-sans-semibold;
-    }
-
-    i, em {
-        font-family: @font-sans-italic;
-    }
-
-    a {
-        display: inline-flex;
-        align-items: center;
-        color: @sky;
-
-        &:hover {
-            text-decoration: none;
-            color: darken(@sky, 10%);
-        }
-    }
-
-    code {
-        margin: 0 4px;
-        padding: 2px 4px;
-        color: @night50;
-        background-color: @night700;
-        border-radius: 3px;
-        font-family: @font-roboto-mono;
-        white-space: pre-wrap;
-        word-wrap: normal;
-    }
-}
-
-.typography-block() {
-    p {
-        margin: 12px 0;
-    }
-
-    ol, ul {
-        padding: 0;
-        margin-block-start: 0;
-        margin-block-end: 0;
-
-        ol, ul {
-            margin-left: 18px;
-        }
-    }
-
-    li {
-        // padding-top: 3px;
-        // padding-bottom: 3px;
-    }
-
-    ul li {
-        margin-left: 18px;
-    }
-
-    ol li {
-        margin-left: 14px;
-    }
-
-    pre {
-        margin: 12px 0;
-        padding: 12px 18px;
-        color: @night50;
-        background-color: @night700;
-        border-radius: 3px;
-        font-family: monospace;
-        white-space: pre-wrap;
-        word-wrap: normal;
-    }
-
-    figure {
-        margin: 12px 0;
-    }
-}
-
-.typography-12() {
-    font-size: 12px;
-    line-height: 18px;
-
-    b, strong {
-        color: @night900;
-    }
-
-    p {
-        margin: 6px 0;
-    }
-}
-
-.typography-14() {
-    font-size: 14px;
-    line-height: 24px;
-}
-
-.typography-16() {
-    font-size: 16px;
-    line-height: 24px;
-}
-
-:local(.typography-header) {
-    .typography-header();
-}
-
-:local(.typography-block) {
-    .typography-block();
-}
-
-:local(.typography-inline) {
-    .typography-inline();
-}
-
-:local(.typography-16) {
-    .typography-16();
-}
-
-:local(.typography-14) {
-    .typography-14();
-}
-
-:local(.typography-12) {
-    .typography-12();
-}
-
-:local(.typography-loveship) {
-    font-family: @font-sans;
-    color: @night700;
-    composes: typography-header;
-    composes: typography-block;
-    composes: typography-inline;
-}
-
-
-
+@import './loveship-colors.less';
+@import './fonts.less';
+
+.overflow-ellipsis() {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.typography-header() {
+    :global(.hero-header), h1, h2, h3, h4, h5, h6 {
+        margin: 0;
+    }
+
+    :global(.hero-header), h2 {
+        font-family: @font-sans-bold;
+    }
+
+    h3, h4, h5, h6 {
+        font-family: @font-sans-semibold;
+    }
+
+    h4, h5, h6 {
+        margin: 12px 0;
+        line-height: 24px;
+    }
+
+    :global(.hero-header) {
+        margin: 30px 0;
+        font-size: 72px;
+        line-height: 72px;
+    }
+
+    h1 {
+        margin: 24px 0;
+        font-size: 42px;
+        line-height: 48px;
+    }
+
+    h2 {
+        margin: 18px 0;
+        font-size: 30px;
+        line-height: 36px;
+    }
+
+    h3 {
+        margin: 12px 0;
+        font-size: 24px;
+        line-height: 30px;
+    }
+
+    h4 {
+        font-size: 18px;
+    }
+
+    h5 {
+        font-size: 16px;
+    }
+
+    h6 {
+        font-size: 14px;
+    }
+}
+
+.typography-inline() {
+    b, strong {
+        font-family: @font-sans-semibold;
+    }
+
+    i, em {
+        font-family: @font-sans-italic;
+    }
+
+    a {
+        display: inline-flex;
+        align-items: center;
+        color: @sky;
+
+        &:hover {
+            text-decoration: none;
+            color: darken(@sky, 10%);
+        }
+    }
+
+    code {
+        margin: 0 4px;
+        padding: 2px 4px;
+        color: @night50;
+        background-color: @night700;
+        border-radius: 3px;
+        font-family: @font-roboto-mono;
+        white-space: pre-wrap;
+        word-wrap: normal;
+    }
+}
+
+.typography-block() {
+    p {
+        margin: 12px 0;
+    }
+
+    ol, ul {
+        padding: 0;
+        margin-block-start: 0;
+        margin-block-end: 0;
+
+        ol, ul {
+            margin-left: 18px;
+        }
+    }
+
+    li {
+        // padding-top: 3px;
+        // padding-bottom: 3px;
+    }
+
+    ul li {
+        margin-left: 18px;
+    }
+
+    ol li {
+        margin-left: 14px;
+    }
+
+    pre {
+        margin: 12px 0;
+        padding: 12px 18px;
+        color: @night50;
+        background-color: @night700;
+        border-radius: 3px;
+        font-family: monospace;
+        white-space: pre-wrap;
+        word-wrap: normal;
+    }
+
+    figure {
+        margin: 12px 0;
+    }
+}
+
+.typography-12() {
+    font-size: 12px;
+    line-height: 18px;
+
+    b, strong {
+        color: @night900;
+    }
+
+    p {
+        margin: 6px 0;
+    }
+}
+
+.typography-14() {
+    font-size: 14px;
+    line-height: 24px;
+}
+
+.typography-16() {
+    font-size: 16px;
+    line-height: 24px;
+}
+
+:local(.typography-header) {
+    .typography-header();
+}
+
+:local(.typography-block) {
+    .typography-block();
+}
+
+:local(.typography-inline) {
+    .typography-inline();
+}
+
+:local(.typography-16) {
+    .typography-16();
+}
+
+:local(.typography-14) {
+    .typography-14();
+}
+
+:local(.typography-12) {
+    .typography-12();
+}
+
+:local(.typography-loveship) {
+    font-family: @font-sans;
+    color: @night700;
+    composes: typography-header;
+    composes: typography-block;
+    composes: typography-inline;
+}
+
+
+

package/package.json

@@ -1,22 +1,22 @@
-{
-  "name": "@epam/assets",
-  "version": "4.5.0",
-  "description": "EPAM Assets Library",
-  "author": "EPAM",
-  "license": "MIT",
-  "scripts": {
-    "build": "node ../uui-build/scripts/buildModule",
-    "prepublish": "yarn build"
-  },
-  "dependencies": {
-    "normalize.css": "^7.0.0"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/epam/UUI"
-  },
-  "gitHead": "a5f986ddef2a6c85c307d5d240a3c0e48cae6e35",
-  "publishConfig": {
-    "directory": "build"
-  }
-}
+{
+  "name": "@epam/assets",
+  "version": "4.5.4",
+  "description": "EPAM Assets Library",
+  "author": "EPAM",
+  "license": "MIT",
+  "scripts": {
+    "build": "node ../uui-build/scripts/buildModule",
+    "prepublish": "yarn build"
+  },
+  "dependencies": {
+    "normalize.css": "^7.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/epam/UUI"
+  },
+  "gitHead": "a46206079e94ed85069ae90a59cc4ba48b9bc9eb",
+  "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