Revert "Next release (#901)" (#907)

This reverts commit 705f992.

package.json

@@ -116,7 +116,6 @@
   },
   "dependencies": {
     "@sentry/browser": "^6.2.5",
-    "array-flat-polyfill": "^1.0.1",
     "axios": "^0.21.1",
     "findandreplacedomtext": "^0.4.6",
     "gulp-sass": "^4.1.0",

src/wmnds/assets/sass/styles/wmnds-grid/_wmnds-grid.scss

@@ -21,16 +21,13 @@
     -ms-flex-line-pack: start;
     align-content: flex-start;
 
-    & > [class*="wmnds-col-"] {
+    [class*="wmnds-col-"] {
+      display: inline-block;
       zoom: 1;
       letter-spacing: normal;
       word-spacing: normal;
       text-rendering: auto;
       vertical-align: top;
-
-      &:not(.wmnds-btn) {
-        display: inline-block;
-      }
     }
   }
 }

src/wmnds/components/button/_button.njk

@@ -23,7 +23,7 @@
       {{
         wmndsIcon({
           icon: iconLeft,
-          class: ('wmnds-btn__icon wmnds-btn__icon--left '+iconClasses)
+          class: ('wmnds-btn__icon '+iconClasses)
         })
       }}
 

src/wmnds/components/button/_button.scss

@@ -5,22 +5,19 @@ $btn-transition: ease-in-out background-color 0.2s, ease-in-out border 0.2s;
 // default button styles aka cta btn
 &.wmnds-btn {
   box-sizing: border-box;
-  display: inline-flex;
+  display: inline-block;
   position: relative;
-  min-height: 50px;
-  padding: $size-xs $size-xsm;
+  padding: $size-sm;
   transition: $btn-transition;
   border: 1px solid transparent;
   border-radius: $btn-border-radius;
   color: $white;
   background-color: get-color(cta);
   font-size: 1rem;
   font-weight: bold;
-  line-height: 1.3rem;
+  text-align: center;
   text-decoration: none;
   cursor: pointer;
-  align-items: center;
-  justify-content: space-between;
 
   &:hover {
     background-color: get-color(cta, 30, dark);
@@ -40,12 +37,7 @@ $btn-transition: ease-in-out background-color 0.2s, ease-in-out border 0.2s;
     width: 22px;
     height: 22px;
     fill: $white;
-    flex: 0 0 22px;
-  }
-
-  // button icon left style
-  &__icon--left {
-    margin-right: $size-xs;
+    vertical-align: top;
   }
 
   .wmnds-swift-logo-inline {
@@ -55,6 +47,7 @@ $btn-transition: ease-in-out background-color 0.2s, ease-in-out border 0.2s;
   // button icon right style
   &__icon--right {
     margin-left: $size-sm;
+    float: right;
   }
 
   // Dark background variant
@@ -124,7 +117,6 @@ $btn-transition: ease-in-out background-color 0.2s, ease-in-out border 0.2s;
     }
 
     // Secondary (disabled)
-    &.wmnds-btn--disabled,
     &.wmnds-btn--disabled:disabled {
       border-color: get-color(disable);
       color: get-color(disable);
@@ -212,16 +204,6 @@ $btn-transition: ease-in-out background-color 0.2s, ease-in-out border 0.2s;
       fill: get-color(primary);
     }
 
-    &:not(.wmnds-text-align-left),
-    &:not(.wmnds-text-align-center),
-    &:not(.wmnds-text-align-right) {
-      justify-content: flex-start;
-
-      .wmnds-btn__icon--right {
-        margin-left: auto;
-      }
-    }
-
     .wmnds-btn__coloured-icon {
       &--bus {
         fill: get-color(bus);
@@ -289,15 +271,12 @@ $btn-transition: ease-in-out background-color 0.2s, ease-in-out border 0.2s;
   }
 
   &--favourite {
-    min-height: 0;
     padding: 0;
     border-radius: 0;
     color: get-color(text);
     background: none;
     font-weight: normal;
-    line-height: 1;
     cursor: pointer;
-    align-items: center;
 
     .wmnds-btn__icon {
       margin-right: $size-xsm;
@@ -315,6 +294,7 @@ $btn-transition: ease-in-out background-color 0.2s, ease-in-out border 0.2s;
 
   // block modifier for full width buttons
   &--block {
+    display: block;
     width: 100%;
   }
 
@@ -323,23 +303,9 @@ $btn-transition: ease-in-out background-color 0.2s, ease-in-out border 0.2s;
     text-align: left;
   }
 
-  // include helpers for button alignment
-  &.wmnds-text-align-left {
-    justify-content: flex-start;
-  }
-
-  &.wmnds-text-align-center {
-    justify-content: center;
-  }
-
-  &.wmnds-text-align-right {
-    justify-content: flex-end;
-  }
-
   // Show button like a normal link modifier
   &--link {
     display: inline;
-    min-height: 0;
     padding: 0;
     border-radius: 0;
     color: get-color(cta, 10, dark);

src/wmnds/components/form-elements/_form-elements.scss

@@ -28,12 +28,10 @@
 
 @import "form-label/form-label";
 @import "checkboxes/checkboxes";
-@import "checkboxes/checkbox-buttons/checkbox-buttons";
 @import "date-input/date-input";
 @import "dropdown/dropdown";
 @import "error-message/error-message";
 @import "file-upload/file-upload";
-@import "number-input/number-input";
 @import "text-input/text-input";
 @import "question/question";
 @import "radios/radios";