diff --git a/.yarn/cache/@babel-runtime-npm-7.21.0-c4ef698c89-7b33e25bfa.zip b/.yarn/cache/@babel-runtime-npm-7.21.0-c4ef698c89-7b33e25bfa.zip
deleted file mode 100644
index 06d3a9a3c..000000000
Binary files a/.yarn/cache/@babel-runtime-npm-7.21.0-c4ef698c89-7b33e25bfa.zip and /dev/null differ
diff --git a/.yarn/cache/@carbon-colors-npm-10.37.1-8caedc3bef-7cdc38370d.zip b/.yarn/cache/@carbon-colors-npm-10.37.1-8caedc3bef-7cdc38370d.zip
new file mode 100644
index 000000000..c85de6014
Binary files /dev/null and b/.yarn/cache/@carbon-colors-npm-10.37.1-8caedc3bef-7cdc38370d.zip differ
diff --git a/.yarn/cache/@carbon-colors-npm-11.13.0-c8c3700ed5-73cbfa18ce.zip b/.yarn/cache/@carbon-colors-npm-11.13.0-c8c3700ed5-73cbfa18ce.zip
deleted file mode 100644
index c171186ab..000000000
Binary files a/.yarn/cache/@carbon-colors-npm-11.13.0-c8c3700ed5-73cbfa18ce.zip and /dev/null differ
diff --git a/.yarn/cache/@carbon-grid-npm-10.43.1-7e086e8cec-d59818f560.zip b/.yarn/cache/@carbon-grid-npm-10.43.1-7e086e8cec-d59818f560.zip
new file mode 100644
index 000000000..3fab908ff
Binary files /dev/null and b/.yarn/cache/@carbon-grid-npm-10.43.1-7e086e8cec-d59818f560.zip differ
diff --git a/.yarn/cache/@carbon-grid-npm-11.12.0-a1e4993504-ff5c47d4a3.zip b/.yarn/cache/@carbon-grid-npm-11.12.0-a1e4993504-ff5c47d4a3.zip
deleted file mode 100644
index 52fb1d6d1..000000000
Binary files a/.yarn/cache/@carbon-grid-npm-11.12.0-a1e4993504-ff5c47d4a3.zip and /dev/null differ
diff --git a/.yarn/cache/@carbon-import-once-npm-10.7.0-4fdc07ee20-c92625bc34.zip b/.yarn/cache/@carbon-import-once-npm-10.7.0-4fdc07ee20-c92625bc34.zip
new file mode 100644
index 000000000..828e63711
Binary files /dev/null and b/.yarn/cache/@carbon-import-once-npm-10.7.0-4fdc07ee20-c92625bc34.zip differ
diff --git a/.yarn/cache/@carbon-layout-npm-10.37.1-eeb184f33f-baabf7e70e.zip b/.yarn/cache/@carbon-layout-npm-10.37.1-eeb184f33f-baabf7e70e.zip
new file mode 100644
index 000000000..8949a8085
Binary files /dev/null and b/.yarn/cache/@carbon-layout-npm-10.37.1-eeb184f33f-baabf7e70e.zip differ
diff --git a/.yarn/cache/@carbon-layout-npm-11.12.0-f91db2b7b7-7af239a8ee.zip b/.yarn/cache/@carbon-layout-npm-11.12.0-f91db2b7b7-7af239a8ee.zip
deleted file mode 100644
index 8c3443950..000000000
Binary files a/.yarn/cache/@carbon-layout-npm-11.12.0-f91db2b7b7-7af239a8ee.zip and /dev/null differ
diff --git a/.yarn/cache/@carbon-themes-npm-10.55.1-dba6d1b556-de435ba20b.zip b/.yarn/cache/@carbon-themes-npm-10.55.1-dba6d1b556-de435ba20b.zip
new file mode 100644
index 000000000..d10fbb570
Binary files /dev/null and b/.yarn/cache/@carbon-themes-npm-10.55.1-dba6d1b556-de435ba20b.zip differ
diff --git a/.yarn/cache/@carbon-themes-npm-11.17.0-5fc0055105-a10fb8426e.zip b/.yarn/cache/@carbon-themes-npm-11.17.0-5fc0055105-a10fb8426e.zip
deleted file mode 100644
index 83c0a7ab5..000000000
Binary files a/.yarn/cache/@carbon-themes-npm-11.17.0-5fc0055105-a10fb8426e.zip and /dev/null differ
diff --git a/.yarn/cache/@carbon-type-npm-10.45.1-fb4ed3ae89-08d1689874.zip b/.yarn/cache/@carbon-type-npm-10.45.1-fb4ed3ae89-08d1689874.zip
new file mode 100644
index 000000000..04bba1db5
Binary files /dev/null and b/.yarn/cache/@carbon-type-npm-10.45.1-fb4ed3ae89-08d1689874.zip differ
diff --git a/.yarn/cache/@carbon-type-npm-11.16.0-eb0a6c5430-78f3fa85ef.zip b/.yarn/cache/@carbon-type-npm-11.16.0-eb0a6c5430-78f3fa85ef.zip
deleted file mode 100644
index 6f4a212ed..000000000
Binary files a/.yarn/cache/@carbon-type-npm-11.16.0-eb0a6c5430-78f3fa85ef.zip and /dev/null differ
diff --git a/.yarn/cache/@carbon-web-components-npm-1.25.0-7d91ffa8fa-f37b0d49af.zip b/.yarn/cache/@carbon-web-components-npm-1.25.0-7d91ffa8fa-f37b0d49af.zip
deleted file mode 100644
index b47e8ea66..000000000
Binary files a/.yarn/cache/@carbon-web-components-npm-1.25.0-7d91ffa8fa-f37b0d49af.zip and /dev/null differ
diff --git a/.yarn/cache/carbon-components-npm-10.58.3-57a9dc3544-84a7e6ad39.zip b/.yarn/cache/carbon-components-npm-10.58.3-57a9dc3544-84a7e6ad39.zip
deleted file mode 100644
index fbe752200..000000000
Binary files a/.yarn/cache/carbon-components-npm-10.58.3-57a9dc3544-84a7e6ad39.zip and /dev/null differ
diff --git a/.yarn/cache/color-npm-3.2.1-568cf1014f-f81220e8b7.zip b/.yarn/cache/color-npm-3.2.1-568cf1014f-f81220e8b7.zip
new file mode 100644
index 000000000..6021f3d11
Binary files /dev/null and b/.yarn/cache/color-npm-3.2.1-568cf1014f-f81220e8b7.zip differ
diff --git a/.yarn/cache/color-npm-4.2.3-4a23227581-0579629c02.zip b/.yarn/cache/color-npm-4.2.3-4a23227581-0579629c02.zip
deleted file mode 100644
index cca7ea310..000000000
Binary files a/.yarn/cache/color-npm-4.2.3-4a23227581-0579629c02.zip and /dev/null differ
diff --git a/.yarn/cache/flatpickr-npm-4.6.13-06399933fc-2cca1b8dc9.zip b/.yarn/cache/flatpickr-npm-4.6.13-06399933fc-2cca1b8dc9.zip
deleted file mode 100644
index 081e9d8ce..000000000
Binary files a/.yarn/cache/flatpickr-npm-4.6.13-06399933fc-2cca1b8dc9.zip and /dev/null differ
diff --git a/.yarn/cache/lit-element-npm-2.5.1-7fccfb6b01-c4f45d0cc8.zip b/.yarn/cache/lit-element-npm-2.5.1-7fccfb6b01-c4f45d0cc8.zip
deleted file mode 100644
index a96a840fa..000000000
Binary files a/.yarn/cache/lit-element-npm-2.5.1-7fccfb6b01-c4f45d0cc8.zip and /dev/null differ
diff --git a/.yarn/cache/lit-html-npm-1.4.1-4c175266aa-6e1bb335cd.zip b/.yarn/cache/lit-html-npm-1.4.1-4c175266aa-6e1bb335cd.zip
deleted file mode 100644
index 3031507dc..000000000
Binary files a/.yarn/cache/lit-html-npm-1.4.1-4c175266aa-6e1bb335cd.zip and /dev/null differ
diff --git a/.yarn/cache/lodash-es-npm-4.17.21-b45832dfce-05cbffad6e.zip b/.yarn/cache/lodash-es-npm-4.17.21-b45832dfce-05cbffad6e.zip
deleted file mode 100644
index c95a052ee..000000000
Binary files a/.yarn/cache/lodash-es-npm-4.17.21-b45832dfce-05cbffad6e.zip and /dev/null differ
diff --git a/src/components/CvCheckbox/CvCheckbox.vue b/src/components/CvCheckbox/CvCheckbox.vue
index ae21cdd6d..b13defb2a 100644
--- a/src/components/CvCheckbox/CvCheckbox.vue
+++ b/src/components/CvCheckbox/CvCheckbox.vue
@@ -69,5 +69,3 @@ const cvId = useCvId(props);
 const emit = defineEmits(['update:modelValue', 'change']);
 const { onChange, isChecked } = useCheck(toRefs(props), emit);
 </script>
