@uh-design-system/component-library 0.6.1-rc.0 → 0.7.0

package/dist/hydrate/index.d.ts

@@ -107,6 +107,30 @@ export interface HydrateDocumentOptions {
 	 * Sets `navigator.userAgent`
 	 */
 	userAgent?: string;
+	/**
+	 * Configure how Stencil serializes the components shadow root.
+	 * - If set to `declarative-shadow-dom` the component will be rendered within a Declarative Shadow DOM.
+	 * - If set to `scoped` Stencil will render the contents of the shadow root as a `scoped: true` component
+	 *   and the shadow DOM will be created during client-side hydration.
+	 * - Alternatively you can mix and match the two by providing an object with `declarative-shadow-dom` and `scoped` keys,
+	 * the value arrays containing the tag names of the components that should be rendered in that mode.
+	 *
+	 * Examples:
+	 * - `{ 'declarative-shadow-dom': ['my-component-1', 'another-component'], default: 'scoped' }`
+	 * Render all components as `scoped` apart from `my-component-1` and `another-component`
+	 * -  `{ 'scoped': ['an-option-component'], default: 'declarative-shadow-dom' }`
+	 * Render all components within `declarative-shadow-dom` apart from `an-option-component`
+	 * - `'scoped'` Render all components as `scoped`
+	 * - `false` disables shadow root serialization
+	 *
+	 * *NOTE* `true` has been deprecated in favor of `declarative-shadow-dom` and `scoped`
+	 * @default 'declarative-shadow-dom'
+	 */
+	serializeShadowRoot?: "declarative-shadow-dom" | "scoped" | {
+		"declarative-shadow-dom"?: string[];
+		scoped?: string[];
+		default: "declarative-shadow-dom" | "scoped";
+	} | boolean;
 }
 export interface SerializeDocumentOptions extends HydrateDocumentOptions {
 	/**
@@ -149,30 +173,6 @@ export interface SerializeDocumentOptions extends HydrateDocumentOptions {
 	 * Remove HTML comments. Defaults to `true`.
 	 */
 	removeHtmlComments?: boolean;
-	/**
-	 * Configure how Stencil serializes the components shadow root.
-	 * - If set to `declarative-shadow-dom` the component will be rendered within a Declarative Shadow DOM.
-	 * - If set to `scoped` Stencil will render the contents of the shadow root as a `scoped: true` component
-	 *   and the shadow DOM will be created during client-side hydration.
-	 * - Alternatively you can mix and match the two by providing an object with `declarative-shadow-dom` and `scoped` keys,
-	 * the value arrays containing the tag names of the components that should be rendered in that mode.
-	 *
-	 * Examples:
-	 * - `{ 'declarative-shadow-dom': ['my-component-1', 'another-component'], default: 'scoped' }`
-	 * Render all components as `scoped` apart from `my-component-1` and `another-component`
-	 * -  `{ 'scoped': ['an-option-component'], default: 'declarative-shadow-dom' }`
-	 * Render all components within `declarative-shadow-dom` apart from `an-option-component`
-	 * - `'scoped'` Render all components as `scoped`
-	 * - `false` disables shadow root serialization
-	 *
-	 * *NOTE* `true` has been deprecated in favor of `declarative-shadow-dom` and `scoped`
-	 * @default 'declarative-shadow-dom'
-	 */
-	serializeShadowRoot?: "declarative-shadow-dom" | "scoped" | {
-		"declarative-shadow-dom"?: string[];
-		scoped?: string[];
-		default: "declarative-shadow-dom" | "scoped";
-	} | boolean;
 	/**
 	 * The `fullDocument` flag determines the format of the rendered output. Set it to true to
 	 * generate a complete HTML document, or false to render only the component.
@@ -254,7 +254,9 @@ export interface HydrateScriptElement extends HydrateElement {
 	type?: string;
 }
 export interface HydrateStyleElement extends HydrateElement {
+	id?: string;
 	href?: string;
+	content?: string;
 }
 export interface HydrateStaticData {
 	id: string;