@rijkshuisstijl-community/design-tokens 8.0.0 → 9.0.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.
Files changed (104) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/_variables.scss +5 -9
  3. package/dist/index.css +5 -9
  4. package/dist/index.d.ts +1 -5
  5. package/dist/index.js +5 -9
  6. package/dist/index.json +4 -8
  7. package/dist/index.tokens.json +4 -8
  8. package/dist/koop/_variables.scss +17 -19
  9. package/dist/koop/index.css +17 -19
  10. package/dist/koop/index.d.ts +13 -15
  11. package/dist/koop/index.js +17 -19
  12. package/dist/koop/index.json +16 -18
  13. package/dist/koop/index.tokens.json +26 -32
  14. package/dist/koop/root.css +17 -19
  15. package/dist/koop/tokens.d.ts +23 -29
  16. package/dist/koop/tokens.js +388 -390
  17. package/dist/root.css +5 -9
  18. package/dist/tokens.d.ts +1 -5
  19. package/dist/tokens.js +9 -93
  20. package/dist/uitvoerend-groen/_variables.scss +5 -5
  21. package/dist/uitvoerend-groen/index.css +5 -5
  22. package/dist/uitvoerend-groen/index.d.ts +1 -1
  23. package/dist/uitvoerend-groen/index.js +5 -5
  24. package/dist/uitvoerend-groen/index.json +4 -4
  25. package/dist/uitvoerend-groen/index.tokens.json +4 -4
  26. package/dist/uitvoerend-groen/root.css +5 -5
  27. package/dist/uitvoerend-groen/tokens.d.ts +1 -1
  28. package/dist/uitvoerend-groen/tokens.js +9 -9
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +5 -5
  30. package/dist/uitvoerend-hemelblauw/index.css +5 -5
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +1 -1
  32. package/dist/uitvoerend-hemelblauw/index.js +5 -5
  33. package/dist/uitvoerend-hemelblauw/index.json +4 -4
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +4 -4
  35. package/dist/uitvoerend-hemelblauw/root.css +5 -5
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +1 -1
  37. package/dist/uitvoerend-hemelblauw/tokens.js +9 -9
  38. package/dist/uitvoerend-mintgroen/_variables.scss +5 -5
  39. package/dist/uitvoerend-mintgroen/index.css +5 -5
  40. package/dist/uitvoerend-mintgroen/index.d.ts +1 -1
  41. package/dist/uitvoerend-mintgroen/index.js +5 -5
  42. package/dist/uitvoerend-mintgroen/index.json +4 -4
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +4 -4
  44. package/dist/uitvoerend-mintgroen/root.css +5 -5
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +1 -1
  46. package/dist/uitvoerend-mintgroen/tokens.js +9 -9
  47. package/dist/uitvoerend-oranje/_variables.scss +5 -5
  48. package/dist/uitvoerend-oranje/index.css +5 -5
  49. package/dist/uitvoerend-oranje/index.d.ts +1 -1
  50. package/dist/uitvoerend-oranje/index.js +5 -5
  51. package/dist/uitvoerend-oranje/index.json +4 -4
  52. package/dist/uitvoerend-oranje/index.tokens.json +4 -4
  53. package/dist/uitvoerend-oranje/root.css +5 -5
  54. package/dist/uitvoerend-oranje/tokens.d.ts +1 -1
  55. package/dist/uitvoerend-oranje/tokens.js +9 -9
  56. package/dist/uitvoerend-paars/_variables.scss +5 -5
  57. package/dist/uitvoerend-paars/index.css +5 -5
  58. package/dist/uitvoerend-paars/index.d.ts +1 -1
  59. package/dist/uitvoerend-paars/index.js +5 -5
  60. package/dist/uitvoerend-paars/index.json +4 -4
  61. package/dist/uitvoerend-paars/index.tokens.json +4 -4
  62. package/dist/uitvoerend-paars/root.css +5 -5
  63. package/dist/uitvoerend-paars/tokens.d.ts +1 -1
  64. package/dist/uitvoerend-paars/tokens.js +9 -9
  65. package/dist/uitvoerend-violet/_variables.scss +5 -5
  66. package/dist/uitvoerend-violet/index.css +5 -5
  67. package/dist/uitvoerend-violet/index.d.ts +1 -1
  68. package/dist/uitvoerend-violet/index.js +5 -5
  69. package/dist/uitvoerend-violet/index.json +4 -4
  70. package/dist/uitvoerend-violet/index.tokens.json +4 -4
  71. package/dist/uitvoerend-violet/root.css +5 -5
  72. package/dist/uitvoerend-violet/tokens.d.ts +1 -1
  73. package/dist/uitvoerend-violet/tokens.js +9 -9
  74. package/dist/uitvoerend-violet-oud/_variables.scss +5 -5
  75. package/dist/uitvoerend-violet-oud/index.css +5 -5
  76. package/dist/uitvoerend-violet-oud/index.d.ts +1 -1
  77. package/dist/uitvoerend-violet-oud/index.js +5 -5
  78. package/dist/uitvoerend-violet-oud/index.json +4 -4
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +4 -4
  80. package/dist/uitvoerend-violet-oud/root.css +5 -5
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +1 -1
  82. package/dist/uitvoerend-violet-oud/tokens.js +9 -9
  83. package/dist/wetgevend/_variables.scss +5 -5
  84. package/dist/wetgevend/index.css +5 -5
  85. package/dist/wetgevend/index.d.ts +1 -1
  86. package/dist/wetgevend/index.js +5 -5
  87. package/dist/wetgevend/index.json +4 -4
  88. package/dist/wetgevend/index.tokens.json +4 -4
  89. package/dist/wetgevend/root.css +5 -5
  90. package/dist/wetgevend/tokens.d.ts +1 -1
  91. package/dist/wetgevend/tokens.js +9 -9
  92. package/figma/figma.tokens.json +49 -120
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +4 -20
  95. package/src/generated/koop/tokens.json +85 -77
  96. package/src/generated/themes.json +117 -109
  97. package/src/generated/uitvoerend-groen/tokens.json +4 -4
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +4 -4
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +4 -4
  100. package/src/generated/uitvoerend-oranje/tokens.json +4 -4
  101. package/src/generated/uitvoerend-paars/tokens.json +4 -4
  102. package/src/generated/uitvoerend-violet/tokens.json +4 -4
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +4 -4
  104. package/src/generated/wetgevend/tokens.json +4 -4
