@nldd/design-system 0.8.90 → 0.8.92

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 (149) hide show
  1. package/NOTICES.md +2 -2
  2. package/README.md +3 -3
  3. package/custom-elements.json +345 -15
  4. package/dist/components/actions/button/button.d.ts +2 -4
  5. package/dist/components/actions/button/button.d.ts.map +1 -1
  6. package/dist/components/actions/button/button.js +2 -10
  7. package/dist/components/actions/button/button.js.map +1 -1
  8. package/dist/components/actions/button/button.template.d.ts.map +1 -1
  9. package/dist/components/actions/button/button.template.js +2 -1
  10. package/dist/components/actions/button/button.template.js.map +1 -1
  11. package/dist/components/actions/icon-button/icon-button.d.ts +2 -4
  12. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  13. package/dist/components/actions/icon-button/icon-button.js +2 -10
  14. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  15. package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
  16. package/dist/components/actions/icon-button/icon-button.template.js +2 -1
  17. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  18. package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
  19. package/dist/components/actions/toolbar/toolbar.template.js +2 -1
  20. package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
  21. package/dist/components/components.js +153 -139
  22. package/dist/components/content/avatar/avatar.d.ts +2 -5
  23. package/dist/components/content/avatar/avatar.d.ts.map +1 -1
  24. package/dist/components/content/avatar/avatar.js +2 -13
  25. package/dist/components/content/avatar/avatar.js.map +1 -1
  26. package/dist/components/content/avatar/avatar.template.d.ts.map +1 -1
  27. package/dist/components/content/avatar/avatar.template.js +2 -1
  28. package/dist/components/content/avatar/avatar.template.js.map +1 -1
  29. package/dist/components/content/avatar-group/avatar-group.d.ts +1 -1
  30. package/dist/components/content/avatar-group/avatar-group.js +1 -1
  31. package/dist/components/content/code-viewer/code-viewer.d.ts.map +1 -1
  32. package/dist/components/content/code-viewer/code-viewer.js +12 -2
  33. package/dist/components/content/code-viewer/code-viewer.js.map +1 -1
  34. package/dist/components/content/icon/icon.d.ts +2 -2
  35. package/dist/components/content/icon/icon.js +2 -2
  36. package/dist/components/content/identity/identity.d.ts +1 -1
  37. package/dist/components/content/identity/identity.js +1 -1
  38. package/dist/components/{dist-CENYEz7C.js → dist-B5ie2Bo9.js} +1 -1
  39. package/dist/components/{dist-D_ckX1sK.js → dist-BUu-NW5O.js} +1 -1
  40. package/dist/components/{dist-Y54Lma86.js → dist-CGOykrJw.js} +2 -2
  41. package/dist/components/{dist-CYLM5ciE.js → dist-CQzaKTa8.js} +1 -1
  42. package/dist/components/{dist-yyE8P2O6.js → dist-CSYXsT7W.js} +2 -2
  43. package/dist/components/{dist-BLaE_n_F.js → dist-CoUVHSu-.js} +1 -1
  44. package/dist/components/{dist-DHA-0RyT.js → dist-Dn3c5gfb.js} +7 -1
  45. package/dist/components/{dist-BeymuiGt.js → dist-Dxn9Up8K.js} +3 -3
  46. package/dist/components/{dist-Dh_b9r4M.js → dist-M6GKopqu.js} +1 -1
  47. package/dist/components/{dist-TCqV9dho.js → dist-OlffRM7-.js} +1 -1
  48. package/dist/components/{dist-DkZlotgT.js → dist-RPaf2J9c.js} +2 -2
  49. package/dist/components/{icon-button-CEz4MB9H.js → icon-button-oua8pmMC.js} +3 -9
  50. package/dist/components/index.d.ts +1 -1
  51. package/dist/components/index.js +1 -1
  52. package/dist/components/inputs/date-field/date-field.d.ts +1 -1
  53. package/dist/components/inputs/date-field/date-field.js +1 -1
  54. package/dist/components/inputs/date-picker/date-picker.d.ts +1 -1
  55. package/dist/components/inputs/date-picker/date-picker.js +1 -1
  56. package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
  57. package/dist/components/inputs/radio-button/radio-button.styles.js +0 -10
  58. package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
  59. package/dist/components/inputs/radio-button/radio-button.template.js +3 -3
  60. package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
  61. package/dist/components/inputs/radio-button-field/radio-button-field.styles.d.ts.map +1 -1
  62. package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +0 -10
  63. package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map +1 -1
  64. package/dist/components/inputs/radio-button-field/radio-button-field.template.d.ts.map +1 -1
  65. package/dist/components/inputs/radio-button-field/radio-button-field.template.js +4 -3
  66. package/dist/components/inputs/radio-button-field/radio-button-field.template.js.map +1 -1
  67. package/dist/components/inputs/segmented-control/segmented-control.d.ts +3 -0
  68. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  69. package/dist/components/inputs/segmented-control/segmented-control.js +6 -0
  70. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  71. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  72. package/dist/components/inputs/segmented-control/segmented-control.styles.js +0 -10
  73. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  74. package/dist/components/inputs/segmented-control/segmented-control.template.js +3 -3
  75. package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
  76. package/dist/components/inputs/text-editor/text-editor.mentions.d.ts.map +1 -1
  77. package/dist/components/inputs/text-editor/text-editor.mentions.js +77 -1
  78. package/dist/components/inputs/text-editor/text-editor.mentions.js.map +1 -1
  79. package/dist/components/inputs/time-field/time-field.d.ts +1 -1
  80. package/dist/components/inputs/time-field/time-field.js +1 -1
  81. package/dist/components/inputs/time-picker/time-picker.d.ts +1 -1
  82. package/dist/components/inputs/time-picker/time-picker.js +1 -1
  83. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  84. package/dist/components/inputs/toggle-button/toggle-button.styles.js +0 -9
  85. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  86. package/dist/components/inputs/toggle-button/toggle-button.template.js +3 -3
  87. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  88. package/dist/components/layout/card/card.d.ts +1 -4
  89. package/dist/components/layout/card/card.d.ts.map +1 -1
  90. package/dist/components/layout/card/card.js +1 -12
  91. package/dist/components/layout/card/card.js.map +1 -1
  92. package/dist/components/layout/card/card.template.d.ts.map +1 -1
  93. package/dist/components/layout/card/card.template.js +2 -1
  94. package/dist/components/layout/card/card.template.js.map +1 -1
  95. package/dist/components/layout/page-sections/hero/hero.d.ts +1 -1
  96. package/dist/components/layout/page-sections/hero/hero.js +1 -1
  97. package/dist/components/layout/sheet/sheet.styles.js +4 -4
  98. package/dist/components/layout/spacer/spacer.d.ts +2 -2
  99. package/dist/components/layout/spacer/spacer.js +2 -2
  100. package/dist/components/lists-and-tables/list-item/list-item.d.ts +3 -2
  101. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
  102. package/dist/components/lists-and-tables/list-item/list-item.js +1 -1
  103. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  104. package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -1
  105. package/dist/components/lists-and-tables/list-item/list-item.template.js +2 -1
  106. package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
  107. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts +1 -1
  108. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js +1 -1
  109. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts.map +1 -1
  110. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js +2 -1
  111. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js.map +1 -1
  112. package/dist/components/navigation/link/link.d.ts +1 -3
  113. package/dist/components/navigation/link/link.d.ts.map +1 -1
  114. package/dist/components/navigation/link/link.js +1 -11
  115. package/dist/components/navigation/link/link.js.map +1 -1
  116. package/dist/components/navigation/link/link.template.d.ts.map +1 -1
  117. package/dist/components/navigation/link/link.template.js +2 -1
  118. package/dist/components/navigation/link/link.template.js.map +1 -1
  119. package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map +1 -1
  120. package/dist/components/navigation/skip-link/skip-link.styles.js +10 -4
  121. package/dist/components/navigation/skip-link/skip-link.styles.js.map +1 -1
  122. package/dist/components/status-and-feedback/badge/badge.d.ts +1 -1
  123. package/dist/components/status-and-feedback/badge/badge.js +1 -1
  124. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +1 -1
  125. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +2 -4
  126. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts.map +1 -1
  127. package/dist/components/status-and-feedback/status-bar/status-bar.js +2 -8
  128. package/dist/components/status-and-feedback/status-bar/status-bar.js.map +1 -1
  129. package/dist/components/status-and-feedback/status-bar/status-bar.styles.js +1 -1
  130. package/dist/components/status-and-feedback/status-bar/status-bar.template.d.ts.map +1 -1
  131. package/dist/components/status-and-feedback/status-bar/status-bar.template.js +2 -1
  132. package/dist/components/status-and-feedback/status-bar/status-bar.template.js.map +1 -1
  133. package/dist/components/{with-translations-CqUV9S5g.js → with-translations-BAKFoEKy.js} +22 -1
  134. package/dist/css/fouc.css +1 -1
  135. package/dist/css/rijksoverheid-fonts.css +1 -1
  136. package/dist/css/variables.css +1 -1
  137. package/dist/favicon.svg +3 -8
  138. package/dist/nldd.min.js +621 -658
  139. package/dist/touch-icon.png +0 -0
  140. package/dist/types/vue.d.ts +14 -14
  141. package/dist/utilities/form-associated-mixin.d.ts +2 -0
  142. package/dist/utilities/form-associated-mixin.d.ts.map +1 -1
  143. package/dist/utilities/form-associated-mixin.js +15 -1
  144. package/dist/utilities/form-associated-mixin.js.map +1 -1
  145. package/dist/utilities/link-rel.d.ts +13 -0
  146. package/dist/utilities/link-rel.d.ts.map +1 -0
  147. package/dist/utilities/link-rel.js +21 -0
  148. package/dist/utilities/link-rel.js.map +1 -0
  149. package/package.json +6 -6