-
-<style scoped></style>
diff --git a/src/components/CvTile/CvTile.stories.mdx b/src/components/CvTile/CvTile.stories.mdx
index 6b9d766c1..b0b524b41 100644
--- a/src/components/CvTile/CvTile.stories.mdx
+++ b/src/components/CvTile/CvTile.stories.mdx
@@ -1,7 +1,7 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import CvTile from './CvTile.vue';
-import CvTileStandard from "./CvTileStandard.vue";
-import CvTileClickable from "./CvTileClickable.vue";
+import CvTileStandard from './CvTileStandard.vue';
+import CvTileClickable from './CvTileClickable.vue';
 import { sbCompPrefix } from '../../global/storybook-utils';
 import { action } from '@storybook/addon-actions';
 
@@ -10,50 +10,145 @@ import { action } from '@storybook/addon-actions';
 export const Template = args => ({
   // Components used in your story `template` are defined in the `components` object
   components: {
-    CvTile,CvTileStandard,CvTileClickable
+    CvTile,
+    CvTileStandard,
+    CvTileClickable,
   },
   // The story's `args` need to be mapped into the template through the `setup()` method
   setup() {
     return {
-      args: { light: args.light, kind: args.kind,  disabled: args.disabled},
+      args: {
+        light: args.light,
+        kind: args.kind,
+        disabled: args.disabled,
+        expanded: args.expanded,
+        tileCollapsedLabel: args.tileCollapsedLabel,
+        tileExpandedLabel: args.tileExpandedLabel,
+      },
       onChange: action('change'),
+      onExpanded: action('expanded'),
+      onClick: action('click'),
     };
   },
   // And then the `args` are bound to your component with `v-bind="args"`
   template: args.template,
 });
