@semcore/typography - npm Package Compare versions

Comparing version 2.4.5 to 2.5.0

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [2.5.0] - 2019-11-14
+
+### Added
+
+- Добавлена адаптивность на маленьких экранах(< 768px)
+
 ## [2.4.5] - 2019-10-24
@@ -7,0 +13,0 @@

lib/index.es.js

@@ -22,3 +22,3 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread';
     var prevStyle = head.querySelector('._css-style');
-    var css = "._text_1pv9e_3{margin:0;padding:0}._text--size_100_1pv9e_8{font-size:12px;line-height:1.5}._text--size_200_1pv9e_13{font-size:14px;line-height:1.42}._text--size_300_1pv9e_18{font-size:16px;line-height:1.5}._text--size_400_1pv9e_23{font-size:19px;line-height:1.16}._text--size_500_1pv9e_28{font-size:25px;line-height:1.12}._text--size_600_1pv9e_33{font-size:33px;line-height:1.15}._text--size_700_1pv9e_38{font-size:36px;line-height:1.17}._text--size_800_1pv9e_43{font-size:48px;line-height:1.17}._text--no-wrap_1pv9e_48{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._text--medium_1pv9e_54{font-weight:500}._text--bold_1pv9e_58{font-weight:700}._text--italic_1pv9e_62{font-style:italic}";
+    var css = "._text_2xsd6_3{margin:0;padding:0}._text--size_100_2xsd6_8{font-size:1rem;line-height:1.5}._text--size_200_2xsd6_13{font-size:1.16666rem;line-height:1.42}._text--size_300_2xsd6_18{font-size:1.33333rem;line-height:1.5}._text--size_400_2xsd6_23{font-size:1.58333rem;line-height:1.16}._text--size_500_2xsd6_28{font-size:2.08333rem;line-height:1.12}._text--size_600_2xsd6_33{font-size:2.75rem;line-height:1.15}._text--size_700_2xsd6_38{font-size:3rem;line-height:1.17}._text--size_800_2xsd6_43{font-size:4rem;line-height:1.17}._text--no-wrap_2xsd6_48{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._text--medium_2xsd6_54{font-weight:500}._text--bold_2xsd6_58{font-weight:700}._text--italic_2xsd6_62{font-style:italic}";
 
@@ -37,3 +37,3 @@ if (prevStyle && prevStyle.insertAdjacentText) {
 function block() {
-  return '_text_1pv9e_3';
+  return '_text_2xsd6_3';
 }
@@ -43,27 +43,35 @@
   return {
-    "100": "_text--size_100_1pv9e_8",
-    "200": "_text--size_200_1pv9e_13",
-    "300": "_text--size_300_1pv9e_18",
-    "400": "_text--size_400_1pv9e_23",
-    "500": "_text--size_500_1pv9e_28",
-    "600": "_text--size_600_1pv9e_33",
-    "700": "_text--size_700_1pv9e_38",
-    "800": "_text--size_800_1pv9e_43"
-  }[value];
+    "100": "_text--size_100_2xsd6_8",
+    "200": "_text--size_200_2xsd6_13",
+    "300": "_text--size_300_2xsd6_18",
+    "400": "_text--size_400_2xsd6_23",
+    "500": "_text--size_500_2xsd6_28",
+    "600": "_text--size_600_2xsd6_33",
+    "700": "_text--size_700_2xsd6_38",
+    "800": "_text--size_800_2xsd6_43"
+  }[value || 'block'];
 };
 
 block['noWrap'] = function (value) {
-  return "_text--no-wrap_1pv9e_48";
+  return {
+    "block": "_text--no-wrap_2xsd6_48"
+  }[value || 'block'];
 };
 
 block['medium'] = function (value) {
-  return "_text--medium_1pv9e_54";
+  return {
+    "block": "_text--medium_2xsd6_54"
+  }[value || 'block'];
 };
 
 block['bold'] = function (value) {
-  return "_text--bold_1pv9e_58";
+  return {
+    "block": "_text--bold_2xsd6_58"
+  }[value || 'block'];
 };
 
 block['italic'] = function (value) {
-  return "_text--italic_1pv9e_62";
+  return {
+    "block": "_text--italic_2xsd6_62"
+  }[value || 'block'];
 };
@@ -154,3 +162,3 @@
     var prevStyle = head.querySelector('._css-style');
