@rijkshuisstijl-community/web-components 1.0.1-alpha.4 → 1.0.1-alpha.6

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 import { AccordionProviderProps } from '@rijkshuisstijl-community/components-react';
+import { ActionGroupProps } from '@rijkshuisstijl-community/components-react';
+import { AlertProps } from '@rijkshuisstijl-community/components-react';
 import { default as default_2 } from 'react-dom/client';
 import { HeroProps } from '@rijkshuisstijl-community/components-react';
 
@@ -11,6 +13,24 @@ export declare class AccordionWebComponent extends BaseWebComponent {
 
 export declare type AccordionWebComponentAttributes = AccordionProviderProps;
 
+export declare class ActionGroupWebComponent extends BaseWebComponent {
+    static tagName: string;
+    static observedAttributes: string[];
+    constructor();
+    render(): void;
+}
+
+export declare type ActionGroupWebComponentAttributes = ActionGroupProps;
+
+export declare class AlertWebComponent extends BaseWebComponent {
+    static tagName: string;
+    static observedAttributes: string[];
+    constructor();
+    render(): void;
+}
+
+export declare type AlertWebComponentAttributes = AlertProps;
+
 declare abstract class BaseWebComponent extends HTMLElement {
     protected root: default_2.Root;
     static get tagName(): string;

package/dist/index.mjs

@@ -49378,6 +49378,41 @@ class AccordionWebComponent extends BaseWebComponent {
   }
 }
 
+class ActionGroupWebComponent extends BaseWebComponent {
+  static tagName = "rhc-action-group";
+  static observedAttributes = ["direction"];
+  constructor() {
+    super(stylesheet);
+  }
+  render() {
+    this.root.render(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonGroup, { direction: this.getAttribute("direction") ?? void 0, children: /* @__PURE__ */ jsxRuntimeExports.jsx("slot", {}) })
+    );
+  }
+}
+
+class AlertWebComponent extends BaseWebComponent {
+  static tagName = "rhc-alert";
+  static observedAttributes = ["type", "heading", "headinglevel", "messagetext"];
+  constructor() {
+    super(stylesheet);
+  }
+  render() {
+    this.root.render(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Alert,
+        {
+          heading: this.getAttribute("heading") ?? "default heading",
+          type: this.getAttribute("type") ?? "info",
+          headingLevel: this.getAttribute("headingLevel") && Number(this.getAttribute("headingLevel")),
+          textContent: this.getAttribute("messageText") ?? "This is a default alert message.",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx("slot", {})
+        }
+      )
+    );
+  }
+}
+
 class HeroWebComponent extends BaseWebComponent {
   static tagName = "rhc-hero";
   static observedAttributes = [
@@ -49398,7 +49433,7 @@ class HeroWebComponent extends BaseWebComponent {
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Hero,
         {
-          aspectRatio: this.getAttribute("aspectRatio"),
+          aspectRatio: this.getAttribute("aspectRatio") ?? void 0,
           borderRadiusCorner: this.getAttribute("borderRadiusCorner"),
           heading: this.getAttribute("heading") ?? "default heading",
           imageAlt: this.getAttribute("imageAlt") ?? "image alt",
@@ -49413,5 +49448,5 @@ class HeroWebComponent extends BaseWebComponent {
   }
 }
 
-export { AccordionWebComponent, HeroWebComponent };
+export { AccordionWebComponent, ActionGroupWebComponent, AlertWebComponent, HeroWebComponent };
 //# sourceMappingURL=index.mjs.map