-const defaultTemplate = `
-<div>
-  <cv-tile v-bind='args' @change="onChange">Hello!</cv-tile>
-</div>
-`;
+const defaultTemplate = `<cv-tile v-bind='args'>Hello!</cv-tile>`;
 const defaultCode = defaultTemplate.replace("v-bind='args'", '');
+const expandableTemplate = `<cv-tile v-bind='args' kind="expandable" @expanded="onExpanded">Hello expandable!<template #below><h1>More Content</h1><p>Expanded</p></template></cv-tile>`;
+const expandableCode = expandableTemplate.replace("v-bind='args'", '');
+const clickableTemplate = `<cv-tile v-bind='args' kind="clickable" @click="onClick" to="{name: 'something'}">Hello clickable!</cv-tile>`;
+const clickableCode = clickableTemplate.replace("v-bind='args'", '');
+const selectableTemplate = `<cv-tile v-bind='args' kind="selectable" value="my-selection" @change="onChange">Hello selectable! </cv-tile>`;
+const selectableCode = selectableTemplate.replace("v-bind='args'", '');
 
 # CvTile
 
 **Migration notes:**
 
-- The `light` and '`theme` options continue to be supported but neither seem to have any effect with Carbon 10.
-  The React component does not have these properties listed at all. Even so the `--content-switcher--light` is still
-  applied if `light` is set to true.
-- In the Vue 2 component `cv-content-switcher-content` is set to visible if the controlling `cv-content-switcher` is
-  removed from the DOM. This is no longer supported. If you need this behaviour you can probably achieve the same effect
-  with the direct DOM version of the component plus some visibility logic.
+- The `light` and '`theme` options continue to be supported but the boolean `light` is preferred.
+- The expandable tile now emits a `expanded` event with a Boolean value.
 
 <Canvas>
   <Story
     name="Default"
     parameters={{
-      controls: { exclude: ['default', 'selected', 'template', 'data'] },
+      controls: {
+        exclude: [
+          'default',
+          'selected',
+          'template',
+          'data',
+          'kind',
+          'expanded',
+          'tileExpandedLabel',
+          'tileCollapsedLabel',
+        ],
+      },
       docs: { source: { code: defaultCode } },
     }}
     args={{
-      light: true,
+      kind: '',
+      light: false,
       disabled: false,
       template: defaultTemplate,
     }}
