@utrecht/component-library-react - npm Package Compare versions

Comparing version 1.0.0-alpha.3 to 1.0.0-alpha.4

dist/cjs/Article.d.ts

@@ -6,4 +6,3 @@ /**
 import { HTMLAttributes } from 'react';
-declare type ArticleProps = HTMLAttributes<HTMLElement>;
+export declare type ArticleProps = HTMLAttributes<HTMLElement>;
 export declare const Article: import("react").ForwardRefExoticComponent<ArticleProps & import("react").RefAttributes<HTMLElement>>;
-export {};

dist/cjs/Button.d.ts

 import { ButtonHTMLAttributes } from 'react';
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     busy?: boolean;
 }
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export {};

dist/cjs/Checkbox.d.ts

 import { InputHTMLAttributes } from 'react';
-interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'> {
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'> {
     invalid?: boolean;
 }
 export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

dist/cjs/Fieldset.d.ts

 import { FieldsetHTMLAttributes } from 'react';
-declare type FieldsetProps = FieldsetHTMLAttributes<HTMLFieldSetElement>;
+export declare type FieldsetProps = FieldsetHTMLAttributes<HTMLFieldSetElement>;
 export declare const Fieldset: import("react").ForwardRefExoticComponent<FieldsetProps & import("react").RefAttributes<HTMLFieldSetElement>>;
-export {};

dist/cjs/FieldsetLegend.d.ts

 import { HTMLAttributes } from 'react';
-declare type FieldsetLegendProps = HTMLAttributes<HTMLLegendElement>;
+export declare type FieldsetLegendProps = HTMLAttributes<HTMLLegendElement>;
 export declare const FieldsetLegend: import("react").ForwardRefExoticComponent<FieldsetLegendProps & import("react").RefAttributes<HTMLLegendElement>>;
-export {};

dist/cjs/FieldsetLegend.js

@@ -25,2 +25,2 @@ "use strict";
 });
-exports.FieldsetLegend.displayName = 'utrecht-form-fieldset__legend';
+exports.FieldsetLegend.displayName = 'utrecht-form-fieldset-legend';

dist/cjs/FormField.d.ts

 import { HTMLAttributes } from 'react';
-declare type FormFieldProps = HTMLAttributes<HTMLDivElement>;
+export declare type FormFieldProps = HTMLAttributes<HTMLDivElement>;
 export declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

dist/cjs/FormFieldDescription.d.ts

 import { HTMLAttributes } from 'react';
-interface FormFieldDescriptionProps extends HTMLAttributes<HTMLDivElement> {
+export interface FormFieldDescriptionProps extends HTMLAttributes<HTMLDivElement> {
     invalid?: boolean;
@@ -8,2 +8,1 @@ valid?: boolean;
 export declare const FormFieldDescription: import("react").ForwardRefExoticComponent<FormFieldDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

dist/cjs/FormLabel.d.ts

 import { LabelHTMLAttributes } from 'react';
-interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+export interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
     htmlFor: string;
@@ -9,2 +9,1 @@ type?: 'checkbox' | 'radio';
 export declare const FormLabel: import("react").ForwardRefExoticComponent<FormLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
-export {};

dist/cjs/Heading1.d.ts

@@ -6,4 +6,3 @@ /**
 import { HTMLAttributes } from 'react';
-declare type Heading1Props = HTMLAttributes<HTMLHeadingElement>;
+export declare type Heading1Props = HTMLAttributes<HTMLHeadingElement>;
 export declare const Heading1: import("react").ForwardRefExoticComponent<Heading1Props & import("react").RefAttributes<HTMLHeadingElement>>;
-export {};

dist/cjs/Heading2.d.ts

@@ -6,4 +6,3 @@ /**
 import { HTMLAttributes } from 'react';
-declare type Heading2Props = HTMLAttributes<HTMLHeadingElement>;
+export declare type Heading2Props = HTMLAttributes<HTMLHeadingElement>;
 export declare const Heading2: import("react").ForwardRefExoticComponent<Heading2Props & import("react").RefAttributes<HTMLHeadingElement>>;
-export {};

dist/cjs/Heading3.d.ts

@@ -6,4 +6,3 @@ /**
 import { HTMLAttributes } from 'react';
-declare type Heading3Props = HTMLAttributes<HTMLHeadingElement>;
+export declare type Heading3Props = HTMLAttributes<HTMLHeadingElement>;
 export declare const Heading3: import("react").ForwardRefExoticComponent<Heading3Props & import("react").RefAttributes<HTMLHeadingElement>>;
-export {};

dist/cjs/Heading4.d.ts

@@ -6,4 +6,3 @@ /**
 import { HTMLAttributes } from 'react';
-declare type Heading4Props = HTMLAttributes<HTMLHeadingElement>;
+export declare type Heading4Props = HTMLAttributes<HTMLHeadingElement>;
 export declare const Heading4: import("react").ForwardRefExoticComponent<Heading4Props & import("react").RefAttributes<HTMLHeadingElement>>;
-export {};

dist/cjs/Heading5.d.ts

@@ -6,4 +6,3 @@ /**
 import { HTMLAttributes } from 'react';
-declare type Heading5Props = HTMLAttributes<HTMLHeadingElement>;
+export declare type Heading5Props = HTMLAttributes<HTMLHeadingElement>;
 export declare const Heading5: import("react").ForwardRefExoticComponent<Heading5Props & import("react").RefAttributes<HTMLHeadingElement>>;
-export {};

dist/cjs/Heading6.d.ts

@@ -6,4 +6,3 @@ /**
 import { HTMLAttributes } from 'react';
-declare type Heading6Props = HTMLAttributes<HTMLHeadingElement>;
+export declare type Heading6Props = HTMLAttributes<HTMLHeadingElement>;
 export declare const Heading6: import("react").ForwardRefExoticComponent<Heading6Props & import("react").RefAttributes<HTMLHeadingElement>>;
-export {};

dist/cjs/Link.d.ts

@@ -7,3 +7,3 @@ /**
 import { AnchorHTMLAttributes } from 'react';
-interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     activeStyle?: boolean;
@@ -17,2 +17,1 @@ external?: boolean;
 export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
-export {};

dist/cjs/OrderedList.d.ts

@@ -6,4 +6,3 @@ /**
 import { OlHTMLAttributes } from 'react';
-declare type OrderedListProps = OlHTMLAttributes<HTMLOListElement>;
+export declare type OrderedListProps = OlHTMLAttributes<HTMLOListElement>;
 export declare const OrderedList: import("react").ForwardRefExoticComponent<OrderedListProps & import("react").RefAttributes<HTMLOListElement>>;
-export {};

dist/cjs/OrderedListItem.d.ts

@@ -6,4 +6,3 @@ /**
 import { LiHTMLAttributes } from 'react';
-declare type OrderedListItemProps = LiHTMLAttributes<HTMLLIElement>;
+export declare type OrderedListItemProps = LiHTMLAttributes<HTMLLIElement>;
 export declare const OrderedListItem: import("react").ForwardRefExoticComponent<OrderedListItemProps & import("react").RefAttributes<HTMLLIElement>>;
-export {};

dist/cjs/OrderedListItem.js

@@ -29,2 +29,2 @@ "use strict";
 });
-exports.OrderedListItem.displayName = 'utrecht-ordered-list__item';
+exports.OrderedListItem.displayName = 'utrecht-ordered-list-item';

dist/cjs/PageContent.d.ts

@@ -6,6 +6,5 @@ /**
 import { HTMLAttributes } from 'react';
-declare type PageContentProps = HTMLAttributes<HTMLDivElement>;
+export declare type PageContentProps = HTMLAttributes<HTMLDivElement>;
 export declare const PageContent: import("react").ForwardRefExoticComponent<PageContentProps & import("react").RefAttributes<HTMLDivElement>>;
-declare type PageContentMainProps = HTMLAttributes<HTMLDivElement>;
+export declare type PageContentMainProps = HTMLAttributes<HTMLDivElement>;
 export declare const PageContentMain: import("react").ForwardRefExoticComponent<PageContentMainProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

dist/cjs/PageContent.js

@@ -34,2 +34,2 @@ "use strict";
 });
-exports.PageContentMain.displayName = 'utrecht-page-content__main';
+exports.PageContentMain.displayName = 'utrecht-page-content-main';

dist/cjs/Paragraph.d.ts

@@ -6,6 +6,5 @@ /**
 import { HTMLAttributes } from 'react';
-interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
+export interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
     lead?: boolean;
 }
 export declare const Paragraph: import("react").ForwardRefExoticComponent<ParagraphProps & import("react").RefAttributes<HTMLParagraphElement>>;
-export {};

dist/cjs/RadioButton.d.ts

 import { InputHTMLAttributes } from 'react';
-interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'> {
+export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'> {
     invalid?: boolean;
 }
 export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

dist/cjs/Select.d.ts

 import { OptionHTMLAttributes, SelectHTMLAttributes } from 'react';
-interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
     invalid?: boolean;
 }
 export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLSelectElement>>;
-interface SelectOptionProps extends OptionHTMLAttributes<HTMLOptionElement> {
+export interface SelectOptionProps extends OptionHTMLAttributes<HTMLOptionElement> {
     disabled?: boolean;
@@ -12,2 +12,1 @@ invalid?: boolean;
 export declare const SelectOption: import("react").ForwardRefExoticComponent<SelectOptionProps & import("react").RefAttributes<HTMLOptionElement>>;
-export {};

dist/cjs/Separator.d.ts

@@ -6,4 +6,3 @@ /**
 import { HTMLAttributes } from 'react';
-declare type SeparatorProps = HTMLAttributes<HTMLHRElement>;
+export declare type SeparatorProps = HTMLAttributes<HTMLHRElement>;
 export declare const Separator: import("react").ForwardRefExoticComponent<SeparatorProps & import("react").RefAttributes<HTMLHRElement>>;
-export {};

dist/cjs/Table.d.ts

@@ -6,4 +6,3 @@ /**
 import { TableHTMLAttributes } from 'react';
-declare type TableProps = TableHTMLAttributes<HTMLTableElement>;
+export declare type TableProps = TableHTMLAttributes<HTMLTableElement>;
 export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;
-export {};

dist/cjs/TableBody.d.ts

@@ -6,4 +6,3 @@ /**
 import { HTMLAttributes } from 'react';
-declare type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
 export declare const TableBody: import("react").ForwardRefExoticComponent<TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-export {};

dist/cjs/TableCaption.d.ts

@@ -6,4 +6,3 @@ /**
 import { HTMLAttributes } from 'react';
-declare type TableCaptionProps = HTMLAttributes<HTMLTableCaptionElement>;
+export declare type TableCaptionProps = HTMLAttributes<HTMLTableCaptionElement>;
 export declare const TableCaption: import("react").ForwardRefExoticComponent<TableCaptionProps & import("react").RefAttributes<HTMLTableCaptionElement>>;
-export {};

dist/cjs/TableCell.d.ts

@@ -6,4 +6,3 @@ /**
 import { TdHTMLAttributes } from 'react';
-declare type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
+export declare type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
 export declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
-export {};

dist/cjs/TableFooter.d.ts

@@ -6,4 +6,3 @@ /**
 import { HTMLAttributes } from 'react';
-declare type TableFooterProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare type TableFooterProps = HTMLAttributes<HTMLTableSectionElement>;
 export declare const TableFooter: import("react").ForwardRefExoticComponent<TableFooterProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-export {};

dist/cjs/TableHeader.d.ts

@@ -6,4 +6,3 @@ /**
 import { HTMLAttributes } from 'react';
-declare type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
 export declare const TableHeader: import("react").ForwardRefExoticComponent<TableHeaderProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-export {};

dist/cjs/TableHeaderCell.d.ts

@@ -6,4 +6,3 @@ /**
 import { ThHTMLAttributes } from 'react';
-declare type TableHeaderCellProps = ThHTMLAttributes<HTMLTableCellElement>;
+export declare type TableHeaderCellProps = ThHTMLAttributes<HTMLTableCellElement>;
 export declare const TableHeaderCell: import("react").ForwardRefExoticComponent<TableHeaderCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
-export {};

dist/cjs/TableRow.d.ts

@@ -6,4 +6,3 @@ /**
 import { HTMLAttributes } from 'react';
-declare type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
+export declare type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
 export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
-export {};

dist/cjs/Textarea.d.ts

 import { TextareaHTMLAttributes } from 'react';
-interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     invalid?: boolean;
 }
 export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
-export {};

dist/cjs/Textbox.d.ts

 import { InputHTMLAttributes } from 'react';
 export declare type TextboxTypes = 'email' | 'number' | 'password' | 'tel' | 'text' | 'url';
-interface TextboxProps extends InputHTMLAttributes<HTMLInputElement> {
+export interface TextboxProps extends InputHTMLAttributes<HTMLInputElement> {
     invalid?: boolean;
@@ -8,2 +8,1 @@ type?: TextboxTypes;
 export declare const Textbox: import("react").ForwardRefExoticComponent<TextboxProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

dist/cjs/UnorderedList.d.ts

@@ -6,4 +6,3 @@ /**
 import { HTMLAttributes } from 'react';
-declare type UnorderedListProps = HTMLAttributes<HTMLUListElement>;
+export declare type UnorderedListProps = HTMLAttributes<HTMLUListElement>;
 export declare const UnorderedList: import("react").ForwardRefExoticComponent<UnorderedListProps & import("react").RefAttributes<HTMLUListElement>>;
-export {};

dist/cjs/UnorderedListItem.js

@@ -29,2 +29,2 @@ "use strict";
 });
-exports.UnorderedListItem.displayName = 'utrecht-unordered-list__item';
+exports.UnorderedListItem.displayName = 'utrecht-unordered-list-item';

package.json

 {
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "author": "Community for NL Design System",
@@ -224,3 +224,3 @@ "description": "React component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
   },
-  "gitHead": "9fb090363d0ba7a963be19aa9181106ee0c5c35e"
+  "gitHead": "7e7bbdee2da3d64d8b86d08ab00aa4d165ba4c5f"
 }

No alert changes

Worsened metrics

Total package byte prevSize

241439

-0.05%

Lines of code

1641

-1.97%

No dependency changes