From 2e38c657ad4444e582ee83b8498e4168059f68f1 Mon Sep 17 00:00:00 2001
From: Enrico Sacchetti <enrico@theetrain.ca>
Date: Fri, 20 Jan 2023 20:18:33 -0500
Subject: [PATCH] chore: refactor component imports

---
 package.json                                              | 1 +
 .../Breadcrumb/BreadcrumbItem.svelte                      | 8 +++++++-
 .../CodeSnippet/CodeSnippet.svelte                        | 4 ++--
 src/carbon-components-svelte/DataTable/DataTable.svelte   | 2 +-
 .../ImageLoader/ImageLoader.svelte                        | 2 +-
 .../MultiSelect/MultiSelect.svelte                        | 2 +-
 6 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 3fab4765..b0645483 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
   "license": "Apache-2.0",
   "description": "Svelte implementation of the Carbon Design System",
   "type": "module",
+  "module": "src/carbon-components-svelte",
   "scripts": {
     "test:types": "svelte-check --workspace tests",
     "lint": "prettier --write \"**/*.{svelte,md,js,json,ts}\"",
diff --git a/src/carbon-components-svelte/Breadcrumb/BreadcrumbItem.svelte b/src/carbon-components-svelte/Breadcrumb/BreadcrumbItem.svelte
index 111c058e..d483621f 100644
--- a/src/carbon-components-svelte/Breadcrumb/BreadcrumbItem.svelte
+++ b/src/carbon-components-svelte/Breadcrumb/BreadcrumbItem.svelte
@@ -12,7 +12,7 @@
   /** Set to `true` if the breadcrumb item represents the current page */
   export let isCurrentPage = false;
 
-  import Link from "../../Link/Link.svelte";
+  import Link from "../Link/Link.svelte";
 
   import { setContext } from "svelte";
 
@@ -43,3 +43,9 @@
     />
   {/if}
 </li>
+
+<style>
+  .bx--breadcrumb-item {
+    color: red;
+  }
+</style>
diff --git a/src/carbon-components-svelte/CodeSnippet/CodeSnippet.svelte b/src/carbon-components-svelte/CodeSnippet/CodeSnippet.svelte
index f9de2e45..8a2e184e 100644
--- a/src/carbon-components-svelte/CodeSnippet/CodeSnippet.svelte
+++ b/src/carbon-components-svelte/CodeSnippet/CodeSnippet.svelte
@@ -95,9 +95,9 @@
   export let ref = null;
 
   import { createEventDispatcher, tick, onMount } from "svelte";
-  import ChevronDown from "../../icons/ChevronDown.svelte";
+  import ChevronDown from "../icons/ChevronDown.svelte";
   import Button from "../Button/Button.svelte";
-  import CopyButton from "../../CopyButton/CopyButton.svelte";
+  import CopyButton from "../CopyButton/CopyButton.svelte";
   import CodeSnippetSkeleton from "./CodeSnippetSkeleton.svelte";
 
   const dispatch = createEventDispatcher();
diff --git a/src/carbon-components-svelte/DataTable/DataTable.svelte b/src/carbon-components-svelte/DataTable/DataTable.svelte
index 063f579e..e59b3f00 100644
--- a/src/carbon-components-svelte/DataTable/DataTable.svelte
+++ b/src/carbon-components-svelte/DataTable/DataTable.svelte
@@ -129,7 +129,7 @@
   import { createEventDispatcher, setContext } from "svelte";
   import { writable } from "svelte/store";
   import ChevronRight from "../icons/ChevronRight.svelte";
-  import InlineCheckbox from "../carbon-components-svelte/Checkbox/InlineCheckbox.svelte";
+  import InlineCheckbox from "../Checkbox/InlineCheckbox.svelte";
   import RadioButton from "../RadioButton/RadioButton.svelte";
   import Table from "./Table.svelte";
   import TableBody from "./TableBody.svelte";
diff --git a/src/carbon-components-svelte/ImageLoader/ImageLoader.svelte b/src/carbon-components-svelte/ImageLoader/ImageLoader.svelte
index baaa740d..56e5efd7 100644
--- a/src/carbon-components-svelte/ImageLoader/ImageLoader.svelte
+++ b/src/carbon-components-svelte/ImageLoader/ImageLoader.svelte
@@ -57,7 +57,7 @@
 
   import { onMount, createEventDispatcher } from "svelte";
   import { fade } from "svelte/transition";
-  import AspectRatio from "../carbon-components-svelte/AspectRatio/AspectRatio.svelte";
+  import AspectRatio from "../AspectRatio/AspectRatio.svelte";
 
   const dispatch = createEventDispatcher();
 
diff --git a/src/carbon-components-svelte/MultiSelect/MultiSelect.svelte b/src/carbon-components-svelte/MultiSelect/MultiSelect.svelte
index 2d947ddf..6b0674c8 100644
--- a/src/carbon-components-svelte/MultiSelect/MultiSelect.svelte
+++ b/src/carbon-components-svelte/MultiSelect/MultiSelect.svelte
@@ -171,7 +171,7 @@
   import { afterUpdate, createEventDispatcher, setContext } from "svelte";
   import WarningFilled from "../icons/WarningFilled.svelte";
   import WarningAltFilled from "../icons/WarningAltFilled.svelte";
-  import Checkbox from "../carbon-components-svelte/Checkbox/Checkbox.svelte";
+  import Checkbox from "../Checkbox/Checkbox.svelte";
   import {
     ListBox,
     ListBoxField,