refactor(flexgrid): Rename of the column class name

telus · Jan 30, 2018 · ad20071 · ad20071
1 parent 3da0131
commit ad20071
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 8 deletions.
diff --git a/config/styleguide.config.js b/config/styleguide.config.js
@@ -88,7 +88,7 @@ module.exports = {
           },
           sections: compact([
             {
-              name: 'FlexGrid',
+              name: 'Grid',
               components() {
                 return [
                   path.resolve('src/components/FlexGrid/FlexGrid.jsx'),

diff --git a/src/components/FlexGrid/Col/Col.jsx b/src/components/FlexGrid/Col/Col.jsx
@@ -32,7 +32,7 @@ const Col = ({ span, offset, children, ...rest }) => (
         {...removeProps(rest)}
         xs={span || true}
         xsOffset={offset}
-        className={joinClassNames(gutterStyle, styles.flexGridColumn)}
+        className={joinClassNames(gutterStyle, styles.padding)}
       >
         {children}
       </ReactFlexboxGridCol>

diff --git a/src/components/FlexGrid/Col/Col.modules.scss b/src/components/FlexGrid/Col/Col.modules.scss
@@ -1,4 +1,4 @@
-.flexGridColumn {
+.padding {
   padding-left: 1rem;
   padding-right: 1rem;
 }
diff --git a/src/components/FlexGrid/Col/__tests__/__snapshots__/Col.spec.jsx.snap b/src/components/FlexGrid/Col/__tests__/__snapshots__/Col.spec.jsx.snap
@@ -2,11 +2,11 @@
 
 exports[`Col renders 1`] = `
 <Col
-  className="flexGridColumn"
+  className="padding"
   xs={true}
 >
   <div
-    className="col-xs col-xs-offset flexGridColumn"
+    className="col-xs col-xs-offset padding"
   >
     Some content
   </div>

diff --git a/src/components/FlexGrid/__tests__/__snapshots__/FlexGrid.spec.jsx.snap b/src/components/FlexGrid/__tests__/__snapshots__/FlexGrid.spec.jsx.snap
@@ -8,12 +8,12 @@ exports[`FlexGrid renders 1`] = `
     class="row"
   >
     <div
-      class="col-xs col-xs-offset flexGridColumn"
+      class="col-xs col-xs-offset padding"
     >
       1st column content
     </div>
     <div
-      class="col-xs col-xs-offset flexGridColumn"
+      class="col-xs col-xs-offset padding"
     >
       2nd column content
     </div>

diff --git a/src/components/Notification/__tests__/__snapshots__/Notification.spec.jsx.snap b/src/components/Notification/__tests__/__snapshots__/Notification.spec.jsx.snap
@@ -8,7 +8,7 @@ exports[`<Notification /> renders 1`] = `
     class="flexGrid limitWidth container-fluid"
   >
     <div
-      class="col-xs col-xs-offset flexGridColumn"
+      class="col-xs col-xs-offset padding"
     >
       <div
         class="betweenRightMarginDesktop-3 inline"