package/NOTICES.md CHANGED
@@ -1,6 +1,6 @@
1
1
  ## Third-party notices
2
2
 
3
- Het NLDD Design System (de broncode) is gelicentieerd onder **EUPL-1.2**,
3
+ Het NLDD Designsysteem (de broncode) is gelicentieerd onder **EUPL-1.2**,
4
4
  zie [`LICENSE`](./LICENSE) voor de volledige tekst. De fontbestanden in
5
5
  `src/assets/fonts/` vallen daar niet onder; die hebben hun eigen licenties:
6
6
 
@@ -49,7 +49,7 @@ Het feit dat de fontbestanden in deze repository aanwezig zijn impliceert
49
49
  geen licentie of toestemming buiten het hierboven beschreven kader; de
50
50
  publicatie dient om consumers binnen dat kader (zoals overheidspartners
51
51
  en contractors die voor de Rijksoverheid werken) een werkende installatie
52
- van het design system te bieden.
52
+ van het designsysteem te bieden.
53
53
 
54
54
  Volledige gebruiksvoorwaarden:
55
55
  https://www.rijkshuisstijl.nl/basiselementen/typografie/gebruiksvoorwaarden-typografie
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # NLDD Design System
1
+ # NLDD Designsysteem
2
2
 
3
3
  Web Components voor Nederlandse Digitale Dienst (Rijksoverheid).
