From de348f0a8cdf42cad7806f1889f9908dc730027a Mon Sep 17 00:00:00 2001
From: Eric Y Liu <ericyl.us@gmail.com>
Date: Fri, 12 Mar 2021 16:04:42 -0800
Subject: [PATCH] feat(icon): deprecate Icon, IconSkeleton

---
 docs/src/pages/components/Icon.svx | 8 +++++++-
 src/Icon/Icon.svelte               | 6 ++++++
 src/Icon/IconSkeleton.svelte       | 5 +++++
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/docs/src/pages/components/Icon.svx b/docs/src/pages/components/Icon.svx
index 47f20550..1f307e55 100644
--- a/docs/src/pages/components/Icon.svx
+++ b/docs/src/pages/components/Icon.svx
@@ -1,5 +1,5 @@
 <script>
-  import { Icon } from "carbon-components-svelte";
+  import { Icon, InlineNotification, OutboundLink } from "carbon-components-svelte";
   import Add16 from "carbon-icons-svelte/lib/Add16";
   import Add20 from "carbon-icons-svelte/lib/Add20";
   import Add24 from "carbon-icons-svelte/lib/Add24";
@@ -7,6 +7,12 @@
   import Preview from "../../components/Preview.svelte";
 </script>
 
+<InlineNotification svx-ignore title="Deprecation warning" kind="warning" hideCloseButton>
+  <div>
+    This component will be removed in the next major release. Use icons from <OutboundLink href="https://github.com/IBM/carbon-icons-svelte">carbon-icons-svelte</OutboundLink> instead.
+  </div>
+</InlineNotification>
+
 ### Default
 
 <Icon render={Add16} />
diff --git a/src/Icon/Icon.svelte b/src/Icon/Icon.svelte
index af48baef..9113d25d 100644
--- a/src/Icon/Icon.svelte
+++ b/src/Icon/Icon.svelte
@@ -1,4 +1,10 @@
 <script>
+  /**
+   * @deprecated
+   * This component will be removed in version 1.0.0.
+   * Use icons from "carbon-icons-svelte" instead
+   */
+
   /**
    * @extends {"./IconSkeleton"} IconSkeletonProps
    * @restProps {svg}
diff --git a/src/Icon/IconSkeleton.svelte b/src/Icon/IconSkeleton.svelte
index e67da320..aa3b83d5 100644
--- a/src/Icon/IconSkeleton.svelte
+++ b/src/Icon/IconSkeleton.svelte
@@ -1,4 +1,9 @@
 <script>
+  /**
+   * @deprecated
+   * This component will be removed in version 1.0.0.
+   */
+
   /** Set the size of the icon */
   export let size = 16;
 </script>