@semcore/flex-box - npm Package Compare versions

Comparing version 5.29.0 to 5.30.0-prerelease.0

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [5.30.0] - 2024-07-12
+
+### Changed
+
+- Version minor update due to children dependencies update (`@semcore/utils` [4.30.0 ~> 4.31.0], `@semcore/core` [2.27.0 ~> 2.28.0]).
+
 ## [5.29.0] - 2024-06-26
@@ -244,3 +250,3 @@
 
-- `display` css property as prop to `Box` component.
+- `display` CSS property as prop to `Box` component.
 
@@ -505,3 +511,3 @@ ## [5.7.5] - 2023-10-06
 
-- Added `gap`, `rowGap` and `columnGap` css properties support for `Flex` component.
+- Added `gap`, `rowGap` and `columnGap` CSS properties support for `Flex` component.
 
@@ -545,3 +551,3 @@ ## [4.4.3] - 2021-10-20
 
-- [Box] Added change css styles after change value by props `top, left, right, bottom`.
+- [Box] Added change CSS styles after change value by props `top, left, right, bottom`.
 
@@ -630,3 +636,3 @@ ## [4.3.0] - 2020-12-17
 
-- Появилась возможность добавления различных стилистических тем через css переменные
+- Появилась возможность добавления различных стилистических тем через CSS переменные
 - Появилась возможность оптицонально подключать адаптивноссть
@@ -676,3 +682,3 @@ - Появилась возможность изолировать стили даже в пределах одной страницы
 - У `Flex` переименовано свойство `flex` -> `flexWrap`
-- У `Flex` свойства `alignItems`, `alignContent`, `justifyContent` теперь принимают значения соответствующие значениям в css
+- У `Flex` свойства `alignItems`, `alignContent`, `justifyContent` теперь принимают значения соответствующие значениям в CSS
 
@@ -679,0 +685,0 @@ ### Added

lib/cjs/Box/useBox.js

@@ -21,5 +21,5 @@ "use strict";
 /*__reshadow-styles__:"../style/use-box.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBoxSizing_wk8wn_gg_{box-sizing:border-box}.___SBoxInline_wk8wn_gg_{display:inline-block}" /*__inner_css_end__*/, "wk8wn_gg_") /*__reshadow_css_end__*/, {
-  "__SBoxSizing": "___SBoxSizing_wk8wn_gg_",
-  "__SBoxInline": "___SBoxInline_wk8wn_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBoxSizing_orfji_gg_{box-sizing:border-box}.___SBoxInline_orfji_gg_{display:inline-block}" /*__inner_css_end__*/, "orfji_gg_") /*__reshadow_css_end__*/, {
+  "__SBoxSizing": "___SBoxSizing_orfji_gg_",
+  "__SBoxInline": "___SBoxInline_orfji_gg_"
 });
@@ -26,0 +26,0 @@ function removeUndefinedKeys(obj) {

lib/cjs/Flex/useFlex.js

@@ -20,5 +20,5 @@ "use strict";
 /*__reshadow-styles__:"../style/use-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFlex_1mtg5_gg_{display:flex}.___SFlex_1mtg5_gg_.__inline_1mtg5_gg_{display:inline-flex}" /*__inner_css_end__*/, "1mtg5_gg_") /*__reshadow_css_end__*/, {
-  "__SFlex": "___SFlex_1mtg5_gg_",
-  "_inline": "__inline_1mtg5_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFlex_1ugcy_gg_{display:flex}.___SFlex_1ugcy_gg_.__inline_1ugcy_gg_{display:inline-flex}" /*__inner_css_end__*/, "1ugcy_gg_") /*__reshadow_css_end__*/, {
+  "__SFlex": "___SFlex_1ugcy_gg_",
+  "_inline": "__inline_1ugcy_gg_"
 });
@@ -25,0 +25,0 @@ function calculateFlexStyles(props) {

lib/cjs/invalid-state-box/InvalidStateBox.js

@@ -15,4 +15,4 @@ "use strict";
 /*__reshadow-styles__:"./invalidStateBox.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_1lim0_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "1lim0_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_1lim0_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_1oep6_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "1oep6_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_1oep6_gg_"
 });
@@ -19,0 +19,0 @@ var InvalidStatePatternComponent = function InvalidStatePatternComponent() {

lib/es6/Box/useBox.js

@@ -12,5 +12,5 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 /*__reshadow-styles__:"../style/use-box.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBoxSizing_wk8wn_gg_{box-sizing:border-box}.___SBoxInline_wk8wn_gg_{display:inline-block}" /*__inner_css_end__*/, "wk8wn_gg_") /*__reshadow_css_end__*/, {
-  "__SBoxSizing": "___SBoxSizing_wk8wn_gg_",
-  "__SBoxInline": "___SBoxInline_wk8wn_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBoxSizing_orfji_gg_{box-sizing:border-box}.___SBoxInline_orfji_gg_{display:inline-block}" /*__inner_css_end__*/, "orfji_gg_") /*__reshadow_css_end__*/, {
+  "__SBoxSizing": "___SBoxSizing_orfji_gg_",
+  "__SBoxInline": "___SBoxInline_orfji_gg_"
 });
@@ -17,0 +17,0 @@ import { getAutoOrScaleIndent } from '../utils';

lib/es6/Flex/useFlex.js

@@ -11,5 +11,5 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 /*__reshadow-styles__:"../style/use-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFlex_1mtg5_gg_{display:flex}.___SFlex_1mtg5_gg_.__inline_1mtg5_gg_{display:inline-flex}" /*__inner_css_end__*/, "1mtg5_gg_") /*__reshadow_css_end__*/, {
-  "__SFlex": "___SFlex_1mtg5_gg_",
-  "_inline": "__inline_1mtg5_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFlex_1ugcy_gg_{display:flex}.___SFlex_1ugcy_gg_.__inline_1ugcy_gg_{display:inline-flex}" /*__inner_css_end__*/, "1ugcy_gg_") /*__reshadow_css_end__*/, {
+  "__SFlex": "___SFlex_1ugcy_gg_",
+  "_inline": "__inline_1ugcy_gg_"
 });
@@ -16,0 +16,0 @@ import { getAutoOrScaleIndent } from '../utils';

lib/es6/invalid-state-box/InvalidStateBox.js

@@ -7,4 +7,4 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 /*__reshadow-styles__:"./invalidStateBox.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPattern_1lim0_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "1lim0_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_1lim0_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPattern_1oep6_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "1oep6_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_1oep6_gg_"
 });
@@ -11,0 +11,0 @@ import Box from '../Box';

package.json

 {
   "name": "@semcore/flex-box",
   "description": "Semrush FlexBox Component",
-  "version": "5.29.0",
+  "version": "5.30.0-prerelease.0",
   "main": "lib/cjs/index.js",
@@ -12,3 +12,3 @@ "module": "lib/es6/index.js",
   "dependencies": {
-    "@semcore/utils": "4.30.0",
+    "@semcore/utils": "4.31.0-prerelease.0",
     "classnames": "2.2.6",
@@ -18,3 +18,3 @@ "csstype": "3.0.8"
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
+    "@semcore/core": "^2.28.0-prerelease.0",
     "react": "16.8 - 18",
@@ -21,0 +21,0 @@ "react-dom": "16.8 - 18"

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

110493

increased by0.19%

Worsened metrics

Number of low quality alerts

2

increased by100%

Dependency changes

• + Added@semcore/utils@4.31.0-prerelease.0(transitive)

• - Removed@semcore/utils@4.30.0(transitive)

• Updated@semcore/utils@4.31.0-prerelease.0