You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
2.2 KiB
75 lines
2.2 KiB
// Background — the stack of background layers a surface hosts.
|
|
//
|
|
// import { Background } from '$uix/eidos/components/background';
|
|
//
|
|
// <Section>
|
|
// <Background on="dark">
|
|
// <Background.Pattern pattern="grid" />
|
|
// <Background.Gradient colors="aurora" opacity="muted" />
|
|
// <Background.Scrim gradient="to-t" />
|
|
// </Background>
|
|
// <Container>…the content, a sibling of the stack…</Container>
|
|
// </Section>
|
|
//
|
|
// It renders as a CHILD of the surface it dresses and pins itself behind that
|
|
// surface's content; the host is adopted by the foundation, so no parent recipe
|
|
// is touched and nothing has to be wrapped (D-BG.14).
|
|
import BackgroundComponent from './background.svelte';
|
|
import Layer from './background-layer.svelte';
|
|
import Pattern from './background-pattern.svelte';
|
|
import Gradient from './background-gradient.svelte';
|
|
import Scrim from './background-scrim.svelte';
|
|
import Image from './background-image.svelte';
|
|
import Video from './background-video.svelte';
|
|
import Pause from './background-pause.svelte';
|
|
|
|
type BackgroundNamespace = typeof BackgroundComponent & {
|
|
Layer: typeof Layer;
|
|
Pattern: typeof Pattern;
|
|
Gradient: typeof Gradient;
|
|
Scrim: typeof Scrim;
|
|
Image: typeof Image;
|
|
Video: typeof Video;
|
|
Pause: typeof Pause;
|
|
};
|
|
|
|
const Background = BackgroundComponent as BackgroundNamespace;
|
|
Background.Layer = Layer;
|
|
Background.Pattern = Pattern;
|
|
Background.Gradient = Gradient;
|
|
Background.Scrim = Scrim;
|
|
Background.Image = Image;
|
|
Background.Video = Video;
|
|
Background.Pause = Pause;
|
|
|
|
export { Background };
|
|
export default Background;
|
|
|
|
export { getBackgroundContext } from './context';
|
|
export type { BackgroundContext } from './context';
|
|
|
|
export type {
|
|
BackgroundProps,
|
|
BackgroundLayerProps,
|
|
BackgroundPatternProps,
|
|
BackgroundGradientProps,
|
|
BackgroundScrimProps,
|
|
BackgroundImageProps,
|
|
BackgroundVideoProps,
|
|
BackgroundPauseProps,
|
|
BackgroundImageStatus,
|
|
BackgroundMediaStatus,
|
|
BackgroundPausePlacement,
|
|
BackgroundSources,
|
|
BackgroundBlend,
|
|
BackgroundBlur,
|
|
BackgroundFade,
|
|
BackgroundGradientAngle,
|
|
BackgroundOn,
|
|
BackgroundOpacity,
|
|
BackgroundPatternKind,
|
|
BackgroundReduce,
|
|
BackgroundScrimGradient,
|
|
BackgroundScrimStrength
|
|
} from './types';
|