@semcore/flex-box - npm Package Compare versions

Comparing version 4.3.0 to 4.3.1

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [4.3.1] - 2021-02-19
+
+### Fixed
+
+- [Box] Added change css styles after change value by props `top, left, right, bottom`.
+
 ## [4.3.0] - 2020-12-17
@@ -7,0 +13,0 @@

lib/cjs/Box/useBox.js

@@ -38,9 +38,9 @@ "use strict";
 /*__inner_css_start__*/
-"._box-sizing_jizxe_gg_{box-sizing:border-box}._box-inline_ikces_gg_{display:inline-block}"
+"._box-sizing_11h1e_gg_{box-sizing:border-box}._box-inline_1rkvs_gg_{display:inline-block}"
 /*__inner_css_end__*/
-, "o9ddac_gg_")
+, "ylufqe_gg_")
 /*__reshadow_css_end__*/
 , {
-  "box-sizing": "_box-sizing_jizxe_gg_",
-  "box-inline": "_box-inline_ikces_gg_"
+  "box-sizing": "_box-sizing_11h1e_gg_",
+  "box-inline": "_box-inline_1rkvs_gg_"
 }),
@@ -157,7 +157,11 @@ style = (0, _extends2["default"])({}, _ref);
       position = props.position,
+      top = props.top,
+      left = props.left,
+      bottom = props.bottom,
+      right = props.right,
       zIndex = props.zIndex,
-      other = (0, _objectWithoutProperties2["default"])(props, ["tag", "className", "style", "scaleIndent", "boxSizing", "inline", "flex", "w", "h", "wMin", "wMax", "hMin", "hMax", "m", "mt", "mb", "my", "ml", "mr", "mx", "p", "pt", "pb", "py", "pl", "pr", "px", "css", "position", "zIndex"]);
+      other = (0, _objectWithoutProperties2["default"])(props, ["tag", "className", "style", "scaleIndent", "boxSizing", "inline", "flex", "w", "h", "wMin", "wMax", "hMin", "hMax", "m", "mt", "mb", "my", "ml", "mr", "mx", "p", "pt", "pb", "py", "pl", "pr", "px", "css", "position", "top", "left", "bottom", "right", "zIndex"]);
   var indentStyles = (0, _react.useMemo)(function () {
     return calculateIndentStyles(props, scaleIndent);
-  }, [scaleIndent, w, h, wMin, wMax, hMin, hMax, flex, m, mt, mb, my, ml, mr, mx, p, pt, pb, py, pl, pr, px, position, zIndex]);
+  }, [scaleIndent, w, h, wMin, wMax, hMin, hMax, flex, m, mt, mb, my, ml, mr, mx, p, pt, pb, py, pl, pr, px, position, top, left, bottom, right, zIndex]);
 
@@ -167,3 +171,3 @@ var _styled = (0, _core.styled)(((0, _core.set)([styled_c8]), (0, _core.__extract__)())),
 
-  _logger["default"].warn(css !== undefined, "Свойство 'css' является устаревшим, используйте 'style'", other['data-ui-name'] || 'Box');
+  _logger["default"].warn(css !== undefined, "The 'css' property is deprecated, use 'style'", other['data-ui-name'] || 'Box');
 
@@ -170,0 +174,0 @@ return [Tag, _objectSpread({

lib/cjs/Flex/useFlex.js

@@ -37,9 +37,9 @@ "use strict";
 /*__inner_css_start__*/
-"._flex_1gob4_gg_{display:flex}._flex-inline_17tqn_gg_{display:inline-flex}"
+"._flex_re48s_gg_{display:flex}._flex-inline_pnfqe_gg_{display:inline-flex}"
 /*__inner_css_end__*/
-, "1a8j02v_gg_")
+, "1gipqqp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "flex": "_flex_1gob4_gg_",
-  "flex-inline": "_flex-inline_17tqn_gg_"
+  "flex": "_flex_re48s_gg_",
+  "flex-inline": "_flex-inline_pnfqe_gg_"
 }),
@@ -46,0 +46,0 @@ style = (0, _extends2["default"])({}, _ref);

lib/cjs/index.js