4
4
 
@@ -125,7 +125,7 @@ Mis je een component of wil je een wijziging voorstellen? [Maak een issue aan](h
125
125
 
126
126
  ## Fonts
127
127
 
128
- Het design system gebruikt twee fonts, met verschillende licenties:
128
+ Het designsysteem gebruikt twee fonts, met verschillende licenties:
129
129
 
130
130
  - **JetBrains Mono** (monospace) — vrij te gebruiken onder de
131
131
  [SIL Open Font License 1.1](https://openfontlicense.org).
@@ -143,7 +143,7 @@ buiten het hierboven beschreven kader.
143
143
 
144
144
  Copyright © 2026 Staat der Nederlanden.
145
145
 
146
- De broncode van dit design system valt onder de **EUPL-1.2**. De volledige
146
+ De broncode van dit designsysteem valt onder de **EUPL-1.2**. De volledige
147
147
  licentietekst staat in [`LICENSE`](./LICENSE).
148
148
 
149
149
  De fontbestanden in `src/assets/fonts/` vallen daar niet onder; die hebben hun
@@ -481,7 +481,7 @@
481
481
  "text": "string | undefined"
482
482
  },
483
483
  "default": "undefined",
484
- "description": "Link rel attribute. Only used when href is set.\nDefaults to 'noopener noreferrer' when target is '_blank' and rel is not explicitly set.",
484
+ "description": "Link rel attribute. Only used when href is set.\nWith target '_blank', 'noopener noreferrer' is added to it.",
485
485
  "attribute": "rel"
486
486
  },
487
487
  {
@@ -748,7 +748,7 @@
748
748
  "text": "string | undefined"
749
749
  },
750
750
  "default": "undefined",
751
- "description": "Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'",
751
+ "description": "Link rel attribute, used with href; with target '_blank', 'noopener noreferrer' is added to whatever you set",
752
752
  "fieldName": "rel"
753
753
  },
754
754
  {
@@ -1066,7 +1066,7 @@
1066
1066
  "text": "string | undefined"
1067
1067
  },
1068
1068
  "default": "undefined",
1069
- "description": "Link rel attribute. Only used when href is set.\nDefaults to 'noopener noreferrer' when target is '_blank' and rel is not explicitly set.",
1069
+ "description": "Link rel attribute. Only used when href is set.\nWith target '_blank', 'noopener noreferrer' is added to it.",
1070
1070
  "attribute": "rel"
1071
1071
  },
1072
1072
  {
@@ -1279,7 +1279,7 @@
1279
1279
  "text": "string | undefined"
1280
1280
  },
1281
1281
  "default": "undefined",
1282
- "description": "Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'",
1282
+ "description": "Link rel attribute, used with href; with target '_blank', 'noopener noreferrer' is added to whatever you set",
1283
1283
  "fieldName": "rel"
1284
1284
  },
1285
1285
  {
@@ -3314,7 +3314,7 @@
3314
3314
  },
3315
3315
  "default": "''",
3316
3316
  "fieldName": "rel",
3317
- "description": "Link rel for href; defaults to 'noopener noreferrer' when target='_blank'"
3317
+ "description": "Link rel for href; with target '_blank', 'noopener noreferrer' is added to whatever you set"
3318
3318
  },
3319
3319
  {
3320
3320
  "name": "translations",
@@ -3620,7 +3620,7 @@
3620
3620
  },
