diff --git a/src/components/d-heading/d-heading.css b/src/components/d-heading/d-heading.css
deleted file mode 100644
index e257e29..0000000
--- a/src/components/d-heading/d-heading.css
+++ /dev/null
@@ -1,27 +0,0 @@
-:host([size='xl']) {
-  @apply text-[56px] not-italic font-semibold leading-[64px];
-}
-
-:host([size='l']) {
-  @apply text-5xl not-italic font-semibold leading-[56px];
-}
-
-:host([size='m']) {
-  @apply text-[40px] not-italic font-semibold leading-[48px];
-}
-
-:host([size='s']) {
-  @apply text-[32px] not-italic font-semibold leading-10;
-}
-
-:host([size='xs']) {
-  @apply text-[26px] not-italic font-semibold leading-8;
-}
-
-:host([color='accent']) {
-  @apply text-on-accent;
-}
-
-:host([color='primary']) {
-  @apply text-on;
-}
diff --git a/src/components/d-heading/d-heading.tsx b/src/components/d-heading/d-heading.tsx
deleted file mode 100644
index c89e843..0000000
--- a/src/components/d-heading/d-heading.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Component, Host, Prop, h } from '@stencil/core';
-import { Color, Size } from '../types';
-
-@Component({
-  tag: 'd-heading',
-  styleUrl: 'd-heading.css',
-  shadow: true,
-})
-export class DHeading {
-  @Prop() size: Size = 'm';
-  @Prop() color: Color = 'primary';
-
-  render() {
-    return (
-      <Host size={this.size} color={this.color}>
-        <slot></slot>
-      </Host>
-    );
-  }
-}
diff --git a/src/components/d-heading/readme.md b/src/components/d-heading/readme.md
deleted file mode 100644
index 7fb3779..0000000
--- a/src/components/d-heading/readme.md
+++ /dev/null
@@ -1,18 +0,0 @@
-# d-heading
-
-
-
-<!-- Auto Generated Below -->
-
-
-## Properties
-
-| Property | Attribute | Description | Type     | Default     |
-| -------- | --------- | ----------- | -------- | ----------- |
-| `color`  | `color`   |             | `string` | `'primary'` |
-| `size`   | `size`    |             | `string` | `'m'`       |
-
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/src/components/d-heading/test/d-heading.e2e.ts b/src/components/d-heading/test/d-heading.e2e.ts
deleted file mode 100644
index b30a141..0000000
--- a/src/components/d-heading/test/d-heading.e2e.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { newE2EPage } from '@stencil/core/testing';
-
-describe('d-heading', () => {
-  it('renders', async () => {
-    const page = await newE2EPage();
-    await page.setContent('<d-heading></d-heading>');
-
-    const element = await page.find('d-heading');
-    expect(element).toHaveClass('hydrated');
-  });
-});
diff --git a/src/components/d-heading/test/d-heading.spec.tsx b/src/components/d-heading/test/d-heading.spec.tsx
deleted file mode 100644
index b207cc6..0000000
--- a/src/components/d-heading/test/d-heading.spec.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { newSpecPage } from '@stencil/core/testing';
-import { DHeading } from '../d-heading';
-
-describe('d-heading', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [DHeading],
-      html: `<d-heading></d-heading>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <d-heading color="primary" size="m">
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </d-heading>
-    `);
-  });
-});
diff --git a/src/components/d-text/d-text.css b/src/components/d-text/d-text.css
deleted file mode 100644
index d5182e9..0000000
--- a/src/components/d-text/d-text.css
+++ /dev/null
@@ -1,27 +0,0 @@
-:host([size='xl']) {
-  @apply text-xl not-italic font-normal leading-7;
-}
-
-:host([size='l']) {
-  @apply text-lg not-italic font-normal leading-[26px];
-}
-
-:host([size='m']) {
-  @apply text-base not-italic font-normal leading-5;
-}
-
-:host([size='s']) {
-  @apply text-sm not-italic font-normal leading-5;
-}
-
-:host([size='xs']) {
-  @apply text-xs not-italic font-normal leading-4;
-}
-
-:host([color='accent']) {
-  @apply text-on-accent;
-}
-
-:host([color='primary']) {
-  @apply text-on;
-}
diff --git a/src/components/d-text/d-text.tsx b/src/components/d-text/d-text.tsx
deleted file mode 100644
index 10a7b4c..0000000
--- a/src/components/d-text/d-text.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Component, Host, Prop, h } from '@stencil/core';
-import { Color, Size } from '../types';
-
-@Component({
-  tag: 'd-text',
-  styleUrl: 'd-text.css',
-  shadow: true,
-})
-export class DText {
-  @Prop() size: Size = 'm';
-  @Prop() color: Color = 'primary';
-
-  render() {
-    return (
-      <Host size={this.size} color={this.color}>
-        <slot></slot>
-      </Host>
-    );
-  }
-}
diff --git a/src/components/d-text/readme.md b/src/components/d-text/readme.md
deleted file mode 100644
index 4239ad7..0000000
--- a/src/components/d-text/readme.md
+++ /dev/null
@@ -1,17 +0,0 @@
-# d-text
-
-
-
-<!-- Auto Generated Below -->
-
-
-## Properties
-
-| Property | Attribute | Description | Type     | Default |
-| -------- | --------- | ----------- | -------- | ------- |
-| `size`   | `size`    |             | `string` | `'m'`   |
-
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/src/components/d-text/test/d-text.e2e.ts b/src/components/d-text/test/d-text.e2e.ts
deleted file mode 100644
index 8383b76..0000000
--- a/src/components/d-text/test/d-text.e2e.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { newE2EPage } from '@stencil/core/testing';
-
-describe('d-text', () => {
-  it('renders', async () => {
-    const page = await newE2EPage();
-    await page.setContent('<d-text></d-text>');
-
-    const element = await page.find('d-text');
-    expect(element).toHaveClass('hydrated');
-  });
-});
diff --git a/src/components/d-text/test/d-text.spec.tsx b/src/components/d-text/test/d-text.spec.tsx
deleted file mode 100644
index e968782..0000000
--- a/src/components/d-text/test/d-text.spec.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { newSpecPage } from '@stencil/core/testing';
-import { DText } from '../d-text';
-
-describe('d-text', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [DText],
-      html: `<d-text></d-text>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <d-text color="primary" size="m">
-        <mock:shadow-root>
-            <slot></slot>
-        </mock:shadow-root>
-      </d-text>
-    `);
-  });
-});