@ctrliq/quantic-components 1.61.2 → 1.61.4

package/dist/dialog/dialog-backdrop.js

@@ -47,16 +47,14 @@ DialogBackdropElement.styles = css `
     }
 
     .backdrop--subtle {
-      background-color: rgba(
-        var(--quantic-component-dialog-backdrop-color),
-        0.5
+      background-color: rgb(
+        var(--quantic-component-dialog-backdrop-color) / 0.7
       );
     }
 
     .backdrop--opaque {
-      background-color: rgba(
-        var(--quantic-component-dialog-backdrop-color),
-        0.95
+      background-color: rgb(
+        var(--quantic-component-dialog-backdrop-color) / 0.8
       );
       backdrop-filter: blur(4px);
     }
@@ -67,10 +65,20 @@ DialogBackdropElement.styles = css `
     }
   `;
 __decorate([
-    prop({ type: 'boolean', default: 'false', reflect: true, description: 'Whether the backdrop is visible.' })
+    prop({
+        type: 'boolean',
+        default: 'false',
+        reflect: true,
+        description: 'Whether the backdrop is visible.',
+    })
 ], DialogBackdropElement.prototype, "visible", void 0);
 __decorate([
-    prop({ type: 'DialogBackdrop', options: Object.values(DialogBackdrop), default: DialogBackdrop.Opaque, description: 'Visual style of the backdrop overlay.' })
+    prop({
+        type: 'DialogBackdrop',
+        options: Object.values(DialogBackdrop),
+        default: DialogBackdrop.Opaque,
+        description: 'Visual style of the backdrop overlay.',
+    })
 ], DialogBackdropElement.prototype, "variant", void 0);
 DialogBackdropElement = __decorate([
     quanticElement('quantic-dialog-backdrop')

package/dist/dialog/dialog.d.ts

@@ -1,8 +1,6 @@
 import { type PropertyValues } from 'lit';
 import { QuanticElement } from '../shared/quantic-element';
 import { DialogSize, DialogBackdrop, DialogRole } from './index.constants';
-import '../button';
-import '../icon';
 import type { ComponentMeta } from '../shared/meta.types';
 export { DialogSize, DialogBackdrop, DialogRole } from './index.constants';
 declare const Dialog_base: typeof QuanticElement & import("../shared/shared.types").LitConstructor<import("../shared/auto-hide-empty-slots.mixin").AutoHideEmptySlotsInterface>;

package/dist/dialog/dialog.js

@@ -11,12 +11,16 @@ import { classMap } from 'lit/directives/class-map.js';
 import { AutoHideEmptySlotsMixin } from '../shared/auto-hide-empty-slots.mixin';
 import { generateId } from '../shared/shared.utils';
 import { DialogSize, DialogBackdrop, DialogRole } from './index.constants';
+import { DialogBackdropElement } from './dialog-backdrop';
+import { Button } from '../button';
+import { LucideIconX } from '../icon/__generated__/lucide/x';
 import { createFocusTrap } from 'focus-trap';
-import '../button';
-import '../icon';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { event, prop } from '../shared/component-meta.decorators';
 export { DialogSize, DialogBackdrop, DialogRole } from './index.constants';
+DialogBackdropElement.ensureDefined();
+Button.ensureDefined();
+LucideIconX.ensureDefined();
 let Dialog = class Dialog extends AutoHideEmptySlotsMixin(QuanticElement) {
     constructor() {
         super(...arguments);