@utrecht/component-library-react 1.0.0-alpha.1 → 1.0.0-alpha.4

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 (127) hide show
  1. package/README.md +46 -46
  2. package/dist/{Article.d.ts → cjs/Article.d.ts} +1 -2
  3. package/dist/cjs/Article.js +29 -0
  4. package/dist/{Backdrop.d.ts → cjs/Backdrop.d.ts} +0 -0
  5. package/dist/cjs/Backdrop.js +29 -0
  6. package/dist/{Button.d.ts → cjs/Button.d.ts} +1 -2
  7. package/dist/cjs/Button.js +25 -0
  8. package/dist/{Checkbox.d.ts → cjs/Checkbox.d.ts} +1 -2
  9. package/dist/cjs/Checkbox.js +25 -0
  10. package/dist/{Document.d.ts → cjs/Document.d.ts} +0 -0
  11. package/dist/cjs/Document.js +29 -0
  12. package/dist/{Fieldset.d.ts → cjs/Fieldset.d.ts} +1 -2
  13. package/dist/cjs/Fieldset.js +25 -0
  14. package/dist/{FieldsetLegend.d.ts → cjs/FieldsetLegend.d.ts} +1 -2
  15. package/dist/cjs/FieldsetLegend.js +25 -0
  16. package/dist/{FormField.d.ts → cjs/FormField.d.ts} +1 -2
  17. package/dist/cjs/FormField.js +25 -0
  18. package/dist/{FormFieldDescription.d.ts → cjs/FormFieldDescription.d.ts} +1 -2
  19. package/dist/cjs/FormFieldDescription.js +25 -0
  20. package/dist/{FormLabel.d.ts → cjs/FormLabel.d.ts} +1 -2
  21. package/dist/cjs/FormLabel.js +25 -0
  22. package/dist/{HTMLContent.d.ts → cjs/HTMLContent.d.ts} +0 -0
  23. package/dist/cjs/HTMLContent.js +29 -0
  24. package/dist/{Heading1.d.ts → cjs/Heading1.d.ts} +1 -2
  25. package/dist/cjs/Heading1.js +29 -0
  26. package/dist/{Heading2.d.ts → cjs/Heading2.d.ts} +1 -2
  27. package/dist/cjs/Heading2.js +29 -0
  28. package/dist/{Heading3.d.ts → cjs/Heading3.d.ts} +1 -2
  29. package/dist/cjs/Heading3.js +29 -0
  30. package/dist/{Heading4.d.ts → cjs/Heading4.d.ts} +1 -2
  31. package/dist/cjs/Heading4.js +29 -0
  32. package/dist/{Heading5.d.ts → cjs/Heading5.d.ts} +1 -2
  33. package/dist/cjs/Heading5.js +29 -0
  34. package/dist/{Heading6.d.ts → cjs/Heading6.d.ts} +1 -2
  35. package/dist/cjs/Heading6.js +29 -0
  36. package/dist/{Link.d.ts → cjs/Link.d.ts} +1 -2
  37. package/dist/{Link.js → cjs/Link.js} +12 -6
  38. package/dist/{OrderedList.d.ts → cjs/OrderedList.d.ts} +1 -2
  39. package/dist/cjs/OrderedList.js +29 -0
  40. package/dist/{OrderedListItem.d.ts → cjs/OrderedListItem.d.ts} +1 -2
  41. package/dist/cjs/OrderedListItem.js +29 -0
  42. package/dist/{Page.d.ts → cjs/Page.d.ts} +0 -0
  43. package/dist/{Page.js → cjs/Page.js} +12 -6
  44. package/dist/{PageContent.d.ts → cjs/PageContent.d.ts} +2 -3
  45. package/dist/cjs/PageContent.js +34 -0
  46. package/dist/{PageFooter.d.ts → cjs/PageFooter.d.ts} +0 -0
  47. package/dist/cjs/PageFooter.js +29 -0
  48. package/dist/{PageHeader.d.ts → cjs/PageHeader.d.ts} +0 -0
  49. package/dist/cjs/PageHeader.js +29 -0
  50. package/dist/{Paragraph.d.ts → cjs/Paragraph.d.ts} +1 -2
  51. package/dist/cjs/Paragraph.js +29 -0
  52. package/dist/{RadioButton.d.ts → cjs/RadioButton.d.ts} +1 -2
  53. package/dist/cjs/RadioButton.js +25 -0
  54. package/dist/{Select.d.ts → cjs/Select.d.ts} +2 -3
  55. package/dist/cjs/Select.js +31 -0
  56. package/dist/{Separator.d.ts → cjs/Separator.d.ts} +1 -2
  57. package/dist/{Separator.js → cjs/Separator.js} +12 -6
  58. package/dist/{Surface.d.ts → cjs/Surface.d.ts} +0 -0
  59. package/dist/{Surface.js → cjs/Surface.js} +12 -6
  60. package/dist/{Table.d.ts → cjs/Table.d.ts} +1 -2
  61. package/dist/{Table.js → cjs/Table.js} +12 -6
  62. package/dist/{TableBody.d.ts → cjs/TableBody.d.ts} +1 -2
  63. package/dist/cjs/TableBody.js +29 -0
  64. package/dist/{TableCaption.d.ts → cjs/TableCaption.d.ts} +1 -2
  65. package/dist/cjs/TableCaption.js +29 -0
  66. package/dist/{TableCell.d.ts → cjs/TableCell.d.ts} +1 -2
  67. package/dist/cjs/TableCell.js +29 -0
  68. package/dist/{TableFooter.d.ts → cjs/TableFooter.d.ts} +1 -2
  69. package/dist/cjs/TableFooter.js +29 -0
  70. package/dist/{TableHeader.d.ts → cjs/TableHeader.d.ts} +1 -2
  71. package/dist/cjs/TableHeader.js +29 -0
  72. package/dist/{TableHeaderCell.d.ts → cjs/TableHeaderCell.d.ts} +1 -2
  73. package/dist/cjs/TableHeaderCell.js +29 -0
  74. package/dist/{TableRow.d.ts → cjs/TableRow.d.ts} +1 -2
  75. package/dist/cjs/TableRow.js +29 -0
  76. package/dist/{Textarea.d.ts → cjs/Textarea.d.ts} +1 -2
  77. package/dist/cjs/Textarea.js +25 -0
  78. package/dist/{Textbox.d.ts → cjs/Textbox.d.ts} +1 -2
  79. package/dist/cjs/Textbox.js +25 -0
  80. package/dist/{URLValue.d.ts → cjs/URLValue.d.ts} +0 -0
  81. package/dist/{URLValue.js → cjs/URLValue.js} +12 -6
  82. package/dist/{UnorderedList.d.ts → cjs/UnorderedList.d.ts} +1 -2
  83. package/dist/cjs/UnorderedList.js +29 -0
  84. package/dist/{UnorderedListItem.d.ts → cjs/UnorderedListItem.d.ts} +0 -0
  85. package/dist/cjs/UnorderedListItem.js +29 -0
  86. package/dist/{index.d.ts → cjs/index.d.ts} +0 -0
  87. package/dist/cjs/index.js +92 -0
  88. package/dist/cjs/tsconfig.tsbuildinfo +2533 -0
  89. package/package.json +184 -11
  90. package/dist/Article.js +0 -23
  91. package/dist/Backdrop.js +0 -23
  92. package/dist/Button.js +0 -19
  93. package/dist/Checkbox.js +0 -19
  94. package/dist/Document.js +0 -23
  95. package/dist/Fieldset.js +0 -19
  96. package/dist/FieldsetLegend.js +0 -19
  97. package/dist/FormField.js +0 -19
  98. package/dist/FormFieldDescription.js +0 -19
  99. package/dist/FormLabel.js +0 -19
  100. package/dist/HTMLContent.js +0 -23
  101. package/dist/Heading1.js +0 -23
  102. package/dist/Heading2.js +0 -23
  103. package/dist/Heading3.js +0 -23
  104. package/dist/Heading4.js +0 -23
  105. package/dist/Heading5.js +0 -23
  106. package/dist/Heading6.js +0 -23
  107. package/dist/OrderedList.js +0 -23
  108. package/dist/OrderedListItem.js +0 -23
  109. package/dist/PageContent.js +0 -28
  110. package/dist/PageFooter.js +0 -23
  111. package/dist/PageHeader.js +0 -23
  112. package/dist/Paragraph.js +0 -23
  113. package/dist/RadioButton.js +0 -19
  114. package/dist/Select.js +0 -25
  115. package/dist/TableBody.js +0 -23
  116. package/dist/TableCaption.js +0 -23
  117. package/dist/TableCell.js +0 -23
  118. package/dist/TableFooter.js +0 -23
  119. package/dist/TableHeader.js +0 -23
  120. package/dist/TableHeaderCell.js +0 -23
  121. package/dist/TableRow.js +0 -23
  122. package/dist/Textarea.js +0 -19
  123. package/dist/Textbox.js +0 -19
  124. package/dist/UnorderedList.js +0 -23
  125. package/dist/UnorderedListItem.js +0 -23
  126. package/dist/index.js +0 -46
  127. package/dist/tsconfig.tsbuildinfo +0 -2533
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.1",
2
+ "version": "1.0.0-alpha.4",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "React component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -17,14 +17,187 @@
17
17
  },
