@rijkshuisstijl-community/web-components 1.0.1-alpha.9 → 1.1.0

package/dist/index.d.ts

@@ -1,12 +1,29 @@
 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 { ArticleProps } from '@rijkshuisstijl-community/components-react';
+import { BlockquoteProps } from '@rijkshuisstijl-community/components-react';
+import { BreadcrumbNavLinkProps } from '@rijkshuisstijl-community/components-react';
+import { BreadcrumbNavProps } from '@rijkshuisstijl-community/components-react';
+import { BreadcrumbNavSeparatorProps } from '@rijkshuisstijl-community/components-react';
+import { ButtonProps } from '@rijkshuisstijl-community/components-react';
+import { CardProps } from '@rijkshuisstijl-community/components-react';
+import { CheckboxGroupProps } from '@rijkshuisstijl-community/components-react';
+import { CheckboxProps } from '@rijkshuisstijl-community/components-react';
+import { FormFieldCheckboxGroupProps } from '@rijkshuisstijl-community/components-react';
+import { FormFieldCheckboxOptionProps } from '@rijkshuisstijl-community/components-react';
+import { FormFieldRadioGroupProps } from '@rijkshuisstijl-community/components-react';
+import { FormFieldRadioProps } from '@rijkshuisstijl-community/components-react';
+import { FormFieldSelectProps } from '@rijkshuisstijl-community/components-react';
+import { FormFieldTextareaProps } from '@rijkshuisstijl-community/components-react';
+import { FormFieldTextInputProps } from '@rijkshuisstijl-community/components-react';
 import { HeroProps } from '@rijkshuisstijl-community/components-react';
+import { IconProps } from '@rijkshuisstijl-community/components-react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { LinkProps } from '@rijkshuisstijl-community/components-react';
 
 export declare class AccordionWebComponent extends BaseWebComponent {
-    static tagName: string;
-    static observedAttributes: string[];
+    static readonly tagName: string;
     constructor();
     render(): void;
 }
@@ -15,7 +32,6 @@ export declare type AccordionWebComponentAttributes = AccordionProviderProps;
 
 export declare class ActionGroupWebComponent extends BaseWebComponent {
     static tagName: string;
-    static observedAttributes: string[];
     constructor();
     render(): void;
 }
@@ -23,19 +39,30 @@ export declare class ActionGroupWebComponent extends BaseWebComponent {
 export declare type ActionGroupWebComponentAttributes = ActionGroupProps;
 
 export declare class AlertWebComponent extends BaseWebComponent {
-    static tagName: string;
-    static observedAttributes: string[];
+    static readonly tagName: string;
     constructor();
     render(): void;
 }
 
 export declare type AlertWebComponentAttributes = AlertProps;
 
+export declare class ArticleWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    constructor();
+    render(): void;
+}
+
+export declare type ArticleWebComponentAttributes = ArticleProps;
+
 declare abstract class BaseWebComponent extends HTMLElement {
-    protected root: default_2.Root;
+    shadowRoot: ShadowRoot;
+    protected props: {
+        [key: string]: any;
+    };
+    private readonly _observer;
     static get tagName(): string;
-    static observedAttributes: string[];
     constructor(stylesheet: string);
+    setupProps(): void;
     connectedCallback(): void;
     attributeChangedCallback(): void;
     disconnectedCallback(): void;
@@ -43,13 +70,174 @@ declare abstract class BaseWebComponent extends HTMLElement {
     static define(): void;
 }
 
+export declare class BlockquoteWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    constructor();
+    render(): void;
+}
+
+export declare type BlockquoteWebComponentAttributes = BlockquoteProps;
+
+declare interface BreadCrumbNavElement {
+    [key: string]: string;
+}
+
+export declare type BreadcrumbNavLinkWebComponentAttributes = BreadcrumbNavLinkProps;
+
+export declare type BreadcrumbNavSeparatorWebComponentAttributes = BreadcrumbNavSeparatorProps;
+
+export declare class BreadcrumbNavWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    private readonly allowedTypes;
+    constructor();
+    BreadcrumbNavLink({ active, classname, current, href, text, ...restProps }: BreadCrumbNavElement): JSX_2.Element;
+    BreadcrumbNavSeparator({ icon, ...restProps }: BreadCrumbNavElement): JSX_2.Element;
+    render(): void;
+}
+
+export declare type BreadcrumbNavWebComponentAttributes = BreadcrumbNavProps;
+
+export declare class ButtonWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    constructor();
+    render(): void;
+}
+
+export declare type ButtonWebComponentAttributes = ButtonProps;
+
+export declare class CardWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    constructor();
+    Button({ appearance, disabled, text, ...restProps }: {
+        [key: string]: string;
+    }): JSX_2.Element;
+    render(): void;
+}
+
+export declare type CardWebComponentAttributes = CardProps;
+
+export declare class CheckboxGroupWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    constructor();
+    render(): void;
+}
+
+export declare type CheckboxGroupWebComponentAttributes = CheckboxGroupProps;
+
+export declare class CheckboxWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    constructor();
+    render(): void;
+}
+
+export declare type CheckboxWebComponentAttributes = CheckboxProps;
+
+export declare type FormFieldCheckboxGroupAttributes = FormFieldCheckboxGroupProps;
+
+export declare class FormFieldCheckboxGroupWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    constructor();
+    render(): void;
+}
+
+export declare type FormFieldCheckboxOptionAttributes = FormFieldCheckboxOptionProps;
+
+export declare class FormFieldCheckboxOptionWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    constructor();
+    render(): void;
+}
+
+export declare type FormFieldRadioAttributes = FormFieldRadioProps;
+
+export declare type FormFieldRadioGroupAttributes = FormFieldRadioGroupProps;
+
+export declare class FormFieldRadioGroupWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    constructor();
+    render(): void;
+}
+
+export declare class FormFieldRadioWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    constructor();
+    render(): void;
+}
+
+export declare type FormFieldSelectAttributes = FormFieldSelectProps;
+
+export declare class FormFieldSelectWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    constructor();
+    render(): void;
+}
+
+export declare type FormFieldTextareaAttributes = FormFieldTextareaProps;
+
+export declare class FormFieldTextareaWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    constructor();
+    render(): void;
+}
+
+export declare type FormFieldTextInputAttributes = FormFieldTextInputProps;
+
+export declare class FormFieldTextInputWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    constructor();
+    render(): void;
+}
+
 export declare class HeroWebComponent extends BaseWebComponent {
-    static tagName: string;
-    static observedAttributes: string[];
+    static readonly tagName: string;
     constructor();
     render(): void;
 }
 
 export declare type HeroWebComponentAttributes = HeroProps;
 
