refactor(dimple-divider): move to packages for split versioning

telus · Feb 13, 2018 · cd1e93e · cd1e93e
1 parent 3229954
commit cd1e93e
Show file tree

Hide file tree

Showing 9 changed files with 16 additions and 12 deletions.
diff --git a/config/styleguide.config.js b/config/styleguide.config.js
@@ -144,7 +144,7 @@ module.exports = {
               components() {
                 return [
                   path.resolve('src/components/Dividers/WaveDivider/WaveDivider.jsx'),
-                  path.resolve('src/components/Dividers/DimpleDivider/DimpleDivider.jsx'),
+                  path.resolve('packages/DimpleDivider/DimpleDivider.jsx'),
                   path.resolve('src/components/Dividers/HairlineDivider/HairlineDivider.jsx'),
                 ]
               },

diff --git a/.../Dividers/DimpleDivider/DimpleDivider.jsx → packages/DimpleDivider/DimpleDivider.jsx b/.../Dividers/DimpleDivider/DimpleDivider.jsx → packages/DimpleDivider/DimpleDivider.jsx
@@ -1,6 +1,6 @@
 import React from 'react'
 
-import safeRest from '../../../utils/safeRest'
+import safeRest from '../../src/utils/safeRest'
 
 import styles from './DimpleDivider.modules.scss'
 

diff --git a/...s/Dividers/DimpleDivider/DimpleDivider.md → packages/DimpleDivider/DimpleDivider.md b/...s/Dividers/DimpleDivider/DimpleDivider.md → packages/DimpleDivider/DimpleDivider.md
diff --git a/packages/DimpleDivider/DimpleDivider.modules.scss b/packages/DimpleDivider/DimpleDivider.modules.scss
@@ -0,0 +1,12 @@
+.dimple {
+  composes: noSpacing from '../../src/components/Spacing.modules.scss';
+  composes: none from '../../src/components/Borders.modules.scss';
+
+  height: 32px;
+
+  background-image: radial-gradient(
+    ellipse at top,
+    rgba(150, 150, 150, 0.1) 0%,
+    rgba(0, 0, 0, 0) 70%
+  );
+}
diff --git a/...eDivider/__tests__/DimpleDivider.spec.jsx → ...eDivider/__tests__/DimpleDivider.spec.jsx b/...eDivider/__tests__/DimpleDivider.spec.jsx → ...eDivider/__tests__/DimpleDivider.spec.jsx
diff --git a/...__snapshots__/DimpleDivider.spec.jsx.snap → ...__snapshots__/DimpleDivider.spec.jsx.snap b/...__snapshots__/DimpleDivider.spec.jsx.snap → ...__snapshots__/DimpleDivider.spec.jsx.snap
diff --git a/src/components/Dividers/DimpleDivider/DimpleDivider.modules.scss b/src/components/Dividers/DimpleDivider/DimpleDivider.modules.scss
diff --git a/src/components/ExpandCollapse/PanelWrapper/PanelWrapper.jsx b/src/components/ExpandCollapse/PanelWrapper/PanelWrapper.jsx
@@ -7,7 +7,7 @@ import Clickable from '../../Clickable/Clickable'
 import DecorativeIcon from '../../Icons/DecorativeIcon/DecorativeIcon'
 import Text from '../../Typography/Text/Text'
 import HairlineDivider from '../../Dividers/HairlineDivider/HairlineDivider'
-import DimpleDivider from '../../Dividers/DimpleDivider/DimpleDivider'
+import DimpleDivider from '../../../../packages/DimpleDivider/DimpleDivider'
 import Reveal from '../../Animation/Reveal'
 import Translate from '../../Animation/Translate'
 import Flexbox from '../../Flexbox/Flexbox'

diff --git a/src/index.js b/src/index.js
@@ -8,7 +8,7 @@ export { default as Card } from '../packages/Card/Card'
 export { default as Checkbox } from '../packages/Checkbox/Checkbox'
 export { default as ChevronLink } from './components/Link/ChevronLink/ChevronLink'
 export { default as DecorativeIcon } from './components/Icons/DecorativeIcon/DecorativeIcon'
-export { default as DimpleDivider } from './components/Dividers/DimpleDivider/DimpleDivider'
+export { default as DimpleDivider } from '../packages/DimpleDivider/DimpleDivider'
 export { default as DisplayHeading } from './components/Typography/DisplayHeading/DisplayHeading'
 export { default as ExpandCollapse } from './components/ExpandCollapse/ExpandCollapse'
 export { default as FlexGrid } from './components/FlexGrid/FlexGrid'