@wireapp/react-ui-kit - npm Package Compare versions

Comparing version 9.46.0 to 9.46.1

lib/Form/SelectStyles.js

@@ -31,30 +31,4 @@ "use strict";
     }),
-    container: (_, { isDisabled, selectProps, options }) => {
-        const { menuIsOpen } = selectProps;
-        const isSelectDisabled = selectProps.isDisabled;
+    container: (_, { options }) => {
         return {
-            '& > div > div[class$="-Control"]': {
-                ...(0, Input_1.inputStyle)(theme, { disabled: isSelectDisabled, markInvalid }),
-                borderRadius: 12,
-                minHeight: 48,
-                ...(isDisabled && {
-                    backgroundColor: theme.Input.backgroundColorDisabled,
-                    color: theme.Select.disabledColor,
-                    cursor: 'default',
-                }),
-                ...(markInvalid && {
-                    boxShadow: `0 0 0 1px ${theme.general.dangerColor}`,
-                }),
-                ...(menuIsOpen && {
-                    boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,
-                    '&:hover': {
-                        boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,
-                    },
-                }),
-                cursor: !isSelectDisabled && 'pointer',
-                '&:focus:visible, active': {
-                    boxShadow: !isSelectDisabled && `0 0 0 1px ${theme.general.primaryColor}`,
-                },
-                ...controlCSS,
-            },
             '& > div': (0, SelectComponents_1.isGroup)(options)
@@ -80,3 +54,3 @@ ? {
     },
-    control: (_provided, { options }) => ({
+    control: (_provided, { isDisabled, selectProps, options }) => ({
         display: 'flex',
@@ -92,2 +66,22 @@ alignItems: 'center',
         }),
+        ...(0, Input_1.inputStyle)(theme, { disabled: selectProps.isDisabled, markInvalid }),
+        borderRadius: 12,
+        ...(isDisabled && {
+            backgroundColor: theme.Input.backgroundColorDisabled,
+            color: theme.Select.disabledColor,
+            cursor: 'default',
+        }),
+        ...(markInvalid && {
+            boxShadow: `0 0 0 1px ${theme.general.dangerColor}`,
+        }),
+        ...(selectProps.menuIsOpen && {
+            boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,
+            '&:hover': {
+                boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,
+            },
+        }),
+        cursor: !selectProps.isDisabled && 'pointer',
+        '&:focus:visible, active': {
+            boxShadow: !selectProps.isDisabled && `0 0 0 1px ${theme.general.primaryColor}`,
+        },
         ...controlCSS,
@@ -94,0 +88,0 @@ }),

package.json

@@ -80,4 +80,4 @@ {
   },
-  "version": "9.46.0",
-  "gitHead": "f84e0dca4b5b8e45d334b18fddae468cc60afe45"
+  "version": "9.46.1",
+  "gitHead": "a07b2a42e08f7e9112e2629bb945d63e617c6a3f"
 }

New alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Fixed alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

1263756

-10.33%

Lines of code

16863

-5.21%

No dependency changes