@elvia/elvis-toolbox - npm Package Compare versions

Comparing version 11.2.1 to 11.3.0

CHANGELOG.json

@@ -5,2 +5,12 @@ {
     {
+      "date": "23.01.24",
+      "version": "11.3.0",
+      "changelog": [
+        {
+          "type": "new_feature",
+          "changes": ["The Overlay component now accepts a custom backdrop component that can be styled."]
+        }
+      ]
+    },
+    {
       "date": "17.01.24",
@@ -7,0 +17,0 @@ "version": "11.2.1",

dist/components/overlay/overlay.d.ts

@@ -6,3 +6,5 @@ import { ReactNode } from 'react';
     startFade?: boolean;
+    disableClose?: boolean;
     hasBackdrop?: boolean;
+    backdrop?: JSX.Element;
     hasAnimation?: boolean;
@@ -9,0 +11,0 @@ useGlobalTheme?: boolean;

dist/index.d.ts

@@ -6,3 +6,3 @@ export { isSsr } from './isSsr';
 export { device } from './breakpoints';
-export { Backdrop } from './components/backdrop/backdrop';
+export { TransparentBackdrop } from './components/backdrop/transparentBackdrop';
 export { PrimaryButton, SecondaryButton, TertiaryButton } from './components/button/button';
@@ -9,0 +9,0 @@ export { VisuallyHidden } from './components/visually-hidden/visuallyHidden';

dist/index.js

@@ -112,8 +112,8 @@ // components/elvis-toolbox/src/isSsr.ts
 
-// components/elvis-toolbox/src/components/backdrop/backdrop.tsx
+// components/elvis-toolbox/src/components/backdrop/transparentBackdrop.tsx
 import styled from "styled-components";
-var Backdrop = styled.div.withConfig({
-  displayName: "Backdrop",
-  componentId: "sc-3pkw2e-0"
-})`top:0;right:0;bottom:0;left:0;position:fixed;z-index:99999;`;
+var TransparentBackdrop = styled.div.withConfig({
+  displayName: "TransparentBackdrop",
+  componentId: "sc-139ltxw-0"
+})`inset:0;position:fixed;z-index:99999;`;
 
@@ -359,5 +359,7 @@ // components/elvis-toolbox/src/components/button/button.tsx
   hasBackdrop = true,
+  disableClose = false,
   hasAnimation = true,
   center = false,
   useGlobalTheme,
+  backdrop,
   children
@@ -372,2 +374,5 @@ }, ref) => {
   const animateOut = () => {
+    if (disableClose) {
+      return;
+    }
     setFadeOut(true);
@@ -394,3 +399,6 @@ setTimeout(() => {
   }, []);
-  return /* @__PURE__ */ React2.createElement(OverlayDOMPosition, { ref: overlayDOMPositionRef }, createPortal(/* @__PURE__ */ React2.createElement(React2.Fragment, null, hasBackdrop && /* @__PURE__ */ React2.createElement(Backdrop, { onClick: () => animateOut(), "data-testid": "backdrop" }), /* @__PURE__ */ React2.createElement(OverlayContainer, { ref, fadeOut, noAnimation: !hasAnimation, center, className: !useGlobalTheme ? themeClass : "" }, children)), document.body));
+  return /* @__PURE__ */ React2.createElement(OverlayDOMPosition, { ref: overlayDOMPositionRef }, createPortal(/* @__PURE__ */ React2.createElement(React2.Fragment, null, hasBackdrop && (backdrop ? /* @__PURE__ */ React2.createElement(backdrop.type, { ...backdrop.props, onClick: () => {
+    backdrop.props["onClick"]?.();
+    animateOut();
+  } }) : /* @__PURE__ */ React2.createElement(TransparentBackdrop, { onClick: () => animateOut(), "data-testid": "backdrop" })), /* @__PURE__ */ React2.createElement(OverlayContainer, { ref, fadeOut, noAnimation: !hasAnimation, center, className: !useGlobalTheme ? themeClass : "" }, children)), document.body));
 });
@@ -1095,3 +1103,2 @@ Overlay.displayName = "OverlayComponent";
 export {
-  Backdrop,
   FormFieldContainer,
@@ -1111,2 +1118,3 @@ FormFieldError,
   TooltipPopup,
+  TransparentBackdrop,
   VisuallyHidden,
@@ -1113,0 +1121,0 @@ device,

package.json

 {
   "name": "@elvia/elvis-toolbox",
-  "version": "11.2.1",
+  "version": "11.3.0",
   "license": "MIT",
@@ -5,0 +5,0 @@ "source": "src/index.ts",

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

88336

increased by0.71%

Lines of code

2502

increased by0.85%

No dependency changes