18
18
  "sideEffects": false,
19
19
  "scripts": {
20
- "build": "tsc --project .",
20
+ "build": "tsc --project ./tsconfig.json",
21
21
  "clean": "rimraf dist/",
22
22
  "lint": "tsc --project ./tsconfig.json --noEmit && tsc --noEmit --project ./tsconfig.test.json",
23
23
  "test": "NODE_OPTIONS=--experimental-vm-modules jest --verbose"
24
24
  },
25
- "main": "./dist/index.js",
26
- "module": "./dist/index.js",
27
- "types": "./dist/index.d.ts",
25
+ "main": "./dist/cjs/index.js",
26
+ "types": "./dist/cjs/index.d.ts",
27
+ "exports": {
28
+ ".": {
29
+ "types": "./dist/cjs/index.d.ts",
30
+ "default": "./dist/cjs/index.js"
31
+ },
32
+ "./Article": {
33
+ "types": "./dist/Article.d.ts",
34
+ "default": "./dist/cjs/Article.js"
35
+ },
36
+ "./Backdrop": {
37
+ "types": "./dist/Backdrop.d.ts",
38
+ "default": "./dist/cjs/Backdrop.js"
39
+ },
40
+ "./Button": {
41
+ "types": "./dist/Button.d.ts",
42
+ "default": "./dist/cjs/Button.js"
43
+ },
44
+ "./Checkbox": {
45
+ "types": "./dist/Checkbox.d.ts",
46
+ "default": "./dist/cjs/Checkbox.js"
47
+ },
48
+ "./Document": {
49
+ "types": "./dist/Document.d.ts",
50
+ "default": "./dist/cjs/Document.js"
51
+ },
52
+ "./Fieldset": {
53
+ "types": "./dist/Fieldset.d.ts",
54
+ "default": "./dist/cjs/Fieldset.js"
55
+ },
56
+ "./FieldsetLegend": {
57
+ "types": "./dist/FieldsetLegend.d.ts",
58
+ "default": "./dist/cjs/FieldsetLegend.js"
59
+ },
60
+ "./FormField": {
61
+ "types": "./dist/FormField.d.ts",
62
+ "default": "./dist/cjs/FormField.js"
63
+ },
64
+ "./FormFieldDescription": {
65
+ "types": "./dist/FormFieldDescription.d.ts",
66
+ "default": "./dist/cjs/FormFieldDescription.js"
67
+ },
68
+ "./FormLabel": {
69
+ "types": "./dist/FormLabel.d.ts",
70
+ "default": "./dist/cjs/FormLabel.js"
71
+ },
72
+ "./HTMLContent": {
73
+ "types": "./dist/HTMLContent.d.ts",
74
+ "default": "./dist/cjs/HTMLContent.js"
75
+ },
76
+ "./Heading1": {
77
+ "types": "./dist/Heading1.d.ts",
78
+ "default": "./dist/cjs/Heading1.js"
79
+ },
80
+ "./Heading2": {
81
+ "types": "./dist/Heading2.d.ts",
82
+ "default": "./dist/cjs/Heading2.js"
83
+ },
84
+ "./Heading3": {
85
+ "types": "./dist/Heading3.d.ts",
86
+ "default": "./dist/cjs/Heading3.js"
87
+ },
88
+ "./Heading4": {
89
+ "types": "./dist/Heading4.d.ts",
90
+ "default": "./dist/cjs/Heading4.js"
91
+ },
92
+ "./Heading5": {
93
+ "types": "./dist/Heading5.d.ts",
94
+ "default": "./dist/cjs/Heading5.js"
95
+ },
96
+ "./Heading6": {
97
+ "types": "./dist/Heading6.d.ts",
98
+ "default": "./dist/cjs/Heading6.js"
99
+ },
100
+ "./Link": {
101
+ "types": "./dist/Link.d.ts",
102
+ "default": "./dist/cjs/Link.js"
103
+ },
104
+ "./OrderedList": {
105
+ "types": "./dist/OrderedList.d.ts",
106
+ "default": "./dist/cjs/OrderedList.js"
107
+ },
108
+ "./OrderedListItem": {
109
+ "types": "./dist/OrderedListItem.d.ts",
110
+ "default": "./dist/cjs/OrderedListItem.js"
111
+ },
112
+ "./Page": {
113
+ "types": "./dist/Page.d.ts",
114
+ "default": "./dist/cjs/Page.js"
115
+ },
116
+ "./PageContent": {
117
+ "types": "./dist/PageContent.d.ts",
118
+ "default": "./dist/cjs/PageContent.js"
119
+ },
120
+ "./PageFooter": {
121
+ "types": "./dist/PageFooter.d.ts",
122
+ "default": "./dist/cjs/PageFooter.js"
123
+ },
124
+ "./PageHeader": {
125
+ "types": "./dist/PageHeader.d.ts",
126
+ "default": "./dist/cjs/PageHeader.js"
127
+ },
128
+ "./Paragraph": {
129
+ "types": "./dist/Paragraph.d.ts",
130
+ "default": "./dist/cjs/Paragraph.js"
131
+ },
132
+ "./RadioButton": {
133
+ "types": "./dist/RadioButton.d.ts",
134
+ "default": "./dist/cjs/RadioButton.js"
135
+ },
136
+ "./Select": {
137
+ "types": "./dist/Select.d.ts",
138
+ "default": "./dist/cjs/Select.js"
139
+ },
140
+ "./Separator": {
141
+ "types": "./dist/Separator.d.ts",
142
+ "default": "./dist/cjs/Separator.js"
143
+ },
144
+ "./Surface": {
145
+ "types": "./dist/Surface.d.ts",
146
+ "default": "./dist/cjs/Surface.js"
147
+ },
148
+ "./Table": {
149
+ "types": "./dist/Table.d.ts",
150
+ "default": "./dist/cjs/Table.js"
151
+ },
152
+ "./TableBody": {
153
+ "types": "./dist/TableBody.d.ts",
154
+ "default": "./dist/cjs/TableBody.js"
155
+ },
156
+ "./TableCaption": {
157
+ "types": "./dist/TableCaption.d.ts",
158
+ "default": "./dist/cjs/TableCaption.js"
159
+ },
160
+ "./TableCell": {
161
+ "types": "./dist/TableCell.d.ts",
162
+ "default": "./dist/cjs/TableCell.js"
163
+ },
164
+ "./TableFooter": {
165
+ "types": "./dist/TableFooter.d.ts",
166
+ "default": "./dist/cjs/TableFooter.js"
167
+ },
168
+ "./TableHeader": {
169
+ "types": "./dist/TableHeader.d.ts",
170
+ "default": "./dist/cjs/TableHeader.js"
171
+ },
172
+ "./TableHeaderCell": {
173
+ "types": "./dist/TableHeaderCell.d.ts",
174
+ "default": "./dist/cjs/TableHeaderCell.js"
175
+ },
176
+ "./TableRow": {
177
+ "types": "./dist/TableRow.d.ts",
178
+ "default": "./dist/cjs/TableRow.js"
179
+ },
180
+ "./Textarea": {
181
+ "types": "./dist/Textarea.d.ts",
182
+ "default": "./dist/cjs/Textarea.js"
183
+ },
184
+ "./Textbox": {
185
+ "types": "./dist/Textbox.d.ts",
186
+ "default": "./dist/cjs/Textbox.js"
187
+ },
188
+ "./URLValue": {
189
+ "types": "./dist/URLValue.d.ts",
190
+ "default": "./dist/cjs/URLValue.js"
191
+ },
192
+ "./UnorderedList": {
193
+ "types": "./dist/UnorderedList.d.ts",
194
+ "default": "./dist/cjs/UnorderedList.js"
195
+ },
196
+ "./UnorderedListItem": {
197
+ "types": "./dist/UnorderedListItem.d.ts",
198
+ "default": "./dist/cjs/UnorderedListItem.js"
199
+ }
200
+ },
28
201
  "files": [
29
202
  "dist/"
30
203
  ],
