@semcore/flex-box - npm Package Compare versions

Comparing version 3.0.0 to 3.1.0

CHANGELOG.md

@@ -5,6 +5,12 @@ # Changelog
 
-## [3.0.0] - 2019-01-16
+## [3.1.0] - 2019-02-11
 
-### BREAK CHANGE
+### Added
 
+- Добавлены свойства `wMin`, `wMax`, `hMin` и `hMax`
+
+## [3.0.0] - 2019-01-18
+
+### BREAK
+
 - У `Flex` переименовано свойство `flex` -> `flexWrap`
@@ -29,3 +35,3 @@ - У `Flex` свойства `alignItems`, `alignContent`, `justifyContent` теперь принимают значения соответствующие значениям в css
 
-### BREAK CHANGE
+### BREAK
 
@@ -32,0 +38,0 @@ - Убраны свойства `alignSelf`, `flexBasis` , `flexGrow`, `flexShrink`, `flex`, `order`

lib/Box/index.d.ts

@@ -42,2 +42,12 @@ import React, { PureComponent } from 'react';
     /**
+     * CSS свойство min-width
+     * Если value меньше 1 - считается как доля от 100%, больше 1 - значение в px, если строка - передается as is
+     */
+    wMin?: number | string;
+    /**
+     * CSS свойство max-width
+     * Если value меньше 1 - считается как доля от 100%, больше 1 - значение в px, если строка - передается as is
+     */
+    wMax?: number | string;
+    /**
      * CSS свойство height
@@ -47,2 +57,12 @@ * Eсли value меньше 1 - считается как доля от 100%, больше 1 - значение в px, если строка - передается as is
     h?: number | string;
+    /**
+     * CSS свойство min-height
+     * Если value меньше 1 - считается как доля от 100%, больше 1 - значение в px, если строка - передается as is
+     */
+    hMin?: number | string;
+    /**
+     * CSS свойство max-height
+     * Если value меньше 1 - считается как доля от 100%, больше 1 - значение в px, если строка - передается as is
+     */
+    hMax?: number | string;
     /** Множитель всех отступов.
@@ -49,0 +69,0 @@ * Например если указать margin-top равный 3(`mt={3}`), это будет 12px(`3*4=12`)

lib/index.es.js

@@ -125,3 +125,3 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 
-      var cssStyle = _objectSpread({}, style, this.getSize('w', 'width'), this.getSize('h', 'height'));
+      var cssStyle = _objectSpread({}, style, this.getSize('w', 'width'), this.getSize('h', 'height'), this.getSize('wMin', 'minWidth'), this.getSize('wMax', 'maxWidth'), this.getSize('hMin', 'minHeight'), this.getSize('hMax', 'maxHeight'));
 
@@ -128,0 +128,0 @@ return React.createElement(UI, Object.assign({}, other, {

lib/index.js

@@ -132,3 +132,3 @@ 'use strict';
 
-      var cssStyle = _objectSpread({}, style, this.getSize('w', 'width'), this.getSize('h', 'height'));
+      var cssStyle = _objectSpread({}, style, this.getSize('w', 'width'), this.getSize('h', 'height'), this.getSize('wMin', 'minWidth'), this.getSize('wMax', 'maxWidth'), this.getSize('hMin', 'minHeight'), this.getSize('hMax', 'maxHeight'));
 
@@ -135,0 +135,0 @@ return React__default.createElement(UI, Object.assign({}, other, {

package.json

 {
   "name": "@semcore/flex-box",
   "description": "SEMRush FlexBox Component",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "main": "lib/index.js",
@@ -6,0 +6,0 @@ "module": "lib/index.es.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

48971

increased by12.36%

Lines of code

681

increased by6.91%

No dependency changes