@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 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 { classname: c, ...r } = this.props;
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
- ir,
6263
+ Qo,
6264
6264
  {
6265
- className: c ?? void 0,
6266
- ...r,
6267
- children: /* @__PURE__ */ a("slot", {})
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-group");
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 { appearance: c, disabled: r, indeterminate: e, inputrequired: o, invalid: n, required: i, classname: h, checked: l, ...u } = this.props;
6287
+ const { classname: c, ...r } = this.props;
6282
6288
  M(
6283
6289
  /* @__PURE__ */ a(
6284
- Qo,
6290
+ ir,
6285
6291
  {
6286
- appearance: c ?? void 0,
6287
- checked: l === "true",
6288
- className: h ?? void 0,
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
- vb as CheckboxGroupWebComponent,
6618
- mb as CheckboxWebComponent,
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.1",
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
  }
@@ -1,4 +0,0 @@
1
- declare module '*.css?inline' {
2
- const content: string;
3
- export default content;
4
- }
@@ -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
- }