@@ -48,2 +48,3 @@ "use strict";
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useBox[key]) return;
   Object.defineProperty(exports, key, {
@@ -64,2 +65,3 @@ enumerable: true,
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useFlex[key]) return;
   Object.defineProperty(exports, key, {
@@ -66,0 +68,0 @@ enumerable: true,

lib/es6/Box/useBox.js

@@ -22,9 +22,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /*__inner_css_start__*/
-"._box-sizing_jizxe_gg_{box-sizing:border-box}._box-inline_ikces_gg_{display:inline-block}"
+"._box-sizing_11h1e_gg_{box-sizing:border-box}._box-inline_1rkvs_gg_{display:inline-block}"
 /*__inner_css_end__*/
-, "o9ddac_gg_")
+, "ylufqe_gg_")
 /*__reshadow_css_end__*/
 , {
-  "box-sizing": "_box-sizing_jizxe_gg_",
-  "box-inline": "_box-inline_ikces_gg_"
+  "box-sizing": "_box-sizing_11h1e_gg_",
+  "box-inline": "_box-inline_1rkvs_gg_"
 }),
@@ -140,8 +140,12 @@ style = _extends({}, _ref);
       position = props.position,
+      top = props.top,
+      left = props.left,
+      bottom = props.bottom,
+      right = props.right,
       zIndex = props.zIndex,
-      other = _objectWithoutProperties(props, ["tag", "className", "style", "scaleIndent", "boxSizing", "inline", "flex", "w", "h", "wMin", "wMax", "hMin", "hMax", "m", "mt", "mb", "my", "ml", "mr", "mx", "p", "pt", "pb", "py", "pl", "pr", "px", "css", "position", "zIndex"]);
+      other = _objectWithoutProperties(props, ["tag", "className", "style", "scaleIndent", "boxSizing", "inline", "flex", "w", "h", "wMin", "wMax", "hMin", "hMax", "m", "mt", "mb", "my", "ml", "mr", "mx", "p", "pt", "pb", "py", "pl", "pr", "px", "css", "position", "top", "left", "bottom", "right", "zIndex"]);
 
   var indentStyles = useMemo(function () {
     return calculateIndentStyles(props, scaleIndent);
-  }, [scaleIndent, w, h, wMin, wMax, hMin, hMax, flex, m, mt, mb, my, ml, mr, mx, p, pt, pb, py, pl, pr, px, position, zIndex]);
+  }, [scaleIndent, w, h, wMin, wMax, hMin, hMax, flex, m, mt, mb, my, ml, mr, mx, p, pt, pb, py, pl, pr, px, position, top, left, bottom, right, zIndex]);
 
@@ -151,3 +155,3 @@ var _styled = styled((set([styled_c8]), __extract__())),
 
-  logger.warn(css !== undefined, "Свойство 'css' является устаревшим, используйте 'style'", other['data-ui-name'] || 'Box');
+  logger.warn(css !== undefined, "The 'css' property is deprecated, use 'style'", other['data-ui-name'] || 'Box');
   return [Tag, _objectSpread({
@@ -154,0 +158,0 @@ ref: ref,

lib/es6/Flex/useFlex.js

@@ -21,9 +21,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /*__inner_css_start__*/
-"._flex_1gob4_gg_{display:flex}._flex-inline_17tqn_gg_{display:inline-flex}"
+"._flex_re48s_gg_{display:flex}._flex-inline_pnfqe_gg_{display:inline-flex}"
 /*__inner_css_end__*/
-, "1a8j02v_gg_")
+, "1gipqqp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "flex": "_flex_1gob4_gg_",
-  "flex-inline": "_flex-inline_17tqn_gg_"
+  "flex": "_flex_re48s_gg_",
+  "flex-inline": "_flex-inline_pnfqe_gg_"
 }),
@@ -30,0 +30,0 @@ style = _extends({}, _ref);

package.json

 {
   "name": "@semcore/flex-box",
   "description": "SEMRush FlexBox Component",
-  "version": "4.3.0",
+  "version": "4.3.1",
   "main": "lib/cjs/index.js",
@@ -6,0 +6,0 @@ "module": "lib/es6/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

90764

increased by1.25%

Lines of code

1140

increased by1.79%

No dependency changes