Initial pass at Layer (new component) #1892

types/Layer/Layer.svelte.d.ts

@@ -0,0 +1,33 @@
+import type { SvelteComponentTyped } from "svelte";
+
+export interface LayerProps {
+  /**
+   * Specify the layer level and override any existing levels based on hierarchy.
+   * @default undefined
+   */
+  level?: 0 | 1 | 2;
+
+  /**
+   * Specify the HTML element to render. If none is specified, a `div` is rendered.
+   * @default "div"
+   */
+  as?: typeof import("svelte").SvelteComponent;
+
+  /**
+   * Specify the Layer HTML element props
+   * @default {}
+   */
+  layerProps?: import("svelte/elements").HTMLElementAttributes;
+
+  /**
+   * Set an id for the Layer component
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+}
+
+export default class Layer extends SvelteComponentTyped<
+  LayerProps,
+  Record<string, any>,
+  { default: {} }
+> {}

types/index.d.ts

@@ -64,6 +64,7 @@ export { default as Row } from "./Grid/Row.svelte";
 export { default as Column } from "./Grid/Column.svelte";
 export { default as ImageLoader } from "./ImageLoader/ImageLoader.svelte";
 export { default as InlineLoading } from "./InlineLoading/InlineLoading.svelte";
+export { default as Layer } from "./Layer/Layer.svelte";
 export { default as Link } from "./Link/Link.svelte";
 export { default as OutboundLink } from "./Link/OutboundLink.svelte";
 export { default as ListBox } from "./ListBox/ListBox.svelte";