@utrecht/component-library-react 10.3.9 → 11.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,29 @@
1
1
  # @utrecht/component-library-react
2
2
 
3
+ ## 11.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - edac79f: - badge-status is no longer styled through common badge tokens but has its own set of tokens
8
+ - badge-status has been renamed to status-badge, use @utrecht/status-badge-css instead of @utrecht/badge-status-css
9
+
10
+ ### Patch Changes
11
+
12
+ - b912501: Changed the calendar navigation label to use the calendar year instead of the local week-numbering year
13
+ - Updated dependencies [edac79f]
14
+ - Updated dependencies [b912501]
15
+ - Updated dependencies [3be2632]
16
+ - @utrecht/status-badge-css@1.0.0
17
+ - @utrecht/calendar-react@1.0.15
18
+ - @utrecht/rich-text-css@2.1.0
19
+
20
+ ## 10.3.10
21
+
22
+ ### Patch Changes
23
+
24
+ - Updated dependencies [f02b554]
25
+ - @utrecht/breadcrumb-nav-css@2.1.0
26
+
3
27
  ## 10.3.9
4
28
 
5
29
  ### Patch Changes
package/CONTRIBUTING.md CHANGED
@@ -46,7 +46,7 @@ export interface MyLandmarkComponentProps {
46
46
  }
47
47
 
48
48
  export const MyLandmarkComponent = ({ children, label }: PropsWithChildren<MyComponentProps>) => {
49
- const headingId = useId();
49
+ const labelId = useId();
50
50
  return (
51
51
  <div role="region" aria-labelledby={label ? labelId : undefined}>
52
52
  {label && <div id={labelId}>{label}</div>}
@@ -158,7 +158,7 @@ Generate `id` attributes with [`useId()` from React](https://react.dev/reference
158
158
 
159
159
  ```jsx
160
160
  export const MyLandmarkComponent = ({ children, label }) => {
161
- const headingId = useId();
161
+ const labelId = useId();
162
162
  return (
163
163
  <div role="region" aria-labelledby={label ? labelId : undefined}>
164
164
  {label && <div id={labelId}>{label}</div>}