-    argTypes={{
-      kind: { control: 'select', default: 'standard', options: ['clickable', 'expandable', 'selectable', 'standard'] },
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+<Canvas>
+  <Story
+    name="Expandable"
+    parameters={{
+      controls: {
+        exclude: ['default', 'selected', 'template', 'data', 'kind', 'slots'],
+      },
+      docs: { source: { code: expandableCode } },
+    }}
+    args={{
+      light: false,
+      disabled: false,
+      template: expandableTemplate,
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+<Canvas>
+  <Story
+    name="Clickable"
+    parameters={{
+      controls: {
+        exclude: [
+          'default',
+          'selected',
+          'template',
+          'data',
+          'kind',
+          'slots',
+          'expanded',
+          'tileExpandedLabel',
+          'tileCollapsedLabel',
+        ],
+      },
+      docs: { source: { code: clickableCode } },
+    }}
+    args={{
+      light: false,
+      disabled: false,
+      template: clickableTemplate,
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+<Canvas>
+  <Story
+    name="Selectable"
+    parameters={{
+      controls: {
+        exclude: [
+          'default',
+          'selected',
+          'template',
+          'data',
+          'kind',
+          'slots',
+          'expanded',
+          'tileExpandedLabel',
+          'tileCollapsedLabel',
+        ],
+      },
+      docs: { source: { code: selectableCode } },
+    }}
+    args={{
+      light: false,
+      disabled: false,
+      template: selectableTemplate,
     }}
   >
     {Template.bind({})}
diff --git a/src/components/CvTile/CvTile.vue b/src/components/CvTile/CvTile.vue
index 0bbb7b548..72885a6f4 100644
--- a/src/components/CvTile/CvTile.vue
+++ b/src/components/CvTile/CvTile.vue
@@ -5,6 +5,10 @@
     :expanded="checkProp('expanded', expanded)"
     :tileCollapsedLabel="checkProp('tileCollapsedLabel', tileCollapsedLabel)"
     :tileExpandedLabel="checkProp('tileCollapsedLabel', tileExpandedLabel)"
+    :class="[
+      `cv-tile ${carbonPrefix}--tile`,
+      { [`${carbonPrefix}--tile--light`]: isLight },
+    ]"
   >
     <template v-for="(_, name) in $slots" v-slot:[name]="slotData"
       ><slot :name="name" v-bind="slotData"
@@ -14,6 +18,8 @@
 
 <script setup>
 import { computed } from 'vue';
+import { carbonPrefix } from '../../global/settings';
+import { props as propsTheme, useIsLight } from '../../use/cvTheme';
 import CvTileStandard from './CvTileStandard.vue';
 import CvTileClickable from './CvTileClickable.vue';
 import CvTileSelectable from './CvTileSelectable.vue';
@@ -30,6 +36,7 @@ const props = defineProps({
     validator: value =>
       ['clickable', 'expandable', 'selectable', 'standard', ''].includes(value),
   },
+  ...propsTheme,
 });
 
 const tagType = computed(() => {
@@ -44,6 +51,7 @@ const tagType = computed(() => {
       return CvTileStandard;
   }
 });
+const isLight = useIsLight(props);
 
 /**
  * If the prop is defined on the tagType pass it along otherwise, discard it.
diff --git a/src/components/CvTile/CvTileClickable.vue b/src/components/CvTile/CvTileClickable.vue
index 325790a9d..cca11c6fe 100644
--- a/src/components/CvTile/CvTileClickable.vue
+++ b/src/components/CvTile/CvTileClickable.vue
@@ -1,15 +1,23 @@
 <template>
-  <bx-clickable-tile
-    :color-scheme="light ? 'light' : undefined"
-    :disabled="disabled ? 'disabled' : undefined"
-    ><slot>Clickable tile</slot></bx-clickable-tile
+  <component
+    :is="tagType"
+    ref="target"
+    data-tile="clickable"
+    :class="`cv-tile-clickable ${carbonPrefix}--tile--clickable`"
+    v-bind="{ ...$attrs, ...linkProps }"
+    tabindex="0"
   >
+    <slot></slot>
+  </component>
 </template>
 
 <script setup>
-import '@carbon/web-components/es/components/tile/index.js';
-defineProps({
-  light: { type: Boolean, default: false },
-  disabled: { type: Boolean, default: false },
+import { carbonPrefix } from '../../global/settings';
+import { props as propsLink, useLinkProps, useTagType } from '../../use/cvLink';
+
+const props = defineProps({
+  ...propsLink,
 });
+const tagType = useTagType(props);
+const linkProps = useLinkProps(props);
 </script>
diff --git a/src/components/CvTile/CvTileExpandable.vue b/src/components/CvTile/CvTileExpandable.vue
index 7e883f9ad..8c2e76be5 100644
--- a/src/components/CvTile/CvTileExpandable.vue
+++ b/src/components/CvTile/CvTileExpandable.vue
@@ -1,22 +1,103 @@
 <template>
-  <bx-expandable-tile>
-    <bx-tile-above-the-fold-content slot="above-the-fold-content">
-      <slot>
-        <!-- Above the fold content here -->
-      </slot>
-    </bx-tile-above-the-fold-content>
-    <bx-tile-below-the-fold-content>
-      <slot name="below"> Below the fold content here </slot>
-    </bx-tile-below-the-fold-content>
-  </bx-expandable-tile>
+  <button
+    type="button"
+    :style="data.styleObject"
+    @click="toggle"
+    :class="[
+      `cv-tile-expandable ${carbonPrefix}--tile--expandable`,
+      { [`${carbonPrefix}--tile--is-expanded`]: data.internalExpanded },
+    ]"
+    ref="el"
+  >
+    <div :class="`${carbonPrefix}--tile-content`">
+      <span
+        data-tile-atf
+        :class="`${carbonPrefix}--tile-content__above-the-fold`"
+        ref="aboveFold"
+      >
+        <slot>
+          <!-- Above the fold content here -->
+        </slot>
+      </span>
+      <div :class="`${carbonPrefix}--tile__chevron`">
+        <span>{{ chevronLabel }}</span>
+        <ChevronDown16 />
+      </div>
+      <span
+        :class="`${carbonPrefix}--tile-content__below-the-fold`"
+        ref="belowFold"
+        v-show="data.internalExpanded || data.initialized"
+      >
+        <slot name="below">
+          <!-- Rest of the content here -->
+        </slot>
+      </span>
+    </div>
+  </button>
 </template>
 
 <script setup>
-import '@carbon/web-components/es/components/tile/index.js';
+import { carbonPrefix } from '../../global/settings';
+import ChevronDown16 from '@carbon/icons-vue/es/chevron--down/16';
+import { computed, nextTick, reactive, ref, watch } from 'vue';
 
-defineProps({
+const props = defineProps({
   expanded: Boolean,
   tileCollapsedLabel: String,
   tileExpandedLabel: String,
 });
+const data = reactive({
+  styleObject: {
+    maxHeight: 'initial',
+  },
+  initialized: false,
+  internalExpanded: props.expanded,
+});
+
+watch(
+  () => props.expanded,
+  val => {
+    if (val !== data.internalExpanded) {
+      toggle(val);
+    }
+  }
+);
+
+const chevronLabel = computed(() => {
+  return data.internalExpanded
+    ? props.tileExpandedLabel
+    : props.tileCollapsedLabel;
+});
+
+const el = ref(null);
+const belowFold = ref(null);
+function toggle(force) {
+  let currentHeight = el?.value.getBoundingClientRect().height;
+  if (!data.initialized) {
+    data.styleObject.maxHeight = `${currentHeight}px`;
+    data.initialized = true;
+  }
+
+  nextTick(() => {
+    const forceType = typeof force;
+    data.internalExpanded =
+      forceType === 'boolean' ? force : !data.internalExpanded;
+
+    const belowFoldHeight = belowFold?.value.getBoundingClientRect().height;
+
+    if (data.internalExpanded) {
+      currentHeight += belowFoldHeight;
+    } else {
+      currentHeight -= belowFoldHeight;
+    }
+    data.styleObject.maxHeight = `${currentHeight}px`;
+  });
+}
+const emit = defineEmits(['expanded']);
+watch(
+  () => data.internalExpanded,
+  val => {
+    emit('expanded', val);
+  }
+);
 </script>
diff --git a/src/components/CvTile/CvTileSelectable.vue b/src/components/CvTile/CvTileSelectable.vue
index eff7be09b..7c0175308 100644
--- a/src/components/CvTile/CvTileSelectable.vue
+++ b/src/components/CvTile/CvTileSelectable.vue
@@ -1,52 +1,52 @@
 <template>
-  <bx-selectable-tile
-    :color-scheme="light ? 'light' : undefined"
-    :checkmark-label="checkmarkLabel"
-    :name="name"
-    :value="value"
-    :selected="internalSelected"
-    @bx-selectable-tile-changed="onChange"
+  <label
+    :for="uid"
+    :aria-label="ariaLabel"
+    :class="[
+      `cv-tile-selectable ${carbonPrefix}--tile--selectable`,
+      { [`${carbonPrefix}--tile--is-selected`]: isChecked },
+    ]"
+    data-tile="selectable"
+    tabindex="0"
+    :data-contained-checkbox-state="isChecked"
   >
-    <slot></slot>
-  </bx-selectable-tile>
+    <input
+      tabindex="-1"
+      data-tile-input
+      :id="uid"
+      type="checkbox"
+      :checked="isChecked === true"
+      :aria-checked="`${isChecked}`"
+      :class="`${carbonPrefix}--tile-input`"
+      v-bind="$attrs"
+      @change="onChange"
+    />
+    <div :class="`${carbonPrefix}--tile__checkmark`">
+      <CheckmarkFilled16 />
+    </div>
+    <div :class="`${carbonPrefix}--tile-content`">
+      <slot>
+        <!-- Tile content here -->
+      </slot>
+    </div>
+  </label>
 </template>
 
 <script setup>
-import '@carbon/web-components/es/components/tile/index.js';
-import { onMounted, ref, watch } from 'vue';
+import { carbonPrefix } from '../../global/settings';
+import { props as propsCvCheck, useCheck } from '../../use/cvCheck';
+import { props as propsCvId, useCvId } from '../../use/cvId';
+import CheckmarkFilled16 from '@carbon/icons-vue/es/checkmark--filled/16';
+import { toRefs } from 'vue';
+
 const props = defineProps({
-  /**
-   * Color scheme regular or light
-   */
-  light: { type: Boolean, default: false },
-  /**
-   * Hover text for the check mark
-   */
-  checkmarkLabel: { type: String, default: '' },
-  /**
-   * name property on <input> tag
-   */
-  name: { type: String, default: 'selectable-tile' },
-  /**
-   * value property on <input> tag
-   */
-  value: { type: String, default: '' },
-  /**
-   * Tile is selected (checked). Available as v-model:selected="selected".
-   */
-  selected: { type: Boolean, default: false },
+  ariaLabel: { type: String, default: 'tile' },
+  ...propsCvCheck,
+  ...propsCvId,
 });
-const internalSelected = ref(props.selected);
-onMounted(() => (internalSelected.value = props.selected));
-watch(
-  () => props.selected,
-  () => (internalSelected.value = props.selected)
-);
 
-const emit = defineEmits(['change', 'update:selected']);
-function onChange(ev) {
-  internalSelected.value = ev?.target?.selected;
-  emit('update:selected', internalSelected.value);
-  emit('change', internalSelected.value);
-}
+const uid = useCvId(props, true);
+
+const emit = defineEmits(['update:modelValue', 'change']);
+const { onChange, isChecked } = useCheck(toRefs(props), emit);
 </script>
diff --git a/src/components/CvTile/CvTileStandard.vue b/src/components/CvTile/CvTileStandard.vue
index 0e2b14b37..0fb932b45 100644
--- a/src/components/CvTile/CvTileStandard.vue
+++ b/src/components/CvTile/CvTileStandard.vue
@@ -1,7 +1,7 @@
 <template>
-  <bx-tile><slot>Default tile</slot></bx-tile>
+  <div class="cv-tile-standard">
+    <slot></slot>
+  </div>
 </template>
 
-<script setup>
-import '@carbon/web-components/es/components/tile/index.js';
-</script>
+<script setup></script>
diff --git a/storybook/package.json b/storybook/package.json
index 01aa2833c..2a552b2b6 100644
--- a/storybook/package.json
+++ b/storybook/package.json
@@ -21,6 +21,7 @@
     "storybook": "start-storybook -p 6006 --no-manager-cache -c ../.storybook"
   },
   "dependencies": {
+    "@carbon/themes": "10",
     "@storybook/addon-storysource": "^6.5.15",
     "stylelint-config-property-sort-order-smacss": "^9.0.0",
     "stylelint-config-sass-guidelines": "^9.0.1",
@@ -29,7 +30,6 @@
   "devDependencies": {
     "@babel/core": "^7.17.10",
     "@babel/eslint-parser": "^7.17.0",
-    "@carbon/themes": "11",
     "@commitlint/cli": "^16.3.0",
     "@commitlint/config-conventional": "^16.2.4",
     "@storybook/addon-a11y": "^6.5.13",
diff --git a/yarn.lock b/yarn.lock
index 2f25e2f7a..a87cc2eaa 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1768,15 +1768,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.16.3":
-  version: 7.21.0
-  resolution: "@babel/runtime@npm:7.21.0"
-  dependencies:
-    regenerator-runtime: ^0.13.11
-  checksum: 7b33e25bfa9e0e1b9e8828bb61b2d32bdd46b41b07ba7cb43319ad08efc6fda8eb89445193e67d6541814627df0ca59122c0ea795e412b99c5183a0540d338ab
-  languageName: node
-  linkType: hard
-
 "@babel/template@npm:^7.0.0, @babel/template@npm:^7.12.7, @babel/template@npm:^7.16.7, @babel/template@npm:^7.3.3":
   version: 7.16.7
   resolution: "@babel/template@npm:7.16.7"
@@ -1874,19 +1865,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/colors@npm:^11.13.0":
-  version: 11.13.0
-  resolution: "@carbon/colors@npm:11.13.0"
-  checksum: 73cbfa18ceabd14c7c1e19584acc98af8b6489d2ac279366b54a5ea8ea1e4287d13ff1da3fdafdcee6015c02a5af3d90c3b6cfeebca7fe6f1be48c33ff5fef43
+"@carbon/colors@npm:^10.37.0":
+  version: 10.37.1
+  resolution: "@carbon/colors@npm:10.37.1"
+  checksum: 7cdc38370d1a51d968f28de951a180211b33db14f6dee5cd55c1d965ebe74c19c55924898df7c344f72dfa2c46a764ad16696038911e77b43d9b701d34c56514
   languageName: node
   linkType: hard
 
-"@carbon/grid@npm:^11.12.0":
-  version: 11.12.0
-  resolution: "@carbon/grid@npm:11.12.0"
+"@carbon/grid@npm:^10.43.0":
+  version: 10.43.1
+  resolution: "@carbon/grid@npm:10.43.1"
   dependencies:
-    "@carbon/layout": ^11.12.0
-  checksum: ff5c47d4a3e085ad40072dc1d064a59681b6f408aa69b7c19275fd7e00b161e299f00feece9b786201c191a1f224476f064974d2fb70c79234e4f6ba42d81d01
+    "@carbon/import-once": ^10.7.0
+    "@carbon/layout": ^10.37.1
+  checksum: d59818f5602b1cada5188982a687ef861c63a2e165ed3266496b0a0b7e2e12528e55d4ac9d7d4134a4f4c19e7e16fd48425e5982279ac86ff914ba879c120a32
   languageName: node
   linkType: hard
 
@@ -1906,10 +1898,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/layout@npm:^11.12.0":
-  version: 11.12.0
-  resolution: "@carbon/layout@npm:11.12.0"
-  checksum: 7af239a8eeeca3a406886013d82182993483ea060503dd630c1cef0704843c2bb1191a1d38e6c38de573f065f13e6fd108cdf880ec20ad4b6b70d2c8eb75b955
+"@carbon/import-once@npm:^10.7.0":
+  version: 10.7.0
+  resolution: "@carbon/import-once@npm:10.7.0"
+  checksum: c92625bc34833073a2b113a9cf014353210570ed1105225e70c6c6d06e5203407aa472d95685a53b6460794408897641b8d8cd5fd6416f8b0fa36c28919bf5f0
+  languageName: node
+  linkType: hard
+
+"@carbon/layout@npm:^10.37.0, @carbon/layout@npm:^10.37.1":
+  version: 10.37.1
+  resolution: "@carbon/layout@npm:10.37.1"
+  checksum: baabf7e70e4779f0e5000e700bcafe96f272debaac490a4345e39fedf8d0970636f7099e2607aeb9ca6170a56bbacdff69d8181c2a46ed8adac38fadc08332b6
   languageName: node
   linkType: hard
 
@@ -1922,25 +1921,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/themes@npm:11":
-  version: 11.17.0
-  resolution: "@carbon/themes@npm:11.17.0"
+"@carbon/themes@npm:10":
+  version: 10.55.1
+  resolution: "@carbon/themes@npm:10.55.1"
   dependencies:
-    "@carbon/colors": ^11.13.0
-    "@carbon/layout": ^11.12.0
-    "@carbon/type": ^11.16.0
-    color: ^4.0.0
-  checksum: a10fb8426eef18edeae6b27eb462d886b5bd65533e2e8b1fb5e33109a3dd052b3bbe7ce4d499fb17d6dec1e20b529af0505c236f33e6b22f06687a32262f8d3c
+    "@carbon/colors": ^10.37.0
+    "@carbon/layout": ^10.37.0
+    "@carbon/type": ^10.45.1
+    color: ^3.1.2
+  checksum: de435ba20b24da2d7aad57e9a9ab1210349af0f7f99885f24bb6e993fa0408f541a500a1696e76ff3c8dfd602da9ee102d2dd01536938f8e6a2c5e719e01eb42
   languageName: node
   linkType: hard
 
-"@carbon/type@npm:^11.16.0":
-  version: 11.16.0
-  resolution: "@carbon/type@npm:11.16.0"
+"@carbon/type@npm:^10.45.1":
+  version: 10.45.1
+  resolution: "@carbon/type@npm:10.45.1"
   dependencies:
-    "@carbon/grid": ^11.12.0
-    "@carbon/layout": ^11.12.0
-  checksum: 78f3fa85ef6afd18dcf9085fd9d2b834dd3efe46e3a0c5a23684b424a3adebd59da0f5d9cef94f5243f90ec98e4262173f66634d422155f92932750879eb1096
+    "@carbon/grid": ^10.43.0
+    "@carbon/import-once": ^10.7.0
+  checksum: 08d168987495472eea47241fd1533d3ce7582813eabace8b108d5ec751286910dd6229957ed453f1fcfd18f06e9cb877a0631eea41d83dd5e8fde98e88b7bbb8
   languageName: node
   linkType: hard
 
@@ -1950,7 +1949,7 @@ __metadata:
   dependencies:
     "@babel/core": ^7.17.10
     "@babel/eslint-parser": ^7.17.0
-    "@carbon/themes": 11
+    "@carbon/themes": 10
     "@commitlint/cli": ^16.3.0
     "@commitlint/config-conventional": ^16.2.4
     "@storybook/addon-a11y": ^6.5.13
@@ -2010,7 +2009,6 @@ __metadata:
     "@babel/core": ^7.17.10
     "@babel/eslint-parser": ^7.17.0
     "@carbon/icons-vue": ^10.60.0
-    "@carbon/web-components": ^1.25.0
     "@commitlint/cli": ^16.3.0
     "@commitlint/config-conventional": ^16.2.4
     "@testing-library/dom": ^8.19.0
@@ -2056,20 +2054,6 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/web-components@npm:^1.25.0":
-  version: 1.25.0
-  resolution: "@carbon/web-components@npm:1.25.0"
-  dependencies:
-    "@babel/runtime": ^7.16.3
-    carbon-components: 10.58.3
-    flatpickr: 4.6.13
-    lit-element: ^2.5.1
-    lit-html: ^1.4.1
-    lodash-es: ^4.17.21
-  checksum: f37b0d49af64315b0dc19a08da871913c0a4c92884d1cdbedf3b1ed7dd753122522a6cc5a790bfd7f647a017892f1fe7ad008482239b4b25a17e8316e171f88b
-  languageName: node
-  linkType: hard
-
 "@cnakazawa/watch@npm:^1.0.3":
   version: 1.0.4
   resolution: "@cnakazawa/watch@npm:1.0.4"
@@ -8538,18 +8522,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"carbon-components@npm:10.58.3":
-  version: 10.58.3
-  resolution: "carbon-components@npm:10.58.3"
-  dependencies:
-    "@carbon/telemetry": 0.1.0
-    flatpickr: 4.6.1
-    lodash.debounce: ^4.0.8
-    warning: ^3.0.0
-  checksum: 84a7e6ad39df192462225f92394407c59d2c3dcf6b1f4b5c2fb9ed96f3f593538d3999a8f1f30ff8de0095d1e282a3ddcdd3c8a3e653f295ef6e60436dba59d7
-  languageName: node
-  linkType: hard
-
 "carbon-components@npm:^10.58.5":
   version: 10.58.5
   resolution: "carbon-components@npm:10.58.5"
@@ -9021,7 +8993,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"color-convert@npm:^1.9.0":
+"color-convert@npm:^1.9.0, color-convert@npm:^1.9.3":
   version: 1.9.3
   resolution: "color-convert@npm:1.9.3"
   dependencies:
@@ -9053,7 +9025,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"color-string@npm:^1.9.0":
+"color-string@npm:^1.6.0":
   version: 1.9.1
   resolution: "color-string@npm:1.9.1"
   dependencies:
@@ -9072,13 +9044,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"color@npm:^4.0.0":
-  version: 4.2.3
-  resolution: "color@npm:4.2.3"
+"color@npm:^3.1.2":
+  version: 3.2.1
+  resolution: "color@npm:3.2.1"
   dependencies:
-    color-convert: ^2.0.1
-    color-string: ^1.9.0
-  checksum: 0579629c02c631b426780038da929cca8e8d80a40158b09811a0112a107c62e10e4aad719843b791b1e658ab4e800558f2e87ca4522c8b32349d497ecb6adeb4
+    color-convert: ^1.9.3
+    color-string: ^1.6.0
+  checksum: f81220e8b774d35865c2561be921f5652117638dcda7ca4029262046e37fc2444ac7bbfdd110cf1fd9c074a4ee5eda8f85944ffbdda26186b602dd9bb05f6400
   languageName: node
   linkType: hard
 
@@ -11944,13 +11916,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"flatpickr@npm:4.6.13":
-  version: 4.6.13
-  resolution: "flatpickr@npm:4.6.13"
-  checksum: 2cca1b8dc974e7673b51174ee3f0679ae3a6b79525a0c53bf49b87455ef358354e64acfd60b312e44cef208aab9750a1a48df32a0914046a53de6d9403742304
-  languageName: node
-  linkType: hard
-
 "flatted@npm:^3.1.0":
   version: 3.2.5
   resolution: "flatted@npm:3.2.5"
@@ -15878,22 +15843,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lit-element@npm:^2.5.1":
-  version: 2.5.1
-  resolution: "lit-element@npm:2.5.1"
-  dependencies:
-    lit-html: ^1.1.1
-  checksum: c4f45d0cc84d49cc9dca2502b5e0bd14289c46a5ee331c21fb0014693541a4824887f8c2c6725310d380d713adecbe31fba1eda6f8aabc14927f524d6527f6c9
-  languageName: node
-  linkType: hard
-
-"lit-html@npm:^1.1.1, lit-html@npm:^1.4.1":
-  version: 1.4.1
-  resolution: "lit-html@npm:1.4.1"
-  checksum: 6e1bb335cd8493700d2f1eaf1e019c2f6bf78ac641bdba5e2ff9f1545430e0fec15c6721ee1c8ca75559e1d52a1d34cdc568da46319681304299d9aff83a6346
-  languageName: node
-  linkType: hard
-
 "load-json-file@npm:6.2.0":
   version: 6.2.0
   resolution: "load-json-file@npm:6.2.0"
@@ -16016,13 +15965,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash-es@npm:^4.17.21":
-  version: 4.17.21
-  resolution: "lodash-es@npm:4.17.21"
-  checksum: 05cbffad6e2adbb331a4e16fbd826e7faee403a1a04873b82b42c0f22090f280839f85b95393f487c1303c8a3d2a010048bf06151a6cbe03eee4d388fb0a12d2
-  languageName: node
-  linkType: hard
-
 "lodash.debounce@npm:^4.0.8":
   version: 4.0.8
   resolution: "lodash.debounce@npm:4.0.8"