@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.
Files changed (88) hide show
  1. package/README.md +27 -3
  2. package/dist/cjs/Article.d.ts +3 -1
  3. package/dist/cjs/Article.js +1 -1
  4. package/dist/cjs/Backdrop.d.ts +3 -1
  5. package/dist/cjs/Backdrop.js +1 -1
  6. package/dist/cjs/Button.d.ts +22 -1
  7. package/dist/cjs/Button.js +22 -4
  8. package/dist/cjs/ButtonLink.d.ts +13 -0
  9. package/dist/cjs/ButtonLink.js +47 -0
  10. package/dist/cjs/Checkbox.js +1 -1
  11. package/dist/cjs/CustomRadioButton.d.ts +13 -0
  12. package/dist/cjs/CustomRadioButton.js +29 -0
  13. package/dist/cjs/Document.d.ts +3 -1
  14. package/dist/cjs/Document.js +1 -1
  15. package/dist/cjs/Fieldset.d.ts +3 -1
  16. package/dist/cjs/Fieldset.js +1 -1
  17. package/dist/cjs/FieldsetLegend.d.ts +3 -1
  18. package/dist/cjs/FieldsetLegend.js +1 -1
  19. package/dist/cjs/FormField.d.ts +3 -1
  20. package/dist/cjs/FormField.js +1 -1
  21. package/dist/cjs/FormFieldDescription.d.ts +3 -1
  22. package/dist/cjs/FormFieldDescription.js +1 -1
  23. package/dist/cjs/FormLabel.d.ts +3 -1
  24. package/dist/cjs/FormLabel.js +1 -1
  25. package/dist/cjs/HTMLContent.d.ts +3 -1
  26. package/dist/cjs/HTMLContent.js +1 -1
  27. package/dist/cjs/Heading1.d.ts +3 -1
  28. package/dist/cjs/Heading1.js +1 -1
  29. package/dist/cjs/Heading2.d.ts +3 -1
  30. package/dist/cjs/Heading2.js +1 -1
  31. package/dist/cjs/Heading3.d.ts +3 -1
  32. package/dist/cjs/Heading3.js +1 -1
  33. package/dist/cjs/Heading4.d.ts +3 -1
  34. package/dist/cjs/Heading4.js +1 -1
  35. package/dist/cjs/Heading5.d.ts +3 -1
  36. package/dist/cjs/Heading5.js +1 -1
  37. package/dist/cjs/Heading6.d.ts +3 -1
  38. package/dist/cjs/Heading6.js +1 -1
  39. package/dist/cjs/Link.d.ts +3 -6
  40. package/dist/cjs/Link.js +3 -10
  41. package/dist/cjs/OrderedList.d.ts +3 -1
  42. package/dist/cjs/OrderedList.js +1 -1
  43. package/dist/cjs/OrderedListItem.d.ts +3 -1
  44. package/dist/cjs/OrderedListItem.js +1 -1
  45. package/dist/cjs/Page.d.ts +3 -1
  46. package/dist/cjs/Page.js +1 -1
  47. package/dist/cjs/PageContent.d.ts +6 -2
  48. package/dist/cjs/PageContent.js +2 -2
  49. package/dist/cjs/PageFooter.d.ts +3 -1
  50. package/dist/cjs/PageFooter.js +1 -1
  51. package/dist/cjs/PageHeader.d.ts +3 -1
  52. package/dist/cjs/PageHeader.js +1 -1
  53. package/dist/cjs/Paragraph.d.ts +3 -1
  54. package/dist/cjs/Paragraph.js +1 -1
  55. package/dist/cjs/RadioButton.js +3 -3
  56. package/dist/cjs/Select.d.ts +10 -2
  57. package/dist/cjs/Select.js +4 -5
  58. package/dist/cjs/Separator.js +1 -1
  59. package/dist/cjs/Surface.d.ts +3 -1
  60. package/dist/cjs/Surface.js +1 -1
  61. package/dist/cjs/Table.d.ts +3 -1
  62. package/dist/cjs/Table.js +1 -1
  63. package/dist/cjs/TableBody.d.ts +3 -1
  64. package/dist/cjs/TableBody.js +1 -1
  65. package/dist/cjs/TableCaption.d.ts +3 -1
  66. package/dist/cjs/TableCaption.js +1 -1
  67. package/dist/cjs/TableCell.d.ts +3 -1
  68. package/dist/cjs/TableCell.js +1 -1
  69. package/dist/cjs/TableFooter.d.ts +3 -1
  70. package/dist/cjs/TableFooter.js +1 -1
  71. package/dist/cjs/TableHeader.d.ts +3 -1
  72. package/dist/cjs/TableHeader.js +1 -1
  73. package/dist/cjs/TableHeaderCell.d.ts +3 -1
  74. package/dist/cjs/TableHeaderCell.js +1 -1
  75. package/dist/cjs/TableRow.d.ts +3 -1
  76. package/dist/cjs/TableRow.js +1 -1
  77. package/dist/cjs/Textarea.js +1 -1
  78. package/dist/cjs/Textbox.js +2 -2
  79. package/dist/cjs/URLValue.d.ts +3 -1
  80. package/dist/cjs/URLValue.js +1 -1
  81. package/dist/cjs/UnorderedList.d.ts +3 -1
  82. package/dist/cjs/UnorderedList.js +1 -1
  83. package/dist/cjs/UnorderedListItem.d.ts +3 -1
  84. package/dist/cjs/UnorderedListItem.js +1 -1
  85. package/dist/cjs/index.d.ts +3 -1
  86. package/dist/cjs/index.js +8 -1
  87. package/dist/cjs/tsconfig.tsbuildinfo +4129 -623
  88. package/package.json +208 -56
