@semcore/flex-box
Advanced tools
Comparing version 4.5.1 to 4.5.3
@@ -5,2 +5,8 @@ # Changelog | ||
## [4.5.3] - 2022-05-19 | ||
### Fixed | ||
- Synced dependencies versions to remove duplicates in the single export package. | ||
## [4.5.1] - 2022-03-14 | ||
@@ -7,0 +13,0 @@ |
@@ -53,4 +53,2 @@ "use strict"; | ||
function calculateFlexStyles(props) { | ||
var _props$scaleIndent; | ||
var DirectionReverse = { | ||
@@ -60,3 +58,3 @@ row: 'row-reverse', | ||
}; | ||
var scaleIndent = (_props$scaleIndent = props.scaleIndent) !== null && _props$scaleIndent !== void 0 ? _props$scaleIndent : 4; | ||
var scaleIndent = props.scaleIndent ?? 4; | ||
return (0, _useBox3.removeUndefinedKeys)({ | ||
@@ -63,0 +61,0 @@ alignItems: props.alignItems, |
@@ -33,4 +33,2 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty"; | ||
function calculateFlexStyles(props) { | ||
var _props$scaleIndent; | ||
var DirectionReverse = { | ||
@@ -40,3 +38,3 @@ row: 'row-reverse', | ||
}; | ||
var scaleIndent = (_props$scaleIndent = props.scaleIndent) !== null && _props$scaleIndent !== void 0 ? _props$scaleIndent : 4; | ||
var scaleIndent = props.scaleIndent ?? 4; | ||
return removeUndefinedKeys({ | ||
@@ -43,0 +41,0 @@ alignItems: props.alignItems, |
import React from 'react'; | ||
import { FlexProperty, PositionProperty } from 'csstype'; | ||
import { Property } from 'csstype'; | ||
import { IStyledProps } from '@semcore/core'; | ||
@@ -11,3 +11,3 @@ export declare function removeUndefinedKeys<T extends {}>(obj: T): {}; | ||
/** CSS `flex` property */ | ||
flex?: FlexProperty<string>; | ||
flex?: Property.Flex<string>; | ||
/** CSS `margin` property */ | ||
@@ -91,3 +91,3 @@ m?: number | string; | ||
/** CSS `position` property */ | ||
position?: PositionProperty; | ||
position?: Property.Position; | ||
/** CSS `top` property */ | ||
@@ -94,0 +94,0 @@ top?: number | string; |
import React from 'react'; | ||
import { AlignContentProperty, AlignItemsProperty, JustifyContentProperty, FlexDirectionProperty, GapProperty, RowGapProperty, ColumnGapProperty } from 'csstype'; | ||
import { Property } from 'csstype'; | ||
import { IBoxProps } from '../Box/useBox'; | ||
@@ -20,27 +20,27 @@ export interface IFlexProps extends IBoxProps { | ||
*/ | ||
direction?: FlexDirectionProperty; | ||
direction?: Property.FlexDirection; | ||
/** | ||
* It manages the `align-items` property | ||
*/ | ||
alignItems?: AlignItemsProperty; | ||
alignItems?: Property.AlignItems; | ||
/** | ||
* It manages the `align-content` property | ||
*/ | ||
alignContent?: AlignContentProperty; | ||
alignContent?: Property.AlignContent; | ||
/** | ||
* CSS `justify-content` property | ||
*/ | ||
justifyContent?: JustifyContentProperty; | ||
justifyContent?: Property.JustifyContent; | ||
/** | ||
* CSS `gap` property | ||
*/ | ||
gap?: GapProperty<number>; | ||
gap?: Property.Gap<number>; | ||
/** | ||
* CSS `gap` property | ||
*/ | ||
rowGap?: RowGapProperty<number>; | ||
rowGap?: Property.RowGap<number>; | ||
/** | ||
* CSS `gap` property | ||
*/ | ||
columnGap?: ColumnGapProperty<number>; | ||
columnGap?: Property.ColumnGap<number>; | ||
/** | ||
@@ -47,0 +47,0 @@ * Multiplier of all indents. For example, if you specify a margin-top equal to 3 (mt = {3}), it will be 12px (3 * 4 = 12). |
{ | ||
"name": "@semcore/flex-box", | ||
"description": "SEMRush FlexBox Component", | ||
"version": "4.5.1", | ||
"version": "4.5.3", | ||
"main": "lib/cjs/index.js", | ||
@@ -17,3 +17,3 @@ "module": "lib/es6/index.js", | ||
"@semcore/utils": "^3.15", | ||
"csstype": "^2.6" | ||
"csstype": "3.0.8" | ||
}, | ||
@@ -31,3 +31,6 @@ "peerDependencies": { | ||
"directory": "semcore/flex-box" | ||
}, | ||
"devDependencies": { | ||
"@semcore/jest-preset-ui": "1.0.0" | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
99816
1
1240
+ Addedcsstype@3.0.8(transitive)
- Removedcsstype@2.6.213.1.3(transitive)
Updatedcsstype@3.0.8