From 995b006b17c112a0e629a48542de1e666ea9d813 Mon Sep 17 00:00:00 2001
From: Ryan Oglesby <ryan.oglesby08@gmail.com>
Date: Tue, 13 Feb 2018 11:20:09 -0500
Subject: [PATCH] refactor(card): move to packages for split versioning

---
 config/styleguide.config.js                   |  2 +-
 {src/components => packages}/Card/Card.jsx    |  4 ++--
 {src/components => packages}/Card/Card.md     | 23 ++++++++++++-------
 .../Card/Card.modules.scss                    |  4 ++--
 .../Card/__tests__/Card.spec.jsx              |  0
 .../__snapshots__/Card.spec.jsx.snap          |  0
 src/index.js                                  |  2 +-
 7 files changed, 21 insertions(+), 14 deletions(-)
 rename {src/components => packages}/Card/Card.jsx (87%)
 rename {src/components => packages}/Card/Card.md (71%)
 rename {src/components => packages}/Card/Card.modules.scss (69%)
 rename {src/components => packages}/Card/__tests__/Card.spec.jsx (100%)
 rename {src/components => packages}/Card/__tests__/__snapshots__/Card.spec.jsx.snap (100%)

diff --git a/config/styleguide.config.js b/config/styleguide.config.js
index 8711fcf00b..1bdfb398a6 100644
--- a/config/styleguide.config.js
+++ b/config/styleguide.config.js
@@ -103,7 +103,7 @@ module.exports = {
           name: 'Content',
           components() {
             return compact([
-              path.resolve('src/components/Card/Card.jsx'),
+              path.resolve('packages/Card/Card.jsx'),
               path.resolve('src/components/Image/Image.jsx'),
             ])
           },
diff --git a/src/components/Card/Card.jsx b/packages/Card/Card.jsx
similarity index 87%
rename from src/components/Card/Card.jsx
rename to packages/Card/Card.jsx
index 0b87501af5..9972cf5045 100644
--- a/src/components/Card/Card.jsx
+++ b/packages/Card/Card.jsx
@@ -1,8 +1,8 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import Box from '../../../packages/Box/Box'
-import safeRest from '../../utils/safeRest'
+import Box from '../Box/Box'
+import safeRest from '../../src/utils/safeRest'
 
 import styles from './Card.modules.scss'
 
diff --git a/src/components/Card/Card.md b/packages/Card/Card.md
similarity index 71%
rename from src/components/Card/Card.md
rename to packages/Card/Card.md
index b3bce84c6c..72b3c0f2a6 100644
--- a/src/components/Card/Card.md
+++ b/packages/Card/Card.md
@@ -6,7 +6,8 @@ Cards will stretch to fill their container. Wrap the card in another element to
     <Box between={3}>
       <Heading level="h2">Need a hand?</Heading>
       <Paragraph>
-        Ready to order? Have a question? We'll get back to you, with volume discounts available to larger accounts.
+        Ready to order? Have a question? We'll get back to you, with volume discounts available to
+        larger accounts.
       </Paragraph>
     </Box>
 
@@ -24,18 +25,24 @@ Card also supports a 'grey' or 'lavender' `variant`. These appear flat, while th
   <Card variant="lavender">
     <Box between={3} dangerouslyAddClassName="docs_align-flex-start">
       <Heading level="h4">Holiday deal</Heading>
-      
-      <Paragraph size="medium">Get a new smartphone for $0<br/>on a 2-year plan.</Paragraph>
+
+      <Paragraph size="medium">
+        Get a new smartphone for $0<br />on a 2-year plan.
+      </Paragraph>
     </Box>
   </Card>
-  
+
   <Card variant="grey">
     <Box between={3} dangerouslyAddClassName="docs_align-flex-start">
       <Heading level="h4">Find the right gift</Heading>
-    
-      <Paragraph>Find something they'll love from our<br/>selection of great devices.</Paragraph>
-    
-      <ChevronLink variant="primary" href="#">Explore latest devices</ChevronLink>
+
+      <Paragraph>
+        Find something they'll love from our<br />selection of great devices.
+      </Paragraph>
+
+      <ChevronLink variant="primary" href="#">
+        Explore latest devices
+      </ChevronLink>
     </Box>
   </Card>
 </Box>
diff --git a/src/components/Card/Card.modules.scss b/packages/Card/Card.modules.scss
similarity index 69%
rename from src/components/Card/Card.modules.scss
rename to packages/Card/Card.modules.scss
index 126bb05d2d..2bf2ff0296 100644
--- a/src/components/Card/Card.modules.scss
+++ b/packages/Card/Card.modules.scss
@@ -1,7 +1,7 @@
-@import '../../scss/settings/colours.scss';
+@import '../../src/scss/settings/colours';
 
 .card {
-  composes: none rounded from '../Borders.modules.scss';
+  composes: none rounded from '../../src/components/Borders.modules.scss';
 }
 
 .white {
diff --git a/src/components/Card/__tests__/Card.spec.jsx b/packages/Card/__tests__/Card.spec.jsx
similarity index 100%
rename from src/components/Card/__tests__/Card.spec.jsx
rename to packages/Card/__tests__/Card.spec.jsx
diff --git a/src/components/Card/__tests__/__snapshots__/Card.spec.jsx.snap b/packages/Card/__tests__/__snapshots__/Card.spec.jsx.snap
similarity index 100%
rename from src/components/Card/__tests__/__snapshots__/Card.spec.jsx.snap
rename to packages/Card/__tests__/__snapshots__/Card.spec.jsx.snap
diff --git a/src/index.js b/src/index.js
index ad81143225..ecd6bf5fae 100644
--- a/src/index.js
+++ b/src/index.js
@@ -4,7 +4,7 @@ export { default as Accordion } from './components/ExpandCollapse/Accordion/Acco
 export { default as Box } from '../packages/Box/Box'
 export { default as Button } from '../packages/Button/Button'
 export { default as ButtonLink } from './components/Link/ButtonLink/ButtonLink'
-export { default as Card } from './components/Card/Card'
+export { default as Card } from '../packages/Card/Card'
 export { default as Checkbox } from './components/Checkbox/Checkbox'
 export { default as ChevronLink } from './components/Link/ChevronLink/ChevronLink'
 export { default as DecorativeIcon } from './components/Icons/DecorativeIcon/DecorativeIcon'