@semcore/flex-box - npm Package Compare versions

Comparing version 5.38.2 to 5.39.0-prerelease.0

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [5.39.0] - 2024-11-28
+
+### Added
+
+- `ScreenReaderOnly` component from `Root` component from `core` package.
+
 ## [5.38.2] - 2024-11-22
@@ -7,0 +13,0 @@

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_yf44f_gg_{box-sizing:border-box}.___SBoxInline_yf44f_gg_{display:inline-block}" /*__inner_css_end__*/, "yf44f_gg_") /*__reshadow_css_end__*/, {
-  "__SBoxSizing": "___SBoxSizing_yf44f_gg_",
-  "__SBoxInline": "___SBoxInline_yf44f_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBoxSizing_nyka0_gg_{box-sizing:border-box}.___SBoxInline_nyka0_gg_{display:inline-block}" /*__inner_css_end__*/, "nyka0_gg_") /*__reshadow_css_end__*/, {
+  "__SBoxSizing": "___SBoxSizing_nyka0_gg_",
+  "__SBoxInline": "___SBoxInline_nyka0_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_1ij9l_gg_{display:flex}.___SFlex_1ij9l_gg_.__inline_1ij9l_gg_{display:inline-flex}" /*__inner_css_end__*/, "1ij9l_gg_") /*__reshadow_css_end__*/, {
-  "__SFlex": "___SFlex_1ij9l_gg_",
-  "_inline": "__inline_1ij9l_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFlex_11pya_gg_{display:flex}.___SFlex_11pya_gg_.__inline_11pya_gg_{display:inline-flex}" /*__inner_css_end__*/, "11pya_gg_") /*__reshadow_css_end__*/, {
+  "__SFlex": "___SFlex_11pya_gg_",
+  "_inline": "__inline_11pya_gg_"
 });
@@ -25,0 +25,0 @@ function calculateFlexStyles(props) {

lib/cjs/index.js

@@ -13,3 +13,4 @@ "use strict";
   useFlex: true,
-  InvalidStateBox: true
+  InvalidStateBox: true,
+  ScreenReaderOnly: true
 };
@@ -34,2 +35,8 @@ Object.defineProperty(exports, "Box", {
 });
+Object.defineProperty(exports, "ScreenReaderOnly", {
+  enumerable: true,
+  get: function get() {
+    return _ScreenReaderOnlyBox.ScreenReaderOnly;
+  }
+});
 Object.defineProperty(exports, "useBox", {
@@ -74,2 +81,3 @@ enumerable: true,
 var _InvalidStateBox = require("./invalid-state-box/InvalidStateBox");
+var _ScreenReaderOnlyBox = require("./screen-reader-only-box/ScreenReaderOnlyBox");
 //# sourceMappingURL=index.js.map

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_18229_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__*/, "18229_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_18229_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_1ld4e_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__*/, "1ld4e_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_1ld4e_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_yf44f_gg_{box-sizing:border-box}.___SBoxInline_yf44f_gg_{display:inline-block}" /*__inner_css_end__*/, "yf44f_gg_") /*__reshadow_css_end__*/, {
-  "__SBoxSizing": "___SBoxSizing_yf44f_gg_",
-  "__SBoxInline": "___SBoxInline_yf44f_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBoxSizing_nyka0_gg_{box-sizing:border-box}.___SBoxInline_nyka0_gg_{display:inline-block}" /*__inner_css_end__*/, "nyka0_gg_") /*__reshadow_css_end__*/, {
+  "__SBoxSizing": "___SBoxSizing_nyka0_gg_",
+  "__SBoxInline": "___SBoxInline_nyka0_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_1ij9l_gg_{display:flex}.___SFlex_1ij9l_gg_.__inline_1ij9l_gg_{display:inline-flex}" /*__inner_css_end__*/, "1ij9l_gg_") /*__reshadow_css_end__*/, {
-  "__SFlex": "___SFlex_1ij9l_gg_",
-  "_inline": "__inline_1ij9l_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFlex_11pya_gg_{display:flex}.___SFlex_11pya_gg_.__inline_11pya_gg_{display:inline-flex}" /*__inner_css_end__*/, "11pya_gg_") /*__reshadow_css_end__*/, {
+  "__SFlex": "___SFlex_11pya_gg_",
+  "_inline": "__inline_11pya_gg_"
 });
@@ -16,0 +16,0 @@ import { getAutoOrScaleIndent } from '../utils';

lib/es6/index.js

@@ -10,2 +10,3 @@ export { default as Box } from './Box';
 export { InvalidStateBox } from './invalid-state-box/InvalidStateBox';
+export { ScreenReaderOnly } from './screen-reader-only-box/ScreenReaderOnlyBox';
 //# sourceMappingURL=index.js.map

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_18229_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__*/, "18229_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_18229_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPattern_1ld4e_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__*/, "1ld4e_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_1ld4e_gg_"
 });
@@ -11,0 +11,0 @@ import Box from '../Box';

lib/types/index.d.ts

@@ -8,1 +8,2 @@ export { default as Box } from './Box';
 export { InvalidStateBox } from './invalid-state-box/InvalidStateBox';
+export { ScreenReaderOnly } from './screen-reader-only-box/ScreenReaderOnlyBox';

package.json

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

New alerts

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

Improved metrics

Total package byte prevSize

120184

increased by6.63%

Number of package files

52

increased by15.56%

Lines of code

938

increased by10.35%

Worsened metrics

Number of low quality alerts

2

increased by100%

Dependency changes

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

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

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