fix: avoid duplicate classes

nl-design-system · Dec 6, 2024 · b19733f · b19733f
1 parent c4fbb62
commit b19733f
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 6 deletions.
diff --git a/.changeset/large-berries-boil.md b/.changeset/large-berries-boil.md
@@ -0,0 +1,5 @@
+---
+"@utrecht/web-component-library-stencil": patch
+---
+
+Use correct names for custom element classes, avoid duplicates.
diff --git a/packages/web-component-library-stencil/src/components/data-list-actions.tsx b/packages/web-component-library-stencil/src/components/data-list-actions.tsx
@@ -11,7 +11,7 @@ import { Component, h } from '@stencil/core';
   styleUrl: 'data-list-actions.scss',
   shadow: true,
 })
-export class DataListValue {
+export class DataListActions {
   render() {
     return (
       <dd>

diff --git a/packages/web-component-library-stencil/src/components/data-list-key.tsx b/packages/web-component-library-stencil/src/components/data-list-key.tsx
@@ -11,7 +11,7 @@ import { Component, h } from '@stencil/core';
   styleUrl: 'data-list-key.scss',
   shadow: true,
 })
-export class DataListValue {
+export class DataListKey {
   render() {
     return (
       <dt>

diff --git a/packages/web-component-library-stencil/src/components/logo-button.tsx b/packages/web-component-library-stencil/src/components/logo-button.tsx
@@ -12,7 +12,7 @@ import { Component, h } from '@stencil/core';
   styleUrl: 'logo-button.scss',
   shadow: true,
 })
-export class DigidButton {
+export class LogoButton {
   render() {
     return (
       <div class="utrecht-logo-button">

diff --git a/packages/web-component-library-stencil/src/components/number-badge.tsx b/packages/web-component-library-stencil/src/components/number-badge.tsx
@@ -11,7 +11,7 @@ import { Component, h, Prop } from '@stencil/core';
   styleUrl: 'number-badge.scss',
   shadow: true,
 })
-export class BadgeCounter {
+export class NumberBadge {
   @Prop() value: number;
   @Prop() max: number;
   @Prop() locale: string;

diff --git a/packages/web-component-library-stencil/src/components/page-content.tsx b/packages/web-component-library-stencil/src/components/page-content.tsx
@@ -11,7 +11,7 @@ import { Component, h } from '@stencil/core';
   styleUrl: 'page-content.scss',
   shadow: true,
 })
-export class Page {
+export class PageContent {
   render() {
     return (
       <div class="utrecht-page-content">

diff --git a/packages/web-component-library-stencil/src/components/surface.tsx b/packages/web-component-library-stencil/src/components/surface.tsx
@@ -11,7 +11,7 @@ import { Component, h } from '@stencil/core';
   styleUrl: 'surface.scss',
   shadow: true,
 })
-export class Code {
+export class Surface {
   render() {
     return (
       <div class="utrecht-surface">