-    var css = "._typography-blockquote_drtfx_3{position:relative;display:-webkit-box;display:flex;font-style:italic;color:#333}._typography-blockquote__double-quotation_drtfx_10{position:relative;left:-5px;margin-right:20px;font-size:68px;line-height:70px;color:#ccc;font-family:Georgia,Times,Times New Roman,serif}._typography-blockquote__author_drtfx_20{display:block;margin-top:16px;font-size:14px;line-height:20px;font-style:normal;color:#757575}";
+    var css = "._typography-blockquote_1hym2_3{position:relative;display:-webkit-box;display:flex;font-style:italic;color:#333}._typography-blockquote__double-quotation_1hym2_10{position:relative;left:-5px;margin-right:20px;font-size:68px;line-height:70px;color:#ccc;font-family:Georgia,Times,Times New Roman,serif}._typography-blockquote__author_1hym2_20{display:block;margin-top:1.33333rem;font-style:normal;color:#757575}";
 
@@ -169,11 +177,11 @@ if (prevStyle && prevStyle.insertAdjacentText) {
 function block$1() {
-  return '_typography-blockquote_drtfx_3';
+  return '_typography-blockquote_1hym2_3';
 }
 
 function doubleQuotation() {
-  return '_typography-blockquote__double-quotation_drtfx_10';
+  return '_typography-blockquote__double-quotation_1hym2_10';
 }
 
 function author() {
-  return '_typography-blockquote__author_drtfx_20';
+  return '_typography-blockquote__author_1hym2_20';
 }
@@ -205,3 +213,5 @@
         className: doubleQuotation()
-      }, "\u201C"), React.createElement("span", null, children, isNode(authorProp) && React.createElement("cite", {
+      }, "\u201C"), React.createElement("span", null, children, isNode(authorProp) && React.createElement(Text, {
+        tag: "cite",
+        size: 200,
         className: author()
@@ -224,3 +234,3 @@ }, authorProp)));
     var prevStyle = head.querySelector('._css-style');
-    var css = "._typography-list_1le71_3{padding:0;margin:0;list-style-type:none}._typography-list_1le71_3 ._typography-list_1le71_3{margin-top:8px}._typography-list__item_1le71_13{display:-webkit-box;display:flex}._typography-list__item_1le71_13+._typography-list__item_1le71_13{margin-top:8px}._typography-list__marker_1le71_21{margin-right:10px;color:#757575}";
+    var css = "._typography-list_1p2i5_3{padding:0;margin:0;list-style-type:none}._typography-list_1p2i5_3 ._typography-list_1p2i5_3{margin-top:.66666rem}._typography-list__item_1p2i5_13{display:-webkit-box;display:flex}._typography-list__item_1p2i5_13+._typography-list__item_1p2i5_13{margin-top:.66666rem}._typography-list__marker_1p2i5_21{margin-right:.83333rem;color:#757575}";
 
