@raystack/apsara 0.20.4 → 0.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -742,6 +742,10 @@ html[data-theme="dark"] {
742
742
  border: 1px solid var(--border-subtle);
743
743
  }
744
744
 
745
+ .dialog-module_overlayBlur__-RCHk {
746
+ backdrop-filter: blur(2px);
747
+ }
748
+
745
749
  .dialog-module_dialogContent__bljTL:focus {
746
750
  outline: none;
747
751
  }
package/dist/index.js CHANGED
@@ -6656,14 +6656,20 @@ const $5d3850c4d0b4e6c7$export$f99233281efd08a0 = $5d3850c4d0b4e6c7$export$16f76
6656
6656
  const $5d3850c4d0b4e6c7$export$393edc798c47379d = $5d3850c4d0b4e6c7$export$94e94c2ec2c954d5;
6657
6657
  const $5d3850c4d0b4e6c7$export$f39c2d165cd861fe = $5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac;
6658
6658
 
6659
- var styles$t = {"dialogContent":"dialog-module_dialogContent__bljTL","overlay":"dialog-module_overlay__t-jUE","close":"dialog-module_close__n9JNt"};
6659
+ var styles$t = {"dialogContent":"dialog-module_dialogContent__bljTL","overlayBlur":"dialog-module_overlayBlur__-RCHk","overlay":"dialog-module_overlay__t-jUE","close":"dialog-module_close__n9JNt"};
6660
6660
 
6661
6661
  const dialogContent = cva(styles$t.dialogContent);
6662
- const DialogContent = forwardRef(({ className, children, close, overlayStyle, overlayClassname, ...props }, forwardedRef) => {
6663
- return (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$602eac185826482c, { children: jsxRuntimeExports.jsx(Overlay$1, { className: overlayClassname, style: overlayStyle, children: jsxRuntimeExports.jsxs($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, { ...props, ref: forwardedRef, className: dialogContent({ className }), children: [children, close && (jsxRuntimeExports.jsx(CloseButton$1, { children: jsxRuntimeExports.jsx(Cross1Icon, {}) }))] }) }) }));
6662
+ const DialogContent = forwardRef(({ className, children, close, overlayStyle, overlayClassname, overlayBlur, ...props }, forwardedRef) => {
6663
+ return (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$602eac185826482c, { children: jsxRuntimeExports.jsx(Overlay$1, { className: overlayClassname, style: overlayStyle, blur: overlayBlur, children: jsxRuntimeExports.jsxs($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, { ...props, ref: forwardedRef, className: dialogContent({ className }), children: [children, close && (jsxRuntimeExports.jsx(CloseButton$1, { children: jsxRuntimeExports.jsx(Cross1Icon, {}) }))] }) }) }));
6664
6664
  });
6665
- const overlay$1 = cva(styles$t.overlay);
6666
- const Overlay$1 = forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, { ref: ref, className: overlay$1({ className }), ...props })));
6665
+ const overlay$1 = cva(styles$t.overlay, {
6666
+ variants: {
6667
+ blur: {
6668
+ true: styles$t.overlayBlur,
6669
+ },
6670
+ },
6671
+ });
6672
+ const Overlay$1 = forwardRef(({ className, blur, ...props }, ref) => (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, { ref: ref, className: overlay$1({ className, blur }), ...props })));
6667
6673
  Overlay$1.displayName = $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff.displayName;
6668
6674
  const close$1 = cva(styles$t.close);
6669
6675
  function CloseButton$1({ children, className, ...props }) {