@utrecht/component-library-react 1.0.0-alpha.99 → 1.0.0

package/dist/cjs/TableRow.d.ts

@@ -1,7 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2022 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
-export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;

package/dist/cjs/TableRow.js

@@ -1,29 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableRow = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @license EUPL-1.2
- * Copyright (c) 2022 Robbert Broersma
- */
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-exports.TableRow = react_1.forwardRef((_a, ref) => {
-    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
-    return (jsx_runtime_1.jsx("tr", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table__row', className) }, { children: children }), void 0));
-});
-exports.TableRow.displayName = 'TableRow';

package/dist/cjs/Textarea.js

@@ -1,25 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Textarea = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-exports.Textarea = react_1.forwardRef((_a, ref) => {
-    var { disabled, invalid, readOnly, required, className } = _a, restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className"]);
-    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));
-});
-exports.Textarea.displayName = 'Textarea';

package/dist/cjs/Textbox.js

@@ -1,25 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Textbox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-exports.Textbox = react_1.forwardRef((_a, ref) => {
-    var { disabled, invalid, readOnly, required, className, type = 'text', maxLength, inputMode } = _a, restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className", "type", "maxLength", "inputMode"]);
-    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));
-});
-exports.Textbox.displayName = 'Textbox';

package/dist/cjs/URLValue.d.ts

@@ -1,7 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type URLValueProps = HTMLAttributes<HTMLElement>;
-export declare const URLValue: import("react").ForwardRefExoticComponent<URLValueProps & import("react").RefAttributes<HTMLElement>>;

package/dist/cjs/URLValue.js