3621
3621
  {
3622
3622
  "kind": "class",
3623
- "description": "A customizable icon component that renders SVG icons from a predefined library. Icons are decorative by default: the host gets `aria-hidden=\"true\"` automatically. If you want the icon to be announced by assistive tech, set `aria-hidden=\"false\"` on the consumer side together with an `aria-label`. Sizing: the icon fills whatever sizes it — an `nldd-icon-cell`, a button, a menu item. `size=\"full\"` names that default explicitly. `size=\"inherit\"` makes it follow the surrounding text (1em), for an icon set inline in a sentence. Any spacer-aligned number (16–96) pins a fixed dimension. Reach for `inherit` rather than a global `nldd-icon { width: 1em }` rule in the consumer: such a rule wins over the component's own :host styling and so also shrinks the icons that a cell or button was already sizing correctly. Color: by default the icon inherits its parent's `color`. Set `color` to one of the functional semantics (`primary-content`, `secondary-content`, `accent`, `critical`, `warning`, `success`) or a rijkskleur (`lintblauw`, `paars`, `groen`, …). For a color the design system cannot know — the jacket of a cable, a color someone picked — set `custom-color` to any CSS color.",
3623
+ "description": "A customizable icon component that renders SVG icons from a predefined library. Icons are decorative by default: the host gets `aria-hidden=\"true\"` automatically. If you want the icon to be announced by assistive tech, set `aria-hidden=\"false\"` on the consumer side together with an `aria-label`. Sizing: the icon fills whatever sizes it — an `nldd-icon-cell`, a button, a menu item. `size=\"full\"` names that default explicitly. `size=\"inherit\"` makes it follow the surrounding text (1em), for an icon set inline in a sentence. Any spacer-aligned number (16–96) pins a fixed dimension. Reach for `inherit` rather than a global `nldd-icon { width: 1em }` rule in the consumer: such a rule wins over the component's own :host styling and so also shrinks the icons that a cell or button was already sizing correctly. Color: by default the icon inherits its parent's `color`. Set `color` to one of the functional semantics (`primary-content`, `secondary-content`, `accent`, `critical`, `warning`, `success`) or a rijkskleur (`lintblauw`, `paars`, `groen`, …). For a color the system cannot know — the jacket of a cable, a color someone picked — set `custom-color` to any CSS color.",
3624
3624
  "name": "NLDDIcon",
3625
3625
  "members": [
3626
3626
  {
@@ -3707,7 +3707,7 @@
3707
3707
  "type": {
3708
3708
  "text": "string"
3709
3709
  },
3710
- "description": "A color of its own, as any CSS color value ('#a90061', 'oklch(0.6 0.2 20)', 'var(--brand-cable-blue)'). For a color the design system cannot know. It wins over `color`.",
3710
+ "description": "A color of its own, as any CSS color value ('#a90061', 'oklch(0.6 0.2 20)', 'var(--brand-cable-blue)'). For a color the system cannot know. It wins over `color`.",
3711
3711
  "name": "custom-color",
3712
3712
  "default": "''",
3713
3713
  "fieldName": "customColor"
@@ -7330,6 +7330,20 @@
7330
7330
  "module": "src/utilities/form-associated-mixin.ts"
7331
7331
  }
7332
7332
  },
7333
+ {
7334
+ "kind": "method",
7335
+ "name": "validationAnchor",
7336
+ "return": {
7337
+ "type": {
7338
+ "text": "HTMLElement | undefined"
7339
+ }
7340
+ },
7341
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
7342
+ "inheritedFrom": {
7343
+ "name": "FormAssociated",
7344
+ "module": "src/utilities/form-associated-mixin.ts"
7345
+ }
7346
+ },
7333
7347
  {
7334
7348
  "kind": "method",
7335
7349
  "name": "setCustomValidity",
@@ -7784,6 +7798,20 @@
7784
7798
  "module": "src/utilities/form-associated-mixin.ts"
7785
7799
  }
7786
7800
  },
7801
+ {
7802
+ "kind": "method",
7803
+ "name": "validationAnchor",
7804
+ "return": {
7805
+ "type": {
7806
+ "text": "HTMLElement | undefined"
7807
+ }
7808
+ },
7809
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
7810
+ "inheritedFrom": {
7811
+ "name": "FormAssociated",
7812
+ "module": "src/utilities/form-associated-mixin.ts"
7813
+ }
7814
+ },
7787
7815
  {
7788
7816
  "kind": "method",
7789
7817
  "name": "setCustomValidity",
@@ -8283,6 +8311,20 @@
8283
8311
  "module": "src/utilities/form-associated-mixin.ts"
8284
8312
  }
8285
8313
  },
8314
+ {
8315
+ "kind": "method",
8316
+ "name": "validationAnchor",
8317
+ "return": {
8318
+ "type": {
8319
+ "text": "HTMLElement | undefined"
8320
+ }
8321
+ },
8322
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
8323
+ "inheritedFrom": {
8324
+ "name": "FormAssociated",
8325
+ "module": "src/utilities/form-associated-mixin.ts"
8326
+ }
8327
+ },
8286
8328
  {
8287
8329
  "kind": "method",
8288
8330
  "name": "setCustomValidity",
@@ -8904,6 +8946,20 @@
8904
8946
  "module": "src/utilities/form-associated-mixin.ts"
8905
8947
  }
8906
8948
  },
