@synergy-design-system/components
Version:
This package provides the base of the Synergy Design System as native web components. It uses [lit](https://www.lit.dev) and parts of [shoelace](https://shoelace.style/). Synergy officially supports the latest two versions of all major browsers (as define
66 lines (56 loc) • 1.91 kB
JavaScript
// src/components/dialog/dialog.custom.styles.ts
import { css } from "lit";
var dialog_custom_styles_default = css`
:host {
/**
* Used as the default padding for the dialog title
*/
--header-spacing: var(--syn-spacing-large) var(--syn-spacing-x-small) var(--syn-spacing-large) var(--syn-spacing-large);
/**
* Defines the default body spacing
*/
--body-spacing: var(--syn-spacing-medium) var(--syn-spacing-large);
/**
* Defines the default footer spacing
*/
--footer-spacing: var(--syn-spacing-medium) var(--syn-spacing-large) var(--syn-spacing-large) var(--syn-spacing-medium);
}
.dialog__panel {
border: var(--syn-spacing-4x-small) solid var(--syn-panel-border-color);
border-radius: var(--syn-border-radius-none);
box-shadow: var(--syn-shadow-large);
}
.dialog__header-actions {
align-items: flex-start;
gap: var(--syn-spacing-x-small);
padding: var(--syn-spacing-large) var(--syn-spacing-small) var(--syn-spacing-large) 0;
}
/* Overlay Background */
.dialog__overlay {
/* #946: Add background blur for sick 2025 */
backdrop-filter: blur(var(--syn-overlay-background-blur, 0));
}
/**
* We need this to make sure we are big enough as defined in the layout
* When omitting this statement, we will get rounding problems via line-height
*/
.dialog__title,
.dialog__header-actions {
min-height: 88px;
}
.dialog__header-actions syn-icon-button,
.dialog__header-actions ::slotted(syn-icon-button) {
color: var(--syn-color-neutral-950);
font-size: var(--syn-font-size-x-large);
}
.dialog__title {
font-family: var(--syn-font-sans);
font-size: var(--syn-font-size-x-large);
font-weight: var(--syn-font-weight-bold);
line-height: var(--syn-line-height-normal);
}
`;
export {
dialog_custom_styles_default
};
//# sourceMappingURL=chunk.UCLYCASW.js.map