ustyle 1.16.2 → 1.19.2

data/vendor/assets/stylesheets/ustyle/components/_table-toolbar.scss

@@ -0,0 +1,91 @@
+// @page Pattern Library/Components
+// @name Table toolbar
+//
+// @description
+//   The table toolbar sits above comparison tables and holds search refinement and filtering tools.
+//
+// @markup
+//   <div class="us-table-toolbar">
+//     <div class="us-table-toolbar__wrapper">
+//   <form class='us-calculator'>
+//     <h2 class='us-table-toolbar__heading'>How much would you like to transfer?</h2>
+//     <div class='us-input-group us-calculator__input'>
+//       <div class='us-input-group__box'>£</div>
+//       <input type='text' class='us-form-input' pattern='[0-9]*' name='amount' id='amount' value='3000' />
+//     </div>
+//     <button class='us-btn us-btn--primary'>Update results</button>
+//     <div class='us-tooltip us-tooltip--right'>
+//       <div class='us-tooltip__wrapper'>
+//         <div class='us-tooltip__icon'></div>
+//         <div class='us-tooltip__note'>
+//           <div class='us-tooltip__arrow'></div>
+//           Note that this is illustrative and this figure does not reflect the credit limit you will be offered.
+//         </div>
+//       </div>
+//     </div>
+//   </form>
+//     </div>
+//     <div class="us-table-toolbar__wrapper us-table-toolbar__wrapper--right">
+//       <div class="us-table-toolbar__sort">
+//         <h3 class="us-table-toolbar__heading">Sort by:</h3>
+//         <select class="us-form-select name="sort"">
+//           <option value="popularity">Popularity</option>
+//           <option value="apr">Lowest APR</option>
+//           <option value="min-credit-limit">Minimum credit limit</option>
+//           <option value="max-credit-limit">Maximum credit limit</option>
+//         </select>
+//       </div>
+//     </div>
+//   </div>
+
+.us-table-toolbar {
+  background: $c-bggrey;
+  padding: $gutter-width / 2;
+  border-bottom: 1px solid $c-keylinegrey;
+  margin: 0 auto $gutter-width / 2;
+
+  @include respond-to(tablet) {
+    display: flex;
+    background-color: transparent;
+    border-bottom: 0;
+    padding: $gutter-width $gutter-width / 2;
+    flex-direction: row;
+  }
+
+  &__wrapper {
+    display: flex;
+    flex: 1 1;
+
+    &:first-child {
+      margin-bottom: $gutter-width / 2;
+
+      @include respond-to(tablet) {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  &__sort {
+    width: 100%;
+
+    @include respond-to(tablet) {
+      width: auto;
+    }
+
+    select {
+      width: 100%;
+
+      @include respond-to(tablet) {
+        width: auto;
+      }
+    }
+  }
+
+  &__wrapper--right {
+    justify-content: flex-end;
+  }
+
+  &__heading {
+    font-size: 18px;
+  }
+}

data/vendor/assets/stylesheets/ustyle/icons/_base.scss

@@ -81,6 +81,7 @@
 // @state results
 // @state save
 // @state share
+// @state shield
 // @state sim
 // @state smiley
 // @state sort

data/vendor/assets/stylesheets/ustyle/mixins/_media-query.scss

@@ -12,7 +12,7 @@
 // ----------
 
 /// IE8 is no longer supported, but on an opt-in basis for applications.
-/// Set this to `true` if you do want .ie8 classes to be spat out for media queries
+/// DEPRECATED: Set this to `true` if you do want .ie8 classes to be spat out for media queries
 ///
 /// @type Bool
 
@@ -104,10 +104,10 @@ $devices: ();
 ///   or `$max-breakpoints` (`mobile`, `to-small-tablet`, `to-tablet`)
 ///
 /// @param {Bool} $ie-fallback [false]
-///   If set to `true` will return a `.ie8` {content} fallback to ensure IE8 gets the supporting styling
+///   DEPRECATED: If set to `true` will return a `.ie8` {content} fallback to ensure IE8 gets the supporting styling
 ///
 /// @param {Bool} $ie-fallback-noherit [false]
-///   If attaching the mixin onto the root, then set this to `true` to ensure Sass builds the correct styles
+///   DEPRECCATED: If attaching the mixin onto the root, then set this to `true` to ensure Sass builds the correct styles
 ///
 
 @mixin respond-to($device, $ie-fallback: false, $ie-fallback-noherit: false) {
@@ -116,16 +116,6 @@ $devices: ();
       @media screen and (#{unquote("#{nth($listed-device, 2)}-width:") nth($listed-device, 3)}) {
         @content;
       }
-      @if $ie-fallback and $media-query-legacy-support {
-        .ie8 & {
-          @content;
-        }
-      }
-      @if $ie-fallback and $media-query-legacy-support  {
-        .ie8 {
-          @content;
-        }
-      }
     }
   }
 }

data/vendor/assets/stylesheets/ustyle/tables/_tables-sortable.scss

@@ -59,7 +59,7 @@
       }
     }
   }