@@ -239,11 +249,11 @@ if (prevStyle && prevStyle.insertAdjacentText) {
 function block$2() {
-  return '_typography-list_1le71_3';
+  return '_typography-list_1p2i5_3';
 }
 
 function item() {
-  return '_typography-list__item_1le71_13';
+  return '_typography-list__item_1p2i5_13';
 }
 
 function marker() {
-  return '_typography-list__marker_1le71_21';
+  return '_typography-list__marker_1p2i5_21';
 }
@@ -339,3 +349,3 @@
     var prevStyle = head.querySelector('._css-style');
-    var css = "._hint_cgpy0_3{display:inline-block;outline:none;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;text-decoration:none;cursor:pointer;color:#757575}._hint_cgpy0_3:active,._hint_cgpy0_3:focus,._hint_cgpy0_3:hover{outline:0;text-decoration:none}._hint_cgpy0_3:hover{color:#626262}._hint--keyboard-focused_cgpy0_23{box-shadow:0 0 0 3px rgba(42,148,224,.3)}._hint--disabled_cgpy0_27{opacity:.3;cursor:default;pointer-events:none}._hint__additional_cgpy0_33{vertical-align:middle;margin-top:-4px}._hint_cgpy0_3 ._hint__additional_cgpy0_33:not(:only-child):first-child{margin-right:4px}._hint_cgpy0_3 ._hint__additional_cgpy0_33:not(:only-child):last-child{margin-left:8px}._hint__text_cgpy0_48{border-bottom:1px dotted;border-color:currentcolor}";
+    var css = "._hint_ycf2m_3{display:inline-block;outline:none;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;text-decoration:none;cursor:pointer;color:#757575}._hint_ycf2m_3:active,._hint_ycf2m_3:focus,._hint_ycf2m_3:hover{outline:0;text-decoration:none}._hint_ycf2m_3:hover{color:#626262}._hint--keyboard-focused_ycf2m_23{box-shadow:0 0 0 3px rgba(42,148,224,.3)}._hint--disabled_ycf2m_27{opacity:.3;cursor:default;pointer-events:none}._hint__additional_ycf2m_33{vertical-align:middle;margin-top:-4px}._hint_ycf2m_3 ._hint__additional_ycf2m_33:not(:only-child):first-child{margin-right:4px}._hint_ycf2m_3 ._hint__additional_ycf2m_33:not(:only-child):last-child{margin-left:8px}._hint__text_ycf2m_48{border-bottom:1px dotted;border-color:currentcolor}";
 
@@ -354,19 +364,23 @@ if (prevStyle && prevStyle.insertAdjacentText) {
 function block$3() {
-  return '_hint_cgpy0_3';
+  return '_hint_ycf2m_3';
 }
 
 block$3['keyboardFocused'] = function (value) {
-  return "_hint--keyboard-focused_cgpy0_23";
+  return {
+    "block": "_hint--keyboard-focused_ycf2m_23"
+  }[value || 'block'];
 };
 
 block$3['disabled'] = function (value) {
-  return "_hint--disabled_cgpy0_27";
+  return {
+    "block": "_hint--disabled_ycf2m_27"
+  }[value || 'block'];
 };
 
 function additional() {
-  return '_hint__additional_cgpy0_33';
+  return '_hint__additional_ycf2m_33';
 }
 
 function text() {
-  return '_hint__text_cgpy0_48';
+  return '_hint__text_ycf2m_48';
 }
@@ -373,0 +387,0 @@

lib/index.js

@@ -29,3 +29,3 @@ 'use strict';
     var prevStyle = head.querySelector('._css-style');
-    var css = "._text_1pv9e_3{margin:0;padding:0}._text--size_100_1pv9e_8{font-size:12px;line-height:1.5}._text--size_200_1pv9e_13{font-size:14px;line-height:1.42}._text--size_300_1pv9e_18{font-size:16px;line-height:1.5}._text--size_400_1pv9e_23{font-size:19px;line-height:1.16}._text--size_500_1pv9e_28{font-size:25px;line-height:1.12}._text--size_600_1pv9e_33{font-size:33px;line-height:1.15}._text--size_700_1pv9e_38{font-size:36px;line-height:1.17}._text--size_800_1pv9e_43{font-size:48px;line-height:1.17}._text--no-wrap_1pv9e_48{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._text--medium_1pv9e_54{font-weight:500}._text--bold_1pv9e_58{font-weight:700}._text--italic_1pv9e_62{font-style:italic}";
+    var css = "._text_2xsd6_3{margin:0;padding:0}._text--size_100_2xsd6_8{font-size:1rem;line-height:1.5}._text--size_200_2xsd6_13{font-size:1.16666rem;line-height:1.42}._text--size_300_2xsd6_18{font-size:1.33333rem;line-height:1.5}._text--size_400_2xsd6_23{font-size:1.58333rem;line-height:1.16}._text--size_500_2xsd6_28{font-size:2.08333rem;line-height:1.12}._text--size_600_2xsd6_33{font-size:2.75rem;line-height:1.15}._text--size_700_2xsd6_38{font-size:3rem;line-height:1.17}._text--size_800_2xsd6_43{font-size:4rem;line-height:1.17}._text--no-wrap_2xsd6_48{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._text--medium_2xsd6_54{font-weight:500}._text--bold_2xsd6_58{font-weight:700}._text--italic_2xsd6_62{font-style:italic}";
 
@@ -44,3 +44,3 @@ if (prevStyle && prevStyle.insertAdjacentText) {
 function block() {
-  return '_text_1pv9e_3';
+  return '_text_2xsd6_3';
 }
@@ -50,27 +50,35 @@
   return {
-    "100": "_text--size_100_1pv9e_8",
-    "200": "_text--size_200_1pv9e_13",
-    "300": "_text--size_300_1pv9e_18",
-    "400": "_text--size_400_1pv9e_23",
-    "500": "_text--size_500_1pv9e_28",
-    "600": "_text--size_600_1pv9e_33",
-    "700": "_text--size_700_1pv9e_38",
-    "800": "_text--size_800_1pv9e_43"
-  }[value];
+    "100": "_text--size_100_2xsd6_8",
+    "200": "_text--size_200_2xsd6_13",
+    "300": "_text--size_300_2xsd6_18",
+    "400": "_text--size_400_2xsd6_23",
+    "500": "_text--size_500_2xsd6_28",
+    "600": "_text--size_600_2xsd6_33",
+    "700": "_text--size_700_2xsd6_38",
+    "800": "_text--size_800_2xsd6_43"
+  }[value || 'block'];
 };
 
 block['noWrap'] = function (value) {
-  return "_text--no-wrap_1pv9e_48";
+  return {
+    "block": "_text--no-wrap_2xsd6_48"
+  }[value || 'block'];
 };
 
 block['medium'] = function (value) {
-  return "_text--medium_1pv9e_54";
+  return {
+    "block": "_text--medium_2xsd6_54"
+  }[value || 'block'];
 };
 
 block['bold'] = function (value) {
-  return "_text--bold_1pv9e_58";
+  return {
+    "block": "_text--bold_2xsd6_58"
+  }[value || 'block'];
 };
 
 block['italic'] = function (value) {
-  return "_text--italic_1pv9e_62";
+  return {
+    "block": "_text--italic_2xsd6_62"
+  }[value || 'block'];
 };
@@ -161,3 +169,3 @@
     var prevStyle = head.querySelector('._css-style');
-    var css = "._typography-blockquote_drtfx_3{position:relative;display:-webkit-box;display:flex;font-style:italic;color:#333}._typography-blockquote__double-quotation_drtfx_10{position:relative;left:-5px;margin-right:20px;font-size:68px;line-height:70px;color:#ccc;font-family:Georgia,Times,Times New Roman,serif}._typography-blockquote__author_drtfx_20{display:block;margin-top:16px;font-size:14px;line-height:20px;font-style:normal;color:#757575}";
+    var css = "._typography-blockquote_1hym2_3{position:relative;display:-webkit-box;display:flex;font-style:italic;color:#333}._typography-blockquote__double-quotation_1hym2_10{position:relative;left:-5px;margin-right:20px;font-size:68px;line-height:70px;color:#ccc;font-family:Georgia,Times,Times New Roman,serif}._typography-blockquote__author_1hym2_20{display:block;margin-top:1.33333rem;font-style:normal;color:#757575}";
 
@@ -176,11 +184,11 @@ if (prevStyle && prevStyle.insertAdjacentText) {
 function block$1() {
-  return '_typography-blockquote_drtfx_3';
+  return '_typography-blockquote_1hym2_3';
 }
 
 function doubleQuotation() {
-  return '_typography-blockquote__double-quotation_drtfx_10';
+  return '_typography-blockquote__double-quotation_1hym2_10';
 }
 
 function author() {
-  return '_typography-blockquote__author_drtfx_20';
+  return '_typography-blockquote__author_1hym2_20';
 }
@@ -212,3 +220,5 @@
         className: doubleQuotation()
-      }, "\u201C"), React__default.createElement("span", null, children, isNode(authorProp) && React__default.createElement("cite", {
+      }, "\u201C"), React__default.createElement("span", null, children, isNode(authorProp) && React__default.createElement(Text, {
+        tag: "cite",
+        size: 200,
         className: author()
@@ -231,3 +241,3 @@ }, authorProp)));
     var prevStyle = head.querySelector('._css-style');
