@elvia/elvis-dropdown - npm Package Compare versions

Comparing version 1.0.8 to 2.0.0

CHANGELOG.md

 # Elvia Dropdown
 
+## 2.0.0 (29.11.21)
+
+### Breaking changes
+
+- Fix so that width of the dropdown field is 100% up to max-width always, to be consistent with other
+  input-components. Can possibly break alignment where it is used.
+
+### Patches
+
+- Placeholder now has no defined default value
+- Max-width updated to 448px, to match other input-components max-width
+
 ## 1.0.8 (28.09.21)
@@ -4,0 +16,0 @@

dist/react/js/elvia-dropdown.js

@@ -38,3 +38,3 @@ /*
   options,
-  placeholder = 'Placeholder',
+  placeholder = '',
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -94,3 +94,3 @@ value,
     container: provided => ({ ...provided,
-      maxWidth: '400px'
+      maxWidth: '448px'
     }),
@@ -104,4 +104,4 @@ control: () => ({
       border: decideControlBorder(isDisabled, isError),
-      maxHeight: isCompact ? '33px' : '48px',
-      minHeight: isCompact ? '33px' : '48px',
+      maxHeight: isCompact ? '34px' : '48px',
+      minHeight: isCompact ? '34px' : '48px',
       minWidth: '72px',
@@ -108,0 +108,0 @@ marginBottom: '0px',

dist/react/js/styledComponents.js

@@ -15,3 +15,3 @@ /*
   componentId: "sc-1u4m1mo-0"
-})(["display:block;position:relative;text-align:left;box-sizing:border-box;cursor:", ";&:focus-within{.ewc-dropdown__control{border:2px solid ", ";padding:0px;outline:2px solid #0064fa;outline-offset:2px;}}"], props => props.isDisabled ? 'not-allowed' : 'pointer', ElviaColors.elviaCharge);
+})(["display:block;position:relative;text-align:left;box-sizing:border-box;width:100%;max-width:448px;cursor:", ";&:focus-within{.ewc-dropdown__control{border:2px solid ", ";padding:0px;outline:2px solid #0064fa;outline-offset:2px;}}"], props => props.isDisabled ? 'not-allowed' : 'pointer', ElviaColors.elviaCharge);
 export const DropdownLabel = styled.label.withConfig({
@@ -18,0 +18,0 @@ displayName: "styledComponents__DropdownLabel",

dist/web_component/js/elvia-dropdown.js

@@ -63,3 +63,3 @@ /*
       "slotItems": false,
-      "elementStyle": "min-width: 163px;",
+      "elementStyle": "max-width: 448px; width: 100%; display: block;",
       "reactName": "Dropdown",
@@ -66,0 +66,0 @@ "useWrapper": false,

package.json

 {
   "name": "@elvia/elvis-dropdown",
-  "version": "1.0.8",
+  "version": "2.0.0",
   "description": "",
@@ -17,4 +17,4 @@ "main": "web_component.js",
     "react-select": "4.2.1",
-    "styled-components": "^5.2.1"
+    "styled-components": "^5.3.3"
   }
 }

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

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

44933

increased by0.94%

Lines of code

1245

increased by0.16%

Dependency changes

• Updatedstyled-components@^5.3.3