@@ -32,12 +205,12 @@
32
205
  "clsx": "1.1.1"
33
206
  },
34
207
  "devDependencies": {
35
- "@testing-library/jest-dom": "5.16.2",
36
- "@testing-library/react": "12.1.3",
37
- "@testing-library/user-event": "14.0.4",
38
- "@types/react": "17.0.39",
208
+ "@testing-library/jest-dom": "5.16.4",
209
+ "@testing-library/react": "12.1.5",
210
+ "@testing-library/user-event": "14.1.1",
211
+ "@types/react": "17.0.44",
39
212
  "jest": "27.5.1",
40
- "next": "12.1.0",
213
+ "next": "12.1.5",
41
214
  "npm-run-all": "4.1.5",
42
215
  "react": "17.0.2",
43
216
  "react-dom": "17.0.2",
@@ -48,5 +221,5 @@
48
221
  "react": "^17.0.0",
49
222
  "react-dom": "^17.0.0"
50
223
  },
51
- "gitHead": "99098b8b9d047959fc561752b3e76265cc6f427c"
224
+ "gitHead": "7e7bbdee2da3d64d8b86d08ab00aa4d165ba4c5f"
52
225
  }
package/dist/Article.js DELETED
@@ -1,23 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- /**
14
- * @license EUPL-1.2
15
- * Copyright (c) 2021 Robbert Broersma
16
- */
17
- import clsx from 'clsx';
18
- import { forwardRef } from 'react';
19
- export const Article = forwardRef((_a, ref) => {
20
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
21
- return (_jsx("article", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-article', className) }, { children: children }), void 0));
22
- });
23
- Article.displayName = 'utrecht-article';
package/dist/Backdrop.js DELETED
@@ -1,23 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- /**
14
- * @license EUPL-1.2
15
- * Copyright (c) 2021 Robbert Broersma
16
- */
17
- import clsx from 'clsx';
18
- import { forwardRef } from 'react';
19
- export const Backdrop = forwardRef((_a, ref) => {
20
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
21
- return (_jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-backdrop', className) }, { children: children }), void 0));
22
- });
23
- Backdrop.displayName = 'utrecht-backdrop';
package/dist/Button.js DELETED
@@ -1,19 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import clsx from 'clsx';
14
- import { forwardRef } from 'react';
15
- export const Button = forwardRef((_a, ref) => {
16
- var { busy, disabled, children, className, type } = _a, restProps = __rest(_a, ["busy", "disabled", "children", "className", "type"]);
17
- return (_jsx("button", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', className), "aria-busy": busy || undefined, disabled: disabled, type: type || 'button' }, { children: children }), void 0));
18
- });
19
- Button.displayName = 'utrecht-button';
package/dist/Checkbox.js DELETED
@@ -1,19 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import clsx from 'clsx';
14
- import { forwardRef } from 'react';
15
- export const Checkbox = forwardRef((_a, ref) => {
16
- var { disabled, invalid, required, className } = _a, restProps = __rest(_a, ["disabled", "invalid", "required", "className"]);
17
- return (_jsx("input", Object.assign({}, restProps, { ref: ref, type: "checkbox", className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', disabled && 'utrecht-checkbox--disabled', invalid && 'utrecht-checkbox--invalid', required && 'utrecht-checkbox--required', className), "aria-invalid": invalid || undefined, disabled: disabled, required: required }), void 0));
18
- });
19
- Checkbox.displayName = 'utrecht-checkbox';
package/dist/Document.js DELETED
@@ -1,23 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- /**
14
- * @license EUPL-1.2
15
- * Copyright (c) 2021 Robbert Broersma
16
- */
17
- import clsx from 'clsx';
18
- import { forwardRef } from 'react';
19
- export const Document = forwardRef((_a, ref) => {
20
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
21
- return (_jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-document', className) }, { children: children }), void 0));
22
- });
23
- Document.displayName = 'utrecht-document';
package/dist/Fieldset.js DELETED
@@ -1,19 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import clsx from 'clsx';
14
- import { forwardRef } from 'react';
15
- export const Fieldset = forwardRef((_a, ref) => {
16
- var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
17
- return (_jsx("fieldset", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-form-fieldset', 'utrecht-form-fieldset--reset-fieldset', className) }, { children: children }), void 0));
18
- });
19
- Fieldset.displayName = 'utrecht-form-fieldset';
@@ -1,19 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import clsx from 'clsx';
14
- import { forwardRef } from 'react';
15
- export const FieldsetLegend = forwardRef((_a, ref) => {
16
- var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
17
- return (_jsx("legend", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--reset-legend', className) }, { children: children }), void 0));
18
- });
19
- FieldsetLegend.displayName = 'utrecht-form-fieldset__legend';
package/dist/FormField.js DELETED
@@ -1,19 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import clsx from 'clsx';
14
- import { forwardRef } from 'react';
15
- export const FormField = forwardRef((_a, ref) => {
16
- var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
17
- return (_jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-form-field', 'utrecht-form-field--distanced', className) }, { children: children }), void 0));
18
- });
19
- FormField.displayName = 'utrecht-form-field';
@@ -1,19 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import clsx from 'clsx';
14
- import { forwardRef } from 'react';
15
- export const FormFieldDescription = forwardRef((_a, ref) => {
16
- var { invalid, valid, warning, className, children } = _a, restProps = __rest(_a, ["invalid", "valid", "warning", "className", "children"]);
17
- return (_jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-form-field-description', invalid && 'utrecht-form-field-description--invalid', valid && 'utrecht-form-field-description--valid', warning && 'utrecht-form-field-description--warning', className) }, { children: children }), void 0));
18
- });
19
- FormFieldDescription.displayName = 'utrecht-form-field-description';
package/dist/FormLabel.js DELETED
@@ -1,19 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import clsx from 'clsx';
14
- import { forwardRef } from 'react';
15
- export const FormLabel = forwardRef((_a, ref) => {
16
- var { children, className, type, disabled, checked } = _a, restProps = __rest(_a, ["children", "className", "type", "disabled", "checked"]);
17
- return (_jsx("label", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-form-label', type && `utrecht-form-label--${type}`, disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className) }, { children: children }), void 0));
18
- });
19
- FormLabel.displayName = 'utrecht-form-label';
@@ -1,23 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- /**
14
- * @license EUPL-1.2
15
- * Copyright (c) 2021 Robbert Broersma
16
- */
17
- import clsx from 'clsx';
18
- import { forwardRef } from 'react';
19
- export const HTMLContent = forwardRef((_a, ref) => {
20
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
21
- return (_jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-html', className) }, { children: children }), void 0));
22
- });
23
- HTMLContent.displayName = 'utrecht-html';
package/dist/Heading1.js DELETED
@@ -1,23 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- /**
14
- * @license EUPL-1.2
15
- * Copyright (c) 2021 Robbert Broersma
16
- */
17
- import clsx from 'clsx';
18
- import { forwardRef } from 'react';
19
- export const Heading1 = forwardRef((_a, ref) => {
20
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
21
- return (_jsx("h1", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-heading-1', className) }, { children: children }), void 0));
22
- });
23
- Heading1.displayName = 'utrecht-heading-1';
package/dist/Heading2.js DELETED
@@ -1,23 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- /**
14
- * @license EUPL-1.2
15
- * Copyright (c) 2021 Robbert Broersma
16
- */
17
- import clsx from 'clsx';
18
- import { forwardRef } from 'react';
19
- export const Heading2 = forwardRef((_a, ref) => {
20
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
21
- return (_jsx("h2", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-heading-2', className) }, { children: children }), void 0));
22
- });
23
- Heading2.displayName = 'utrecht-heading-2';
package/dist/Heading3.js DELETED
@@ -1,23 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- /**
14
- * @license EUPL-1.2
15
- * Copyright (c) 2021 Robbert Broersma
16
- */
17
- import clsx from 'clsx';
18
- import { forwardRef } from 'react';
19
- export const Heading3 = forwardRef((_a, ref) => {
20
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
21
- return (_jsx("h3", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-heading-3', className) }, { children: children }), void 0));
22
- });
23
- Heading3.displayName = 'utrecht-heading-3';
package/dist/Heading4.js DELETED
@@ -1,23 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- /**
14
- * @license EUPL-1.2
15
- * Copyright (c) 2021 Robbert Broersma
16
- */
17
- import clsx from 'clsx';
18
- import { forwardRef } from 'react';
19
- export const Heading4 = forwardRef((_a, ref) => {
20
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
21
- return (_jsx("h4", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-heading-4', className) }, { children: children }), void 0));
22
- });
23
- Heading4.displayName = 'utrecht-heading-4';
package/dist/Heading5.js DELETED
@@ -1,23 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- /**
14
- * @license EUPL-1.2
15
- * Copyright (c) 2021 Robbert Broersma
16
- */
17
- import clsx from 'clsx';
18
- import { forwardRef } from 'react';
19
- export const Heading5 = forwardRef((_a, ref) => {
20
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
21
- return (_jsx("h5", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-heading-5', className) }, { children: children }), void 0));
22
- });
23
- Heading5.displayName = 'utrecht-heading-5';
package/dist/Heading6.js DELETED
@@ -1,23 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- /**
14
- * @license EUPL-1.2
15
- * Copyright (c) 2021 Robbert Broersma
16
- */
17
- import clsx from 'clsx';
18
- import { forwardRef } from 'react';
19
- export const Heading6 = forwardRef((_a, ref) => {
20
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
21
- return (_jsx("h6", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-heading-6', className) }, { children: children }), void 0));
22
- });
23
- Heading6.displayName = 'utrecht-heading-6';
@@ -1,23 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- /**
14
- * @license EUPL-1.2
15
- * Copyright (c) 2021 Robbert Broersma
16
- */
17
- import clsx from 'clsx';
18
- import { forwardRef } from 'react';
19
- export const OrderedList = forwardRef((_a, ref) => {
20
- var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
21
- return (_jsx("ol", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-ordered-list', className) }, { children: children }), void 0));
22
- });
23
- OrderedList.displayName = 'utrecht-ordered-list';