@@ -1,29 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.URLValue = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-exports.URLValue = react_1.forwardRef((_a, ref) => {
-    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
-    return (jsx_runtime_1.jsx("bdi", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-url', className) }, { children: children }), void 0));
-});
-exports.URLValue.displayName = 'URLValue';

package/dist/cjs/UnorderedList.d.ts

@@ -1,7 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type UnorderedListProps = HTMLAttributes<HTMLUListElement>;
-export declare const UnorderedList: import("react").ForwardRefExoticComponent<UnorderedListProps & import("react").RefAttributes<HTMLUListElement>>;

package/dist/cjs/UnorderedList.js

@@ -1,29 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UnorderedList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-exports.UnorderedList = react_1.forwardRef((_a, ref) => {
-    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
-    return (jsx_runtime_1.jsx("ul", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-unordered-list', className) }, { children: children }), void 0));
-});
-exports.UnorderedList.displayName = 'UnorderedList';

package/dist/cjs/UnorderedListItem.d.ts

@@ -1,7 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { LiHTMLAttributes } from 'react';
-export declare type UnorderedListItemProps = LiHTMLAttributes<HTMLLIElement>;
-export declare const UnorderedListItem: import("react").ForwardRefExoticComponent<UnorderedListItemProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist/cjs/UnorderedListItem.js

@@ -1,29 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UnorderedListItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-exports.UnorderedListItem = react_1.forwardRef((_a, ref) => {
-    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
-    return (jsx_runtime_1.jsx("li", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-unordered-list__item', className) }, { children: children }), void 0));
-});
-exports.UnorderedListItem.displayName = 'UnorderedListItem';

package/dist/cjs/index.d.ts

@@ -1,48 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2022 Robbert Broersma
- */
-export { Article } from './Article';
-export { Backdrop } from './Backdrop';
-export { Button, PrimaryActionButton, SecondaryActionButton, SubtleButton } from './Button';
-export { ButtonLink } from './ButtonLink';
-export { Checkbox } from './Checkbox';
-export { CustomRadioButton } from './CustomRadioButton';
-export { Document } from './Document';
-export { Fieldset } from './Fieldset';
-export { FieldsetLegend } from './FieldsetLegend';
-export { FormField } from './FormField';
-export { FormFieldDescription } from './FormFieldDescription';
-export { FormLabel } from './FormLabel';
-export { HTMLContent } from './HTMLContent';
-export { Heading1 } from './Heading1';
-export { Heading2 } from './Heading2';
-export { Heading3 } from './Heading3';
-export { Heading4 } from './Heading4';
-export { Heading5 } from './Heading5';
-export { Heading6 } from './Heading6';
-export { Link } from './Link';
-export { OrderedList } from './OrderedList';
-export { OrderedListItem } from './OrderedListItem';
-export { Page } from './Page';
-export { PageContent } from './PageContent';
-export { PageFooter } from './PageFooter';
-export { PageHeader } from './PageHeader';
-export { Paragraph } from './Paragraph';
-export { RadioButton } from './RadioButton';
-export { Select, SelectOption } from './Select';
-export { Separator } from './Separator';
-export { Surface } from './Surface';
-export { Table } from './Table';
-export { TableBody } from './TableBody';
-export { TableCaption } from './TableCaption';
-export { TableCell } from './TableCell';
-export { TableFooter } from './TableFooter';
-export { TableHeader } from './TableHeader';
-export { TableHeaderCell } from './TableHeaderCell';
-export { TableRow } from './TableRow';
-export { Textarea } from './Textarea';
-export { Textbox } from './Textbox';
-export { URLValue } from './URLValue';
-export { UnorderedList } from './UnorderedList';
-export { UnorderedListItem } from './UnorderedListItem';

package/dist/cjs/index.js

@@ -1,99 +0,0 @@
-"use strict";
-/**
- * @license EUPL-1.2
- * Copyright (c) 2022 Robbert Broersma
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-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;
-var Article_1 = require("./Article");
-Object.defineProperty(exports, "Article", { enumerable: true, get: function () { return Article_1.Article; } });
-var Backdrop_1 = require("./Backdrop");
-Object.defineProperty(exports, "Backdrop", { enumerable: true, get: function () { return Backdrop_1.Backdrop; } });
-var Button_1 = require("./Button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
-Object.defineProperty(exports, "PrimaryActionButton", { enumerable: true, get: function () { return Button_1.PrimaryActionButton; } });
-Object.defineProperty(exports, "SecondaryActionButton", { enumerable: true, get: function () { return Button_1.SecondaryActionButton; } });
-Object.defineProperty(exports, "SubtleButton", { enumerable: true, get: function () { return Button_1.SubtleButton; } });
-var ButtonLink_1 = require("./ButtonLink");
-Object.defineProperty(exports, "ButtonLink", { enumerable: true, get: function () { return ButtonLink_1.ButtonLink; } });
-var Checkbox_1 = require("./Checkbox");
-Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
-var CustomRadioButton_1 = require("./CustomRadioButton");
-Object.defineProperty(exports, "CustomRadioButton", { enumerable: true, get: function () { return CustomRadioButton_1.CustomRadioButton; } });
-var Document_1 = require("./Document");
-Object.defineProperty(exports, "Document", { enumerable: true, get: function () { return Document_1.Document; } });
-var Fieldset_1 = require("./Fieldset");
-Object.defineProperty(exports, "Fieldset", { enumerable: true, get: function () { return Fieldset_1.Fieldset; } });
-var FieldsetLegend_1 = require("./FieldsetLegend");
-Object.defineProperty(exports, "FieldsetLegend", { enumerable: true, get: function () { return FieldsetLegend_1.FieldsetLegend; } });
-var FormField_1 = require("./FormField");
-Object.defineProperty(exports, "FormField", { enumerable: true, get: function () { return FormField_1.FormField; } });
-var FormFieldDescription_1 = require("./FormFieldDescription");
-Object.defineProperty(exports, "FormFieldDescription", { enumerable: true, get: function () { return FormFieldDescription_1.FormFieldDescription; } });
-var FormLabel_1 = require("./FormLabel");
-Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
-var HTMLContent_1 = require("./HTMLContent");
-Object.defineProperty(exports, "HTMLContent", { enumerable: true, get: function () { return HTMLContent_1.HTMLContent; } });
-var Heading1_1 = require("./Heading1");
-Object.defineProperty(exports, "Heading1", { enumerable: true, get: function () { return Heading1_1.Heading1; } });
-var Heading2_1 = require("./Heading2");
-Object.defineProperty(exports, "Heading2", { enumerable: true, get: function () { return Heading2_1.Heading2; } });
-var Heading3_1 = require("./Heading3");
-Object.defineProperty(exports, "Heading3", { enumerable: true, get: function () { return Heading3_1.Heading3; } });
-var Heading4_1 = require("./Heading4");
-Object.defineProperty(exports, "Heading4", { enumerable: true, get: function () { return Heading4_1.Heading4; } });
-var Heading5_1 = require("./Heading5");
-Object.defineProperty(exports, "Heading5", { enumerable: true, get: function () { return Heading5_1.Heading5; } });
-var Heading6_1 = require("./Heading6");
-Object.defineProperty(exports, "Heading6", { enumerable: true, get: function () { return Heading6_1.Heading6; } });
-var Link_1 = require("./Link");
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
-var OrderedList_1 = require("./OrderedList");
-Object.defineProperty(exports, "OrderedList", { enumerable: true, get: function () { return OrderedList_1.OrderedList; } });
-var OrderedListItem_1 = require("./OrderedListItem");
-Object.defineProperty(exports, "OrderedListItem", { enumerable: true, get: function () { return OrderedListItem_1.OrderedListItem; } });
-var Page_1 = require("./Page");
-Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
-var PageContent_1 = require("./PageContent");
-Object.defineProperty(exports, "PageContent", { enumerable: true, get: function () { return PageContent_1.PageContent; } });
-var PageFooter_1 = require("./PageFooter");
-Object.defineProperty(exports, "PageFooter", { enumerable: true, get: function () { return PageFooter_1.PageFooter; } });
-var PageHeader_1 = require("./PageHeader");
-Object.defineProperty(exports, "PageHeader", { enumerable: true, get: function () { return PageHeader_1.PageHeader; } });
-var Paragraph_1 = require("./Paragraph");
-Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return Paragraph_1.Paragraph; } });
-var RadioButton_1 = require("./RadioButton");
-Object.defineProperty(exports, "RadioButton", { enumerable: true, get: function () { return RadioButton_1.RadioButton; } });
-var Select_1 = require("./Select");
-Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
-Object.defineProperty(exports, "SelectOption", { enumerable: true, get: function () { return Select_1.SelectOption; } });
-var Separator_1 = require("./Separator");
-Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return Separator_1.Separator; } });
-var Surface_1 = require("./Surface");
-Object.defineProperty(exports, "Surface", { enumerable: true, get: function () { return Surface_1.Surface; } });
-var Table_1 = require("./Table");
-Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return Table_1.Table; } });
-var TableBody_1 = require("./TableBody");
-Object.defineProperty(exports, "TableBody", { enumerable: true, get: function () { return TableBody_1.TableBody; } });
-var TableCaption_1 = require("./TableCaption");
-Object.defineProperty(exports, "TableCaption", { enumerable: true, get: function () { return TableCaption_1.TableCaption; } });
-var TableCell_1 = require("./TableCell");
-Object.defineProperty(exports, "TableCell", { enumerable: true, get: function () { return TableCell_1.TableCell; } });
-var TableFooter_1 = require("./TableFooter");
-Object.defineProperty(exports, "TableFooter", { enumerable: true, get: function () { return TableFooter_1.TableFooter; } });
-var TableHeader_1 = require("./TableHeader");
-Object.defineProperty(exports, "TableHeader", { enumerable: true, get: function () { return TableHeader_1.TableHeader; } });
-var TableHeaderCell_1 = require("./TableHeaderCell");
-Object.defineProperty(exports, "TableHeaderCell", { enumerable: true, get: function () { return TableHeaderCell_1.TableHeaderCell; } });
-var TableRow_1 = require("./TableRow");
-Object.defineProperty(exports, "TableRow", { enumerable: true, get: function () { return TableRow_1.TableRow; } });
-var Textarea_1 = require("./Textarea");
-Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
-var Textbox_1 = require("./Textbox");
-Object.defineProperty(exports, "Textbox", { enumerable: true, get: function () { return Textbox_1.Textbox; } });
-var URLValue_1 = require("./URLValue");
-Object.defineProperty(exports, "URLValue", { enumerable: true, get: function () { return URLValue_1.URLValue; } });
-var UnorderedList_1 = require("./UnorderedList");
-Object.defineProperty(exports, "UnorderedList", { enumerable: true, get: function () { return UnorderedList_1.UnorderedList; } });
-var UnorderedListItem_1 = require("./UnorderedListItem");
-Object.defineProperty(exports, "UnorderedListItem", { enumerable: true, get: function () { return UnorderedListItem_1.UnorderedListItem; } });