8949
+ {
8950
+ "kind": "method",
8951
+ "name": "validationAnchor",
8952
+ "return": {
8953
+ "type": {
8954
+ "text": "HTMLElement | undefined"
8955
+ }
8956
+ },
8957
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
8958
+ "inheritedFrom": {
8959
+ "name": "FormAssociated",
8960
+ "module": "src/utilities/form-associated-mixin.ts"
8961
+ }
8962
+ },
8907
8963
  {
8908
8964
  "kind": "method",
8909
8965
  "name": "setCustomValidity",
@@ -9540,6 +9596,20 @@
9540
9596
  "module": "src/utilities/form-associated-mixin.ts"
9541
9597
  }
9542
9598
  },
9599
+ {
9600
+ "kind": "method",
9601
+ "name": "validationAnchor",
9602
+ "return": {
9603
+ "type": {
9604
+ "text": "HTMLElement | undefined"
9605
+ }
9606
+ },
9607
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
9608
+ "inheritedFrom": {
9609
+ "name": "FormAssociated",
9610
+ "module": "src/utilities/form-associated-mixin.ts"
9611
+ }
9612
+ },
9543
9613
  {
9544
9614
  "kind": "method",
9545
9615
  "name": "setCustomValidity",
@@ -10702,6 +10772,20 @@
10702
10772
  "module": "src/utilities/form-associated-mixin.ts"
10703
10773
  }
10704
10774
  },
10775
+ {
10776
+ "kind": "method",
10777
+ "name": "validationAnchor",
10778
+ "return": {
10779
+ "type": {
10780
+ "text": "HTMLElement | undefined"
10781
+ }
10782
+ },
10783
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
10784
+ "inheritedFrom": {
10785
+ "name": "FormAssociated",
10786
+ "module": "src/utilities/form-associated-mixin.ts"
10787
+ }
10788
+ },
10705
10789
  {
10706
10790
  "kind": "method",
10707
10791
  "name": "setCustomValidity",
@@ -11260,6 +11344,20 @@
11260
11344
  "module": "src/utilities/form-associated-mixin.ts"
11261
11345
  }
11262
11346
  },
11347
+ {
11348
+ "kind": "method",
11349
+ "name": "validationAnchor",
11350
+ "return": {
11351
+ "type": {
11352
+ "text": "HTMLElement | undefined"
11353
+ }
11354
+ },
11355
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
11356
+ "inheritedFrom": {
11357
+ "name": "FormAssociated",
11358
+ "module": "src/utilities/form-associated-mixin.ts"
11359
+ }
11360
+ },
11263
11361
  {
11264
11362
  "kind": "method",
11265
11363
  "name": "setCustomValidity",
@@ -11853,6 +11951,20 @@
11853
11951
  "module": "src/utilities/form-associated-mixin.ts"
11854
11952
  }
11855
11953
  },
11954
+ {
11955
+ "kind": "method",
11956
+ "name": "validationAnchor",
11957
+ "return": {
11958
+ "type": {
11959
+ "text": "HTMLElement | undefined"
11960
+ }
11961
+ },
11962
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
11963
+ "inheritedFrom": {
11964
+ "name": "FormAssociated",
11965
+ "module": "src/utilities/form-associated-mixin.ts"
11966
+ }
11967
+ },
11856
11968
  {
11857
11969
  "kind": "method",
11858
11970
  "name": "setCustomValidity",
@@ -12463,6 +12575,20 @@
12463
12575
  "module": "src/utilities/form-associated-mixin.ts"
12464
12576
  }
12465
12577
  },
12578
+ {
12579
+ "kind": "method",
12580
+ "name": "validationAnchor",
12581
+ "return": {
12582
+ "type": {
12583
+ "text": "HTMLElement | undefined"
12584
+ }
12585
+ },
12586
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
12587
+ "inheritedFrom": {
12588
+ "name": "FormAssociated",
12589
+ "module": "src/utilities/form-associated-mixin.ts"
12590
+ }
12591
+ },
12466
12592
  {
12467
12593
  "kind": "method",
12468
12594
  "name": "setCustomValidity",
@@ -12988,6 +13114,20 @@
12988
13114
  "module": "src/utilities/form-associated-mixin.ts"
12989
13115
  }
12990
13116
  },
13117
+ {
13118
+ "kind": "method",
13119
+ "name": "validationAnchor",
13120
+ "return": {
13121
+ "type": {
13122
+ "text": "HTMLElement | undefined"
13123
+ }
13124
+ },
13125
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
13126
+ "inheritedFrom": {
13127
+ "name": "FormAssociated",
13128
+ "module": "src/utilities/form-associated-mixin.ts"
13129
+ }
13130
+ },
12991
13131
  {
12992
13132
  "kind": "method",
12993
13133
  "name": "setCustomValidity",
@@ -13609,6 +13749,20 @@
13609
13749
  "module": "src/utilities/form-associated-mixin.ts"
13610
13750
  }
13611
13751
  },
