@sandlada/mdc/build/component-definitions/carousel.definition.d.ts

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

/**
 * Style definition for `mdc-carousel` — the horizontal carousel container and
 * its `mdc-carousel-item` cells.
 *
 * For a horizontal carousel the three item sizes differ only in width and
 * corner roundness, so the item shapes are the only per-size tokens. Widths
 * are derived at runtime from `preferred-item-width` (see `base-carousel.ts`)
 * and exposed as inheritable `--_item-width-*` custom properties.
 *
 * Roundness follows the MD3 shape scale: `large` uses the extra-large corner
 * (`28px`, matching the Material carousel's `shapeAppearanceExtraLarge`),
 * `medium` the large-increased corner (`20px`) and `small` the medium corner
 * (`12px`) — each still overridable through `--mdc-carousel-*-item-shape`.
 *
 * @version
 * Material Design 3
 */
export declare const CarouselDefinition: {
    readonly 'item-shape-large': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'item-shape-medium': "var(--md-sys-shape-corner-large-increased, 20px)";
    readonly 'item-shape-small': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'item-spacing': "var(--md-sys-measurement-space100, 8px)";
    readonly 'container-inline-leading-padding-space': "var(--md-sys-measurement-space200, 16px)";
    readonly 'container-inline-trailing-padding-space': "var(--md-sys-measurement-space200, 16px)";
    readonly 'container-block-leading-padding-space': "var(--md-sys-measurement-space100, 8px)";
    readonly 'container-block-trailing-padding-space': "var(--md-sys-measurement-space100, 8px)";
};
//# sourceMappingURL=carousel.definition.d.ts.map