@rijkshuisstijl-community/web-components 1.0.1 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +28 -0
- package/dist/index.mjs +20 -20
- package/package.json +1 -3
- package/dist/types/css.d.ts +0 -4
- package/dist/types/global.d.ts +0 -59
package/dist/index.d.ts
CHANGED
|
@@ -213,3 +213,31 @@ export declare class LinkWebComponent extends BaseWebComponent {
|
|
|
213
213
|
export declare type LinkWebComponentAttributes = LinkProps;
|
|
214
214
|
|
|
215
215
|
export { }
|
|
216
|
+
|
|
217
|
+
|
|
218
|
+
declare global {
|
|
219
|
+
namespace JSX {
|
|
220
|
+
type WebComponentAttributes<T> = DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & T;
|
|
221
|
+
interface IntrinsicElements {
|
|
222
|
+
'rhc-accordion': WebComponentAttributes<AccordionWebComponentAttributes>;
|
|
223
|
+
'rhc-action-group': WebComponentAttributes<ActionGroupWebComponentAttributes>;
|
|
224
|
+
'rhc-alert': WebComponentAttributes<AlertWebComponentAttributes>;
|
|
225
|
+
'rhc-article': WebComponentAttributes<ArticleWebComponentAttributes>;
|
|
226
|
+
'rhc-blockquote': WebComponentAttributes<BlockquoteWebComponentAttributes>;
|
|
227
|
+
'rhc-breadcrumb-nav': WebComponentAttributes<BreadcrumbNavWebComponentAttributes>;
|
|
228
|
+
'rhc-button': WebComponentAttributes<ButtonWebComponentAttributes>;
|
|
229
|
+
'rhc-card': WebComponentAttributes<CardWebComponentAttributes>;
|
|
230
|
+
'rhc-checkbox-group': WebComponentAttributes<CheckboxGroupWebComponentAttributes>;
|
|
231
|
+
'rhc-checkbox': WebComponentAttributes<CheckboxWebComponentAttributes>;
|
|
232
|
+
'rhc-form-checkbox-group': WebComponentAttributes<FormFieldCheckboxGroupAttributes>;
|
|
233
|
+
'rhc-form-checkbox': WebComponentAttributes<FormFieldCheckboxOptionAttributes>;
|
|
234
|
+
'rhc-form-radio': WebComponentAttributes<FormFieldRadioAttributes>;
|
|
235
|
+
'rhc-form-radio-group': WebComponentAttributes<FormFieldRadioGroupAttributes>;
|
|
236
|
+
'rhc-form-select': WebComponentAttributes<FormFieldSelectAttributes>;
|
|
237
|
+
'rhc-form-textinput': WebComponentAttributes<FormFieldTextInputAttributes>;
|
|
238
|
+
'rhc-form-textarea': WebComponentAttributes<FormFieldTextareaAttributes>;
|
|
239
|
+
'rhc-hero': WebComponentAttributes<HeroWebComponentAttributes>;
|
|
240
|
+
'rhc-icon': WebComponentAttributes<IconWebComponentAttributes>;
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
}
|
package/dist/index.mjs
CHANGED
|
@@ -6257,48 +6257,48 @@ class vb extends I {
|
|
|
6257
6257
|
}
|
|
6258
6258
|
render() {
|
|
6259
6259
|
if (!this.shadowRoot) return;
|
|
6260
|
-
const {
|
|
6260
|
+
const { appearance: c, disabled: r, indeterminate: e, inputrequired: o, invalid: n, required: i, classname: h, checked: l, ...u } = this.props;
|
|
6261
6261
|
M(
|
|
6262
6262
|
/* @__PURE__ */ a(
|
|
6263
|
-
|
|
6263
|
+
Qo,
|
|
6264
6264
|
{
|
|
6265
|
-
|
|
6266
|
-
|
|
6267
|
-
|
|
6265
|
+
appearance: c ?? void 0,
|
|
6266
|
+
checked: l === "true",
|
|
6267
|
+
className: h ?? void 0,
|
|
6268
|
+
disabled: r === "true",
|
|
6269
|
+
indeterminate: e === "true",
|
|
6270
|
+
inputRequired: o === "true",
|
|
6271
|
+
invalid: n === "true",
|
|
6272
|
+
required: i === "true",
|
|
6273
|
+
...u
|
|
6268
6274
|
}
|
|
6269
6275
|
),
|
|
6270
6276
|
this.shadowRoot
|
|
6271
6277
|
);
|
|
6272
6278
|
}
|
|
6273
6279
|
}
|
|
6274
|
-
q(vb, "tagName", "rhc-checkbox
|
|
6280
|
+
q(vb, "tagName", "rhc-checkbox");
|
|
6275
6281
|
class mb extends I {
|
|
6276
6282
|
constructor() {
|
|
6277
6283
|
super(S);
|
|
6278
6284
|
}
|
|
6279
6285
|
render() {
|
|
6280
6286
|
if (!this.shadowRoot) return;
|
|
6281
|
-
const {
|
|
6287
|
+
const { classname: c, ...r } = this.props;
|
|
6282
6288
|
M(
|
|
6283
6289
|
/* @__PURE__ */ a(
|
|
6284
|
-
|
|
6290
|
+
ir,
|
|
6285
6291
|
{
|
|
6286
|
-
|
|
6287
|
-
|
|
6288
|
-
|
|
6289
|
-
disabled: r === "true",
|
|
6290
|
-
indeterminate: e === "true",
|
|
6291
|
-
inputRequired: o === "true",
|
|
6292
|
-
invalid: n === "true",
|
|
6293
|
-
required: i === "true",
|
|
6294
|
-
...u
|
|
6292
|
+
className: c ?? void 0,
|
|
6293
|
+
...r,
|
|
6294
|
+
children: /* @__PURE__ */ a("slot", {})
|
|
6295
6295
|
}
|
|
6296
6296
|
),
|
|
6297
6297
|
this.shadowRoot
|
|
6298
6298
|
);
|
|
6299
6299
|
}
|
|
6300
6300
|
}
|
|
6301
|
-
q(mb, "tagName", "rhc-checkbox");
|
|
6301
|
+
q(mb, "tagName", "rhc-checkbox-group");
|
|
6302
6302
|
class kb extends I {
|
|
6303
6303
|
constructor() {
|
|
6304
6304
|
super(S);
|
|
@@ -6614,8 +6614,8 @@ export {
|
|
|
6614
6614
|
bb as BreadcrumbNavWebComponent,
|
|
6615
6615
|
sb as ButtonWebComponent,
|
|
6616
6616
|
gb as CardWebComponent,
|
|
6617
|
-
|
|
6618
|
-
|
|
6617
|
+
mb as CheckboxGroupWebComponent,
|
|
6618
|
+
vb as CheckboxWebComponent,
|
|
6619
6619
|
kb as FormFieldCheckboxGroupWebComponent,
|
|
6620
6620
|
pb as FormFieldCheckboxOptionWebComponent,
|
|
6621
6621
|
xb as FormFieldRadioGroupWebComponent,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rijkshuisstijl-community/web-components",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"author": "Community for NL Design System",
|
|
5
5
|
"description": "Generic web components bundle based on the NL Design System architecture",
|
|
6
6
|
"license": "EUPL-1.2",
|
|
@@ -28,7 +28,6 @@
|
|
|
28
28
|
"@preact/preset-vite": "2.10.1",
|
|
29
29
|
"@types/react": "19.0.8",
|
|
30
30
|
"@vitejs/plugin-react": "4.3.4",
|
|
31
|
-
"cpy-cli": "5.0.0",
|
|
32
31
|
"html-react-parser": "5.2.2",
|
|
33
32
|
"rimraf": "6.0.1",
|
|
34
33
|
"tslib": "2.8.1",
|
|
@@ -45,7 +44,6 @@
|
|
|
45
44
|
"scripts": {
|
|
46
45
|
"prebuild": "npm run clean",
|
|
47
46
|
"build": "vite build",
|
|
48
|
-
"postbuild": "cpy 'types/*.d.ts' dist/types/",
|
|
49
47
|
"clean": "rimraf dist/",
|
|
50
48
|
"start": "vite"
|
|
51
49
|
}
|
package/dist/types/css.d.ts
DELETED
package/dist/types/global.d.ts
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
/* eslint-disable no-unused-vars */
|
|
2
|
-
import { DetailedHTMLProps, HTMLAttributes } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
AccordionWebComponentAttributes,
|
|
5
|
-
ActionGroupWebComponentAttributes,
|
|
6
|
-
AlertWebComponentAttributes,
|
|
7
|
-
ArticleWebComponentAttributes,
|
|
8
|
-
BlockquoteWebComponentAttributes,
|
|
9
|
-
BreadcrumbNavLinkWebComponentAttributes,
|
|
10
|
-
BreadcrumbNavSeparatorWebComponentAttributes,
|
|
11
|
-
BreadcrumbNavWebComponentAttributes,
|
|
12
|
-
ButtonWebComponentAttributes,
|
|
13
|
-
CardWebComponentAttributes,
|
|
14
|
-
CheckboxGroupWebComponentAttributes,
|
|
15
|
-
CheckboxWebComponentAttributes,
|
|
16
|
-
FormFieldCheckboxGroupAttributes,
|
|
17
|
-
FormFieldCheckboxOptionAttributes,
|
|
18
|
-
FormFieldRadioAttributes,
|
|
19
|
-
FormFieldRadioGroupAttributes,
|
|
20
|
-
FormFieldSelectAttributes,
|
|
21
|
-
FormFieldTextareaAttributes,
|
|
22
|
-
FormFieldTextInputAttributes,
|
|
23
|
-
HeroWebComponentAttributes,
|
|
24
|
-
IconWebComponentAttributes,
|
|
25
|
-
LinkWebComponentAttributes,
|
|
26
|
-
} from '../src';
|
|
27
|
-
|
|
28
|
-
declare global {
|
|
29
|
-
namespace JSX {
|
|
30
|
-
interface IntrinsicElements {
|
|
31
|
-
'rhc-accordion': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & AccordionWebComponentAttributes;
|
|
32
|
-
'rhc-action-group': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> &
|
|
33
|
-
ActionGroupWebComponentAttributes;
|
|
34
|
-
'rhc-alert': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & AlertWebComponentAttributes;
|
|
35
|
-
'rhc-article': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & ArticleWebComponentAttributes;
|
|
36
|
-
'rhc-blockquote': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & BlockquoteWebComponentAttributes;
|
|
37
|
-
'rhc-breadcrumb-nav': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> &
|
|
38
|
-
BreadcrumbNavWebComponentAttributes;
|
|
39
|
-
'rhc-button': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & ButtonWebComponentAttributes;
|
|
40
|
-
'rhc-card': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & CardWebComponentAttributes;
|
|
41
|
-
'rhc-checkbox-group': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> &
|
|
42
|
-
CheckboxGroupWebComponentAttributes;
|
|
43
|
-
'rhc-checkbox': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & CheckboxWebComponentAttributes;
|
|
44
|
-
'rhc-form-checkbox-group': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> &
|
|
45
|
-
FormFieldCheckboxGroupAttributes;
|
|
46
|
-
'rhc-form-checkbox': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> &
|
|
47
|
-
FormFieldCheckboxOptionAttributes;
|
|
48
|
-
'rhc-form-radio': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & FormFieldRadioAttributes;
|
|
49
|
-
'rhc-form-radio-group': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> &
|
|
50
|
-
FormFieldRadioGroupAttributes;
|
|
51
|
-
'rhc-form-select': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & FormFieldSelectAttributes;
|
|
52
|
-
'rhc-form-textinput': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & FormFieldTextInputAttributes;
|
|
53
|
-
'rhc-form-textarea': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & FormFieldTextareaAttributes;
|
|
54
|
-
'rhc-hero': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & HeroWebComponentAttributes;
|
|
55
|
-
'rhc-icon': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & IconWebComponentAttributes;
|
|
56
|
-
'rhc-link': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & LinkWebComponentAttributes;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}
|