13752
+ {
13753
+ "kind": "method",
13754
+ "name": "validationAnchor",
13755
+ "return": {
13756
+ "type": {
13757
+ "text": "HTMLElement | undefined"
13758
+ }
13759
+ },
13760
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
13761
+ "inheritedFrom": {
13762
+ "name": "FormAssociated",
13763
+ "module": "src/utilities/form-associated-mixin.ts"
13764
+ }
13765
+ },
13612
13766
  {
13613
13767
  "kind": "method",
13614
13768
  "name": "setCustomValidity",
@@ -14132,6 +14286,20 @@
14132
14286
  "module": "src/utilities/form-associated-mixin.ts"
14133
14287
  }
14134
14288
  },
14289
+ {
14290
+ "kind": "method",
14291
+ "name": "validationAnchor",
14292
+ "return": {
14293
+ "type": {
14294
+ "text": "HTMLElement | undefined"
14295
+ }
14296
+ },
14297
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
14298
+ "inheritedFrom": {
14299
+ "name": "FormAssociated",
14300
+ "module": "src/utilities/form-associated-mixin.ts"
14301
+ }
14302
+ },
14135
14303
  {
14136
14304
  "kind": "method",
14137
14305
  "name": "setCustomValidity",
@@ -14781,6 +14949,20 @@
14781
14949
  }
14782
14950
  }
14783
14951
  },
14952
+ {
14953
+ "kind": "method",
14954
+ "name": "validationAnchor",
14955
+ "return": {
14956
+ "type": {
14957
+ "text": "HTMLElement | undefined"
14958
+ }
14959
+ },
14960
+ "description": "The group has no focus of its own, so an invalid submit lands where Tab\nwould: on the chosen option, or the first one that is enabled.",
14961
+ "inheritedFrom": {
14962
+ "name": "FormAssociated",
14963
+ "module": "src/utilities/form-associated-mixin.ts"
14964
+ }
14965
+ },
14784
14966
  {
14785
14967
  "kind": "method",
14786
14968
  "name": "formStateRestoreCallback",
@@ -15364,6 +15546,20 @@
15364
15546
  "module": "src/utilities/form-associated-mixin.ts"
15365
15547
  }
15366
15548
  },
15549
+ {
15550
+ "kind": "method",
15551
+ "name": "validationAnchor",
15552
+ "return": {
15553
+ "type": {
15554
+ "text": "HTMLElement | undefined"
15555
+ }
15556
+ },
15557
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
15558
+ "inheritedFrom": {
15559
+ "name": "FormAssociated",
15560
+ "module": "src/utilities/form-associated-mixin.ts"
15561
+ }
15562
+ },
15367
15563
  {
15368
15564
  "kind": "method",
15369
15565
  "name": "setCustomValidity",
@@ -16061,6 +16257,20 @@
16061
16257
  "module": "src/utilities/form-associated-mixin.ts"
16062
16258
  }
16063
16259
  },
16260
+ {
16261
+ "kind": "method",
16262
+ "name": "validationAnchor",
16263
+ "return": {
16264
+ "type": {
16265
+ "text": "HTMLElement | undefined"
16266
+ }
16267
+ },
16268
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
16269
+ "inheritedFrom": {
16270
+ "name": "FormAssociated",
16271
+ "module": "src/utilities/form-associated-mixin.ts"
16272
+ }
16273
+ },
16064
16274
  {
16065
16275
  "kind": "method",
16066
16276
  "name": "setCustomValidity",
@@ -18629,6 +18839,20 @@
18629
18839
  "module": "src/utilities/form-associated-mixin.ts"
18630
18840
  }
18631
18841
  },
18842
+ {
18843
+ "kind": "method",
18844
+ "name": "validationAnchor",
18845
+ "return": {
18846
+ "type": {
18847
+ "text": "HTMLElement | undefined"
18848
+ }
18849
+ },
18850
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
18851
+ "inheritedFrom": {
18852
+ "name": "FormAssociated",
18853
+ "module": "src/utilities/form-associated-mixin.ts"
18854
+ }
18855
+ },
18632
18856
  {
18633
18857
  "kind": "method",
18634
18858
  "name": "setCustomValidity",
@@ -19396,6 +19620,20 @@
19396
19620
  "module": "src/utilities/form-associated-mixin.ts"
19397
19621
  }
19398
19622
  },
19623
+ {
19624
+ "kind": "method",
19625
+ "name": "validationAnchor",
19626
+ "return": {
19627
+ "type": {
19628
+ "text": "HTMLElement | undefined"
19629
+ }
19630
+ },
19631
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
19632
+ "inheritedFrom": {
19633
+ "name": "FormAssociated",
19634
+ "module": "src/utilities/form-associated-mixin.ts"
19635
+ }
19636
+ },
19399
19637
  {
19400
19638
  "kind": "method",
19401
19639
  "name": "setCustomValidity",
@@ -20085,6 +20323,20 @@
20085
20323
  "module": "src/utilities/form-associated-mixin.ts"
20086
20324
  }
20087
20325
  },
