@elvia/elvis-dropdown - npm Package Compare versions

Comparing version 7.1.4 to 7.2.0

CHANGELOG.json

@@ -5,2 +5,12 @@ {
     {
+      "date": "24.08.23",
+      "version": "7.2.0",
+      "changelog": [
+        {
+          "type": "new_feature",
+          "changes": ["Dark theme support."]
+        }
+      ]
+    },
+    {
       "date": "16.08.23",
@@ -7,0 +17,0 @@ "version": "7.1.4",

dist/react/js/dropdown-overlay/dropdownOverlayStyles.js

@@ -5,3 +5,3 @@ /*
  */
-import{getThemeColor}from"@elvia/elvis-colors";import{IconButton,TertiaryButton}from"@elvia/elvis-toolbox";import{getTypographyCss}from"@elvia/elvis-typography";import styled,{css,keyframes}from"styled-components";import{DropdownItemStyles}from"../dropdown-item/dropdownItemStyles";export var CursorCurve=styled.div.withConfig({displayName:"dropdownOverlayStyles__CursorCurve",componentId:"sc-1ehdlkz-0"})(["position:absolute;top:calc(var(--item-height) - 1px);right:100%;width:30%;height:20%;min-height:var(--item-height);clip-path:polygon(0% 0%,100% 0%,100% 100%,80% 50%,50% 20%);"]);export var DropdownPopupContainer=styled.div.withConfig({displayName:"dropdownOverlayStyles__DropdownPopupContainer",componentId:"sc-1ehdlkz-1"})(["position:relative;--item-height:48px;",";"],function(a){var b=a.size;return"small"===b&&css(["--item-height:40px;","{",";}","{","}"],NoItemsMessage,getTypographyCss("text-sm"),BackButtonStyles,getTypographyCss("text-sm-strong"))});export var DropdownPopup=styled.div.attrs({role:"listbox"}).withConfig({displayName:"dropdownOverlayStyles__DropdownPopup",componentId:"sc-1ehdlkz-2"})(["background-color:",";box-shadow:0px 0px 30px rgba(0,0,0,0.08);position:relative;border-radius:4px;overflow:hidden;width:100%;",";"],getThemeColor("background-overlay-1"),function(a){var b=a.isInvisible;return b&&css(["visibility:hidden;"])});export var ItemList=styled.div.withConfig({displayName:"dropdownOverlayStyles__ItemList",componentId:"sc-1ehdlkz-3"})(["max-height:calc(var(--item-height) * 7.5);overflow-y:auto;"]);export var NoItemsMessage=styled.div.withConfig({displayName:"dropdownOverlayStyles__NoItemsMessage",componentId:"sc-1ehdlkz-4"})([""," text-align:center;padding:40px 16px;"],getTypographyCss("text-md"));export var Divider=styled.hr.withConfig({displayName:"dropdownOverlayStyles__Divider",componentId:"sc-1ehdlkz-5"})(["height:0px;border:0px solid ",";border-bottom-width:1px;margin:0;"],getThemeColor("border-2"));export var RotateAnimation=keyframes(["from{transform:rotate(0deg)}to{transform:rotate(-360deg)}"]);export var SpinContainer=styled.div.withConfig({displayName:"dropdownOverlayStyles__SpinContainer",componentId:"sc-1ehdlkz-6"})([""]);export var LoadMoreButtonStyles=styled.div.withConfig({displayName:"dropdownOverlayStyles__LoadMoreButtonStyles",componentId:"sc-1ehdlkz-7"})(["height:var(--item-height);width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;","{cursor:inherit;pointer-events:none;}",";"],TertiaryButton,function(a){var b=a.isLoading;return b&&css(["cursor:progress;","{animation:"," 1s linear infinite;}"],SpinContainer,RotateAnimation)});export var BackButtonStyles=styled(DropdownItemStyles).withConfig({displayName:"dropdownOverlayStyles__BackButtonStyles",componentId:"sc-1ehdlkz-8"})([""," gap:8px;","{pointer-events:none;cursor:inherit;}&:hover{","{background-color:",";}}"],getTypographyCss("text-md-strong"),IconButton,IconButton,getThemeColor("background-hover-1"));
+import{getShadow,getThemeColor}from"@elvia/elvis-colors";import{IconButton,TertiaryButton}from"@elvia/elvis-toolbox";import{getTypographyCss}from"@elvia/elvis-typography";import styled,{css,keyframes}from"styled-components";import{DropdownItemStyles}from"../dropdown-item/dropdownItemStyles";export var CursorCurve=styled.div.withConfig({displayName:"dropdownOverlayStyles__CursorCurve",componentId:"sc-1ehdlkz-0"})(["position:absolute;top:calc(var(--item-height) - 1px);right:100%;width:30%;height:20%;min-height:var(--item-height);clip-path:polygon(0% 0%,100% 0%,100% 100%,80% 50%,50% 20%);"]);export var DropdownPopupContainer=styled.div.withConfig({displayName:"dropdownOverlayStyles__DropdownPopupContainer",componentId:"sc-1ehdlkz-1"})(["position:relative;--item-height:48px;",";"],function(a){var b=a.size;return"small"===b&&css(["--item-height:40px;","{",";}","{","}"],NoItemsMessage,getTypographyCss("text-sm"),BackButtonStyles,getTypographyCss("text-sm-strong"))});export var DropdownPopup=styled.div.attrs({role:"listbox"}).withConfig({displayName:"dropdownOverlayStyles__DropdownPopup",componentId:"sc-1ehdlkz-2"})(["background-color:",";box-shadow:",";position:relative;border-radius:4px;overflow:hidden;width:100%;",";"],getThemeColor("background-overlay-1"),getShadow("hard"),function(a){var b=a.isInvisible;return b&&css(["visibility:hidden;"])});export var ItemList=styled.div.withConfig({displayName:"dropdownOverlayStyles__ItemList",componentId:"sc-1ehdlkz-3"})(["max-height:calc(var(--item-height) * 7.5);overflow-y:auto;"]);export var NoItemsMessage=styled.div.withConfig({displayName:"dropdownOverlayStyles__NoItemsMessage",componentId:"sc-1ehdlkz-4"})([""," text-align:center;padding:40px 16px;"],getTypographyCss("text-md"));export var Divider=styled.hr.withConfig({displayName:"dropdownOverlayStyles__Divider",componentId:"sc-1ehdlkz-5"})(["height:0px;border:0px solid ",";border-bottom-width:1px;margin:0;"],getThemeColor("border-2"));export var RotateAnimation=keyframes(["from{transform:rotate(0deg)}to{transform:rotate(-360deg)}"]);export var SpinContainer=styled.div.withConfig({displayName:"dropdownOverlayStyles__SpinContainer",componentId:"sc-1ehdlkz-6"})([""]);export var LoadMoreButtonStyles=styled.div.withConfig({displayName:"dropdownOverlayStyles__LoadMoreButtonStyles",componentId:"sc-1ehdlkz-7"})(["height:var(--item-height);width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;","{cursor:inherit;pointer-events:none;}",";"],TertiaryButton,function(a){var b=a.isLoading;return b&&css(["cursor:progress;","{animation:"," 1s linear infinite;}"],SpinContainer,RotateAnimation)});export var BackButtonStyles=styled(DropdownItemStyles).withConfig({displayName:"dropdownOverlayStyles__BackButtonStyles",componentId:"sc-1ehdlkz-8"})([""," gap:8px;","{pointer-events:none;cursor:inherit;}&:hover{","{background-color:",";}}"],getTypographyCss("text-md-strong"),IconButton,IconButton,getThemeColor("background-hover-1"));
 //# sourceMappingURL=dropdownOverlayStyles.js.map

dist/react/js/error/dropdownError.js

@@ -5,3 +5,3 @@ /*
  */
-import React from"react";import{FormFieldErrorContainer,FormFieldError,IconWrapper}from"@elvia/elvis-toolbox";import removeCircle from"@elvia/elvis-assets-icons/dist/icons/removeCircle";export var DropdownError=function(a){var b=a.errorText;return/*#__PURE__*/React.createElement(FormFieldErrorContainer,null,/*#__PURE__*/React.createElement(IconWrapper,{icon:removeCircle,color:"icon-error",size:"xs"}),/*#__PURE__*/React.createElement(FormFieldError,{"data-testid":"error"},b))};
+import React from"react";import{FormFieldErrorContainer,FormFieldError,IconWrapper}from"@elvia/elvis-toolbox";import removeCircle from"@elvia/elvis-assets-icons/dist/icons/removeCircle";export var DropdownError=function(a){var b=a.errorText;return/*#__PURE__*/React.createElement(FormFieldErrorContainer,null,/*#__PURE__*/React.createElement(IconWrapper,{icon:removeCircle,color:"icon-danger",size:"xs"}),/*#__PURE__*/React.createElement(FormFieldError,{"data-testid":"error"},b))};
 //# sourceMappingURL=dropdownError.js.map

dist/react/js/statusToIconMap.js

@@ -5,4 +5,4 @@ /*
  */
-import removeCircle from"@elvia/elvis-assets-icons/dist/icons/removeCircle";import warningCircle from"@elvia/elvis-assets-icons/dist/icons/warningCircle";import informationCircle from"@elvia/elvis-assets-icons/dist/icons/informationCircle";export var statusToIconMap={error:{icon:removeCircle,color:"icon-error"},warning:{icon:warningCircle,color:"icon-warning"},info:{icon:informationCircle},informative:{icon:informationCircle}// Make it possible to set status as either 'info' or 'informative'
+import removeCircle from"@elvia/elvis-assets-icons/dist/icons/removeCircle";import warningCircle from"@elvia/elvis-assets-icons/dist/icons/warningCircle";import informationCircle from"@elvia/elvis-assets-icons/dist/icons/informationCircle";export var statusToIconMap={error:{icon:removeCircle,color:"icon-danger"},warning:{icon:warningCircle,color:"icon-warning"},info:{icon:informationCircle},informative:{icon:informationCircle}// Make it possible to set status as either 'info' or 'informative'
 };
 //# sourceMappingURL=statusToIconMap.js.map

package.json

 {
   "name": "@elvia/elvis-dropdown",
-  "version": "7.1.4",
+  "version": "7.2.0",
   "main": "web_component.js",
@@ -17,6 +17,6 @@ "license": "MIT",
   "dependencies": {
-    "@elvia/elvis-assets-icons": "^3.0.1",
-    "@elvia/elvis-colors": "^2.7.1",
+    "@elvia/elvis-assets-icons": "^3.3.1",
+    "@elvia/elvis-colors": "^3.0.0",
     "@elvia/elvis-component-wrapper": "^4.1.3",
-    "@elvia/elvis-toolbox": "^9.4.3",
+    "@elvia/elvis-toolbox": "^9.6.0",
     "@elvia/elvis-tooltip": "^1.2.3",
@@ -23,0 +23,0 @@ "@elvia/elvis-typography": "^2.4.0",

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

205540

increased by0.12%

Lines of code

1913

increased by0.53%

Dependency changes

• - Removed@elvia/elvis-colors@2.7.1(transitive)

• Updated@elvia/elvis-assets-icons@^3.3.1

• Updated@elvia/elvis-colors@^3.0.0

• Updated@elvia/elvis-toolbox@^9.6.0