package/dist/uitvoerend-paars/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:40 GMT
4
4
  */
5
5
 
6
6
  export const utrechtTextboxHoverBackgroundColor : string;
package/dist/uitvoerend-paars/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:40 GMT
4
4
  */
5
5
 
6
6
  export const utrechtTextboxHoverBackgroundColor = "#fff";
@@ -124,8 +124,8 @@ export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
124
124
  export const utrechtFormFieldMarginBlockEnd = "0.5rem";
125
125
  export const utrechtFormFieldMarginBlockStart = "0.5rem";
126
126
  export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
127
- export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
128
- export const utrechtFormFieldInvalidPaddingInlineStart = "0rem";
127
+ export const utrechtFormFieldInvalidBorderInlineStartWidth = "2px";
128
+ export const utrechtFormFieldInvalidPaddingInlineStart = "1rem";
129
129
  export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#714f87";
130
130
  export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
131
131
  export const utrechtCheckboxIndeterminateActiveColor = "#fff";
@@ -611,8 +611,8 @@ export const utrechtFormFieldsetLegendDisabledColor = "#334155";
611
611
  export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
612
612
  export const utrechtFormFieldsetSectionColor = "#0F172A";
613
613
  export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
614
- export const utrechtFormFieldsetInvalidPaddingInlineStart = "0rem";
615
- export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
614
+ export const utrechtFormFieldsetInvalidPaddingInlineStart = "1rem";
615
+ export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "2px";
616
616
  export const utrechtDrawerMaxInlineSize = "256px";
617
617
  export const utrechtDrawerZIndex = 1;
618
618
  export const utrechtDrawerBackgroundColor = "#fff";
package/dist/uitvoerend-paars/index.json CHANGED
@@ -120,8 +120,8 @@
120
120
  "utrechtFormFieldMarginBlockEnd": "0.5rem",
121
121
  "utrechtFormFieldMarginBlockStart": "0.5rem",
122
122
  "utrechtFormFieldInvalidBorderInlineStartColor": "#d52b1e",
123
- "utrechtFormFieldInvalidBorderInlineStartWidth": "0px",
124
- "utrechtFormFieldInvalidPaddingInlineStart": "0rem",
123
+ "utrechtFormFieldInvalidBorderInlineStartWidth": "2px",
124
+ "utrechtFormFieldInvalidPaddingInlineStart": "1rem",
125
125
  "utrechtCheckboxIndeterminateActiveBackgroundColor": "#714f87",
126
126
  "utrechtCheckboxIndeterminateActiveBorderColor": "transparent",
127
127
  "utrechtCheckboxIndeterminateActiveColor": "#fff",
@@ -607,8 +607,8 @@
607
607
  "utrechtFormFieldsetSectionBackgroundColor": "transparent",