20326
+ {
20327
+ "kind": "method",
20328
+ "name": "validationAnchor",
20329
+ "return": {
20330
+ "type": {
20331
+ "text": "HTMLElement | undefined"
20332
+ }
20333
+ },
20334
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
20335
+ "inheritedFrom": {
20336
+ "name": "FormAssociated",
20337
+ "module": "src/utilities/form-associated-mixin.ts"
20338
+ }
20339
+ },
20088
20340
  {
20089
20341
  "kind": "method",
20090
20342
  "name": "setCustomValidity",
@@ -21257,6 +21509,20 @@
21257
21509
  "module": "src/utilities/form-associated-mixin.ts"
21258
21510
  }
21259
21511
  },
21512
+ {
21513
+ "kind": "method",
21514
+ "name": "validationAnchor",
21515
+ "return": {
21516
+ "type": {
21517
+ "text": "HTMLElement | undefined"
21518
+ }
21519
+ },
21520
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
21521
+ "inheritedFrom": {
21522
+ "name": "FormAssociated",
21523
+ "module": "src/utilities/form-associated-mixin.ts"
21524
+ }
21525
+ },
21260
21526
  {
21261
21527
  "kind": "method",
21262
21528
  "name": "setCustomValidity",
@@ -21791,6 +22057,20 @@
21791
22057
  "module": "src/utilities/form-associated-mixin.ts"
21792
22058
  }
21793
22059
  },
22060
+ {
22061
+ "kind": "method",
22062
+ "name": "validationAnchor",
22063
+ "return": {
22064
+ "type": {
22065
+ "text": "HTMLElement | undefined"
22066
+ }
22067
+ },
22068
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own.",
22069
+ "inheritedFrom": {
22070
+ "name": "FormAssociated",
22071
+ "module": "src/utilities/form-associated-mixin.ts"
22072
+ }
22073
+ },
21794
22074
  {
21795
22075
  "kind": "method",
21796
22076
  "name": "setCustomValidity",
@@ -22307,7 +22587,7 @@
22307
22587
  },
22308
22588
  "default": "''",
22309
22589
  "fieldName": "rel",
22310
- "description": "Link rel for href; defaults to 'noopener noreferrer' with target='_blank'"
22590
+ "description": "Link rel for href; with target '_blank', 'noopener noreferrer' is added to whatever you set"
22311
22591
  },
22312
22592
  {
22313
22593
  "name": "translations",
@@ -27852,7 +28132,7 @@
27852
28132
  "declarations": [
27853
28133
  {
27854
28134
  "kind": "class",
27855
- "description": "Add explicit space between elements. Components in this design system have no margins of their own — all whitespace is set by a spacer. Use a single `size` attribute for whitespace that's the same at every viewport. Combine with `sm-size`, `md-size` and/or `lg-size` to override the size at specific breakpoints (mobile-first cascade is intentionally avoided — each breakpoint that needs a different value declares it explicitly): - `size` applies at every breakpoint that has no per-viewport override. - `sm-size` overrides at sm (max-width: 640px). - `md-size` overrides at md (641px–1007px). - `lg-size` overrides at lg (min-width: 1008px). Use `flexible` (in any of the four attributes) to fill the remaining space in a flex container.",
28135
+ "description": "Add explicit space between elements. Components here have no margins of their own — all whitespace is set by a spacer. Use a single `size` attribute for whitespace that's the same at every viewport. Combine with `sm-size`, `md-size` and/or `lg-size` to override the size at specific breakpoints (mobile-first cascade is intentionally avoided — each breakpoint that needs a different value declares it explicitly): - `size` applies at every breakpoint that has no per-viewport override. - `sm-size` overrides at sm (max-width: 640px). - `md-size` overrides at md (641px–1007px). - `lg-size` overrides at lg (min-width: 1008px). Use `flexible` (in any of the four attributes) to fill the remaining space in a flex container.",
27856
28136
  "name": "NLDDSpacer",
27857
28137
  "members": [
27858
28138
  {
@@ -30860,7 +31140,7 @@
30860
31140
  "type": {
30861
31141
  "text": "string | undefined"
30862
31142
  },
30863
- "description": "Link rel forwarded to the `<a>`; only applies with `href`",
31143
+ "description": "Link rel forwarded to the `<a>`, only with `href`; with target '_blank', 'noopener noreferrer' is added to whatever you set",
30864
31144
  "name": "rel",
30865
31145
  "fieldName": "rel"
30866
31146
  },
@@ -31104,7 +31384,7 @@
31104
31384
  "type": {
31105
31385
  "text": "string | undefined"
31106
31386
  },
31107
- "description": "Link rel (e.g. 'noopener noreferrer'). Forwarded to the `<a>`; only applies with href.",
31387
+ "description": "Link rel, forwarded to the `<a>` with href. With target '_blank',\n'noopener noreferrer' is added to it.",
31108
31388
  "attribute": "rel",
31109
31389
  "reflects": true
31110
31390
  },
@@ -31277,7 +31557,7 @@
31277
31557
  "type": {
31278
31558
  "text": "string | undefined"
31279
31559
  },
31280
- "description": "Link rel forwarded to the `<a>` (e.g. 'noopener noreferrer'); only applies with `href`",
31560
+ "description": "Link rel forwarded to the `<a>`, only with `href`; with target '_blank', 'noopener noreferrer' is added to whatever you set",
31281
31561
  "name": "rel",
31282
31562
  "fieldName": "rel"
31283
31563
  },
@@ -32437,7 +32717,7 @@
32437
32717
  },
32438
32718
  "default": "undefined",
32439
32719
  "fieldName": "rel",
32440
- "description": "Link rel attribute; defaults to 'noopener noreferrer' with target='_blank'"
32720
+ "description": "Link rel attribute; with target '_blank', 'noopener noreferrer' is added to whatever you set"
32441
32721
  },