+export declare class IconWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    constructor();
+    render(): void;
+}
+
+export declare type IconWebComponentAttributes = IconProps;
+
+export declare class LinkWebComponent extends BaseWebComponent {
+    static readonly tagName: string;
+    constructor();
+    render(): void;
+}
+
+export declare type LinkWebComponentAttributes = LinkProps;
+
 export { }
+
+
+declare global {
+    namespace JSX {
+        type WebComponentAttributes<T> = DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & T;
+        interface IntrinsicElements {
+            'rhc-accordion': WebComponentAttributes<AccordionWebComponentAttributes>;
+            'rhc-action-group': WebComponentAttributes<ActionGroupWebComponentAttributes>;
+            'rhc-alert': WebComponentAttributes<AlertWebComponentAttributes>;
+            'rhc-article': WebComponentAttributes<ArticleWebComponentAttributes>;
+            'rhc-blockquote': WebComponentAttributes<BlockquoteWebComponentAttributes>;
+            'rhc-breadcrumb-nav': WebComponentAttributes<BreadcrumbNavWebComponentAttributes>;
+            'rhc-button': WebComponentAttributes<ButtonWebComponentAttributes>;
+            'rhc-card': WebComponentAttributes<CardWebComponentAttributes>;
+            'rhc-checkbox-group': WebComponentAttributes<CheckboxGroupWebComponentAttributes>;
+            'rhc-checkbox': WebComponentAttributes<CheckboxWebComponentAttributes>;
+            'rhc-form-checkbox-group': WebComponentAttributes<FormFieldCheckboxGroupAttributes>;
+            'rhc-form-checkbox': WebComponentAttributes<FormFieldCheckboxOptionAttributes>;
+            'rhc-form-radio': WebComponentAttributes<FormFieldRadioAttributes>;
+            'rhc-form-radio-group': WebComponentAttributes<FormFieldRadioGroupAttributes>;
+            'rhc-form-select': WebComponentAttributes<FormFieldSelectAttributes>;
+            'rhc-form-textinput': WebComponentAttributes<FormFieldTextInputAttributes>;
+            'rhc-form-textarea': WebComponentAttributes<FormFieldTextareaAttributes>;
+            'rhc-hero': WebComponentAttributes<HeroWebComponentAttributes>;
+            'rhc-icon': WebComponentAttributes<IconWebComponentAttributes>;
+        }
+    }
+}