608
608
  "utrechtFormFieldsetSectionColor": "#0F172A",
609
609
  "utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
610
- "utrechtFormFieldsetInvalidPaddingInlineStart": "0rem",
611
- "utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
610
+ "utrechtFormFieldsetInvalidPaddingInlineStart": "1rem",
611
+ "utrechtFormFieldsetInvalidBorderInlineStartWidth": "2px",
612
612
  "utrechtDrawerMaxInlineSize": "256px",
613
613
  "utrechtDrawerZIndex": 1,
614
614
  "utrechtDrawerBackgroundColor": "#fff",
package/dist/uitvoerend-paars/index.tokens.json CHANGED
@@ -177,8 +177,8 @@
177
177
  "margin-block-start": "0.5rem",
178
178
  "invalid": {
179
179
  "border-inline-start-color": "#d52b1e",
180
- "border-inline-start-width": "0px",
181
- "padding-inline-start": "0rem"
180
+ "border-inline-start-width": "2px",
181
+ "padding-inline-start": "1rem"
182
182
  }
183
183
  },
184
184
  "checkbox": {
@@ -952,8 +952,8 @@
952
952
  "border-inline-start": {
953
953
  "color": "#d52b1e"
954
954
  },
955
- "padding-inline-start": "0rem",
956
- "border-inline-start-width": "0px"
955
+ "padding-inline-start": "1rem",
956
+ "border-inline-start-width": "2px"
957
957
  }
958
958
  },
