@semcore/utils - npm Package Compare versions

Comparing version 4.26.2 to 4.26.3-prerelease.0

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [4.26.3] - 2024-05-21
+
+### Fixed
+
+- When form controls were getting loading state, they might not loose focus visual state.
+
 ## [4.26.2] - 2024-05-17
@@ -7,0 +13,0 @@

lib/components/invalid-state-pattern/InvalidStatePattern.js

@@ -13,4 +13,4 @@ "use strict";
 /*__reshadow-styles__:"./invalidStatePattern.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_2tkia_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__*/, "2tkia_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_2tkia_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_rzsid_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__*/, "rzsid_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_rzsid_gg_"
 });
@@ -17,0 +17,0 @@ var InvalidStatePatternComponent = function InvalidStatePatternComponent() {

lib/enhances/keyboardFocusEnhance.d.ts

@@ -19,2 +19,3 @@ import React from 'react';
     disabled?: boolean;
+    loading?: boolean;
     autoFocus?: boolean;
@@ -21,0 +22,0 @@ }) => {

lib/enhances/keyboardFocusEnhance.js

@@ -72,4 +72,4 @@ "use strict";
     var _props$tabIndex;
-    var disabled = props.disabled,
-      autoFocus = props.autoFocus;
+    var autoFocus = props.autoFocus;
+    var disabled = props.disabled || props.loading;
     var tabIndex = (_props$tabIndex = props.tabIndex) !== null && _props$tabIndex !== void 0 ? _props$tabIndex : makeFocusable ? 0 : undefined;
@@ -76,0 +76,0 @@ var _React$useState = _react["default"].useState(false),

lib/injectStyle.js

@@ -33,3 +33,3 @@ "use strict";
         // @ts-ignore
-        var version = "4.26.2";
+        var version = "4.26.3";
         sh = document.createElement('style');
@@ -36,0 +36,0 @@ sh.setAttribute('data-ui-v', version);

package.json

 {
   "name": "@semcore/utils",
   "description": "Semrush Utils Component",
-  "version": "4.26.2",
+  "version": "4.26.3-prerelease.0",
   "main": "lib/index.js",
@@ -6,0 +6,0 @@ "sideEffects": false,

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

1453665

increased by0.03%

Lines of code

14914

increased by0.01%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes