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

Comparing version 9.10.1 to 9.11.0

lib/Form/SelectStyles.js

@@ -72,4 +72,4 @@ "use strict";
     },
-    group: provided => (Object.assign(Object.assign({}, provided), { paddingBottom: 0 })),
-    groupHeading: provided => (Object.assign(Object.assign({}, provided), { display: 'flex', color: theme.general.color, fontSize: '14px', marginBottom: '16px', paddingLeft: '16px', marginTop: '8px' })),
+    group: provided => (Object.assign(Object.assign({}, provided), { padding: 0, backgroundColor: theme.Input.backgroundColor })),
+    groupHeading: provided => (Object.assign(Object.assign({}, provided), { display: 'flex', fontSize: theme.fontSizes.small, lineHeight: '14px', color: theme.Select.disabledColor, padding: '8px 16px 6px 16px' })),
     menu: (provided, { options }) => (Object.assign(Object.assign(Object.assign({}, provided), { boxShadow: `0 0 0 1px ${theme.general.primaryColor}, 0 4px 11px hsl(0deg 0% 0% / 10%)`, borderRadius: 12, marginBottom: 0, marginTop: 4, overflowY: 'overlay' }), ((0, SelectComponents_1.isGroup)(options) && {
@@ -79,3 +79,3 @@ minWidth: '400px',
     menuList: provided => (Object.assign(Object.assign({}, provided), { borderRadius: 12, paddingBottom: 0, paddingTop: 0 })),
-    option: (provided, { isMulti, isDisabled, isFocused, isSelected, options, data }) => (Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, provided), { backgroundColor: theme.Input.backgroundColor, color: theme.general.color, padding: '10px 18px', cursor: isDisabled ? 'not-allowed' : 'pointer', fontSize: theme.fontSizes.base, fontWeight: 400, lineHeight: '1.5rem' }), (isSelected &&
+    option: (provided, { isMulti, isDisabled, isFocused, isSelected, options, data }) => (Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, provided), { backgroundColor: theme.Input.backgroundColor, color: theme.general.color, padding: (0, SelectComponents_1.isGroup)(options) ? '6px 16px' : '10px 18px', cursor: isDisabled ? 'not-allowed' : 'pointer', fontSize: theme.fontSizes.base, fontWeight: isSelected && (0, SelectComponents_1.isGroup)(options) ? 600 : 400, lineHeight: '1.5rem' }), (isSelected &&
         !isDisabled &&
@@ -134,2 +134,4 @@ !isMulti && {
         },
+    })), ((0, SelectComponents_1.isGroup)(options) && {
+        textAlign: 'left',
     })), { '&:last-of-type': Object.assign(Object.assign({}, (!(0, SelectComponents_1.isGroup)(options) && { borderRadius: '0 0 12px 12px' })), ((0, SelectComponents_1.isGroup)(options) &&
@@ -136,0 +138,0 @@ !options[options.length - 1].options.includes(data) && {

package.json

@@ -73,4 +73,4 @@ {
   },
-  "version": "9.10.1",
-  "gitHead": "7013cb299e2b41827ded167f8996c236719d7b72"
+  "version": "9.11.0",
+  "gitHead": "d88c985cf09f08ecd0fc0c68389668819c985119"
 }

No alert changes

Improved metrics

Total package byte prevSize

695400

increased by0.04%

Lines of code

9944

increased by0.03%

No dependency changes