959
959
  "drawer": {
package/dist/uitvoerend-paars/root.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:40 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -709,8 +709,8 @@
709
709
  --utrecht-drawer-background-color: #fff;
710
710
  --utrecht-drawer-z-index: 1;
711
711
  --utrecht-drawer-max-inline-size: 256px;
712
- --utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
713
- --utrecht-form-fieldset-invalid-padding-inline-start: 0rem;
712
+ --utrecht-form-fieldset-invalid-border-inline-start-width: 2px;
713
+ --utrecht-form-fieldset-invalid-padding-inline-start: 1rem;
714
714
  --utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
715
715
  --utrecht-form-fieldset-section-color: #0F172A;
716
716
  --utrecht-form-fieldset-section-background-color: transparent;
@@ -1196,8 +1196,8 @@
1196
1196
  --utrecht-checkbox-indeterminate-active-color: #fff;
1197
1197
  --utrecht-checkbox-indeterminate-active-border-color: transparent;
1198
1198
  --utrecht-checkbox-indeterminate-active-background-color: #714f87;
1199
- --utrecht-form-field-invalid-padding-inline-start: 0rem;
1200
- --utrecht-form-field-invalid-border-inline-start-width: 0px;
1199
+ --utrecht-form-field-invalid-padding-inline-start: 1rem;
1200
+ --utrecht-form-field-invalid-border-inline-start-width: 2px;
1201
1201
  --utrecht-form-field-invalid-border-inline-start-color: #d52b1e;
1202
1202
  --utrecht-form-field-margin-block-start: 0.5rem;
1203
1203
  --utrecht-form-field-margin-block-end: 0.5rem;
package/dist/uitvoerend-paars/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:40 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
package/dist/uitvoerend-paars/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:40 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -2796,12 +2796,12 @@ module.exports = {
2796
2796
  },
2797
2797
  "border-inline-start-width": {
2798
2798
  "type": "dimension",
2799
- "value": "0px",
2799
+ "value": "2px",
2800
2800
  "filePath": "src/generated/uitvoerend-paars/tokens.json",
2801
2801
  "isSource": true,
2802
2802
  "original": {
2803
2803
  "type": "dimension",
2804
- "value": "0px"
2804
+ "value": "2px"
2805
2805
  },
2806
2806
  "name": "utrechtFormFieldInvalidBorderInlineStartWidth",
2807
2807
  "attributes": {
@@ -2819,12 +2819,12 @@ module.exports = {
2819
2819
  },
2820
2820
  "padding-inline-start": {
2821
2821
  "type": "dimension",
2822
- "value": "0rem",
2822
+ "value": "1rem",
2823
2823
  "filePath": "src/generated/uitvoerend-paars/tokens.json",
2824
2824
  "isSource": true,
2825
2825
  "original": {
2826
2826
  "type": "dimension",
2827
- "value": "0rem"
2827
+ "value": "1rem"
2828
2828
  },
2829
2829
  "name": "utrechtFormFieldInvalidPaddingInlineStart",
2830
2830
  "attributes": {
@@ -14488,12 +14488,12 @@ module.exports = {
14488
14488
  }
14489
14489
  },
14490
14490
  "padding-inline-start": {
14491
- "value": "0rem",
14491
+ "value": "1rem",
14492
14492
  "type": "spacing",
14493
14493
  "filePath": "src/generated/uitvoerend-paars/tokens.json",
14494
14494
  "isSource": true,
14495
14495
  "original": {
14496
- "value": "0rem",
14496
+ "value": "1rem",
14497
14497
  "type": "spacing"
14498
14498
  },
14499
14499
  "name": "utrechtFormFieldsetInvalidPaddingInlineStart",
@@ -14511,12 +14511,12 @@ module.exports = {
14511
14511
  ]
14512
14512
  },
14513
14513
  "border-inline-start-width": {
14514
- "value": "0px",
14514
+ "value": "2px",
14515
14515
  "type": "borderWidth",
14516
14516
  "filePath": "src/generated/uitvoerend-paars/tokens.json",
14517
14517
  "isSource": true,
14518
14518
  "original": {
14519
- "value": "0px",
14519
+ "value": "2px",
14520
14520
  "type": "borderWidth"
14521
14521
  },
14522
14522
  "name": "utrechtFormFieldsetInvalidBorderInlineStartWidth",
package/dist/uitvoerend-violet/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ // Generated on Mon, 27 Oct 2025 09:20:39 GMT
4
4
 
5
5
  $figma-link-icon-size: 1.25rem;
6
6
  $rhc-space-700: 3.5rem;
@@ -707,8 +707,8 @@ $utrecht-drawer-border-color: #64748B;
707
707
  $utrecht-drawer-background-color: #fff;
708
708
  $utrecht-drawer-z-index: 1;
709
709
  $utrecht-drawer-max-inline-size: 256px;
710
- $utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
711
- $utrecht-form-fieldset-invalid-padding-inline-start: 0rem;
710
+ $utrecht-form-fieldset-invalid-border-inline-start-width: 2px;
711
+ $utrecht-form-fieldset-invalid-padding-inline-start: 1rem;
712
712
  $utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
713
713
  $utrecht-form-fieldset-section-color: #0F172A;
714
714
  $utrecht-form-fieldset-section-background-color: transparent;
@@ -1194,8 +1194,8 @@ $utrecht-checkbox-indeterminate-active-border-width: 1px;
1194
1194
  $utrecht-checkbox-indeterminate-active-color: #fff;
1195
1195
  $utrecht-checkbox-indeterminate-active-border-color: transparent;
1196
1196
  $utrecht-checkbox-indeterminate-active-background-color: #BE4088;
1197
- $utrecht-form-field-invalid-padding-inline-start: 0rem;
1198
- $utrecht-form-field-invalid-border-inline-start-width: 0px;
1197
+ $utrecht-form-field-invalid-padding-inline-start: 1rem;
1198
+ $utrecht-form-field-invalid-border-inline-start-width: 2px;
1199
1199
  $utrecht-form-field-invalid-border-inline-start-color: #d52b1e;
1200
1200
  $utrecht-form-field-margin-block-start: 0.5rem;
1201
1201
  $utrecht-form-field-margin-block-end: 0.5rem;
package/dist/uitvoerend-violet/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:39 GMT
4
4
  */
5
5
 
6
6
  .uitvoerend-violet {
@@ -709,8 +709,8 @@
709
709
  --utrecht-drawer-background-color: #fff;
710
710
  --utrecht-drawer-z-index: 1;
711
711
  --utrecht-drawer-max-inline-size: 256px;
712
- --utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
713
- --utrecht-form-fieldset-invalid-padding-inline-start: 0rem;
712
+ --utrecht-form-fieldset-invalid-border-inline-start-width: 2px;
713
+ --utrecht-form-fieldset-invalid-padding-inline-start: 1rem;
714
714
  --utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
715
715
  --utrecht-form-fieldset-section-color: #0F172A;
716
716
  --utrecht-form-fieldset-section-background-color: transparent;
@@ -1196,8 +1196,8 @@
1196
1196
  --utrecht-checkbox-indeterminate-active-color: #fff;
1197
1197
  --utrecht-checkbox-indeterminate-active-border-color: transparent;
1198
1198
  --utrecht-checkbox-indeterminate-active-background-color: #BE4088;
1199
- --utrecht-form-field-invalid-padding-inline-start: 0rem;
1200
- --utrecht-form-field-invalid-border-inline-start-width: 0px;
1199
+ --utrecht-form-field-invalid-padding-inline-start: 1rem;
1200
+ --utrecht-form-field-invalid-border-inline-start-width: 2px;
1201
1201
  --utrecht-form-field-invalid-border-inline-start-color: #d52b1e;
1202
1202
  --utrecht-form-field-margin-block-start: 0.5rem;
1203
1203
  --utrecht-form-field-margin-block-end: 0.5rem;
package/dist/uitvoerend-violet/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:39 GMT
4
4
  */
5
5
 
6
6
  export const utrechtTextboxHoverBackgroundColor : string;
package/dist/uitvoerend-violet/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:39 GMT
4
4
  */
5
5
 
6
6
  export const utrechtTextboxHoverBackgroundColor = "#fff";
@@ -124,8 +124,8 @@ export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
124
124
  export const utrechtFormFieldMarginBlockEnd = "0.5rem";
125
125
  export const utrechtFormFieldMarginBlockStart = "0.5rem";
126
126
  export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
127
- export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
128
- export const utrechtFormFieldInvalidPaddingInlineStart = "0rem";
127
+ export const utrechtFormFieldInvalidBorderInlineStartWidth = "2px";
128
+ export const utrechtFormFieldInvalidPaddingInlineStart = "1rem";
129
129
  export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#BE4088";
130
130
  export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
131
131
  export const utrechtCheckboxIndeterminateActiveColor = "#fff";
@@ -611,8 +611,8 @@ export const utrechtFormFieldsetLegendDisabledColor = "#334155";
611
611
  export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
612
612
  export const utrechtFormFieldsetSectionColor = "#0F172A";
613
613
  export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
614
- export const utrechtFormFieldsetInvalidPaddingInlineStart = "0rem";
615
- export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
614
+ export const utrechtFormFieldsetInvalidPaddingInlineStart = "1rem";
615
+ export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "2px";
616
616
  export const utrechtDrawerMaxInlineSize = "256px";
617
617
  export const utrechtDrawerZIndex = 1;
618
618
  export const utrechtDrawerBackgroundColor = "#fff";
package/dist/uitvoerend-violet/index.json CHANGED
@@ -120,8 +120,8 @@
120
120
  "utrechtFormFieldMarginBlockEnd": "0.5rem",
121
121
  "utrechtFormFieldMarginBlockStart": "0.5rem",
122
122
  "utrechtFormFieldInvalidBorderInlineStartColor": "#d52b1e",
123
- "utrechtFormFieldInvalidBorderInlineStartWidth": "0px",
124
- "utrechtFormFieldInvalidPaddingInlineStart": "0rem",
123
+ "utrechtFormFieldInvalidBorderInlineStartWidth": "2px",
124
+ "utrechtFormFieldInvalidPaddingInlineStart": "1rem",
125
125
  "utrechtCheckboxIndeterminateActiveBackgroundColor": "#BE4088",
126
126
  "utrechtCheckboxIndeterminateActiveBorderColor": "transparent",
127
127
  "utrechtCheckboxIndeterminateActiveColor": "#fff",
@@ -607,8 +607,8 @@
607
607
  "utrechtFormFieldsetSectionBackgroundColor": "transparent",
608
608
  "utrechtFormFieldsetSectionColor": "#0F172A",
609
609
  "utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
610
- "utrechtFormFieldsetInvalidPaddingInlineStart": "0rem",
611
- "utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
610
+ "utrechtFormFieldsetInvalidPaddingInlineStart": "1rem",
611
+ "utrechtFormFieldsetInvalidBorderInlineStartWidth": "2px",
612
612
  "utrechtDrawerMaxInlineSize": "256px",
613
613
  "utrechtDrawerZIndex": 1,
614
614
  "utrechtDrawerBackgroundColor": "#fff",
package/dist/uitvoerend-violet/index.tokens.json CHANGED
@@ -177,8 +177,8 @@
177
177
  "margin-block-start": "0.5rem",
178
178
  "invalid": {
179
179
  "border-inline-start-color": "#d52b1e",
180
- "border-inline-start-width": "0px",
181
- "padding-inline-start": "0rem"
180
+ "border-inline-start-width": "2px",
181
+ "padding-inline-start": "1rem"
182
182
  }
183
183
  },
184
184
  "checkbox": {
@@ -952,8 +952,8 @@
952
952
  "border-inline-start": {
953
953
  "color": "#d52b1e"
954
954
  },
955
- "padding-inline-start": "0rem",
956
- "border-inline-start-width": "0px"
955
+ "padding-inline-start": "1rem",
956
+ "border-inline-start-width": "2px"
957
957
  }
958
958
  },
959
959
  "drawer": {
package/dist/uitvoerend-violet/root.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:39 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -709,8 +709,8 @@
709
709
  --utrecht-drawer-background-color: #fff;
710
710
  --utrecht-drawer-z-index: 1;
711
711
  --utrecht-drawer-max-inline-size: 256px;
712
- --utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
713
- --utrecht-form-fieldset-invalid-padding-inline-start: 0rem;
712
+ --utrecht-form-fieldset-invalid-border-inline-start-width: 2px;
713
+ --utrecht-form-fieldset-invalid-padding-inline-start: 1rem;
714
714
  --utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
715
715
  --utrecht-form-fieldset-section-color: #0F172A;
716
716
  --utrecht-form-fieldset-section-background-color: transparent;
@@ -1196,8 +1196,8 @@
1196
1196
  --utrecht-checkbox-indeterminate-active-color: #fff;
1197
1197
  --utrecht-checkbox-indeterminate-active-border-color: transparent;
1198
1198
  --utrecht-checkbox-indeterminate-active-background-color: #BE4088;
1199
- --utrecht-form-field-invalid-padding-inline-start: 0rem;
1200
- --utrecht-form-field-invalid-border-inline-start-width: 0px;
1199
+ --utrecht-form-field-invalid-padding-inline-start: 1rem;
1200
+ --utrecht-form-field-invalid-border-inline-start-width: 2px;
1201
1201
  --utrecht-form-field-invalid-border-inline-start-color: #d52b1e;
1202
1202
  --utrecht-form-field-margin-block-start: 0.5rem;
1203
1203
  --utrecht-form-field-margin-block-end: 0.5rem;
package/dist/uitvoerend-violet/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:39 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
package/dist/uitvoerend-violet/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:39 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -2796,12 +2796,12 @@ module.exports = {
2796
2796
  },
2797
2797
  "border-inline-start-width": {
2798
2798
  "type": "dimension",
2799
- "value": "0px",
2799
+ "value": "2px",
2800
2800
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
2801
2801
  "isSource": true,
2802
2802
  "original": {
2803
2803
  "type": "dimension",
2804
- "value": "0px"
2804
+ "value": "2px"
2805
2805
  },
2806
2806
  "name": "utrechtFormFieldInvalidBorderInlineStartWidth",
2807
2807
  "attributes": {
@@ -2819,12 +2819,12 @@ module.exports = {
2819
2819
  },
2820
2820
  "padding-inline-start": {
2821
2821
  "type": "dimension",
2822
- "value": "0rem",
2822
+ "value": "1rem",
2823
2823
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
2824
2824
  "isSource": true,
2825
2825
  "original": {
2826
2826
  "type": "dimension",
2827
- "value": "0rem"
2827
+ "value": "1rem"
2828
2828
  },
2829
2829
  "name": "utrechtFormFieldInvalidPaddingInlineStart",
2830
2830
  "attributes": {
@@ -14488,12 +14488,12 @@ module.exports = {
14488
14488
  }
14489
14489
  },
14490
14490
  "padding-inline-start": {
14491
- "value": "0rem",
14491
+ "value": "1rem",
14492
14492
  "type": "spacing",
14493
14493
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
14494
14494
  "isSource": true,
14495
14495
  "original": {
14496
- "value": "0rem",
14496
+ "value": "1rem",
14497
14497
  "type": "spacing"
14498
14498
  },
14499
14499
  "name": "utrechtFormFieldsetInvalidPaddingInlineStart",
@@ -14511,12 +14511,12 @@ module.exports = {
14511
14511
  ]
14512
14512
  },
14513
14513
  "border-inline-start-width": {
14514
- "value": "0px",
14514
+ "value": "2px",
14515
14515
  "type": "borderWidth",
14516
14516
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
14517
14517
  "isSource": true,
14518
14518
  "original": {
14519
- "value": "0px",
14519
+ "value": "2px",
14520
14520
  "type": "borderWidth"
14521
14521
  },
14522
14522
  "name": "utrechtFormFieldsetInvalidBorderInlineStartWidth",
package/dist/uitvoerend-violet-oud/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ // Generated on Mon, 27 Oct 2025 09:20:40 GMT
4
4
 
5
5
  $figma-link-icon-size: 1.25rem;
6
6
  $rhc-space-700: 3.5rem;
@@ -708,8 +708,8 @@ $utrecht-drawer-border-color: #64748B;
708
708
  $utrecht-drawer-background-color: #fff;
709
709
  $utrecht-drawer-z-index: 1;
710
710
  $utrecht-drawer-max-inline-size: 256px;
711
- $utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
712
- $utrecht-form-fieldset-invalid-padding-inline-start: 0rem;
711
+ $utrecht-form-fieldset-invalid-border-inline-start-width: 2px;
712
+ $utrecht-form-fieldset-invalid-padding-inline-start: 1rem;
713
713
  $utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
714
714
  $utrecht-form-fieldset-section-color: #0F172A;
715
715
  $utrecht-form-fieldset-section-background-color: transparent;
@@ -1195,8 +1195,8 @@ $utrecht-checkbox-indeterminate-active-border-width: 1px;
1195
1195
  $utrecht-checkbox-indeterminate-active-color: #fff;
1196
1196
  $utrecht-checkbox-indeterminate-active-border-color: transparent;
1197
1197
  $utrecht-checkbox-indeterminate-active-background-color: #BE4088;
1198
- $utrecht-form-field-invalid-padding-inline-start: 0rem;
1199
- $utrecht-form-field-invalid-border-inline-start-width: 0px;
1198
+ $utrecht-form-field-invalid-padding-inline-start: 1rem;
1199
+ $utrecht-form-field-invalid-border-inline-start-width: 2px;
1200
1200
  $utrecht-form-field-invalid-border-inline-start-color: #d52b1e;
1201
1201
  $utrecht-form-field-margin-block-start: 0.5rem;
1202
1202
  $utrecht-form-field-margin-block-end: 0.5rem;
package/dist/uitvoerend-violet-oud/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:40 GMT
4
4
  */
5
5
 
6
6
  .uitvoerend-violet-oud {
@@ -710,8 +710,8 @@
710
710
  --utrecht-drawer-background-color: #fff;
711
711
  --utrecht-drawer-z-index: 1;
712
712
  --utrecht-drawer-max-inline-size: 256px;
713
- --utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
714
- --utrecht-form-fieldset-invalid-padding-inline-start: 0rem;
713
+ --utrecht-form-fieldset-invalid-border-inline-start-width: 2px;
714
+ --utrecht-form-fieldset-invalid-padding-inline-start: 1rem;
715
715
  --utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
716
716
  --utrecht-form-fieldset-section-color: #0F172A;
717
717
  --utrecht-form-fieldset-section-background-color: transparent;
@@ -1197,8 +1197,8 @@
1197
1197
  --utrecht-checkbox-indeterminate-active-color: #fff;
1198
1198
  --utrecht-checkbox-indeterminate-active-border-color: transparent;
1199
1199
  --utrecht-checkbox-indeterminate-active-background-color: #BE4088;
1200
- --utrecht-form-field-invalid-padding-inline-start: 0rem;
1201
- --utrecht-form-field-invalid-border-inline-start-width: 0px;
1200
+ --utrecht-form-field-invalid-padding-inline-start: 1rem;
1201
+ --utrecht-form-field-invalid-border-inline-start-width: 2px;
1202
1202
  --utrecht-form-field-invalid-border-inline-start-color: #d52b1e;
1203
1203
  --utrecht-form-field-margin-block-start: 0.5rem;
1204
1204
  --utrecht-form-field-margin-block-end: 0.5rem;
package/dist/uitvoerend-violet-oud/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:39 GMT
4
4
  */
5
5
 
6
6
  export const utrechtTextboxHoverBackgroundColor : string;
package/dist/uitvoerend-violet-oud/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:40 GMT
4
4
  */
5
5
 
6
6
  export const utrechtTextboxHoverBackgroundColor = "#fff";
@@ -124,8 +124,8 @@ export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
124
124
  export const utrechtFormFieldMarginBlockEnd = "0.5rem";
125
125
  export const utrechtFormFieldMarginBlockStart = "0.5rem";
126
126
  export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
127
- export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
128
- export const utrechtFormFieldInvalidPaddingInlineStart = "0rem";
127
+ export const utrechtFormFieldInvalidBorderInlineStartWidth = "2px";
128
+ export const utrechtFormFieldInvalidPaddingInlineStart = "1rem";
129
129
  export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#BE4088";
130
130
  export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
131
131
  export const utrechtCheckboxIndeterminateActiveColor = "#fff";
@@ -611,8 +611,8 @@ export const utrechtFormFieldsetLegendDisabledColor = "#334155";
611
611
  export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
612
612
  export const utrechtFormFieldsetSectionColor = "#0F172A";
613
613
  export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
614
- export const utrechtFormFieldsetInvalidPaddingInlineStart = "0rem";
615
- export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
614
+ export const utrechtFormFieldsetInvalidPaddingInlineStart = "1rem";
615
+ export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "2px";
616
616
  export const utrechtDrawerMaxInlineSize = "256px";
617
617
  export const utrechtDrawerZIndex = 1;
618
618
  export const utrechtDrawerBackgroundColor = "#fff";
package/dist/uitvoerend-violet-oud/index.json CHANGED
@@ -120,8 +120,8 @@
120
120
  "utrechtFormFieldMarginBlockEnd": "0.5rem",
121
121
  "utrechtFormFieldMarginBlockStart": "0.5rem",
122
122
  "utrechtFormFieldInvalidBorderInlineStartColor": "#d52b1e",
123
- "utrechtFormFieldInvalidBorderInlineStartWidth": "0px",
124
- "utrechtFormFieldInvalidPaddingInlineStart": "0rem",
123
+ "utrechtFormFieldInvalidBorderInlineStartWidth": "2px",
124
+ "utrechtFormFieldInvalidPaddingInlineStart": "1rem",
125
125
  "utrechtCheckboxIndeterminateActiveBackgroundColor": "#BE4088",
126
126
  "utrechtCheckboxIndeterminateActiveBorderColor": "transparent",
127
127
  "utrechtCheckboxIndeterminateActiveColor": "#fff",
@@ -607,8 +607,8 @@
607
607
  "utrechtFormFieldsetSectionBackgroundColor": "transparent",
608
608
  "utrechtFormFieldsetSectionColor": "#0F172A",
609
609
  "utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
610
- "utrechtFormFieldsetInvalidPaddingInlineStart": "0rem",
611
- "utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
610
+ "utrechtFormFieldsetInvalidPaddingInlineStart": "1rem",
611
+ "utrechtFormFieldsetInvalidBorderInlineStartWidth": "2px",
612
612
  "utrechtDrawerMaxInlineSize": "256px",
613
613
  "utrechtDrawerZIndex": 1,
614
614
  "utrechtDrawerBackgroundColor": "#fff",
package/dist/uitvoerend-violet-oud/index.tokens.json CHANGED
@@ -177,8 +177,8 @@
177
177
  "margin-block-start": "0.5rem",
178
178
  "invalid": {
179
179
  "border-inline-start-color": "#d52b1e",
180
- "border-inline-start-width": "0px",
181
- "padding-inline-start": "0rem"
180
+ "border-inline-start-width": "2px",
181
+ "padding-inline-start": "1rem"
182
182
  }
183
183
  },
184
184
  "checkbox": {
@@ -952,8 +952,8 @@
952
952
  "border-inline-start": {
953
953
  "color": "#d52b1e"
954
954
  },
955
- "padding-inline-start": "0rem",
956
- "border-inline-start-width": "0px"
955
+ "padding-inline-start": "1rem",
956
+ "border-inline-start-width": "2px"
957
957
  }
958
958
  },
959
959
  "drawer": {
package/dist/uitvoerend-violet-oud/root.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:40 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -710,8 +710,8 @@
710
710
  --utrecht-drawer-background-color: #fff;
711
711
  --utrecht-drawer-z-index: 1;
712
712
  --utrecht-drawer-max-inline-size: 256px;
713
- --utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
714
- --utrecht-form-fieldset-invalid-padding-inline-start: 0rem;
713
+ --utrecht-form-fieldset-invalid-border-inline-start-width: 2px;
714
+ --utrecht-form-fieldset-invalid-padding-inline-start: 1rem;
715
715
  --utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
716
716
  --utrecht-form-fieldset-section-color: #0F172A;
717
717
  --utrecht-form-fieldset-section-background-color: transparent;
@@ -1197,8 +1197,8 @@
1197
1197
  --utrecht-checkbox-indeterminate-active-color: #fff;
1198
1198
  --utrecht-checkbox-indeterminate-active-border-color: transparent;
1199
1199
  --utrecht-checkbox-indeterminate-active-background-color: #BE4088;
1200
- --utrecht-form-field-invalid-padding-inline-start: 0rem;
1201
- --utrecht-form-field-invalid-border-inline-start-width: 0px;
1200
+ --utrecht-form-field-invalid-padding-inline-start: 1rem;
1201
+ --utrecht-form-field-invalid-border-inline-start-width: 2px;
1202
1202
  --utrecht-form-field-invalid-border-inline-start-color: #d52b1e;
1203
1203
  --utrecht-form-field-margin-block-start: 0.5rem;
1204
1204
  --utrecht-form-field-margin-block-end: 0.5rem;
package/dist/uitvoerend-violet-oud/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:52 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:39 GMT
4
4
  */
5
5
 
6
6
  export default tokens;