32442
32722
  {
32443
32723
  "name": "size",
@@ -34417,7 +34697,7 @@
34417
34697
  "text": "string"
34418
34698
  },
34419
34699
  "default": "''",
34420
- "description": "A color of its own, as any CSS color value ('#a90061', 'oklch(0.6 0.2 20)', 'var(--brand-cable-blue)'). For a color the design system cannot know: the jacket of a cable, a color someone picked. It wins over `color`. Whatever it paints, the text and icon on top become white or black, whichever contrasts. The text on it is black or white, picked on the relative luminance of the fill, so it clears 4.5:1 whatever color you hand it.",
34700
+ "description": "A color of its own, as any CSS color value ('#a90061', 'oklch(0.6 0.2 20)', 'var(--brand-cable-blue)'). For a color the system cannot know: the jacket of a cable, a color someone picked. It wins over `color`. Whatever it paints, the text and icon on top become white or black, whichever contrasts. The text on it is black or white, picked on the relative luminance of the fill, so it clears 4.5:1 whatever color you hand it.",
34421
34701
  "fieldName": "customColor"
34422
34702
  },
34423
34703
  {
@@ -36474,7 +36754,7 @@
36474
36754
  "text": "string"
36475
36755
  },
36476
36756
  "default": "''",
36477
- "description": "Link rel; defaults to 'noopener noreferrer' with target='_blank'",
36757
+ "description": "Link rel, used with href; with target '_blank', 'noopener noreferrer' is added to whatever you set",
36478
36758
  "fieldName": "rel"
36479
36759
  },
36480
36760
  {
@@ -37105,6 +37385,16 @@
37105
37385
  },
37106
37386
  "description": "The native control this host speaks for.\n\nThe constraint attributes are handed to a control inside the shadow\nroot, and that control is not a member of the form around the host: the\nform sees the host, the host sees the control, and without something\njoining them a `required` field submits empty. Override when the control\nis not the first one in the shadow root, or return null for a component\nthat has no native control to speak for."
37107
37387
  },
37388
+ {
37389
+ "kind": "method",
37390
+ "name": "validationAnchor",
37391
+ "return": {
37392
+ "type": {
37393
+ "text": "HTMLElement | undefined"
37394
+ }
37395
+ },
37396
+ "description": "Where an invalid submit points its message and puts the focus.\n\nThe native control, where the user reads and fixes it. Not when that\ncontrol is hidden, as the radio that only carries `required` is: a radio\ninside an element that is itself the radio is a control inside a control,\nand a hidden element cannot hold the message. Then it goes on this\nelement. Override where neither is what the user should land on, such as\na group that has no focus of its own."
37397
+ },
37108
37398
  {
37109
37399
  "kind": "method",
37110
37400
  "name": "setCustomValidity",
@@ -37315,6 +37605,46 @@
37315
37605
  }
37316
37606
  ]
37317
37607
  },
37608
+ {
37609
+ "kind": "javascript-module",
37610
+ "path": "src/utilities/link-rel.ts",
37611
+ "declarations": [
37612
+ {
37613
+ "kind": "function",
37614
+ "name": "linkRel",
37615
+ "return": {
37616
+ "type": {
37617
+ "text": "string"
37618
+ }
37619
+ },
37620
+ "parameters": [
37621
+ {
37622
+ "name": "rel",
37623
+ "type": {
37624
+ "text": "string | null | undefined"
37625
+ }
37626
+ },
37627
+ {
37628
+ "name": "target",
37629
+ "type": {
37630
+ "text": "string | null | undefined"
37631
+ }
37632
+ }
37633
+ ],
37634
+ "description": "The `rel` of a link that may open in a new tab.\n\nA link with `target=\"_blank\"` gets `noopener noreferrer`: the page it opens\ngets no handle on this one through `window.opener`, and no referrer. A `rel`\nthe consumer sets is added to, never replaced. `rel=\"external\"` on a `_blank`\nlink describes the link, and it is no reason to leave that door open.\n\nReturns an empty string when there is nothing to write, so a template can\nleave the attribute off with `|| nothing`."
37635
+ }
37636
+ ],
37637
+ "exports": [
37638
+ {
37639
+ "kind": "js",
37640
+ "name": "linkRel",
37641
+ "declaration": {
37642
+ "name": "linkRel",
37643
+ "module": "src/utilities/link-rel.ts"
37644
+ }
37645
+ }
37646
+ ]
37647
+ },
37318
37648
  {
37319
37649
  "kind": "javascript-module",
37320
37650
  "path": "src/utilities/open-when-rendered.ts",