@@ -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 = 'utrecht-page-footer';
29
+ exports.PageFooter.displayName = 'PageFooter';
@@ -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 & import("react").RefAttributes<HTMLDivElement>>;
7
+ export declare const PageHeader: import("react").ForwardRefExoticComponent<PageHeaderProps & {
8
+ children?: import("react").ReactNode;
9
+ } & import("react").RefAttributes<HTMLDivElement>>;
@@ -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 = 'utrecht-page-header';
29
+ exports.PageHeader.displayName = 'PageHeader';
@@ -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 & import("react").RefAttributes<HTMLParagraphElement>>;
9
+ export declare const Paragraph: import("react").ForwardRefExoticComponent<ParagraphProps & {
10
+ children?: import("react").ReactNode;
11
+ } & import("react").RefAttributes<HTMLParagraphElement>>;
@@ -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 = 'utrecht-paragraph';
29
+ exports.Paragraph.displayName = 'Paragraph';
@@ -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 { checked, disabled, invalid, required, className } = _a, restProps = __rest(_a, ["checked", "disabled", "invalid", "required", "className"]);
23
- return (jsx_runtime_1.jsx("input", Object.assign({}, restProps, { ref: ref, type: "radio", checked: checked, className: clsx_1.default('utrecht-radio-button', 'utrecht-radio-button--html-input', checked && 'utrecht-radio-button--checked', disabled && 'utrecht-radio-button--disabled', invalid && 'utrecht-radio-button--invalid', required && 'utrecht-radio-button--required', className), disabled: disabled, required: required }), void 0));
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 = 'utrecht-radio-button';
25
+ exports.RadioButton.displayName = 'RadioButton';
@@ -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 & import("react").RefAttributes<HTMLSelectElement>>;
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 & import("react").RefAttributes<HTMLOptionElement>>;
17
+ export declare const SelectOption: import("react").ForwardRefExoticComponent<SelectOptionProps & {
18
+ children?: import("react").ReactNode;
19
+ } & import("react").RefAttributes<HTMLOptionElement>>;
@@ -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 { disabled, invalid, required, className, children } = _a, restProps = __rest(_a, ["disabled", "invalid", "required", "className", "children"]);
23
- const noscript = true;
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 = 'utrecht-radio-button';
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 = 'utrecht-select-option';
30
+ exports.SelectOption.displayName = 'SelectOption';
@@ -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 = 'utrecht-separator';
30
+ exports.Separator.displayName = 'Separator';
@@ -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 & import("react").RefAttributes<HTMLDivElement>>;
7
+ export declare const Surface: import("react").ForwardRefExoticComponent<SurfaceProps & {
8
+ children?: import("react").ReactNode;
9
+ } & import("react").RefAttributes<HTMLDivElement>>;
@@ -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 = 'utrecht-surface';
29
+ exports.Surface.displayName = 'Surface';
@@ -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 & import("react").RefAttributes<HTMLTableElement>>;
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 = 'utrecht-table';
29
+ exports.Table.displayName = 'Table';
@@ -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 & import("react").RefAttributes<HTMLTableSectionElement>>;
7
+ export declare const TableBody: import("react").ForwardRefExoticComponent<TableBodyProps & {
8
+ children?: import("react").ReactNode;
9
+ } & import("react").RefAttributes<HTMLTableSectionElement>>;
@@ -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 = 'utrecht-table-body';
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 & import("react").RefAttributes<HTMLTableCaptionElement>>;
7
+ export declare const TableCaption: import("react").ForwardRefExoticComponent<TableCaptionProps & {
8
+ children?: import("react").ReactNode;
9
+ } & import("react").RefAttributes<HTMLTableCaptionElement>>;
@@ -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 = 'utrecht-table-caption';
29
+ exports.TableCaption.displayName = 'TableCaption';
@@ -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 & import("react").RefAttributes<HTMLTableCellElement>>;
7
+ export declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & {
8
+ children?: import("react").ReactNode;
9
+ } & import("react").RefAttributes<HTMLTableCellElement>>;
@@ -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 = 'utrecht-table-cell';
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 & import("react").RefAttributes<HTMLTableSectionElement>>;
7
+ export declare const TableFooter: import("react").ForwardRefExoticComponent<TableFooterProps & {
8
+ children?: import("react").ReactNode;
9
+ } & import("react").RefAttributes<HTMLTableSectionElement>>;
@@ -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 = 'utrecht-table-footer';
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 & import("react").RefAttributes<HTMLTableSectionElement>>;
7
+ export declare const TableHeader: import("react").ForwardRefExoticComponent<TableHeaderProps & {
8
+ children?: import("react").ReactNode;
9
+ } & import("react").RefAttributes<HTMLTableSectionElement>>;
@@ -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 = 'utrecht-table-header';
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 & import("react").RefAttributes<HTMLTableCellElement>>;
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 = 'utrecht-table-header-cell';
29
+ exports.TableHeaderCell.displayName = 'TableHeaderCell';
@@ -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 & import("react").RefAttributes<HTMLTableRowElement>>;
7
+ export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & {
8
+ children?: import("react").ReactNode;
9
+ } & import("react").RefAttributes<HTMLTableRowElement>>;
@@ -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 = 'utrecht-table-row';
29
+ exports.TableRow.displayName = 'TableRow';
@@ -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 = 'utrecht-textarea';
25
+ exports.Textarea.displayName = 'Textarea';
@@ -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', type === 'email' && 'utrecht-textbox--url', type === 'password' && 'utrecht-textbox--password', type === 'number' && 'utrecht-textbox--numeric', type === 'tel' && 'utrecht-textbox--numeric', type === 'url' && 'utrecht-textbox--url', inputMode === 'numeric' && 'utrecht-textbox--numeric', 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));
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 = 'utrecht-textbox';
25
+ exports.Textbox.displayName = 'Textbox';
@@ -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 & import("react").RefAttributes<HTMLElement>>;
7
+ export declare const URLValue: import("react").ForwardRefExoticComponent<URLValueProps & {
8
+ children?: import("react").ReactNode;
9
+ } & import("react").RefAttributes<HTMLElement>>;
@@ -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 = 'utrecht-url';
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 & import("react").RefAttributes<HTMLUListElement>>;
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 = 'utrecht-unordered-list';
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 & import("react").RefAttributes<HTMLLIElement>>;
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 = 'utrecht-unordered-list-item';
29
+ exports.UnorderedListItem.displayName = 'UnorderedListItem';
@@ -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");