import { CSSFlexDirection, Spacing } from '../../common/types'; import { DdsElement } from '../../internal/dds-hu-element'; /** * `dap-ds-stack` * @summary A stack is a container for stacked content. * @element dap-ds-stack * @title - Stack * * @slot - The content of the stack. * * @csspart stack - The main stack container. */ export default class DapDSStack extends DdsElement { /** The direction of the stack. * @type {'column' | 'column-reverse' | 'row' | 'row-reverse'} */ direction: CSSFlexDirection; /** Adds margin to the end of the stack. */ endMargin?: boolean; /** Adds margin to the start of the stack. */ startMargin?: boolean; private _spacing; /** The spacing of the stack. Uses the system spacing scale (100, 200, 300...etc) */ set spacing(value: Spacing); get spacing(): Spacing; static readonly styles: import('lit').CSSResult; getMarginStyles(direction: CSSFlexDirection, spacing: number, startMargin?: boolean, endMargin?: boolean): string; render(): import('lit-html').TemplateResult; }