@utrecht/component-library-react 1.0.0-alpha.11 → 1.0.0-alpha.110
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -3
- package/dist/cjs/Article.d.ts +3 -1
- package/dist/cjs/Article.js +1 -1
- package/dist/cjs/Backdrop.d.ts +3 -1
- package/dist/cjs/Backdrop.js +1 -1
- package/dist/cjs/Button.d.ts +22 -1
- package/dist/cjs/Button.js +22 -4
- package/dist/cjs/ButtonLink.d.ts +13 -0
- package/dist/cjs/ButtonLink.js +47 -0
- package/dist/cjs/Checkbox.js +1 -1
- package/dist/cjs/CustomRadioButton.d.ts +13 -0
- package/dist/cjs/CustomRadioButton.js +29 -0
- package/dist/cjs/Document.d.ts +3 -1
- package/dist/cjs/Document.js +1 -1
- package/dist/cjs/Fieldset.d.ts +3 -1
- package/dist/cjs/Fieldset.js +1 -1
- package/dist/cjs/FieldsetLegend.d.ts +3 -1
- package/dist/cjs/FieldsetLegend.js +1 -1
- package/dist/cjs/FormField.d.ts +3 -1
- package/dist/cjs/FormField.js +1 -1
- package/dist/cjs/FormFieldDescription.d.ts +3 -1
- package/dist/cjs/FormFieldDescription.js +1 -1
- package/dist/cjs/FormLabel.d.ts +3 -1
- package/dist/cjs/FormLabel.js +1 -1
- package/dist/cjs/HTMLContent.d.ts +3 -1
- package/dist/cjs/HTMLContent.js +1 -1
- package/dist/cjs/Heading1.d.ts +3 -1
- package/dist/cjs/Heading1.js +1 -1
- package/dist/cjs/Heading2.d.ts +3 -1
- package/dist/cjs/Heading2.js +1 -1
- package/dist/cjs/Heading3.d.ts +3 -1
- package/dist/cjs/Heading3.js +1 -1
- package/dist/cjs/Heading4.d.ts +3 -1
- package/dist/cjs/Heading4.js +1 -1
- package/dist/cjs/Heading5.d.ts +3 -1
- package/dist/cjs/Heading5.js +1 -1
- package/dist/cjs/Heading6.d.ts +3 -1
- package/dist/cjs/Heading6.js +1 -1
- package/dist/cjs/Link.d.ts +3 -6
- package/dist/cjs/Link.js +3 -10
- package/dist/cjs/OrderedList.d.ts +3 -1
- package/dist/cjs/OrderedList.js +1 -1
- package/dist/cjs/OrderedListItem.d.ts +3 -1
- package/dist/cjs/OrderedListItem.js +1 -1
- package/dist/cjs/Page.d.ts +3 -1
- package/dist/cjs/Page.js +1 -1
- package/dist/cjs/PageContent.d.ts +6 -2
- package/dist/cjs/PageContent.js +2 -2
- package/dist/cjs/PageFooter.d.ts +3 -1
- package/dist/cjs/PageFooter.js +1 -1
- package/dist/cjs/PageHeader.d.ts +3 -1
- package/dist/cjs/PageHeader.js +1 -1
- package/dist/cjs/Paragraph.d.ts +3 -1
- package/dist/cjs/Paragraph.js +1 -1
- package/dist/cjs/RadioButton.js +3 -3
- package/dist/cjs/Select.d.ts +10 -2
- package/dist/cjs/Select.js +4 -5
- package/dist/cjs/Separator.js +1 -1
- package/dist/cjs/Surface.d.ts +3 -1
- package/dist/cjs/Surface.js +1 -1
- package/dist/cjs/Table.d.ts +3 -1
- package/dist/cjs/Table.js +1 -1
- package/dist/cjs/TableBody.d.ts +3 -1
- package/dist/cjs/TableBody.js +1 -1
- package/dist/cjs/TableCaption.d.ts +3 -1
- package/dist/cjs/TableCaption.js +1 -1
- package/dist/cjs/TableCell.d.ts +3 -1
- package/dist/cjs/TableCell.js +1 -1
- package/dist/cjs/TableFooter.d.ts +3 -1
- package/dist/cjs/TableFooter.js +1 -1
- package/dist/cjs/TableHeader.d.ts +3 -1
- package/dist/cjs/TableHeader.js +1 -1
- package/dist/cjs/TableHeaderCell.d.ts +3 -1
- package/dist/cjs/TableHeaderCell.js +1 -1
- package/dist/cjs/TableRow.d.ts +3 -1
- package/dist/cjs/TableRow.js +1 -1
- package/dist/cjs/Textarea.js +1 -1
- package/dist/cjs/Textbox.js +2 -2
- package/dist/cjs/URLValue.d.ts +3 -1
- package/dist/cjs/URLValue.js +1 -1
- package/dist/cjs/UnorderedList.d.ts +3 -1
- package/dist/cjs/UnorderedList.js +1 -1
- package/dist/cjs/UnorderedListItem.d.ts +3 -1
- package/dist/cjs/UnorderedListItem.js +1 -1
- package/dist/cjs/index.d.ts +3 -1
- package/dist/cjs/index.js +8 -1
- package/dist/cjs/tsconfig.tsbuildinfo +4129 -623
- package/package.json +208 -56
package/dist/cjs/PageFooter.js
CHANGED
|
@@ -26,4 +26,4 @@ exports.PageFooter = react_1.forwardRef((_a, ref) => {
|
|
|
26
26
|
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
27
27
|
return (jsx_runtime_1.jsx("footer", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-page-footer', className) }, { children: children }), void 0));
|
|
28
28
|
});
|
|
29
|
-
exports.PageFooter.displayName = '
|
|
29
|
+
exports.PageFooter.displayName = 'PageFooter';
|
package/dist/cjs/PageHeader.d.ts
CHANGED
|
@@ -4,4 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { HTMLAttributes } from 'react';
|
|
6
6
|
export declare type PageHeaderProps = HTMLAttributes<HTMLDivElement>;
|
|
7
|
-
export declare const PageHeader: import("react").ForwardRefExoticComponent<PageHeaderProps &
|
|
7
|
+
export declare const PageHeader: import("react").ForwardRefExoticComponent<PageHeaderProps & {
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
package/dist/cjs/PageHeader.js
CHANGED
|
@@ -26,4 +26,4 @@ exports.PageHeader = react_1.forwardRef((_a, ref) => {
|
|
|
26
26
|
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
27
27
|
return (jsx_runtime_1.jsx("header", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-page-header', className) }, { children: children }), void 0));
|
|
28
28
|
});
|
|
29
|
-
exports.PageHeader.displayName = '
|
|
29
|
+
exports.PageHeader.displayName = 'PageHeader';
|
package/dist/cjs/Paragraph.d.ts
CHANGED
|
@@ -6,4 +6,6 @@ import { HTMLAttributes } from 'react';
|
|
|
6
6
|
export interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
7
7
|
lead?: boolean;
|
|
8
8
|
}
|
|
9
|
-
export declare const Paragraph: import("react").ForwardRefExoticComponent<ParagraphProps &
|
|
9
|
+
export declare const Paragraph: import("react").ForwardRefExoticComponent<ParagraphProps & {
|
|
10
|
+
children?: import("react").ReactNode;
|
|
11
|
+
} & import("react").RefAttributes<HTMLParagraphElement>>;
|
package/dist/cjs/Paragraph.js
CHANGED
|
@@ -26,4 +26,4 @@ exports.Paragraph = react_1.forwardRef((_a, ref) => {
|
|
|
26
26
|
var { children, className, lead } = _a, restProps = __rest(_a, ["children", "className", "lead"]);
|
|
27
27
|
return (jsx_runtime_1.jsx("p", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-paragraph', lead && 'utrecht-paragraph--lead', className) }, { children: children }), void 0));
|
|
28
28
|
});
|
|
29
|
-
exports.Paragraph.displayName = '
|
|
29
|
+
exports.Paragraph.displayName = 'Paragraph';
|
package/dist/cjs/RadioButton.js
CHANGED
|
@@ -19,7 +19,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
19
19
|
const clsx_1 = __importDefault(require("clsx"));
|
|
20
20
|
const react_1 = require("react");
|
|
21
21
|
exports.RadioButton = react_1.forwardRef((_a, ref) => {
|
|
22
|
-
var {
|
|
23
|
-
return (jsx_runtime_1.jsx("input", Object.assign({}, restProps, { ref: ref, type: "radio",
|
|
22
|
+
var { invalid, className } = _a, restProps = __rest(_a, ["invalid", "className"]);
|
|
23
|
+
return (jsx_runtime_1.jsx("input", Object.assign({}, restProps, { ref: ref, type: "radio", className: clsx_1.default('utrecht-radio-button', 'utrecht-radio-button--html-input', invalid && 'utrecht-radio-button--invalid', className) }), void 0));
|
|
24
24
|
});
|
|
25
|
-
exports.RadioButton.displayName = '
|
|
25
|
+
exports.RadioButton.displayName = 'RadioButton';
|
package/dist/cjs/Select.d.ts
CHANGED
|
@@ -1,11 +1,19 @@
|
|
|
1
1
|
import { OptionHTMLAttributes, SelectHTMLAttributes } from 'react';
|
|
2
2
|
export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
|
|
3
3
|
invalid?: boolean;
|
|
4
|
+
/**
|
|
5
|
+
* `noscript`: Don't let it affect CSS :invalid
|
|
6
|
+
*/
|
|
7
|
+
noscript?: boolean;
|
|
4
8
|
}
|
|
5
|
-
export declare const Select: import("react").ForwardRefExoticComponent<SelectProps &
|
|
9
|
+
export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & {
|
|
10
|
+
children?: import("react").ReactNode;
|
|
11
|
+
} & import("react").RefAttributes<HTMLSelectElement>>;
|
|
6
12
|
export interface SelectOptionProps extends OptionHTMLAttributes<HTMLOptionElement> {
|
|
7
13
|
disabled?: boolean;
|
|
8
14
|
invalid?: boolean;
|
|
9
15
|
value?: string;
|
|
10
16
|
}
|
|
11
|
-
export declare const SelectOption: import("react").ForwardRefExoticComponent<SelectOptionProps &
|
|
17
|
+
export declare const SelectOption: import("react").ForwardRefExoticComponent<SelectOptionProps & {
|
|
18
|
+
children?: import("react").ReactNode;
|
|
19
|
+
} & import("react").RefAttributes<HTMLOptionElement>>;
|
package/dist/cjs/Select.js
CHANGED
|
@@ -19,13 +19,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
19
19
|
const clsx_1 = __importDefault(require("clsx"));
|
|
20
20
|
const react_1 = require("react");
|
|
21
21
|
exports.Select = react_1.forwardRef((_a, ref) => {
|
|
22
|
-
var {
|
|
23
|
-
|
|
24
|
-
return (jsx_runtime_1.jsx("select", Object.assign({}, restProps, { ref: ref, "aria-invalid": invalid || undefined, disabled: disabled, required: noscript ? required : false, "aria-required": noscript ? undefined : required, className: clsx_1.default('utrecht-select', disabled && 'utrecht-select--disabled', invalid && 'utrecht-select--invalid', required && 'utrecht-select--required', className) }, { children: children }), void 0));
|
|
22
|
+
var { invalid, required, className, noscript, children } = _a, restProps = __rest(_a, ["invalid", "required", "className", "noscript", "children"]);
|
|
23
|
+
return (jsx_runtime_1.jsx("select", Object.assign({}, restProps, { ref: ref, "aria-invalid": invalid || undefined, required: noscript ? required : false, "aria-required": noscript ? undefined : required, className: clsx_1.default('utrecht-select', 'utrecht-select--html-select', invalid && 'utrecht-select--invalid', required && 'utrecht-select--required', className) }, { children: children }), void 0));
|
|
25
24
|
});
|
|
26
|
-
exports.Select.displayName = '
|
|
25
|
+
exports.Select.displayName = 'Select';
|
|
27
26
|
exports.SelectOption = react_1.forwardRef((_a, ref) => {
|
|
28
27
|
var { disabled, invalid, value, children, className } = _a, restProps = __rest(_a, ["disabled", "invalid", "value", "children", "className"]);
|
|
29
28
|
return (jsx_runtime_1.jsx("option", Object.assign({}, restProps, { ref: ref, disabled: disabled, value: value, className: clsx_1.default('utrecht-select__option', disabled && 'utrecht-select__option--disabled', invalid && 'utrecht-select__option--invalid', className) }, { children: children }), void 0));
|
|
30
29
|
});
|
|
31
|
-
exports.SelectOption.displayName = '
|
|
30
|
+
exports.SelectOption.displayName = 'SelectOption';
|
package/dist/cjs/Separator.js
CHANGED
|
@@ -27,4 +27,4 @@ exports.Separator = react_1.forwardRef((_a, ref) => {
|
|
|
27
27
|
var { className, children: _children } = _a, restProps = __rest(_a, ["className", "children"]);
|
|
28
28
|
return (jsx_runtime_1.jsx("hr", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-separator', className) }), void 0));
|
|
29
29
|
});
|
|
30
|
-
exports.Separator.displayName = '
|
|
30
|
+
exports.Separator.displayName = 'Separator';
|
package/dist/cjs/Surface.d.ts
CHANGED
|
@@ -4,4 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { HTMLAttributes } from 'react';
|
|
6
6
|
export declare type SurfaceProps = HTMLAttributes<HTMLDivElement>;
|
|
7
|
-
export declare const Surface: import("react").ForwardRefExoticComponent<SurfaceProps &
|
|
7
|
+
export declare const Surface: import("react").ForwardRefExoticComponent<SurfaceProps & {
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
package/dist/cjs/Surface.js
CHANGED
|
@@ -26,4 +26,4 @@ exports.Surface = react_1.forwardRef((_a, ref) => {
|
|
|
26
26
|
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
27
27
|
return (jsx_runtime_1.jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-surface', className) }, { children: children }), void 0));
|
|
28
28
|
});
|
|
29
|
-
exports.Surface.displayName = '
|
|
29
|
+
exports.Surface.displayName = 'Surface';
|
package/dist/cjs/Table.d.ts
CHANGED
|
@@ -4,4 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { TableHTMLAttributes } from 'react';
|
|
6
6
|
export declare type TableProps = TableHTMLAttributes<HTMLTableElement>;
|
|
7
|
-
export declare const Table: import("react").ForwardRefExoticComponent<TableProps &
|
|
7
|
+
export declare const Table: import("react").ForwardRefExoticComponent<TableProps & {
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
} & import("react").RefAttributes<HTMLTableElement>>;
|
package/dist/cjs/Table.js
CHANGED
|
@@ -26,4 +26,4 @@ exports.Table = react_1.forwardRef((_a, ref) => {
|
|
|
26
26
|
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
27
27
|
return (jsx_runtime_1.jsx("table", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table', className) }, { children: children }), void 0));
|
|
28
28
|
});
|
|
29
|
-
exports.Table.displayName = '
|
|
29
|
+
exports.Table.displayName = 'Table';
|
package/dist/cjs/TableBody.d.ts
CHANGED
|
@@ -4,4 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { HTMLAttributes } from 'react';
|
|
6
6
|
export declare type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
7
|
-
export declare const TableBody: import("react").ForwardRefExoticComponent<TableBodyProps &
|
|
7
|
+
export declare const TableBody: import("react").ForwardRefExoticComponent<TableBodyProps & {
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
} & import("react").RefAttributes<HTMLTableSectionElement>>;
|
package/dist/cjs/TableBody.js
CHANGED
|
@@ -26,4 +26,4 @@ exports.TableBody = react_1.forwardRef((_a, ref) => {
|
|
|
26
26
|
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
27
27
|
return (jsx_runtime_1.jsx("tbody", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table__body', className) }, { children: children }), void 0));
|
|
28
28
|
});
|
|
29
|
-
exports.TableBody.displayName = '
|
|
29
|
+
exports.TableBody.displayName = 'TableBody';
|
|
@@ -4,4 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { HTMLAttributes } from 'react';
|
|
6
6
|
export declare type TableCaptionProps = HTMLAttributes<HTMLTableCaptionElement>;
|
|
7
|
-
export declare const TableCaption: import("react").ForwardRefExoticComponent<TableCaptionProps &
|
|
7
|
+
export declare const TableCaption: import("react").ForwardRefExoticComponent<TableCaptionProps & {
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
} & import("react").RefAttributes<HTMLTableCaptionElement>>;
|
package/dist/cjs/TableCaption.js
CHANGED
|
@@ -26,4 +26,4 @@ exports.TableCaption = react_1.forwardRef((_a, ref) => {
|
|
|
26
26
|
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
27
27
|
return (jsx_runtime_1.jsx("caption", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table__caption', className) }, { children: children }), void 0));
|
|
28
28
|
});
|
|
29
|
-
exports.TableCaption.displayName = '
|
|
29
|
+
exports.TableCaption.displayName = 'TableCaption';
|
package/dist/cjs/TableCell.d.ts
CHANGED
|
@@ -4,4 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { TdHTMLAttributes } from 'react';
|
|
6
6
|
export declare type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
|
|
7
|
-
export declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps &
|
|
7
|
+
export declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & {
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
} & import("react").RefAttributes<HTMLTableCellElement>>;
|
package/dist/cjs/TableCell.js
CHANGED
|
@@ -26,4 +26,4 @@ exports.TableCell = react_1.forwardRef((_a, ref) => {
|
|
|
26
26
|
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
27
27
|
return (jsx_runtime_1.jsx("td", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table__cell', className) }, { children: children }), void 0));
|
|
28
28
|
});
|
|
29
|
-
exports.TableCell.displayName = '
|
|
29
|
+
exports.TableCell.displayName = 'TableCell';
|
|
@@ -4,4 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { HTMLAttributes } from 'react';
|
|
6
6
|
export declare type TableFooterProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
7
|
-
export declare const TableFooter: import("react").ForwardRefExoticComponent<TableFooterProps &
|
|
7
|
+
export declare const TableFooter: import("react").ForwardRefExoticComponent<TableFooterProps & {
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
} & import("react").RefAttributes<HTMLTableSectionElement>>;
|
package/dist/cjs/TableFooter.js
CHANGED
|
@@ -26,4 +26,4 @@ exports.TableFooter = react_1.forwardRef((_a, ref) => {
|
|
|
26
26
|
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
27
27
|
return (jsx_runtime_1.jsx("tfoot", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table__footer', className) }, { children: children }), void 0));
|
|
28
28
|
});
|
|
29
|
-
exports.TableFooter.displayName = '
|
|
29
|
+
exports.TableFooter.displayName = 'TableFooter';
|
|
@@ -4,4 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { HTMLAttributes } from 'react';
|
|
6
6
|
export declare type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
7
|
-
export declare const TableHeader: import("react").ForwardRefExoticComponent<TableHeaderProps &
|
|
7
|
+
export declare const TableHeader: import("react").ForwardRefExoticComponent<TableHeaderProps & {
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
} & import("react").RefAttributes<HTMLTableSectionElement>>;
|
package/dist/cjs/TableHeader.js
CHANGED
|
@@ -26,4 +26,4 @@ exports.TableHeader = react_1.forwardRef((_a, ref) => {
|
|
|
26
26
|
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
27
27
|
return (jsx_runtime_1.jsx("thead", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table__header', className) }, { children: children }), void 0));
|
|
28
28
|
});
|
|
29
|
-
exports.TableHeader.displayName = '
|
|
29
|
+
exports.TableHeader.displayName = 'TableHeader';
|
|
@@ -4,4 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { ThHTMLAttributes } from 'react';
|
|
6
6
|
export declare type TableHeaderCellProps = ThHTMLAttributes<HTMLTableCellElement>;
|
|
7
|
-
export declare const TableHeaderCell: import("react").ForwardRefExoticComponent<TableHeaderCellProps &
|
|
7
|
+
export declare const TableHeaderCell: import("react").ForwardRefExoticComponent<TableHeaderCellProps & {
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
} & import("react").RefAttributes<HTMLTableCellElement>>;
|
|
@@ -26,4 +26,4 @@ exports.TableHeaderCell = react_1.forwardRef((_a, ref) => {
|
|
|
26
26
|
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
27
27
|
return (jsx_runtime_1.jsx("th", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table__header-cell', className) }, { children: children }), void 0));
|
|
28
28
|
});
|
|
29
|
-
exports.TableHeaderCell.displayName = '
|
|
29
|
+
exports.TableHeaderCell.displayName = 'TableHeaderCell';
|
package/dist/cjs/TableRow.d.ts
CHANGED
|
@@ -4,4 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { HTMLAttributes } from 'react';
|
|
6
6
|
export declare type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
|
|
7
|
-
export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps &
|
|
7
|
+
export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & {
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
} & import("react").RefAttributes<HTMLTableRowElement>>;
|
package/dist/cjs/TableRow.js
CHANGED
|
@@ -26,4 +26,4 @@ exports.TableRow = react_1.forwardRef((_a, ref) => {
|
|
|
26
26
|
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
27
27
|
return (jsx_runtime_1.jsx("tr", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table__row', className) }, { children: children }), void 0));
|
|
28
28
|
});
|
|
29
|
-
exports.TableRow.displayName = '
|
|
29
|
+
exports.TableRow.displayName = 'TableRow';
|
package/dist/cjs/Textarea.js
CHANGED
|
@@ -22,4 +22,4 @@ exports.Textarea = react_1.forwardRef((_a, ref) => {
|
|
|
22
22
|
var { disabled, invalid, readOnly, required, className } = _a, restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className"]);
|
|
23
23
|
return (jsx_runtime_1.jsx("textarea", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly', required && 'utrecht-textarea--required', className), disabled: disabled, readOnly: readOnly, required: required, "aria-invalid": invalid || undefined }), void 0));
|
|
24
24
|
});
|
|
25
|
-
exports.Textarea.displayName = '
|
|
25
|
+
exports.Textarea.displayName = 'Textarea';
|
package/dist/cjs/Textbox.js
CHANGED
|
@@ -20,6 +20,6 @@ const clsx_1 = __importDefault(require("clsx"));
|
|
|
20
20
|
const react_1 = require("react");
|
|
21
21
|
exports.Textbox = react_1.forwardRef((_a, ref) => {
|
|
22
22
|
var { disabled, invalid, readOnly, required, className, type = 'text', maxLength, inputMode } = _a, restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className", "type", "maxLength", "inputMode"]);
|
|
23
|
-
return (jsx_runtime_1.jsx("input", Object.assign({}, restProps, { ref: ref, type: type, className: clsx_1.default('utrecht-textbox', 'utrecht-textbox--html-input',
|
|
23
|
+
return (jsx_runtime_1.jsx("input", Object.assign({}, restProps, { ref: ref, type: type, className: clsx_1.default('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly', required && 'utrecht-textbox--required', className), maxLength: maxLength, disabled: disabled, readOnly: readOnly, required: required, "aria-invalid": invalid || undefined, inputMode: inputMode || (type === 'number' ? 'numeric' : undefined) }), void 0));
|
|
24
24
|
});
|
|
25
|
-
exports.Textbox.displayName = '
|
|
25
|
+
exports.Textbox.displayName = 'Textbox';
|
package/dist/cjs/URLValue.d.ts
CHANGED
|
@@ -4,4 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { HTMLAttributes } from 'react';
|
|
6
6
|
export declare type URLValueProps = HTMLAttributes<HTMLElement>;
|
|
7
|
-
export declare const URLValue: import("react").ForwardRefExoticComponent<URLValueProps &
|
|
7
|
+
export declare const URLValue: import("react").ForwardRefExoticComponent<URLValueProps & {
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
package/dist/cjs/URLValue.js
CHANGED
|
@@ -26,4 +26,4 @@ exports.URLValue = react_1.forwardRef((_a, ref) => {
|
|
|
26
26
|
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
27
27
|
return (jsx_runtime_1.jsx("bdi", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-url', className) }, { children: children }), void 0));
|
|
28
28
|
});
|
|
29
|
-
exports.URLValue.displayName = '
|
|
29
|
+
exports.URLValue.displayName = 'URLValue';
|
|
@@ -4,4 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { HTMLAttributes } from 'react';
|
|
6
6
|
export declare type UnorderedListProps = HTMLAttributes<HTMLUListElement>;
|
|
7
|
-
export declare const UnorderedList: import("react").ForwardRefExoticComponent<UnorderedListProps &
|
|
7
|
+
export declare const UnorderedList: import("react").ForwardRefExoticComponent<UnorderedListProps & {
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
} & import("react").RefAttributes<HTMLUListElement>>;
|
|
@@ -26,4 +26,4 @@ exports.UnorderedList = react_1.forwardRef((_a, ref) => {
|
|
|
26
26
|
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
27
27
|
return (jsx_runtime_1.jsx("ul", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-unordered-list', className) }, { children: children }), void 0));
|
|
28
28
|
});
|
|
29
|
-
exports.UnorderedList.displayName = '
|
|
29
|
+
exports.UnorderedList.displayName = 'UnorderedList';
|
|
@@ -4,4 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { LiHTMLAttributes } from 'react';
|
|
6
6
|
export declare type UnorderedListItemProps = LiHTMLAttributes<HTMLLIElement>;
|
|
7
|
-
export declare const UnorderedListItem: import("react").ForwardRefExoticComponent<UnorderedListItemProps &
|
|
7
|
+
export declare const UnorderedListItem: import("react").ForwardRefExoticComponent<UnorderedListItemProps & {
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
} & import("react").RefAttributes<HTMLLIElement>>;
|
|
@@ -26,4 +26,4 @@ exports.UnorderedListItem = react_1.forwardRef((_a, ref) => {
|
|
|
26
26
|
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
27
27
|
return (jsx_runtime_1.jsx("li", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-unordered-list__item', className) }, { children: children }), void 0));
|
|
28
28
|
});
|
|
29
|
-
exports.UnorderedListItem.displayName = '
|
|
29
|
+
exports.UnorderedListItem.displayName = 'UnorderedListItem';
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -4,8 +4,10 @@
|
|
|
4
4
|
*/
|
|
5
5
|
export { Article } from './Article';
|
|
6
6
|
export { Backdrop } from './Backdrop';
|
|
7
|
-
export { Button } from './Button';
|
|
7
|
+
export { Button, PrimaryActionButton, SecondaryActionButton, SubtleButton } from './Button';
|
|
8
|
+
export { ButtonLink } from './ButtonLink';
|
|
8
9
|
export { Checkbox } from './Checkbox';
|
|
10
|
+
export { CustomRadioButton } from './CustomRadioButton';
|
|
9
11
|
export { Document } from './Document';
|
|
10
12
|
export { Fieldset } from './Fieldset';
|
|
11
13
|
export { FieldsetLegend } from './FieldsetLegend';
|
package/dist/cjs/index.js
CHANGED
|
@@ -4,15 +4,22 @@
|
|
|
4
4
|
* Copyright (c) 2022 Robbert Broersma
|
|
5
5
|
*/
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.UnorderedListItem = exports.UnorderedList = exports.URLValue = exports.Textbox = exports.Textarea = exports.TableRow = exports.TableHeaderCell = exports.TableHeader = exports.TableFooter = exports.TableCell = exports.TableCaption = exports.TableBody = exports.Table = exports.Surface = exports.Separator = exports.SelectOption = exports.Select = exports.RadioButton = exports.Paragraph = exports.PageHeader = exports.PageFooter = exports.PageContent = exports.Page = exports.OrderedListItem = exports.OrderedList = exports.Link = exports.Heading6 = exports.Heading5 = exports.Heading4 = exports.Heading3 = exports.Heading2 = exports.Heading1 = exports.HTMLContent = exports.FormLabel = exports.FormFieldDescription = exports.FormField = exports.FieldsetLegend = exports.Fieldset = exports.Document = exports.Checkbox = exports.Button = exports.Backdrop = exports.Article = void 0;
|
|
7
|
+
exports.UnorderedListItem = exports.UnorderedList = exports.URLValue = exports.Textbox = exports.Textarea = exports.TableRow = exports.TableHeaderCell = exports.TableHeader = exports.TableFooter = exports.TableCell = exports.TableCaption = exports.TableBody = exports.Table = exports.Surface = exports.Separator = exports.SelectOption = exports.Select = exports.RadioButton = exports.Paragraph = exports.PageHeader = exports.PageFooter = exports.PageContent = exports.Page = exports.OrderedListItem = exports.OrderedList = exports.Link = exports.Heading6 = exports.Heading5 = exports.Heading4 = exports.Heading3 = exports.Heading2 = exports.Heading1 = exports.HTMLContent = exports.FormLabel = exports.FormFieldDescription = exports.FormField = exports.FieldsetLegend = exports.Fieldset = exports.Document = exports.CustomRadioButton = exports.Checkbox = exports.ButtonLink = exports.SubtleButton = exports.SecondaryActionButton = exports.PrimaryActionButton = exports.Button = exports.Backdrop = exports.Article = void 0;
|
|
8
8
|
var Article_1 = require("./Article");
|
|
9
9
|
Object.defineProperty(exports, "Article", { enumerable: true, get: function () { return Article_1.Article; } });
|
|
10
10
|
var Backdrop_1 = require("./Backdrop");
|
|
11
11
|
Object.defineProperty(exports, "Backdrop", { enumerable: true, get: function () { return Backdrop_1.Backdrop; } });
|
|
12
12
|
var Button_1 = require("./Button");
|
|
13
13
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
|
14
|
+
Object.defineProperty(exports, "PrimaryActionButton", { enumerable: true, get: function () { return Button_1.PrimaryActionButton; } });
|
|
15
|
+
Object.defineProperty(exports, "SecondaryActionButton", { enumerable: true, get: function () { return Button_1.SecondaryActionButton; } });
|
|
16
|
+
Object.defineProperty(exports, "SubtleButton", { enumerable: true, get: function () { return Button_1.SubtleButton; } });
|
|
17
|
+
var ButtonLink_1 = require("./ButtonLink");
|
|
18
|
+
Object.defineProperty(exports, "ButtonLink", { enumerable: true, get: function () { return ButtonLink_1.ButtonLink; } });
|
|
14
19
|
var Checkbox_1 = require("./Checkbox");
|
|
15
20
|
Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
|
|
21
|
+
var CustomRadioButton_1 = require("./CustomRadioButton");
|
|
22
|
+
Object.defineProperty(exports, "CustomRadioButton", { enumerable: true, get: function () { return CustomRadioButton_1.CustomRadioButton; } });
|
|
16
23
|
var Document_1 = require("./Document");
|
|
17
24
|
Object.defineProperty(exports, "Document", { enumerable: true, get: function () { return Document_1.Document; } });
|
|
18
25
|
var Fieldset_1 = require("./Fieldset");
|