-    var css = "._typography-list_1le71_3{padding:0;margin:0;list-style-type:none}._typography-list_1le71_3 ._typography-list_1le71_3{margin-top:8px}._typography-list__item_1le71_13{display:-webkit-box;display:flex}._typography-list__item_1le71_13+._typography-list__item_1le71_13{margin-top:8px}._typography-list__marker_1le71_21{margin-right:10px;color:#757575}";
+    var css = "._typography-list_1p2i5_3{padding:0;margin:0;list-style-type:none}._typography-list_1p2i5_3 ._typography-list_1p2i5_3{margin-top:.66666rem}._typography-list__item_1p2i5_13{display:-webkit-box;display:flex}._typography-list__item_1p2i5_13+._typography-list__item_1p2i5_13{margin-top:.66666rem}._typography-list__marker_1p2i5_21{margin-right:.83333rem;color:#757575}";
 
@@ -246,11 +256,11 @@ if (prevStyle && prevStyle.insertAdjacentText) {
 function block$2() {
-  return '_typography-list_1le71_3';
+  return '_typography-list_1p2i5_3';
 }
 
 function item() {
-  return '_typography-list__item_1le71_13';
+  return '_typography-list__item_1p2i5_13';
 }
 
 function marker() {
-  return '_typography-list__marker_1le71_21';
+  return '_typography-list__marker_1p2i5_21';
 }
@@ -346,3 +356,3 @@
     var prevStyle = head.querySelector('._css-style');
-    var css = "._hint_cgpy0_3{display:inline-block;outline:none;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;text-decoration:none;cursor:pointer;color:#757575}._hint_cgpy0_3:active,._hint_cgpy0_3:focus,._hint_cgpy0_3:hover{outline:0;text-decoration:none}._hint_cgpy0_3:hover{color:#626262}._hint--keyboard-focused_cgpy0_23{box-shadow:0 0 0 3px rgba(42,148,224,.3)}._hint--disabled_cgpy0_27{opacity:.3;cursor:default;pointer-events:none}._hint__additional_cgpy0_33{vertical-align:middle;margin-top:-4px}._hint_cgpy0_3 ._hint__additional_cgpy0_33:not(:only-child):first-child{margin-right:4px}._hint_cgpy0_3 ._hint__additional_cgpy0_33:not(:only-child):last-child{margin-left:8px}._hint__text_cgpy0_48{border-bottom:1px dotted;border-color:currentcolor}";
+    var css = "._hint_ycf2m_3{display:inline-block;outline:none;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;text-decoration:none;cursor:pointer;color:#757575}._hint_ycf2m_3:active,._hint_ycf2m_3:focus,._hint_ycf2m_3:hover{outline:0;text-decoration:none}._hint_ycf2m_3:hover{color:#626262}._hint--keyboard-focused_ycf2m_23{box-shadow:0 0 0 3px rgba(42,148,224,.3)}._hint--disabled_ycf2m_27{opacity:.3;cursor:default;pointer-events:none}._hint__additional_ycf2m_33{vertical-align:middle;margin-top:-4px}._hint_ycf2m_3 ._hint__additional_ycf2m_33:not(:only-child):first-child{margin-right:4px}._hint_ycf2m_3 ._hint__additional_ycf2m_33:not(:only-child):last-child{margin-left:8px}._hint__text_ycf2m_48{border-bottom:1px dotted;border-color:currentcolor}";
 
@@ -361,19 +371,23 @@ if (prevStyle && prevStyle.insertAdjacentText) {
 function block$3() {
-  return '_hint_cgpy0_3';
+  return '_hint_ycf2m_3';
 }
 
 block$3['keyboardFocused'] = function (value) {
-  return "_hint--keyboard-focused_cgpy0_23";
+  return {
+    "block": "_hint--keyboard-focused_ycf2m_23"
+  }[value || 'block'];
 };
 
 block$3['disabled'] = function (value) {
-  return "_hint--disabled_cgpy0_27";
+  return {
+    "block": "_hint--disabled_ycf2m_27"
+  }[value || 'block'];
 };
 
 function additional() {
-  return '_hint__additional_cgpy0_33';
+  return '_hint__additional_ycf2m_33';
 }
 
 function text() {
-  return '_hint__text_cgpy0_48';
+  return '_hint__text_ycf2m_48';
 }
@@ -380,0 +394,0 @@

package.json

 {
   "name": "@semcore/typography",
   "description": "SEMRush Typography Component",
-  "version": "2.4.5",
+  "version": "2.5.0",
   "main": "lib/index.js",
@@ -15,3 +15,3 @@ "module": "lib/index.es.js",
   "dependencies": {
-    "@semcore/utils": "^3.3",
+    "@semcore/utils": "^3.4",
     "@semcore/paint": "^3.2"
@@ -18,0 +18,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

80232

increased by1.35%

Lines of code

1341

increased by2.29%

Dependency changes

• Updated@semcore/utils@^3.4