docs(icon): Add old Icon component back and mark it as deprecated

telus · Sep 26, 2017 · ad91f88 · ad91f88
1 parent 06fc2d3
commit ad91f88
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 5 deletions.
diff --git a/config/styleguide.config.js b/config/styleguide.config.js
@@ -239,7 +239,8 @@ module.exports = {
           components() {
             return compact([
               toggleByEnv('Icon', path.resolve('src/components/Icons/DecorativeIcon/DecorativeIcon.jsx')),
-              toggleByEnv('Icon', path.resolve('src/components/Icons/StandaloneIcon/StandaloneIcon.jsx'), path.resolve('src/old-components/Icon/Icon.jsx'))
+              toggleByEnv('Icon', path.resolve('src/components/Icons/StandaloneIcon/StandaloneIcon.jsx')),
+              path.resolve('src/old-components/Icon/Icon.jsx')
             ])
           }
         },

diff --git a/docs/elements/buttons.md b/docs/elements/buttons.md
@@ -1,4 +1,4 @@
-<span class="docs--badge cardinal">deprecated</span>
+<span class="docs--badge__deprecated">deprecated</span>
 
 **The button CSS classes are deprecated and should not be used. Use the [Button](#button) component instead.**
 

diff --git a/docs/elements/links.md b/docs/elements/links.md
@@ -1,4 +1,4 @@
-<span class="docs--badge cardinal">deprecated</span>
+<span class="docs--badge__deprecated">deprecated</span>
 
 **The link CSS classes are deprecated and should not be used. Use the [Links](#links-1) component instead.**
 

diff --git a/docs/elements/lists.md b/docs/elements/lists.md
@@ -1,4 +1,4 @@
-<span class="docs--badge cardinal">deprecated</span>
+<span class="docs--badge__deprecated">deprecated</span>
 
 ## Overview
 ---

diff --git a/docs/elements/typography.md b/docs/elements/typography.md
@@ -1,4 +1,4 @@
-<span class="docs--badge cardinal">deprecated</span>
+<span class="docs--badge__deprecated">deprecated</span>
 
 ** The typography CSS classes are deprecated and should not be used. Use the [Typography](#typography-1) components instead. **
 

diff --git a/docs/scss/_badges.scss b/docs/scss/_badges.scss
@@ -29,4 +29,10 @@
 
     background-color: $color-cardinal;
   }
+
+  &__deprecated {
+    @extend .docs--badge;
+
+    background-color: $color-cardinal;
+  }
 }
diff --git a/src/old-components/Icon/Icon.jsx b/src/old-components/Icon/Icon.jsx
@@ -2,6 +2,12 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
+/**
+ * <span class="docs--badge__deprecated">deprecated</span>
+ *
+ * **This component is deprecated and should not be used. Use the
+ * [DecorativeIcon](#decorativeicon) or [StandaloneIcon](#standaloneicon) instead.**
+ */
 const Icon = ({ glyph, variant, fixedWidth, size, className, children, ...rest }) => {
   const classes = classNames(
     'icon',