Skip to content

Commit 6dfa817

Browse files
RobbertRobbert
committed
fix: rename <utrecht-badge-data> Web Component to <utrecht-data-badge> 
1 parent f2c0a12 commit 6dfa817

File tree

8 files changed

+41
-32
lines changed

8 files changed

+41
-32
lines changed

‎.changeset/bright-files-perform.md

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
"@utrecht/web-component-library-stencil": major
3+
---
4+
5+
Rename `<utrecht-badge-data>` to `<utrecht-data-badge>`.
6+
7+
The name of the class name is now in sync with the [NL Design System "Data Badge" component](https://nldesignsystem.nl/data-badge).
8+
9+
Migration: replace any `<utrecht-badge-data>` elements you might have, with `<utrecht-data-badge>`.

‎packages/storybook-web-component/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,6 @@
5050
"@utrecht/article-css": "workspace:*",
5151
"@utrecht/backdrop-css": "workspace:*",
5252
"@utrecht/badge-counter-css": "workspace:*",
53-
"@utrecht/badge-data-css": "workspace:*",
5453
"@utrecht/badge-list-css": "workspace:*",
5554
"@utrecht/badge-status-css": "workspace:*",
5655
"@utrecht/breadcrumb-nav-css": "workspace:*",
@@ -65,6 +64,7 @@
6564
"@utrecht/component-library-css": "workspace:*",
6665
"@utrecht/component-library-react": "workspace:*",
6766
"@utrecht/custom-checkbox-css": "workspace:*",
67+
"@utrecht/data-badge-css": "workspace:*",
6868
"@utrecht/data-list-css": "workspace:*",
6969
"@utrecht/design-tokens": "workspace:*",
7070
"@utrecht/digid-button-css": "workspace:*",

‎packages/storybook-web-component/src/BadgeData.stories.tsx renamed to ‎packages/storybook-web-component/src/DataBadge.stories.tsx

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
/* @license CC0-1.0 */
22

33
import type { Meta, StoryObj } from '@storybook/react';
4-
import readme from '@utrecht/badge-data-css/README.md?raw';
5-
import tokensDefinition from '@utrecht/badge-data-css/src/tokens.json';
4+
import readme from '@utrecht/data-badge-css/README.md?raw';
5+
import tokensDefinition from '@utrecht/data-badge-css/src/tokens.json';
66
import tokens from '@utrecht/design-tokens/dist/index.json';
7-
import { UtrechtBadgeData } from '@utrecht/web-component-library-react';
7+
import { UtrechtDataBadge } from '@utrecht/web-component-library-react';
88
import { designTokenStory } from './design-token-story';
99

1010
const meta = {
11-
title: 'Web Component/Badge data',
12-
id: 'web-component-badge-data',
13-
component: UtrechtBadgeData,
11+
title: 'Web Component/Data Badge',
12+
id: 'web-component-data-badge',
13+
component: UtrechtDataBadge,
1414
argTypes: {
1515
children: {
1616
description: 'Text content',
@@ -25,7 +25,7 @@ const meta = {
2525
status: {
2626
type: 'WORK IN PROGRESS',
2727
},
28-
tokensPrefix: 'utrecht-badge-data',
28+
tokensPrefix: 'utrecht-data-badge',
2929
tokens,
3030
tokensDefinition,
3131
docs: {
@@ -34,7 +34,7 @@ const meta = {
3434
},
3535
},
3636
},
37-
} satisfies Meta<typeof UtrechtBadgeData>;
37+
} satisfies Meta<typeof UtrechtDataBadge>;
3838

3939
export default meta;
4040

‎packages/web-component-library-stencil/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,6 @@
4040
"@utrecht/backdrop-css": "workspace:*",
4141
"@utrecht/badge-counter-css": "workspace:*",
4242
"@utrecht/badge-css": "workspace:*",
43-
"@utrecht/badge-data-css": "workspace:*",
4443
"@utrecht/badge-list-css": "workspace:*",
4544
"@utrecht/badge-status-css": "workspace:*",
4645
"@utrecht/blockquote-css": "workspace:*",
@@ -54,6 +53,7 @@
5453
"@utrecht/color-sample-css": "workspace:*",
5554
"@utrecht/column-layout-css": "workspace:*",
5655
"@utrecht/custom-checkbox-css": "workspace:*",
56+
"@utrecht/data-badge-css": "workspace:*",
5757
"@utrecht/data-list-css": "workspace:*",
5858
"@utrecht/digid-button-css": "workspace:*",
5959
"@utrecht/document-css": "workspace:*",

‎packages/web-component-library-stencil/src/components.d.ts

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,6 @@ export namespace Components {
1919
"max": number;
2020
"value": number;
2121
}
22-
interface UtrechtBadgeData {
23-
}
2422
interface UtrechtBadgeList {
2523
}
2624
interface UtrechtBadgeStatus {
@@ -84,6 +82,8 @@ export namespace Components {
8482
"invalid"?: boolean;
8583
"required"?: boolean;
8684
}
85+
interface UtrechtDataBadge {
86+
}
8787
interface UtrechtDataList {
8888
}
8989
interface UtrechtDataListActions {
@@ -817,12 +817,6 @@ declare global {
817817
prototype: HTMLUtrechtBadgeCounterElement;
818818
new (): HTMLUtrechtBadgeCounterElement;
819819
};
820-
interface HTMLUtrechtBadgeDataElement extends Components.UtrechtBadgeData, HTMLStencilElement {
821-
}
822-
var HTMLUtrechtBadgeDataElement: {
823-
prototype: HTMLUtrechtBadgeDataElement;
824-
new (): HTMLUtrechtBadgeDataElement;
825-
};
826820
interface HTMLUtrechtBadgeListElement extends Components.UtrechtBadgeList, HTMLStencilElement {
827821
}
828822
var HTMLUtrechtBadgeListElement: {
@@ -927,6 +921,12 @@ declare global {
927921
prototype: HTMLUtrechtCustomCheckboxElement;
928922
new (): HTMLUtrechtCustomCheckboxElement;
929923
};
924+
interface HTMLUtrechtDataBadgeElement extends Components.UtrechtDataBadge, HTMLStencilElement {
925+
}
926+
var HTMLUtrechtDataBadgeElement: {
927+
prototype: HTMLUtrechtDataBadgeElement;
928+
new (): HTMLUtrechtDataBadgeElement;
929+
};
930930
interface HTMLUtrechtDataListElement extends Components.UtrechtDataList, HTMLStencilElement {
931931
}
932932
var HTMLUtrechtDataListElement: {
@@ -2662,7 +2662,6 @@ declare global {
26622662
"utrecht-article": HTMLUtrechtArticleElement;
26632663
"utrecht-backdrop": HTMLUtrechtBackdropElement;
26642664
"utrecht-badge-counter": HTMLUtrechtBadgeCounterElement;
2665-
"utrecht-badge-data": HTMLUtrechtBadgeDataElement;
26662665
"utrecht-badge-list": HTMLUtrechtBadgeListElement;
26672666
"utrecht-badge-status": HTMLUtrechtBadgeStatusElement;
26682667
"utrecht-breadcrumb-nav": HTMLUtrechtBreadcrumbNavElement;
@@ -2676,6 +2675,7 @@ declare global {
26762675
"utrecht-column-layout": HTMLUtrechtColumnLayoutElement;
26772676
"utrecht-contact-card-template": HTMLUtrechtContactCardTemplateElement;
26782677
"utrecht-custom-checkbox": HTMLUtrechtCustomCheckboxElement;
2678+
"utrecht-data-badge": HTMLUtrechtDataBadgeElement;
26792679
"utrecht-data-list": HTMLUtrechtDataListElement;
26802680
"utrecht-data-list-actions": HTMLUtrechtDataListActionsElement;
26812681
"utrecht-data-list-item": HTMLUtrechtDataListItemElement;
@@ -2963,8 +2963,6 @@ declare namespace LocalJSX {
29632963
"max"?: number;
29642964
"value"?: number;
29652965
}
2966-
interface UtrechtBadgeData {
2967-
}
29682966
interface UtrechtBadgeList {
29692967
}
29702968
interface UtrechtBadgeStatus {
@@ -3034,6 +3032,8 @@ declare namespace LocalJSX {
30343032
"invalid"?: boolean;
30353033
"required"?: boolean;
30363034
}
3035+
interface UtrechtDataBadge {
3036+
}
30373037
interface UtrechtDataList {
30383038
}
30393039
interface UtrechtDataListActions {
@@ -3736,7 +3736,6 @@ declare namespace LocalJSX {
37363736
"utrecht-article": UtrechtArticle;
37373737
"utrecht-backdrop": UtrechtBackdrop;
37383738
"utrecht-badge-counter": UtrechtBadgeCounter;
3739-
"utrecht-badge-data": UtrechtBadgeData;
37403739
"utrecht-badge-list": UtrechtBadgeList;
37413740
"utrecht-badge-status": UtrechtBadgeStatus;
37423741
"utrecht-breadcrumb-nav": UtrechtBreadcrumbNav;
@@ -3750,6 +3749,7 @@ declare namespace LocalJSX {
37503749
"utrecht-column-layout": UtrechtColumnLayout;
37513750
"utrecht-contact-card-template": UtrechtContactCardTemplate;
37523751
"utrecht-custom-checkbox": UtrechtCustomCheckbox;
3752+
"utrecht-data-badge": UtrechtDataBadge;
37533753
"utrecht-data-list": UtrechtDataList;
37543754
"utrecht-data-list-actions": UtrechtDataListActions;
37553755
"utrecht-data-list-item": UtrechtDataListItem;
@@ -4031,7 +4031,6 @@ declare module "@stencil/core" {
40314031
"utrecht-article": LocalJSX.UtrechtArticle & JSXBase.HTMLAttributes<HTMLUtrechtArticleElement>;
40324032
"utrecht-backdrop": LocalJSX.UtrechtBackdrop & JSXBase.HTMLAttributes<HTMLUtrechtBackdropElement>;
40334033
"utrecht-badge-counter": LocalJSX.UtrechtBadgeCounter & JSXBase.HTMLAttributes<HTMLUtrechtBadgeCounterElement>;
4034-
"utrecht-badge-data": LocalJSX.UtrechtBadgeData & JSXBase.HTMLAttributes<HTMLUtrechtBadgeDataElement>;
40354034
"utrecht-badge-list": LocalJSX.UtrechtBadgeList & JSXBase.HTMLAttributes<HTMLUtrechtBadgeListElement>;
40364035
"utrecht-badge-status": LocalJSX.UtrechtBadgeStatus & JSXBase.HTMLAttributes<HTMLUtrechtBadgeStatusElement>;
40374036
"utrecht-breadcrumb-nav": LocalJSX.UtrechtBreadcrumbNav & JSXBase.HTMLAttributes<HTMLUtrechtBreadcrumbNavElement>;
@@ -4045,6 +4044,7 @@ declare module "@stencil/core" {
40454044
"utrecht-column-layout": LocalJSX.UtrechtColumnLayout & JSXBase.HTMLAttributes<HTMLUtrechtColumnLayoutElement>;
40464045
"utrecht-contact-card-template": LocalJSX.UtrechtContactCardTemplate & JSXBase.HTMLAttributes<HTMLUtrechtContactCardTemplateElement>;
40474046
"utrecht-custom-checkbox": LocalJSX.UtrechtCustomCheckbox & JSXBase.HTMLAttributes<HTMLUtrechtCustomCheckboxElement>;
4047+
"utrecht-data-badge": LocalJSX.UtrechtDataBadge & JSXBase.HTMLAttributes<HTMLUtrechtDataBadgeElement>;
40484048
"utrecht-data-list": LocalJSX.UtrechtDataList & JSXBase.HTMLAttributes<HTMLUtrechtDataListElement>;
40494049
"utrecht-data-list-actions": LocalJSX.UtrechtDataListActions & JSXBase.HTMLAttributes<HTMLUtrechtDataListActionsElement>;
40504050
"utrecht-data-list-item": LocalJSX.UtrechtDataListItem & JSXBase.HTMLAttributes<HTMLUtrechtDataListItemElement>;

‎packages/web-component-library-stencil/src/components/badge-data.scss renamed to ‎packages/web-component-library-stencil/src/components/data-badge.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
* Copyright (c) 2021-2024 Gemeente Utrecht
55
*/
66

7-
@import "~@utrecht/badge-data-css/src/index";
7+
@import "~@utrecht/data-badge-css/src/index";
88

99
:host {
1010
display: inline-block;

‎packages/web-component-library-stencil/src/components/badge-data.tsx renamed to ‎packages/web-component-library-stencil/src/components/data-badge.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,14 +7,14 @@
77
import { Component, h } from '@stencil/core';
88

99
@Component({
10-
tag: 'utrecht-badge-data',
11-
styleUrl: 'badge-data.scss',
10+
tag: 'utrecht-data-badge',
11+
styleUrl: 'data-badge.scss',
1212
shadow: true,
1313
})
14-
export class BadgeData {
14+
export class DataBadge {
1515
render() {
1616
return (
17-
<div class="utrecht-badge-data">
17+
<div class="utrecht-data-badge">
1818
<slot></slot>
1919
</div>
2020
);

‎packages/web-component-library-stencil/src/index.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -251,7 +251,7 @@
251251
<utrecht-badge-counter>42</utrecht-badge-counter>
252252
</div>
253253
<div>
254-
<utrecht-badge-data>latest</utrecht-badge-data>
254+
<utrecht-data-badge>latest</utrecht-data-badge>
255255
</div>
256256
<div>
257257
<utrecht-badge-status>disabled</utrecht-badge-status>
@@ -319,9 +319,9 @@
319319
</utrecht-paragraph>
320320
<utrecht-paragraph> Hello <utrecht-mark>world</utrecht-mark> </utrecht-paragraph>
321321
<utrecht-badge-list>
322-
<utrecht-badge-data>foo</utrecht-badge-data>
323-
<utrecht-badge-data>bar</utrecht-badge-data>
324-
<utrecht-badge-data>quux</utrecht-badge-data>
322+
<utrecht-data-badge>foo</utrecht-data-badge>
323+
<utrecht-data-badge>bar</utrecht-data-badge>
324+
<utrecht-data-badge>quux</utrecht-data-badge>
325325
</utrecht-badge-list>
326326
</utrecht-page-content>
327327
</utrecht-page>

0 commit comments

Comments
 (0)