@utrecht/component-library-react 1.0.0-alpha.15 → 1.0.0-alpha.151

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 (122) hide show
  1. package/README.md +26 -2
  2. package/dist/{cjs/Article.d.ts → Article.d.ts} +9 -7
  3. package/dist/{cjs/Backdrop.d.ts → Backdrop.d.ts} +9 -7
  4. package/dist/Button.d.ts +27 -0
  5. package/dist/ButtonGroup.d.ts +10 -0
  6. package/dist/ButtonLink.d.ts +13 -0
  7. package/dist/Calendar/CalendarButton.d.ts +5 -0
  8. package/dist/Calendar/CalendarIcon.d.ts +5 -0
  9. package/dist/Calendar/CalendarNavigation.d.ts +5 -0
  10. package/dist/Calendar/CalendarNavigationButtons.d.ts +13 -0
  11. package/dist/Calendar/CalendarNavigationLabel.d.ts +6 -0
  12. package/dist/Calendar/CalendarTableDaysContainer.d.ts +5 -0
  13. package/dist/Calendar/CalendarTableDaysItem.d.ts +5 -0
  14. package/dist/Calendar/CalendarTableDaysItemDay.d.ts +11 -0
  15. package/dist/Calendar/CalendarTableWeeksContainer.d.ts +4 -0
  16. package/dist/Calendar/CalendarTableWeeksItem.d.ts +5 -0
  17. package/dist/Calendar/IconArrowLeft.d.ts +7 -0
  18. package/dist/Calendar/IconArrowLeftDouble.d.ts +7 -0
  19. package/dist/Calendar/IconArrowRight.d.ts +7 -0
  20. package/dist/Calendar/IconArrowRightDouble.d.ts +7 -0
  21. package/dist/Calendar/index.d.ts +41 -0
  22. package/dist/{cjs/Checkbox.d.ts → Checkbox.d.ts} +5 -5
  23. package/dist/CustomRadioButton.d.ts +13 -0
  24. package/dist/DataList.d.ts +28 -0
  25. package/dist/{cjs/Document.d.ts → Document.d.ts} +9 -7
  26. package/dist/{cjs/Fieldset.d.ts → Fieldset.d.ts} +5 -3
  27. package/dist/{cjs/FieldsetLegend.d.ts → FieldsetLegend.d.ts} +5 -3
  28. package/dist/{cjs/FormField.d.ts → FormField.d.ts} +5 -3
  29. package/dist/{cjs/FormFieldDescription.d.ts → FormFieldDescription.d.ts} +9 -7
  30. package/dist/{cjs/FormLabel.d.ts → FormLabel.d.ts} +10 -8
  31. package/dist/{cjs/HTMLContent.d.ts → HTMLContent.d.ts} +9 -7
  32. package/dist/Heading.d.ts +11 -0
  33. package/dist/{cjs/Heading1.d.ts → Heading1.d.ts} +9 -7
  34. package/dist/{cjs/Heading2.d.ts → Heading2.d.ts} +9 -7
  35. package/dist/{cjs/Heading3.d.ts → Heading3.d.ts} +9 -7
  36. package/dist/{cjs/Heading4.d.ts → Heading4.d.ts} +9 -7
  37. package/dist/{cjs/Heading5.d.ts → Heading5.d.ts} +9 -7
  38. package/dist/{cjs/Heading6.d.ts → Heading6.d.ts} +9 -7
  39. package/dist/HeadingGroup.d.ts +9 -0
  40. package/dist/Image.d.ts +9 -0
  41. package/dist/{cjs/Link.d.ts → Link.d.ts} +13 -15
  42. package/dist/LinkButton.d.ts +12 -0
  43. package/dist/LinkSocial.d.ts +12 -0
  44. package/dist/ListSocial.d.ts +13 -0
  45. package/dist/NumberValue.d.ts +11 -0
  46. package/dist/{cjs/OrderedList.d.ts → OrderedList.d.ts} +9 -7
  47. package/dist/{cjs/OrderedListItem.d.ts → OrderedListItem.d.ts} +9 -7
  48. package/dist/{cjs/Page.d.ts → Page.d.ts} +9 -7
  49. package/dist/{cjs/PageContent.d.ts → PageContent.d.ts} +13 -9
  50. package/dist/{cjs/PageFooter.d.ts → PageFooter.d.ts} +9 -7
  51. package/dist/{cjs/PageHeader.d.ts → PageHeader.d.ts} +9 -7
  52. package/dist/{cjs/Paragraph.d.ts → Paragraph.d.ts} +11 -9
  53. package/dist/PreHeading.d.ts +9 -0
  54. package/dist/{cjs/RadioButton.d.ts → RadioButton.d.ts} +5 -5
  55. package/dist/{cjs/Select.d.ts → Select.d.ts} +19 -11
  56. package/dist/{cjs/Separator.d.ts → Separator.d.ts} +7 -7
  57. package/dist/SkipLink.d.ts +5 -0
  58. package/dist/{cjs/Surface.d.ts → Surface.d.ts} +9 -7
  59. package/dist/{cjs/Table.d.ts → Table.d.ts} +9 -7
  60. package/dist/{cjs/TableBody.d.ts → TableBody.d.ts} +9 -7
  61. package/dist/{cjs/TableCaption.d.ts → TableCaption.d.ts} +9 -7
  62. package/dist/{cjs/TableCell.d.ts → TableCell.d.ts} +9 -7
  63. package/dist/{cjs/TableFooter.d.ts → TableFooter.d.ts} +9 -7
  64. package/dist/{cjs/TableHeader.d.ts → TableHeader.d.ts} +9 -7
  65. package/dist/{cjs/TableHeaderCell.d.ts → TableHeaderCell.d.ts} +9 -7
  66. package/dist/{cjs/TableRow.d.ts → TableRow.d.ts} +9 -7
  67. package/dist/{cjs/Textarea.d.ts → Textarea.d.ts} +5 -5
  68. package/dist/{cjs/Textbox.d.ts → Textbox.d.ts} +7 -7
  69. package/dist/{cjs/URLValue.d.ts → URLValue.d.ts} +9 -7
  70. package/dist/{cjs/UnorderedList.d.ts → UnorderedList.d.ts} +9 -7
  71. package/dist/{cjs/UnorderedListItem.d.ts → UnorderedListItem.d.ts} +9 -7
  72. package/dist/index.cjs.js +1474 -0
  73. package/dist/index.cjs.js.map +1 -0
  74. package/dist/{cjs/index.d.ts → index.d.ts} +60 -46
  75. package/dist/index.esm.js +1401 -0
  76. package/dist/index.esm.js.map +1 -0
  77. package/package.json +44 -192
  78. package/dist/cjs/Article.js +0 -29
  79. package/dist/cjs/Backdrop.js +0 -29
  80. package/dist/cjs/Button.d.ts +0 -5
  81. package/dist/cjs/Button.js +0 -25
  82. package/dist/cjs/Checkbox.js +0 -25
  83. package/dist/cjs/Document.js +0 -29
  84. package/dist/cjs/Fieldset.js +0 -25
  85. package/dist/cjs/FieldsetLegend.js +0 -25
  86. package/dist/cjs/FormField.js +0 -25
  87. package/dist/cjs/FormFieldDescription.js +0 -25
  88. package/dist/cjs/FormLabel.js +0 -25
  89. package/dist/cjs/HTMLContent.js +0 -29
  90. package/dist/cjs/Heading1.js +0 -29
  91. package/dist/cjs/Heading2.js +0 -29
  92. package/dist/cjs/Heading3.js +0 -29
  93. package/dist/cjs/Heading4.js +0 -29
  94. package/dist/cjs/Heading5.js +0 -29
  95. package/dist/cjs/Heading6.js +0 -29
  96. package/dist/cjs/Link.js +0 -42
  97. package/dist/cjs/OrderedList.js +0 -29
  98. package/dist/cjs/OrderedListItem.js +0 -29
  99. package/dist/cjs/Page.js +0 -29
  100. package/dist/cjs/PageContent.js +0 -34
  101. package/dist/cjs/PageFooter.js +0 -29
  102. package/dist/cjs/PageHeader.js +0 -29
  103. package/dist/cjs/Paragraph.js +0 -29
  104. package/dist/cjs/RadioButton.js +0 -25
  105. package/dist/cjs/Select.js +0 -31
  106. package/dist/cjs/Separator.js +0 -30
  107. package/dist/cjs/Surface.js +0 -29
  108. package/dist/cjs/Table.js +0 -29
  109. package/dist/cjs/TableBody.js +0 -29
  110. package/dist/cjs/TableCaption.js +0 -29
  111. package/dist/cjs/TableCell.js +0 -29
  112. package/dist/cjs/TableFooter.js +0 -29
  113. package/dist/cjs/TableHeader.js +0 -29
  114. package/dist/cjs/TableHeaderCell.js +0 -29
  115. package/dist/cjs/TableRow.js +0 -29
  116. package/dist/cjs/Textarea.js +0 -25
  117. package/dist/cjs/Textbox.js +0 -25
  118. package/dist/cjs/URLValue.js +0 -29
  119. package/dist/cjs/UnorderedList.js +0 -29
  120. package/dist/cjs/UnorderedListItem.js +0 -29
  121. package/dist/cjs/index.js +0 -92
  122. package/dist/cjs/tsconfig.tsbuildinfo +0 -2533
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.Heading3 = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2021 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.Heading3 = react_1.forwardRef((_a, ref) => {
26
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
27
- return (jsx_runtime_1.jsx("h3", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-heading-3', className) }, { children: children }), void 0));
28
- });
29
- exports.Heading3.displayName = 'utrecht-heading-3';
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.Heading4 = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2021 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.Heading4 = react_1.forwardRef((_a, ref) => {
26
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
27
- return (jsx_runtime_1.jsx("h4", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-heading-4', className) }, { children: children }), void 0));
28
- });
29
- exports.Heading4.displayName = 'utrecht-heading-4';
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.Heading5 = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2021 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.Heading5 = react_1.forwardRef((_a, ref) => {
26
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
27
- return (jsx_runtime_1.jsx("h5", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-heading-5', className) }, { children: children }), void 0));
28
- });
29
- exports.Heading5.displayName = 'utrecht-heading-5';
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.Heading6 = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2021 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.Heading6 = react_1.forwardRef((_a, ref) => {
26
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
27
- return (jsx_runtime_1.jsx("h6", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-heading-6', className) }, { children: children }), void 0));
28
- });
29
- exports.Heading6.displayName = 'utrecht-heading-6';
package/dist/cjs/Link.js DELETED
@@ -1,42 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.Link = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2021 Gemeente Utrecht
22
- * Copyright (c) 2021 Robbert Broersma
23
- */
24
- const clsx_1 = __importDefault(require("clsx"));
25
- const react_1 = require("react");
26
- exports.Link = react_1.forwardRef((_a, ref) => {
27
- var { children, className, activeStyle, external, focusStyle, focusVisibleStyle, hoverStyle, visitedStyle } = _a, restProps = __rest(_a, ["children", "className", "activeStyle", "external", "focusStyle", "focusVisibleStyle", "hoverStyle", "visitedStyle"]);
28
- return (
29
- // "utrecht-link--telephone" does not have a corresponding API,
30
- // since it is primarily a basis for implementing input[href^="tel"].
31
- // Telephone number rendering in React is best achieved using composition
32
- // of the TelephoneValue component.
33
- jsx_runtime_1.jsx("a", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-link', {
34
- 'utrecht-link--active': activeStyle,
35
- 'utrecht-link--external': external,
36
- 'utrecht-link--focus': focusStyle,
37
- 'utrecht-link--focus-visible': focusVisibleStyle,
38
- 'utrecht-link--hover': hoverStyle,
39
- 'utrecht-link--visited': visitedStyle,
40
- }, className), rel: external ? 'external noopener noreferrer' : undefined }, { children: children }), void 0));
41
- });
42
- exports.Link.displayName = 'utrecht-link';
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.OrderedList = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2021 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.OrderedList = react_1.forwardRef((_a, ref) => {
26
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
27
- return (jsx_runtime_1.jsx("ol", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-ordered-list', className) }, { children: children }), void 0));
28
- });
29
- exports.OrderedList.displayName = 'utrecht-ordered-list';
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.OrderedListItem = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2021 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.OrderedListItem = react_1.forwardRef((_a, ref) => {
26
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
27
- return (jsx_runtime_1.jsx("li", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-ordered-list__item', className) }, { children: children }), void 0));
28
- });
29
- exports.OrderedListItem.displayName = 'utrecht-ordered-list-item';
package/dist/cjs/Page.js DELETED
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.Page = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2021 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.Page = react_1.forwardRef((_a, ref) => {
26
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
27
- return (jsx_runtime_1.jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-page', className) }, { children: children }), void 0));
28
- });
29
- exports.Page.displayName = 'utrecht-page';
@@ -1,34 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.PageContentMain = exports.PageContent = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2021 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.PageContent = react_1.forwardRef((_a, ref) => {
26
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
27
- return (jsx_runtime_1.jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-page-content', className) }, { children: children }), void 0));
28
- });
29
- exports.PageContent.displayName = 'utrecht-page-content';
30
- exports.PageContentMain = react_1.forwardRef((_a, ref) => {
31
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
32
- return (jsx_runtime_1.jsx("main", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-page-content__main', className) }, { children: children }), void 0));
33
- });
34
- exports.PageContentMain.displayName = 'utrecht-page-content-main';
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.PageFooter = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2021 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.PageFooter = react_1.forwardRef((_a, ref) => {
26
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
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
- });
29
- exports.PageFooter.displayName = 'utrecht-page-footer';
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.PageHeader = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2021 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.PageHeader = react_1.forwardRef((_a, ref) => {
26
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
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
- });
29
- exports.PageHeader.displayName = 'utrecht-page-header';
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.Paragraph = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2021 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.Paragraph = react_1.forwardRef((_a, ref) => {
26
- var { children, className, lead } = _a, restProps = __rest(_a, ["children", "className", "lead"]);
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
- });
29
- exports.Paragraph.displayName = 'utrecht-paragraph';
@@ -1,25 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.RadioButton = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- const clsx_1 = __importDefault(require("clsx"));
20
- const react_1 = require("react");
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));
24
- });
25
- exports.RadioButton.displayName = 'utrecht-radio-button';
@@ -1,31 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.SelectOption = exports.Select = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- const clsx_1 = __importDefault(require("clsx"));
20
- const react_1 = require("react");
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));
25
- });
26
- exports.Select.displayName = 'utrecht-radio-button';
27
- exports.SelectOption = react_1.forwardRef((_a, ref) => {
28
- var { disabled, invalid, value, children, className } = _a, restProps = __rest(_a, ["disabled", "invalid", "value", "children", "className"]);
29
- 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
- });
31
- exports.SelectOption.displayName = 'utrecht-select-option';
@@ -1,30 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.Separator = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2021 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- // Do not pass `children` along with `restProps` and use _children as it's unused
26
- exports.Separator = react_1.forwardRef((_a, ref) => {
27
- var { className, children: _children } = _a, restProps = __rest(_a, ["className", "children"]);
28
- return (jsx_runtime_1.jsx("hr", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-separator', className) }), void 0));
29
- });
30
- exports.Separator.displayName = 'utrecht-separator';
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.Surface = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2021 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.Surface = react_1.forwardRef((_a, ref) => {
26
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
27
- return (jsx_runtime_1.jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-surface', className) }, { children: children }), void 0));
28
- });
29
- exports.Surface.displayName = 'utrecht-surface';
package/dist/cjs/Table.js DELETED
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.Table = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2022 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.Table = react_1.forwardRef((_a, ref) => {
26
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
27
- return (jsx_runtime_1.jsx("table", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table', className) }, { children: children }), void 0));
28
- });
29
- exports.Table.displayName = 'utrecht-table';
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.TableBody = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2022 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.TableBody = react_1.forwardRef((_a, ref) => {
26
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
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
- });
29
- exports.TableBody.displayName = 'utrecht-table-body';
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.TableCaption = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2022 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.TableCaption = react_1.forwardRef((_a, ref) => {
26
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
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
- });
29
- exports.TableCaption.displayName = 'utrecht-table-caption';
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.TableCell = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2022 Robbert Broersma
22
- */
23
- const clsx_1 = __importDefault(require("clsx"));
24
- const react_1 = require("react");
25
- exports.TableCell = react_1.forwardRef((_a, ref) => {
26
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
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
- });
29
- exports.TableCell.displayName = 'utrecht-table-cell';