-  
+
   .us-table-head-sorted {
     .us-table-sort-button,
     .us-table-head-text {

data/vendor/assets/stylesheets/ustyle/tables/_tables-with-key-cells.scss

@@ -9,7 +9,7 @@
       padding-right: em($table-key-sidepadding);
       padding-left: em($table-key-sidepadding);
     }
-    
+
     .key-value,
     .key-sideunit {
       color: $table-c-key;

data/vendor/assets/stylesheets/ustyle/utilities/_grid.scss

@@ -4,7 +4,7 @@
       padding-left: col-width($i);
     }
   }
-  
+
   .us-grid-lg--push-#{$i} {
     @include respond-to(desktop, true) {
       padding-left: col-width($i);

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ustyle
 version: !ruby/object:Gem::Version
-  version: 1.16.2
+  version: 1.19.2
 platform: ruby
 authors:
 - uSwitch Limited
@@ -13,7 +13,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-01-10 00:00:00.000000000 Z
+date: 2019-03-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -135,6 +135,7 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".drone.yml"
 - ".gitignore"
 - ".nvmrc"
 - ".rbenv-gemsets"
@@ -379,6 +380,7 @@ files:
 - vendor/assets/images/icons/results.svg
 - vendor/assets/images/icons/save.svg
 - vendor/assets/images/icons/share.svg
+- vendor/assets/images/icons/shield.svg
 - vendor/assets/images/icons/sim.svg
 - vendor/assets/images/icons/smiley.svg
 - vendor/assets/images/icons/sort.svg
@@ -407,7 +409,6 @@ files:
 - vendor/assets/javascripts/ustyle/backdrop.js
 - vendor/assets/javascripts/ustyle/classtoggler.js
 - vendor/assets/javascripts/ustyle/overlay.js
-- vendor/assets/javascripts/ustyle/radioToggle.js
 - vendor/assets/javascripts/ustyle/tabs.js
 - vendor/assets/javascripts/ustyle/utils.js
 - vendor/assets/stylesheets/ustyle-content.scss
@@ -432,6 +433,9 @@ files:
 - vendor/assets/stylesheets/ustyle/components/_backdrop.scss
 - vendor/assets/stylesheets/ustyle/components/_breadcrumbs.scss
 - vendor/assets/stylesheets/ustyle/components/_button.scss
+- vendor/assets/stylesheets/ustyle/components/_calculator.scss
+- vendor/assets/stylesheets/ustyle/components/_comp-table-row.scss
+- vendor/assets/stylesheets/ustyle/components/_compliance-banner.scss
 - vendor/assets/stylesheets/ustyle/components/_content-group.scss
 - vendor/assets/stylesheets/ustyle/components/_cta.scss
 - vendor/assets/stylesheets/ustyle/components/_grid-classes.scss
@@ -442,6 +446,10 @@ files:
 - vendor/assets/stylesheets/ustyle/components/_loader.scss
 - vendor/assets/stylesheets/ustyle/components/_overlay.scss
 - vendor/assets/stylesheets/ustyle/components/_progress.scss
+- vendor/assets/stylesheets/ustyle/components/_promo-banner.scss
+- vendor/assets/stylesheets/ustyle/components/_reminder.scss
+- vendor/assets/stylesheets/ustyle/components/_tab-navigation.scss
+- vendor/assets/stylesheets/ustyle/components/_table-toolbar.scss
 - vendor/assets/stylesheets/ustyle/components/_tabs.scss
 - vendor/assets/stylesheets/ustyle/components/_tooltip.scss
 - vendor/assets/stylesheets/ustyle/components/_usp.scss

data/vendor/assets/javascripts/ustyle/radioToggle.js

@@ -1,5 +0,0 @@
-window.RadioToggle = function() {
-  var message = "RadioToggle is now deprecated";
-  if (window.Raven) window.Raven.captureMessage(message);
-  console.warn(message);
-};