diff --git a/src/components/base/alert/alert.scss b/src/components/base/alert/alert.scss
index 525289fb4d8618dd9e15d6c01b52b143f880aaae..5bc872f141322f7cf4d6e6b02f0ebd55a6fece3a 100644
--- a/src/components/base/alert/alert.scss
+++ b/src/components/base/alert/alert.scss
@@ -80,17 +80,17 @@
 }
 
 .gl-alert-tip {
-  @include gl-bg-gray-100;
-  @include gl-text-gray-900;
+  @include gl-bg-gray-50;
+  @include gl-text-gray-600;
 }
 
 .gl-alert-info {
-  @include gl-bg-blue-100;
-  @include gl-text-blue-700;
+  @include gl-bg-blue-50;
+  @include gl-text-blue-600;
 
   .gl-alert-icon,
   .gl-alert-dismiss {
-    @include gl-text-blue-800;
+    @include gl-text-blue-600;
   }
 }
 
diff --git a/src/components/base/avatar_labeled/avatar_labeled.scss b/src/components/base/avatar_labeled/avatar_labeled.scss
index 91605f0d0cea2a66d5ec0cbe0f43839ad5a1b44a..b4cf9552e15c57698561b397e8856571b8e654e6 100644
--- a/src/components/base/avatar_labeled/avatar_labeled.scss
+++ b/src/components/base/avatar_labeled/avatar_labeled.scss
@@ -16,6 +16,6 @@
   }
 
   &-sublabel {
-    @include gl-text-gray-700;
+    @include gl-text-gray-500;
   }
 }
diff --git a/src/components/base/avatar_link/avatar_link.scss b/src/components/base/avatar_link/avatar_link.scss
index c433ba109d92856c9735c8fae174d102b72d22b8..bfd1cdba3dc28cccce93e62f892e5072905bdfbe 100644
--- a/src/components/base/avatar_link/avatar_link.scss
+++ b/src/components/base/avatar_link/avatar_link.scss
@@ -22,7 +22,7 @@
 
       &-sublabel {
         @include gl-text-decoration-underline;
-        @include gl-text-decoration-color-gray-700;
+        @include gl-text-decoration-color-gray-500;
       }
     }
   }
diff --git a/src/components/base/avatars_inline/avatars_inline.scss b/src/components/base/avatars_inline/avatars_inline.scss
index c8c7b437b08afde36d479e144ff823c605637f1b..4a3af966ba3a5ba776af31f7b1882db7d99864df 100644
--- a/src/components/base/avatars_inline/avatars_inline.scss
+++ b/src/components/base/avatars_inline/avatars_inline.scss
@@ -16,7 +16,7 @@
   }
 
   &-badge {
-    @include gl-bg-gray-200;
+    @include gl-bg-gray-100;
     @include gl-text-gray-900;
     @include gl-font-sm;
     @include gl-py-2;
diff --git a/src/components/base/banner/banner.scss b/src/components/base/banner/banner.scss
index 95ca04a031482531161164864a7257f2d22555ad..1ed3720d658c07c48db88e0faaf60a5c1c85585c 100644
--- a/src/components/base/banner/banner.scss
+++ b/src/components/base/banner/banner.scss
@@ -1,6 +1,6 @@
 .gl-banner {
   @include gl-border-1;
-  @include gl-border-gray-200;
+  @include gl-border-gray-100;
   @include gl-border-solid;
   @include gl-display-flex;
   @include gl-font-base;
diff --git a/src/components/base/breadcrumb/breadcrumb.scss b/src/components/base/breadcrumb/breadcrumb.scss
index e6f616e2076c782ae185968803078ff8c13fe3fe..a54fc1f534817d8eab2b5959a27e8f2ac52ea44a 100755
--- a/src/components/base/breadcrumb/breadcrumb.scss
+++ b/src/components/base/breadcrumb/breadcrumb.scss
@@ -3,7 +3,7 @@ $breadcrumb-max-width: $grid-size * 16;
 
 .gl-breadcrumbs {
   @include gl-border-0;
-  @include gl-inset-border-b-1-gray-300;
+  @include gl-inset-border-b-1-gray-200;
   @include gl-py-5;
 }
 
@@ -25,7 +25,7 @@ $breadcrumb-max-width: $grid-size * 16;
     @include gl-my-auto;
     @include gl-mx-3;
     @include gl-w-3;
-    @include gl-text-gray-700;
+    @include gl-text-gray-500;
     @include gl-fill-current-color;
   }
 }
@@ -34,7 +34,7 @@ $breadcrumb-max-width: $grid-size * 16;
   @include gl-mr-2;
   @include gl-border-1;
   @include gl-border-solid;
-  @include gl-border-gray-300;
+  @include gl-border-gray-200;
   @include gl-rounded-full;
 }
 
@@ -44,7 +44,7 @@ $breadcrumb-max-width: $grid-size * 16;
   @include gl-line-height-normal;
 
   > a {
-    @include gl-text-gray-700;
+    @include gl-text-gray-500;
     @include media-breakpoint-down(xs) {
       @include str-truncated($breadcrumb-max-width);
     }
diff --git a/src/components/base/broadcast_message/broadcast_message.scss b/src/components/base/broadcast_message/broadcast_message.scss
index 523825a084f4724b07942feab75e377a1d743f9b..8090e7e295dfac941e2764d12a045386078947f1 100644
--- a/src/components/base/broadcast_message/broadcast_message.scss
+++ b/src/components/base/broadcast_message/broadcast_message.scss
@@ -38,11 +38,11 @@
   }
 
   &.dark {
-    @include gl-bg-gray-700;
+    @include gl-bg-gray-500;
   }
 
   &.light {
-    @include gl-bg-gray-500;
+    @include gl-bg-gray-300;
   }
 
   @include media-breakpoint-up(sm) {
diff --git a/src/components/base/datepicker/datepicker.scss b/src/components/base/datepicker/datepicker.scss
index 6ed05d4f3d906e8fce36724ae3301751006cc5c1..3d7a95cdf315b581931eea987966cacd8ff569b9 100644
--- a/src/components/base/datepicker/datepicker.scss
+++ b/src/components/base/datepicker/datepicker.scss
@@ -18,7 +18,7 @@ $gl-datepicker-width: $grid-size * 30;
   @include gl-display-flex;
   @include gl-justify-content-center;
   @include gl-align-items-center;
-  @include gl-text-gray-600;
+  @include gl-text-gray-400;
 }
 
 .gl-datepicker-theme {
@@ -36,7 +36,7 @@ $gl-datepicker-width: $grid-size * 30;
     @include gl-pt-5;
     @include gl-px-4;
     @include gl-pb-3;
-    @include gl-inset-border-1-gray-200;
+    @include gl-inset-border-1-gray-100;
     @include gl-rounded-base;
   }
 
@@ -78,7 +78,7 @@ $gl-datepicker-width: $grid-size * 30;
     @include gl-pb-3;
     @include gl-font-weight-bold;
     @include gl-line-height-normal;
-    @include gl-text-gray-700;
+    @include gl-text-gray-500;
   }
 
   abbr[title] {
@@ -98,12 +98,12 @@ $gl-datepicker-width: $grid-size * 30;
     @include gl-font-base;
 
     &.is-past-date {
-      @include gl-text-gray-600;
+      @include gl-text-gray-400;
     }
 
     &:hover {
       @include gl-text-gray-900;
-      @include gl-bg-gray-100;
+      @include gl-bg-gray-50;
     }
   }
 
diff --git a/src/components/base/daterange_picker/daterange_picker.scss b/src/components/base/daterange_picker/daterange_picker.scss
index 9e5a089e3979546691977afee01eda962449cf65..e69ae5d6b770b189de45c538e2deaee69131c327 100644
--- a/src/components/base/daterange_picker/daterange_picker.scss
+++ b/src/components/base/daterange_picker/daterange_picker.scss
@@ -15,7 +15,7 @@
 
   .gl-datepicker-input {
     @include gl-w-full;
-    @include gl-border-gray-200;
+    @include gl-border-gray-100;
     @include gl-text-gray-900;
   }
 }
diff --git a/src/components/base/drawer/drawer.scss b/src/components/base/drawer/drawer.scss
index 39b307b35f2b092652620647e22dcfbd3464f745..710d8b15591b078bde796ee3e459af6d6ca656d1 100644
--- a/src/components/base/drawer/drawer.scss
+++ b/src/components/base/drawer/drawer.scss
@@ -23,7 +23,7 @@ $gl-drawer-width: 400px;
   @include gl-align-items-center;
   @include gl-justify-content-space-between;
   @include gl-border-b-solid;
-  @include gl-border-b-gray-200;
+  @include gl-border-b-gray-100;
   @include gl-border-b-1;
   @include gl-px-6;
   @include gl-py-5;
@@ -42,7 +42,7 @@ $gl-drawer-width: 400px;
 
 .gl-drawer-body > * {
   @include gl-border-b-solid;
-  @include gl-border-b-gray-200;
+  @include gl-border-b-gray-100;
   @include gl-border-b-1;
 
   @include gl-px-6;
diff --git a/src/components/base/dropdown/dropdown_divider.scss b/src/components/base/dropdown/dropdown_divider.scss
index 9e4f85d83f9f6e73f36c578e088ae5fda26abdaf..ae467913276f41d2dba615cd79d3d7d2da712c9e 100644
--- a/src/components/base/dropdown/dropdown_divider.scss
+++ b/src/components/base/dropdown/dropdown_divider.scss
@@ -8,6 +8,6 @@
     @include gl-p-0;
     @include gl-border-t-1;
     @include gl-border-t-solid;
-    @include gl-border-t-gray-200;
+    @include gl-border-t-gray-100;
   }
 }
diff --git a/src/components/base/dropdown/dropdown_header.scss b/src/components/base/dropdown/dropdown_header.scss
index 492e375283c4f9546a1f72f2f5e2521157494d81..635c4761ea83bb07a4cd34052703ca9e56cf54b2 100644
--- a/src/components/base/dropdown/dropdown_header.scss
+++ b/src/components/base/dropdown/dropdown_header.scss
@@ -1,7 +1,7 @@
 .gl-dropdown-header > header {
   @include gl-font-base;
   @include gl-font-weight-bold;
-  @include gl-text-gray-700;
+  @include gl-text-gray-500;
   @include gl-line-height-normal;
   @include gl-py-3;
   @include gl-py-4;
diff --git a/src/components/base/dropdown/dropdown_item.scss b/src/components/base/dropdown/dropdown_item.scss
index 4a88602f613ff8c50828dbc62a06b21c01faae24..a401ea2226f0f1a699ae4f2f0587654e0e93e0f0 100644
--- a/src/components/base/dropdown/dropdown_item.scss
+++ b/src/components/base/dropdown/dropdown_item.scss
@@ -28,7 +28,7 @@
   &:active,
   &:focus,
   &.is-focused {
-    @include gl-bg-gray-200;
+    @include gl-bg-gray-100;
     @include gl-text-decoration-none;
     @include gl-text-gray-900;
     @include gl-outline-0;
diff --git a/src/components/base/filtered_search/filtered_search.scss b/src/components/base/filtered_search/filtered_search.scss
index e1797622c956809dc5af3ce16fe8be308b2ba49b..74dfb46a0098ef8d14bf8327a1ea990bc8c4d2e6 100644
--- a/src/components/base/filtered_search/filtered_search.scss
+++ b/src/components/base/filtered_search/filtered_search.scss
@@ -5,7 +5,7 @@
   @include gl-flex-basis-0;
   @include gl-overflow-y-auto;
   @include gl-align-items-center;
-  @include gl-inset-border-1-gray-200;
+  @include gl-inset-border-1-gray-100;
 }
 
 .gl-filtered-search-item {
diff --git a/src/components/base/filtered_search/filtered_search_suggestion.scss b/src/components/base/filtered_search/filtered_search_suggestion.scss
index 2af0c0a99aa57178395f7e9ea2c63c21fc54ca9a..5fa284dbdca8670fd9a8c8ddfab9f6c569ed3692 100644
--- a/src/components/base/filtered_search/filtered_search_suggestion.scss
+++ b/src/components/base/filtered_search/filtered_search_suggestion.scss
@@ -3,7 +3,7 @@
 }
 
 .gl-filtered-search-suggestion-active {
-  @include gl-bg-gray-200;
+  @include gl-bg-gray-100;
   @include gl-text-decoration-none;
   @include gl-text-gray-900;
   @include gl-outline-0;
diff --git a/src/components/base/filtered_search/filtered_search_term.stories.js b/src/components/base/filtered_search/filtered_search_term.stories.js
index b614eabaf4314977f38fbd62a138f00eb68748f8..9267e8ccbfcbe143250ce865228cf7bd8a48be78 100644
--- a/src/components/base/filtered_search/filtered_search_term.stories.js
+++ b/src/components/base/filtered_search/filtered_search_term.stories.js
@@ -41,7 +41,7 @@ documentedStoriesOf('base|filtered-search/term', readme)
     template: `
       <div>
         <div> {{ value.data }} </div>
-        <div class="gl-border-1 gl-border-solid gl-border-gray-400">
+        <div class="gl-border-1 gl-border-solid gl-border-gray-200">
           <gl-filtered-search-term
             v-model="value"
             class="gl-h-full"
diff --git a/src/components/base/filtered_search/filtered_search_token.stories.js b/src/components/base/filtered_search/filtered_search_token.stories.js
index 83b98ca461235e687220ce1290b71b461a94371b..e67411403585bf2cc6d4f0bc7c11d381ac37087c 100644
--- a/src/components/base/filtered_search/filtered_search_token.stories.js
+++ b/src/components/base/filtered_search/filtered_search_token.stories.js
@@ -43,7 +43,7 @@ documentedStoriesOf('base|filtered-search/token', readme)
     template: `
       <div>
         <div> {{ value }} </div>
-        <div class="gl-border-1 gl-border-solid gl-border-gray-400">
+        <div class="gl-border-1 gl-border-solid gl-border-gray-200">
           <gl-filtered-search-token
             v-model="value"
             class="gl-h-full"
@@ -97,7 +97,7 @@ documentedStoriesOf('base|filtered-search/token', readme)
     template: `
       <div>
         <div> {{ value }} </div>
-        <div class="gl-border-1 gl-border-solid gl-border-gray-400">
+        <div class="gl-border-1 gl-border-solid gl-border-gray-200">
           <gl-filtered-search-token
             v-model="value"
             class="gl-h-full"
@@ -152,7 +152,7 @@ documentedStoriesOf('base|filtered-search/token', readme)
     template: `
       <div>
         <div> {{ value }} </div>
-        <div class="gl-border-1 gl-border-solid gl-border-gray-400">
+        <div class="gl-border-1 gl-border-solid gl-border-gray-200">
           <gl-filtered-search-token
             v-model="value"
             class="gl-h-full"
diff --git a/src/components/base/filtered_search/filtered_search_token_segment.stories.js b/src/components/base/filtered_search/filtered_search_token_segment.stories.js
index 632b50223ac4b4582e932b3dd2323dcda4da03f5..071782177a748888787be3ea6fb4625d0557497d 100644
--- a/src/components/base/filtered_search/filtered_search_token_segment.stories.js
+++ b/src/components/base/filtered_search/filtered_search_token_segment.stories.js
@@ -39,7 +39,7 @@ documentedStoriesOf('base|filtered-search/token-segment', readme)
     },
     template: `
       <div>v-model value: {{ value }} </div>
-        <div class="gl-border-1 gl-border-solid gl-border-gray-400">
+        <div class="gl-border-1 gl-border-solid gl-border-gray-200">
           <gl-filtered-search-token-segment
             v-model="value"
             class="gl-h-full"
@@ -83,7 +83,7 @@ documentedStoriesOf('base|filtered-search/token-segment', readme)
     template: `
       <div>
         <div>v-model value: {{ value }} </div>
-        <div class="gl-border-1 gl-border-solid gl-border-gray-400">
+        <div class="gl-border-1 gl-border-solid gl-border-gray-200">
           <gl-filtered-search-token-segment
             v-model="value"
             class="gl-h-full"
diff --git a/src/components/base/form/form_checkbox/form_checkbox.scss b/src/components/base/form/form_checkbox/form_checkbox.scss
index b8b68b4da003e7de1473bf0bf8ece5539477c509..65b1d535e9418b1785d9904586eea89ca4cf36b5 100644
--- a/src/components/base/form/form_checkbox/form_checkbox.scss
+++ b/src/components/base/form/form_checkbox/form_checkbox.scss
@@ -40,12 +40,12 @@
   .form-check-input:disabled,
   .form-check-input:disabled ~ .form-check-label {
     @include gl-cursor-not-allowed;
-    @include gl-text-gray-700;
+    @include gl-text-gray-500;
   }
 
   .help-text {
     @include gl-mt-2;
-    @include gl-text-gray-700;
+    @include gl-text-gray-500;
     @include gl-mb-0;
     @include gl-font-base;
     @include gl-line-height-normal;
diff --git a/src/components/base/form/form_input/form_input.scss b/src/components/base/form/form_input/form_input.scss
index 2f7619945179852e1cf77b61c02bd021fd3be6f4..5af6b137f06a3e9db02ddc6265612802cb21ef06 100644
--- a/src/components/base/form/form_input/form_input.scss
+++ b/src/components/base/form/form_input/form_input.scss
@@ -8,7 +8,7 @@
   @include gl-px-4;
   @include gl-h-auto;
   @include gl-text-gray-900;
-  @include gl-inset-border-1-gray-200;
+  @include gl-inset-border-1-gray-100;
   @include gl-border-none;
   @include form-control-focus;
 
@@ -24,4 +24,8 @@
   &.is-invalid {
     @include gl-inset-border-1-red-500;
   }
+
+  &::placeholder {
+    @include gl-text-gray-400;
+  }
 }
diff --git a/src/components/base/label/label.scss b/src/components/base/label/label.scss
index 7ceac3d6816c8edaec7c9e4cd0d6aaeb40679876..f3cf064d951b951314b0f38d5830fd885fd447e2 100644
--- a/src/components/base/label/label.scss
+++ b/src/components/base/label/label.scss
@@ -31,7 +31,7 @@ $label-max-width: 100%;
   }
 
   .gl-label-icon {
-    @include gl-text-gray-500;
+    @include gl-text-gray-300;
     @include gl-display-inline-flex;
     @include gl-align-items-center;
     @include gl-ml-2;
diff --git a/src/components/base/new_button/new_button.scss b/src/components/base/new_button/new_button.scss
index 0e45016d83d62e28e375bbf9dea7424fd254b370..4449f81ac39c3090ea1924ec79877d421e37ebda 100644
--- a/src/components/base/new_button/new_button.scss
+++ b/src/components/base/new_button/new_button.scss
@@ -51,22 +51,22 @@
   }
 
   &:hover {
-    @include gl-bg-gray-200;
-    @include gl-tmp-new-button-secondary-hover($gray-400);
+    @include gl-bg-gray-50;
+    @include gl-tmp-new-button-secondary-hover($gray-200);
   }
 
   &:focus {
-    @include gl-bg-gray-200;
-    @include gl-tmp-new-button-focus($gray-400);
+    @include gl-bg-gray-50;
+    @include gl-tmp-new-button-focus($gray-200);
   }
 
   &:active,
   &.active {
-    @include gl-bg-gray-300;
-    @include gl-tmp-new-button-active($gray-500);
+    @include gl-bg-gray-100;
+    @include gl-tmp-new-button-active($gray-300);
 
     &:focus {
-      @include gl-tmp-new-button-focus($gray-500);
+      @include gl-tmp-new-button-focus($gray-300);
     }
   }
 
@@ -114,7 +114,7 @@
     @include gl-inset-border-1-blue-500;
 
     &:hover {
-      @include gl-bg-blue-100;
+      @include gl-bg-blue-50;
       @include gl-text-blue-600;
       @include gl-tmp-new-button-secondary-hover($blue-500);
     }
@@ -127,7 +127,7 @@
 
     &:active,
     &.selected {
-      @include gl-bg-blue-200;
+      @include gl-bg-blue-100;
       @include gl-text-blue-700;
       @include gl-tmp-new-button-active($blue-600);
 
@@ -162,13 +162,13 @@
 
   &.btn-success.btn-secondary:not(:disabled) {
     @include gl-bg-white;
-    @include gl-text-green-600;
+    @include gl-text-green-500;
     @include gl-font-weight-normal;
     @include gl-inset-border-1-green-500;
 
     &:hover {
-      @include gl-bg-green-100;
-      @include gl-text-green-700;
+      @include gl-bg-green-50;
+      @include gl-text-green-600;
       @include gl-tmp-new-button-secondary-hover($green-500);
     }
 
@@ -180,8 +180,8 @@
 
     &:active,
     &.selected {
-      @include gl-bg-green-200;
-      @include gl-text-green-800;
+      @include gl-bg-green-100;
+      @include gl-text-green-700;
       @include gl-tmp-new-button-active($green-600);
 
       &:focus {
@@ -220,8 +220,8 @@
     @include gl-inset-border-1-orange-500;
 
     &:hover {
-      @include gl-bg-orange-100;
-      @include gl-text-orange-800;
+      @include gl-bg-orange-50;
+      @include gl-text-orange-600;
       @include gl-tmp-new-button-secondary-hover($orange-500);
     }
 
@@ -233,8 +233,8 @@
 
     &:active,
     &.selected {
-      @include gl-bg-orange-200;
-      @include gl-text-orange-900;
+      @include gl-bg-orange-100;
+      @include gl-text-orange-700;
       @include gl-tmp-new-button-active($orange-600);
 
       &:focus {
diff --git a/src/components/base/new_dropdown/new_dropdown_divider.scss b/src/components/base/new_dropdown/new_dropdown_divider.scss
index 3e5e74ffb0a07d0c67c0e113a34aff94b7879fc5..cd3c2ff01a3b3012196102b7c6302aa72914b68c 100644
--- a/src/components/base/new_dropdown/new_dropdown_divider.scss
+++ b/src/components/base/new_dropdown/new_dropdown_divider.scss
@@ -6,7 +6,7 @@
   @include gl-p-0;
   @include gl-border-t-1;
   @include gl-border-t-solid;
-  @include gl-border-t-gray-200;
+  @include gl-border-t-gray-100;
 }
 
 /* Styling when the component is used on its own */
diff --git a/src/components/base/new_dropdown/new_dropdown_item.scss b/src/components/base/new_dropdown/new_dropdown_item.scss
index 55c6fe67aea15bc8d576224d11504153289def10..4ee856c7050f02b4164464daab3a0f7439dfb586 100644
--- a/src/components/base/new_dropdown/new_dropdown_item.scss
+++ b/src/components/base/new_dropdown/new_dropdown_item.scss
@@ -75,7 +75,7 @@
     &:active,
     &:focus,
     &.is-focused {
-      @include gl-bg-gray-100;
+      @include gl-bg-gray-50;
       @include gl-text-decoration-none;
       @include gl-text-gray-900;
       @include gl-outline-0;
diff --git a/src/components/base/pagination/pagination.scss b/src/components/base/pagination/pagination.scss
index ac3a7e40e5d44be21861139abc24b65755b0f8d1..2ee953c903962280da1a9217c02ffb3a3be7b29f 100644
--- a/src/components/base/pagination/pagination.scss
+++ b/src/components/base/pagination/pagination.scss
@@ -6,12 +6,12 @@
   }
 
   .page-link {
-    @include gl-border-gray-400;
+    @include gl-border-gray-200;
     @include gl-line-height-normal;
 
     &:not(.active):hover {
       @include gl-text-gray-900;
-      @include gl-bg-gray-200;
+      @include gl-bg-gray-100;
       @include gl-tmp-new-button-secondary-hover($gray-400);
       @include gl-z-index-0;
     }
@@ -35,9 +35,9 @@
     }
 
     &.disabled .page-link {
-      @include gl-bg-gray-50;
-      @include gl-border-gray-400;
-      @include gl-text-gray-600;
+      @include gl-bg-gray-0;
+      @include gl-border-gray-200;
+      @include gl-text-gray-400;
     }
   }
 
diff --git a/src/components/base/popover/popover.scss b/src/components/base/popover/popover.scss
index 78e4a2a0bab51c1f05c0d8bb5338be519f7ac90f..6b8a64c7f672738281d902fd1d728f57fb3fd06d 100644
--- a/src/components/base/popover/popover.scss
+++ b/src/components/base/popover/popover.scss
@@ -20,7 +20,7 @@ $gl-popover-max-width: $grid-size * 48;
     *  due to the box-shadow include in our custom styles.
     */
     > .arrow::before {
-      @include gl-border-t-gray-200;
+      @include gl-border-t-gray-100;
       bottom: 1px;
     }
 
@@ -31,7 +31,7 @@ $gl-popover-max-width: $grid-size * 48;
 
   &.bs-popover-bottom {
     > .arrow::before {
-      @include gl-border-b-gray-200;
+      @include gl-border-b-gray-100;
     }
 
     > .popover-header::before {
@@ -40,11 +40,11 @@ $gl-popover-max-width: $grid-size * 48;
   }
 
   &.bs-popover-right > .arrow::before {
-    @include gl-border-r-gray-200;
+    @include gl-border-r-gray-100;
   }
 
   &.bs-popover-left > .arrow::before {
-    @include gl-border-l-gray-200;
+    @include gl-border-l-gray-100;
   }
 
   .popover-header {
diff --git a/src/components/base/search_box_by_click/search_box_by_click.scss b/src/components/base/search_box_by_click/search_box_by_click.scss
index e111396e06f22dfe437948fc4260c0ed91f35eaf..8664ae04905ea1f4858b8e86be989a7802c76ccd 100644
--- a/src/components/base/search_box_by_click/search_box_by_click.scss
+++ b/src/components/base/search_box_by_click/search_box_by_click.scss
@@ -12,7 +12,7 @@
 
     .gl-search-box-by-click-history-icon {
       @include gl-mr-2;
-      @include gl-text-gray-700;
+      @include gl-text-gray-500;
     }
 
     .gl-search-box-by-click-history-icon-chevron {
@@ -35,7 +35,7 @@
 
     .gl-search-box-by-click-history-no-searches {
       @include gl-text-center;
-      @include gl-text-gray-700;
+      @include gl-text-gray-500;
       .gl-dropdown-text {
         @include gl-font-weight-normal;
       }
@@ -43,7 +43,7 @@
   }
 
   .gl-search-box-by-click-search-button {
-    @include gl-text-gray-700;
+    @include gl-text-gray-500;
   }
 
   .gl-search-box-by-click-input {
diff --git a/src/components/base/skeleton_loader/skeleton_loader.scss b/src/components/base/skeleton_loader/skeleton_loader.scss
index 4fe3358a3ba9a8c51a94329d6898f2f57e12d968..80c04e284b7ce482fcd0592535f2ea7e75588685 100644
--- a/src/components/base/skeleton_loader/skeleton_loader.scss
+++ b/src/components/base/skeleton_loader/skeleton_loader.scss
@@ -3,9 +3,9 @@
     @include gl-opacity-10;
   }
   .primary-stop {
-    @include gl-stop-color-gray-200;
+    @include gl-stop-color-gray-100;
   }
   .secondary-stop {
-    @include gl-stop-color-gray-100;
+    @include gl-stop-color-gray-50;
   }
 }
diff --git a/src/components/base/skeleton_loading/skeleton_loading.scss b/src/components/base/skeleton_loading/skeleton_loading.scss
index c2b2ac458c89a602b310445545e1963d957fbb5f..4964989ca00160bea74b16e657ead5f872d92b87 100644
--- a/src/components/base/skeleton_loading/skeleton_loading.scss
+++ b/src/components/base/skeleton_loading/skeleton_loading.scss
@@ -40,7 +40,7 @@ $skeleton-line-widths: (156px, 235px, 200px);
   [class^='skeleton-line-'] {
     height: $skeleton-line-height;
     @include gl-relative;
-    @include gl-bg-gray-100;
+    @include gl-bg-gray-50;
     @include gl-overflow-hidden;
 
     &:not(:last-of-type) {
diff --git a/src/components/base/sorting/sorting.scss b/src/components/base/sorting/sorting.scss
index 1f491bb3f78bbe966185620e7b4a14c5edcc69f8..d42d44e6dd88f5539fa6871c337a4bc54fcdfe59 100644
--- a/src/components/base/sorting/sorting.scss
+++ b/src/components/base/sorting/sorting.scss
@@ -1,6 +1,6 @@
 .gl-sorting {
   .sorting-direction-button {
-    @include gl-text-gray-600;
+    @include gl-text-gray-400;
   }
 }
 
diff --git a/src/components/base/table/table.scss b/src/components/base/table/table.scss
index e87f92402c41e7235b48b0a92f65fae2f928053b..d18ddffbbf33c98dbe63ecb7f3e75aca3f7e01c6 100644
--- a/src/components/base/table/table.scss
+++ b/src/components/base/table/table.scss
@@ -1,5 +1,5 @@
 table.gl-table {
-  @include gl-text-gray-700;
+  @include gl-text-gray-500;
   @include gl-bg-transparent;
 
   tr {
@@ -16,11 +16,11 @@ table.gl-table {
 
     th {
       @include gl-font-weight-bold;
-      @include gl-border-gray-300;
+      @include gl-border-gray-200;
     }
 
     td {
-      @include gl-border-gray-200;
+      @include gl-border-gray-100;
     }
   }
 
diff --git a/src/components/base/tabs/tabs/tabs.scss b/src/components/base/tabs/tabs/tabs.scss
index aa56951f604083908f553f567b0c7b16c81c3156..4071808df0d88b5dcb1faab056fbc88b56a1ff8d 100644
--- a/src/components/base/tabs/tabs/tabs.scss
+++ b/src/components/base/tabs/tabs/tabs.scss
@@ -1,12 +1,12 @@
 .gl-tabs-nav {
   @include gl-border-solid;
-  @include gl-border-gray-200;
+  @include gl-border-gray-100;
   @include gl-border-0;
   @include gl-border-b-1;
 }
 
 .gl-tab-nav-item {
-  @include gl-text-gray-700;
+  @include gl-text-gray-500;
   @include gl-px-4;
   @include gl-py-5;
   @include gl-line-height-normal;
@@ -15,12 +15,12 @@
   transition: box-shadow 100ms linear;
 
   &.disabled {
-    @include gl-text-gray-400;
+    @include gl-text-gray-200;
   }
 
   &:hover {
     @include gl-text-gray-900;
-    @include gl-inset-border-b-2-gray-200;
+    @include gl-inset-border-b-2-gray-100;
   }
 
   > .gl-tab-counter-badge {
diff --git a/src/components/base/toggle/toggle.scss b/src/components/base/toggle/toggle.scss
index 0820392672601b4c572aa63d331582ae6dbd0c15..26cbd22a4ce023d62dfe4add1fd6a2a2efe94ff4 100644
--- a/src/components/base/toggle/toggle.scss
+++ b/src/components/base/toggle/toggle.scss
@@ -46,7 +46,7 @@
   @include gl-justify-content-center;
   @include gl-border-0;
   @include gl-cursor-pointer;
-  @include gl-bg-gray-600;
+  @include gl-bg-gray-400;
   @include gl-p-1;
   @include gl-relative;
   @include gl-w-10;
@@ -86,7 +86,7 @@
     > svg {
       @include gl-w-5;
       @include gl-h-5;
-      @include gl-fill-gray-600;
+      @include gl-fill-gray-400;
       @include gl-vertical-align-baseline;
     }
   }
diff --git a/src/components/base/token/token.scss b/src/components/base/token/token.scss
index bc821df97335e4f84a17454b94c3bfc1bcd3c2a0..c511c653a5c5c830cbe9ec085f405d3935e6bceb 100644
--- a/src/components/base/token/token.scss
+++ b/src/components/base/token/token.scss
@@ -1,5 +1,5 @@
 .gl-token {
-  @include gl-bg-gray-200;
+  @include gl-bg-gray-100;
   @include gl-rounded-small;
   @include gl-py-2;
   @include gl-px-3;
@@ -33,7 +33,7 @@
 
 .gl-token-close {
   @include gl-ml-3;
-  @include gl-text-gray-700;
+  @include gl-text-gray-500;
   @include gl-cursor-pointer;
 
   &:hover {
diff --git a/src/components/charts/area/area.stories.js b/src/components/charts/area/area.stories.js
index 7b219ed15ae76d870fd4e78cd0e1f4ca0446c04f..28342c84fe5851067c840bd804958a207bc32e73 100644
--- a/src/components/charts/area/area.stories.js
+++ b/src/components/charts/area/area.stories.js
@@ -109,19 +109,23 @@ documentedStoriesOf('charts|area-chart', readme)
     components,
     template,
   }))
-  .add('with toolbox', () => ({
-    props: generateProps({
-      option: {
-        xAxis: {
-          name: 'Time',
-          type: 'category',
+  .add(
+    'with toolbox',
+    () => ({
+      props: generateProps({
+        option: {
+          xAxis: {
+            name: 'Time',
+            type: 'category',
+          },
+          toolbox,
         },
-        toolbox,
-      },
+      }),
+      components,
+      template,
     }),
-    components,
-    template,
-  }))
+    { storyshots: false }
+  )
   .add('mult-series', () => ({
     props: generateProps({
       data: times(10, index => ({
diff --git a/src/components/charts/bar/bar.stories.js b/src/components/charts/bar/bar.stories.js
index 1374d36685d410abad2c1c65d2a5b01f247a3002..147ca89fa53053937b6bcaf7d25f5ff978ce4a3d 100644
--- a/src/components/charts/bar/bar.stories.js
+++ b/src/components/charts/bar/bar.stories.js
@@ -80,12 +80,16 @@ documentedStoriesOf('charts|bar-chart', readme)
     components,
     template,
   }))
-  .add('with toolbox', () => ({
-    props: generateProps({
-      option: {
-        toolbox,
-      },
+  .add(
+    'with toolbox',
+    () => ({
+      props: generateProps({
+        option: {
+          toolbox,
+        },
+      }),
+      components,
+      template,
     }),
-    components,
-    template,
-  }));
+    { storyshots: false }
+  );
diff --git a/src/components/charts/column/column.stories.js b/src/components/charts/column/column.stories.js
index 91bebee500e18aa89c6af715675a8b32d7b381c9..cbc6620c79f449560a98bce7b749f45085c9be12 100644
--- a/src/components/charts/column/column.stories.js
+++ b/src/components/charts/column/column.stories.js
@@ -77,12 +77,16 @@ documentedStoriesOf('charts|column-chart', readme)
     components,
     template,
   }))
-  .add('with toolbox', () => ({
-    props: generateProps({
-      option: {
-        toolbox,
-      },
+  .add(
+    'with toolbox',
+    () => ({
+      props: generateProps({
+        option: {
+          toolbox,
+        },
+      }),
+      components,
+      template,
     }),
-    components,
-    template,
-  }));
+    { storyshots: false }
+  );
diff --git a/src/components/charts/heatmap/heatmap.stories.js b/src/components/charts/heatmap/heatmap.stories.js
index 02b967937455027d20824d5b9225e1d895889aee..debe4a2e467e4c242649085f64c913d5dfcadf98 100644
--- a/src/components/charts/heatmap/heatmap.stories.js
+++ b/src/components/charts/heatmap/heatmap.stories.js
@@ -41,21 +41,23 @@ documentedStoriesOf('charts|heatmap', readme)
       :y-axis-name="yAxisName"
     />`,
   }))
-  .add('with toolbox', () => ({
-    data() {
-      return {
-        data: generateData(),
-        xAxisLabels: ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'],
-        yAxisLabels: ['Sat', 'Fri', 'Thu', 'Wed', 'Tue', 'Mon', 'Sun'],
-        xAxisName: 'Hour',
-        yAxisName: 'Day',
-        option: {
-          toolbox,
-        },
-      };
-    },
-    components,
-    template: `<gl-heatmap
+  .add(
+    'with toolbox',
+    () => ({
+      data() {
+        return {
+          data: generateData(),
+          xAxisLabels: ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'],
+          yAxisLabels: ['Sat', 'Fri', 'Thu', 'Wed', 'Tue', 'Mon', 'Sun'],
+          xAxisName: 'Hour',
+          yAxisName: 'Day',
+          option: {
+            toolbox,
+          },
+        };
+      },
+      components,
+      template: `<gl-heatmap
       :data-series="data"
       :x-axis-labels="xAxisLabels"
       :y-axis-labels="yAxisLabels"
@@ -63,4 +65,6 @@ documentedStoriesOf('charts|heatmap', readme)
       :y-axis-name="yAxisName"
       :options="option"
     />`,
-  }));
+    }),
+    { storyshots: false }
+  );
diff --git a/src/components/charts/line/line.stories.js b/src/components/charts/line/line.stories.js
index 4d78f32400d7794e2aaff969022cf7b2925a94b3..0d4a1aced0da97151ec785b8913debc102d3fd6b 100644
--- a/src/components/charts/line/line.stories.js
+++ b/src/components/charts/line/line.stories.js
@@ -142,16 +142,20 @@ documentedStoriesOf('charts|line-chart', readme)
     components,
     template,
   }))
-  .add('with toolbox', () => ({
-    props: generateProps({
-      option: {
-        xAxis: {
-          name: 'Time',
-          type: 'category',
+  .add(
+    'with toolbox',
+    () => ({
+      props: generateProps({
+        option: {
+          xAxis: {
+            name: 'Time',
+            type: 'category',
+          },
+          toolbox,
         },
-        toolbox,
-      },
+      }),
+      components,
+      template,
     }),
-    components,
-    template,
-  }));
+    { storyshots: false }
+  );
diff --git a/src/components/charts/stacked_column/stacked_column.stories.js b/src/components/charts/stacked_column/stacked_column.stories.js
index 1b521e06a3aee0479800cf4be4d085e49673455a..507f2387e05d0cdc41af6309df1f8a724534b898 100644
--- a/src/components/charts/stacked_column/stacked_column.stories.js
+++ b/src/components/charts/stacked_column/stacked_column.stories.js
@@ -92,12 +92,16 @@ documentedStoriesOf('charts|stacked-column-chart', readme)
     components,
     template,
   }))
-  .add('with toolbox', () => ({
-    props: generateProps({
-      option: {
-        toolbox,
-      },
+  .add(
+    'with toolbox',
+    () => ({
+      props: generateProps({
+        option: {
+          toolbox,
+        },
+      }),
+      components,
+      template,
     }),
-    components,
-    template,
-  }));
+    { storyshots: false }
+  );
diff --git a/src/scss/utility-mixins/background.scss b/src/scss/utility-mixins/background.scss
index 507f04bce6ae4f1098db9be22e1c5571586164b0..f8917135edf0b9e17a11caa20566757e2694dac0 100644
--- a/src/scss/utility-mixins/background.scss
+++ b/src/scss/utility-mixins/background.scss
@@ -18,6 +18,10 @@
   background-color: $white-light;
 }
 
+@mixin gl-bg-gray-0 {
+  background-color: $gray-0;
+}
+
 @mixin gl-bg-gray-50 {
   background-color: $gray-50;
 }
@@ -34,6 +38,10 @@
   background-color: $gray-300;
 }
 
+@mixin gl-bg-gray-400 {
+  background-color: $gray-400;
+}
+
 @mixin gl-bg-gray-500 {
   background-color: $gray-600;
 }
@@ -74,6 +82,10 @@
   background-color: $blue-700;
 }
 
+@mixin gl-bg-green-50 {
+  background-color: $green-50;
+}
+
 @mixin gl-bg-green-100 {
   background-color: $green-100;
 }
@@ -98,6 +110,10 @@
   background-color: $theme-green-100;
 }
 
+@mixin gl-bg-orange-50 {
+  background-color: $orange-50;
+}
+
 @mixin gl-bg-orange-100 {
   background-color: $orange-100;
 }
diff --git a/src/scss/utility-mixins/border.scss b/src/scss/utility-mixins/border.scss
index 56ca9d24bf609a679fac41cf5ac7cf3a604a1174..00cfac4a2d74a7e47abe5ea2d540f904e3fa14a3 100644
--- a/src/scss/utility-mixins/border.scss
+++ b/src/scss/utility-mixins/border.scss
@@ -83,18 +83,34 @@
   border-color: $t-gray-a-24;
 }
 
+@mixin gl-border-t-gray-100 {
+  border-top-color: $gray-100;
+}
+
 @mixin gl-border-t-gray-200 {
   border-top-color: $gray-200;
 }
 
+@mixin gl-border-r-gray-100 {
+  border-right-color: $gray-100;
+}
+
 @mixin gl-border-r-gray-200 {
   border-right-color: $gray-200;
 }
 
+@mixin gl-border-b-gray-100 {
+  border-bottom-color: $gray-100;
+}
+
 @mixin gl-border-b-gray-200 {
   border-bottom-color: $gray-200;
 }
 
+@mixin gl-border-l-gray-100 {
+  border-left-color: $gray-100;
+}
+
 @mixin gl-border-l-gray-200 {
   border-left-color: $gray-200;
 }
diff --git a/src/scss/utility-mixins/box-shadow.scss b/src/scss/utility-mixins/box-shadow.scss
index dab39b2b9b036593af2826a45e7251bc50905db0..d6ac983c188a1f5e990781423384636a825a215d 100644
--- a/src/scss/utility-mixins/box-shadow.scss
+++ b/src/scss/utility-mixins/box-shadow.scss
@@ -6,6 +6,11 @@
 *
 * Naming convention: gl-inset-border-{border-position}-{border-size}-{color-name}
 */
+
+@mixin gl-inset-border-1-gray-100 {
+  box-shadow: inset 0 0 0 $gl-border-size-1 $gray-100;
+}
+
 @mixin gl-inset-border-1-gray-200 {
   box-shadow: inset 0 0 0 $gl-border-size-1 $gray-200;
 }
@@ -18,6 +23,10 @@
   box-shadow: inset 0 0 0 $gl-border-size-1 $gray-600;
 }
 
+@mixin gl-inset-border-b-2-gray-100 {
+  box-shadow: inset 0 ($gl-border-size-2 * -1) 0 0 $gray-100;
+}
+
 @mixin gl-inset-border-b-1-gray-200 {
   box-shadow: inset 0 ($gl-border-size-1 * -1) 0 0 $gray-200;
 }
diff --git a/src/scss/utility-mixins/color.scss b/src/scss/utility-mixins/color.scss
index 311463ec9b1b127d6f6f5f9e585eb99e3d05cfae..0678bd6cbb656348a81211eb4f628dd3e9d66b71 100644
--- a/src/scss/utility-mixins/color.scss
+++ b/src/scss/utility-mixins/color.scss
@@ -23,6 +23,14 @@
   color: $black-normal;
 }
 
+@mixin gl-text-gray-200 {
+  color: $gray-200;
+}
+
+@mixin gl-text-gray-300 {
+  color: $gray-300;
+}
+
 @mixin gl-text-gray-400 {
   color: $gray-400;
 }
diff --git a/src/scss/utility-mixins/svg.scss b/src/scss/utility-mixins/svg.scss
index 292e843d0a16731cb221d81973556d26d0452ac7..2c4bd14fc0b7da4ef5a1279e28162b8bad4aaf8c 100644
--- a/src/scss/utility-mixins/svg.scss
+++ b/src/scss/utility-mixins/svg.scss
@@ -14,6 +14,10 @@
   fill: $blue-500;
 }
 
+@mixin gl-fill-gray-400 {
+  fill: $gray-400;
+}
+
 @mixin gl-fill-gray-600 {
   fill: $gray-600;
 }
@@ -22,10 +26,14 @@
   fill: $gray-700;
 }
 
-@mixin gl-stop-color-gray-200 {
-  stop-color: $gray-200;
+@mixin gl-stop-color-gray-50 {
+  stop-color: $gray-50;
 }
 
 @mixin gl-stop-color-gray-100 {
   stop-color: $gray-100;
 }
+
+@mixin gl-stop-color-gray-200 {
+  stop-color: $gray-200;
+}
diff --git a/src/scss/utility-mixins/text.scss b/src/scss/utility-mixins/text.scss
index 09f9e88267ad34adb9ea7ff9c4ee8638d16e315f..2a8221040fce1bad08879457fdfb0f50e4fe360b 100644
--- a/src/scss/utility-mixins/text.scss
+++ b/src/scss/utility-mixins/text.scss
@@ -28,6 +28,10 @@
   text-decoration-color: inherit;
 }
 
+@mixin gl-text-decoration-color-gray-500 {
+  text-decoration-color: $gray-500;
+}
+
 @mixin gl-text-decoration-color-gray-700 {
   text-decoration-color: $gray-700;
 }
diff --git a/src/scss/variables.scss b/src/scss/variables.scss
index c32d44575dc872760175528e68864c22d804c1ae..d64bb0a645f2ee57180d1b543d4b988639d03f68 100644
--- a/src/scss/variables.scss
+++ b/src/scss/variables.scss
@@ -35,41 +35,41 @@ $white-normal: #f0f0f0;
 $white-dark: #eaeaea;
 $white-transparent: rgba(255, 255, 255, 0.8);
 
-$green-50: #f1fdf6;
-$green-100: #dcf5e7;
-$green-200: #b3e6c8;
-$green-300: #75d09b;
-$green-400: #37b96d;
-$green-500: #1aaa55;
-$green-600: #168f48;
-$green-700: #12753a;
-$green-800: #0e5a2d;
+$green-50: #ecf4ee;
+$green-100: #c3e6cd;
+$green-200: #91d4a8;
+$green-300: #52b87a;
+$green-400: #2da160;
+$green-500: #108548;
+$green-600: #217645;
+$green-700: #24663b;
+$green-800: #0d532a;
 $green-900: #0a4020;
 $green-950: #072b15;
 
-$blue-50: #f6fafe;
-$blue-100: #e4f0fb;
-$blue-200: #b8d6f4;
-$blue-300: #73afea;
-$blue-400: #418cd8;
-$blue-500: #1f78d1;
-$blue-600: #1b69b6;
-$blue-700: #17599c;
-$blue-800: #134a81;
-$blue-900: #0f3b66;
-$blue-950: #0a2744;
-
-$orange-50: #fffaf4;
-$orange-100: #fff1de;
-$orange-200: #fed69f;
-$orange-300: #fdbc60;
-$orange-400: #fca429;
-$orange-500: #fc9403;
-$orange-600: #de7e00;
-$orange-700: #c26700;
-$orange-800: #a35200;
-$orange-900: #853c00;
-$orange-950: #592800;
+$blue-50: #e9f3fc;
+$blue-100: #cbe2f9;
+$blue-200: #9dc7f1;
+$blue-300: #63a6e9;
+$blue-400: #428fdc;
+$blue-500: #1f75cb;
+$blue-600: #1068bf;
+$blue-700: #0b5cad;
+$blue-800: #064787;
+$blue-900: #033464;
+$blue-950: #002850;
+
+$orange-50: #fdf1dd;
+$orange-100: #f5d9a8;
+$orange-200: #e9be74;
+$orange-300: #d99530;
+$orange-400: #c17d10;
+$orange-500: #ab6100;
+$orange-600: #9e5400;
+$orange-700: #8f4700;
+$orange-800: #703800;
+$orange-900: #5c2900;
+$orange-950: #421f00;
 
 $red-50: #fcf1ef;
 $red-100: #fdd4cd;
@@ -95,69 +95,93 @@ $purple-800: #453894;
 $purple-900: #2f2a6b;
 $purple-950: #232150;
 
-$gray-50: #fafafa;
-$gray-100: #f2f2f2;
-$gray-200: #dfdfdf;
-$gray-300: #ccc;
-$gray-400: #bababa;
-$gray-500: #a7a7a7;
-$gray-600: #919191;
-$gray-700: #707070;
-$gray-800: #4f4f4f;
-$gray-900: #2e2e2e;
+/*
+Neutral palette mapping
+
+Old variables are mapped to new variables by approximating the closest variable, erring on the side of shifting darker (with the exception of old 400). There is currently nothing mapped to 600 and 800, which makes them a good use case for subtle nuance in the UI.
+
+
+Before        After (reflected below)
+-------------------------------------
+50            0
+100           50
+200           100
+300           200
+400           200
+500           300
+600           400
+700           500*
+800           700
+900           900
+950           950
+
+* Passes 4.5:1 contrast ratio on $gray-0
+*/
+
+$gray-0: #fafafa;
+$gray-50: #f0f0f0;
+$gray-100: #dbdbdb;
+$gray-200: #bfbfbf;
+$gray-300: #999;
+$gray-400: #868686;
+$gray-500: #666;
+$gray-600: #5e5e5e;
+$gray-700: #525252;
+$gray-800: #404040;
+$gray-900: #303030;
 $gray-950: #1f1f1f;
 
 // GitLab themes
 
 $gl-themes: 'indigo', 'blue', 'light-blue', 'green', 'red', 'light-red';
 
-$theme-indigo-50: #f7f7ff;
-$theme-indigo-100: #ebebfa;
-$theme-indigo-200: #d1d1f0;
-$theme-indigo-300: #a6a6de;
-$theme-indigo-400: #7c7ccc;
+$theme-indigo-50: #f1f1ff;
+$theme-indigo-100: #dbdbf8;
+$theme-indigo-200: #c7c7f2;
+$theme-indigo-300: #a2a2e6;
+$theme-indigo-400: #8181d7;
 $theme-indigo-500: #6666c4;
-$theme-indigo-600: #5b5bbd;
-$theme-indigo-700: #4b4ba3;
-$theme-indigo-800: #393982;
-$theme-indigo-900: #292961;
-$theme-indigo-950: #1a1a40;
-
-$theme-blue-50: #f4f8fc;
-$theme-blue-100: #e6edf5;
-$theme-blue-200: #c8d7e6;
-$theme-blue-300: #97b3cf;
-$theme-blue-400: #648cb4;
-$theme-blue-500: #4a79a8;
-$theme-blue-600: #3e6fa0;
-$theme-blue-700: #305c88;
-$theme-blue-800: #25496e;
-$theme-blue-900: #1a3652;
-$theme-blue-950: #0f2235;
-
-$theme-light-blue-50: #f2f7fc;
-$theme-light-blue-100: #ebf1f7;
-$theme-light-blue-200: #c9dcf2;
-$theme-light-blue-300: #83abd4;
-$theme-light-blue-400: #4d86bf;
-$theme-light-blue-500: #367cc2;
-$theme-light-blue-600: #3771ab;
-$theme-light-blue-700: #2261a1;
-$theme-light-blue-800: #25496e;
-$theme-light-blue-900: #1a3652;
-$theme-light-blue-950: #0f2235;
-
-$theme-green-50: #f2faf6;
-$theme-green-100: #e4f3ea;
-$theme-green-200: #c0dfcd;
-$theme-green-300: #8ac2a1;
-$theme-green-400: #52a274;
-$theme-green-500: #35935c;
-$theme-green-600: #288a50;
-$theme-green-700: #1c7441;
-$theme-green-800: #145d33;
-$theme-green-900: #0d4524;
-$theme-green-950: #072d16;
+$theme-indigo-600: #5252b5;
+$theme-indigo-700: #41419f;
+$theme-indigo-800: #303083;
+$theme-indigo-900: #222261;
+$theme-indigo-950: #14143d;
+
+$theme-blue-50: #cdd8e3;
+$theme-blue-100: #b9cadc;
+$theme-blue-200: #a6bdd5;
+$theme-blue-300: #81a5c9;
+$theme-blue-400: #628eb9;
+$theme-blue-500: #4977a5;
+$theme-blue-600: #346596;
+$theme-blue-700: #235180;
+$theme-blue-800: #153c63;
+$theme-blue-900: #0b2640;
+$theme-blue-950: #04101c;
+
+$theme-light-blue-50: #dde6ee;
+$theme-light-blue-100: #c1d4e6;
+$theme-light-blue-200: #a0bedc;
+$theme-light-blue-300: #74a3d3;
+$theme-light-blue-400: #4f8bc7;
+$theme-light-blue-500: #3476b9;
+$theme-light-blue-600: #2268ae;
+$theme-light-blue-700: #145aa1;
+$theme-light-blue-800: #0e4d8d;
+$theme-light-blue-900: #0c4277;
+$theme-light-blue-950: #0a3764;
+
+$theme-green-50: #dde9de;
+$theme-green-100: #b1d6b5;
+$theme-green-200: #8cc497;
+$theme-green-300: #69af7d;
+$theme-green-400: #499767;
+$theme-green-500: #308258;
+$theme-green-600: #25744c;
+$theme-green-700: #1b653f;
+$theme-green-800: #155635;
+$theme-green-900: #0e4328;
+$theme-green-950: #052e19;
 
 $theme-red-50: #f4e9e7;
 $theme-red-100: #ecd3d0;
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-alert-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-alert-default-1-snap.png
index 530047ad855ae0273e053c8b4afe256c7aee8927..01a47649789f6d603224cb86a92a51dbb1320e9a 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-alert-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-alert-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-alert-titled-warning-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-alert-titled-warning-1-snap.png
index a09e955929e98d5d24dccd55487f459db2fceb50..0a0b5b74ae21f74021ba8c14673aa78d290d5d66 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-alert-titled-warning-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-alert-titled-warning-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatar-link-with-labeled-avatar-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatar-link-with-labeled-avatar-1-snap.png
index ae82ed561f9b6d9e496b666287cb10ba3d6859e4..e6d88593437d939985cd8d9b70bc4e441c7e512f 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatar-link-with-labeled-avatar-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatar-link-with-labeled-avatar-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatar-link-with-no-image-avatar-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatar-link-with-no-image-avatar-1-snap.png
index 589fb01070cf3095e4a53d87306d21dbf0e06a86..9e2348ca0901f7b2ee37ab5879153bee282c87db 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatar-link-with-no-image-avatar-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatar-link-with-no-image-avatar-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatars-inline-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatars-inline-default-1-snap.png
index cc4de0ec2129fce47febcbd02dfc13fc9fd6746c..073b114f683726ed97d672bcd487f73b602947c6 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatars-inline-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatars-inline-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatars-inline-with-links-and-tooltips-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatars-inline-with-links-and-tooltips-1-snap.png
index cc4de0ec2129fce47febcbd02dfc13fc9fd6746c..073b114f683726ed97d672bcd487f73b602947c6 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatars-inline-with-links-and-tooltips-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-avatars-inline-with-links-and-tooltips-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-labeled-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-labeled-default-1-snap.png
index ae82ed561f9b6d9e496b666287cb10ba3d6859e4..e6d88593437d939985cd8d9b70bc4e441c7e512f 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-labeled-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-labeled-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-labeled-with-tooltip-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-labeled-with-tooltip-1-snap.png
index ae82ed561f9b6d9e496b666287cb10ba3d6859e4..e6d88593437d939985cd8d9b70bc4e441c7e512f 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-labeled-with-tooltip-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-labeled-with-tooltip-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-default-1-snap.png
index 11dfff2ab65267b263b46dbebabfa5b99f83d8be..7d6c5e0a20a387ed2d96493960242841ce23428c 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-introduction-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-introduction-1-snap.png
index 8a29cf95d2b05131f44d2758a5ebe7e41481b34e..e1e43af24cfe1f6b5c96a719134e2de4adc2a220 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-introduction-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-introduction-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-no-image-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-no-image-1-snap.png
index 75b04d30a0d36326da5dd98c12a5959e72901f04..62bac353e45fdd8f788ad519932f1319300f31aa 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-no-image-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-no-image-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-breadcrumb-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-breadcrumb-default-1-snap.png
index 1ac2b8e32aa3722b1146489f7d7f34e038787202..a1511a5e71c9707097297a2bb8b3898d71274b27 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-breadcrumb-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-breadcrumb-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-broadcast-message-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-broadcast-message-default-1-snap.png
index 091e12490213e4e75910b800aa2e366a6057c604..1f8f8756f6996acf6a45fa33b7a1103cdaf3fe6a 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-broadcast-message-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-broadcast-message-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-broadcast-message-stacked-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-broadcast-message-stacked-1-snap.png
index 839d75339d2d1156bfffff0fd2db97ee45e2c04b..443ae2500d08493b9f69b5a50eaa588720095b64 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-broadcast-message-stacked-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-broadcast-message-stacked-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-broadcast-message-themes-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-broadcast-message-themes-1-snap.png
index 3177c048b78de31887e3ce6f7b53f98111640b33..7e541c42aeaafc7bc3700d77a00df42c215045f5 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-broadcast-message-themes-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-broadcast-message-themes-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-default-1-snap.png
index f1268c2a298d6d0575df2739d465e0e3be4815c4..a060c9fd9811773ed180c5f6d0c0fe5ea09256ed 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-default-1-snap.png
index 8c2daf3ca861a52b632ea0bd0204f4dbfc1703b9..87b7686f8c800efef406ea7e292862f63d8d8187 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-with-dropdowns-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-with-dropdowns-1-snap.png
index af4be5f687525a17d500377299bd8d7c2840f968..70dcc2071c6d4e3c1a6b4c6f1a260c24d249976e 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-with-dropdowns-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-with-dropdowns-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-link-button-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-link-button-1-snap.png
index 5de3e5219a6908af13d39147ecdd991aa190bda1..28a2ab6066535fcccd671f688497c68615c5d5e2 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-link-button-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-link-button-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-loading-button-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-loading-button-1-snap.png
index 6a53cfd1480b49d8a17c4739de193c48d5f67555..7ff7a7e0d5ffc2ba4feae9d6449baa4eb7a27330 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-loading-button-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-loading-button-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-card-default-card-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-card-default-card-1-snap.png
index 63401010a97ea94a241c8b12f430818d0df57807..acb19f05e3e6693e6b456435e93e08a4406c0102 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-card-default-card-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-card-default-card-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-collapse-initially-expanded-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-collapse-initially-expanded-1-snap.png
index 0289805ceea0fe02114bd171ae972c72ebb49a14..8720f0b23b199af3a4a4d499948521769c7f0091 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-collapse-initially-expanded-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-collapse-initially-expanded-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-datepicker-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-datepicker-default-1-snap.png
index 944dd7c9e01736bde6ef4588a504b4c29fe0f382..d6e3b673e68e2c4b76e36b9c08454f117115826d 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-datepicker-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-datepicker-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-daterange-picker-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-daterange-picker-default-1-snap.png
index e790e2ea6d9fd2b4186261919efbce6b1a6db044..924244851aabf2015837be314b2d42092634254f 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-daterange-picker-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-daterange-picker-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-drawer-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-drawer-default-1-snap.png
index abc69def6fd80741873c367e9b31b05e4ac189f1..f99d75fa0136e9474ffaca00a2725ea564b94b37 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-drawer-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-drawer-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-default-1-snap.png
index 500ad81dfe3537c277e7a02ebe9d3c4b24ed6d75..3372df788a078fef956d2b372ce4a8784a2b86c3 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-dropdown-divider-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-dropdown-divider-default-1-snap.png
index c0f26785279d2ec770adb1e345c1b7baa812ef87..98620345f3d20942c17d8bd3dd88ea1f291c9130 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-dropdown-divider-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-dropdown-divider-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-dropdown-header-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-dropdown-header-default-1-snap.png
index 94cf3ffe2ca9fbca7c6dc34398b3ffb75c806ac3..077cbb52d3059706bb88dca35489209505040584 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-dropdown-header-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-dropdown-header-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-divider-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-divider-1-snap.png
index 763179d419cb9985b543dc3b86e8c02fe158c620..cdedc9220ad9a5815be3755bbf3e4acf1f3d1633 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-divider-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-divider-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-empty-text-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-empty-text-1-snap.png
index 2112fe22609cddcc268a273b8b4f9bc033ec2d33..d1d40aab72fc8782f1f46c117b28a0d5b1352e77 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-empty-text-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-empty-text-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-header-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-header-1-snap.png
index 41cde9a844ebd28189d402bf65dcfeb3d4e1ef14..a85b982c77271f628652aff232066a6efc5cca56 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-header-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-header-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-links-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-links-1-snap.png
index 7581a0a93bae45c455de9f767d5bf19dec545e02..cc1d4f9c80e115c732ec151dca76214bb38a3744 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-links-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-links-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-long-text-and-narrow-width-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-long-text-and-narrow-width-1-snap.png
index 7fbc7ee65a735344456c7e3b1c1978502768fc2a..6da921d83b8df44484eff1612ba4f0e9d90e30d3 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-long-text-and-narrow-width-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-long-text-and-narrow-width-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-short-text-and-wide-width-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-short-text-and-wide-width-1-snap.png
index a878898cb73076b84e754b06cdd289f6e2bd5795..9feb2c301c813841513f1aeaa6ccf475bae813b4 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-short-text-and-wide-width-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-with-short-text-and-wide-width-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-default-1-snap.png
index 37157c2b57766f40a92d2bca2d521e3b80ddebed..86d7bd707f0cb43da4d28efefff95e286a910f35 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-suggestion-list-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-suggestion-list-default-1-snap.png
index 37ae283b3df0128f42110e790a9a4b757ce761bf..81bb66fd8cb57be5623a924c1312a1a65143e24b 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-suggestion-list-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-suggestion-list-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-term-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-term-default-1-snap.png
index f08a3823b0d38dd2f80aca0ae8008dc528bea7f2..5c16d9b5ae4412abc2b006f761aeb6e3ab291721 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-term-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-term-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-default-1-snap.png
index 960e06a5d165422940a8e7e7952896200f5d66c4..146adc517870909cf38153c6f11adcda3dd11c63 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-segment-with-static-options-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-segment-with-static-options-1-snap.png
index ddb7d2579d797b58e477eda5b1309d0ed9469cdc..de1541d3860ea2caacc586248a19b91f019dbc3f 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-segment-with-static-options-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-segment-with-static-options-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-with-custom-operators-options-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-with-custom-operators-options-1-snap.png
index 960e06a5d165422940a8e7e7952896200f5d66c4..146adc517870909cf38153c6f11adcda3dd11c63 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-with-custom-operators-options-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-with-custom-operators-options-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-with-static-options-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-with-static-options-1-snap.png
index 227543074e0afc91086d5310042fe442ba9b4a04..16173724b8d17f2a679e3dac97bdfd5ca0741827 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-with-static-options-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-token-with-static-options-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-checkbox-inline-group-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-checkbox-inline-group-1-snap.png
index ca334aa5a0e3db218d37b4ddde44b3e8f2761b17..88b35c1bcb9d419ad52de407e914178e4406699a 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-checkbox-inline-group-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-checkbox-inline-group-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-checkbox-stacked-group-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-checkbox-stacked-group-1-snap.png
index bed6bc515648107fe61adca3910fd27330529802..f49c1f13ecf42aa2c049e3655cc14750e5a6bf08 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-checkbox-stacked-group-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-checkbox-stacked-group-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-default-1-snap.png
index 7c7eaf4e8e5c681c383e3af4a07458519b65addb..43e9bfcacad1b818fa7904ee4a172782297d7457 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-disabled-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-disabled-1-snap.png
index 16c4811b5a77c24cb705779a75924998e3340e96..19cc32be0a77a80e3060951e53f5c3d164727eda 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-disabled-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-disabled-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-with-textarea-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-with-textarea-1-snap.png
index 46a176dd202a13c38639448ff736350e42b61984..b956b614b6d562fc484d9d6b56bb3e71ebf45ecd 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-with-textarea-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-with-textarea-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-with-validations-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-with-validations-1-snap.png
index 8c3fd9e88e7630fca48f87be29457e5aa4957ec1..6607211fb56dfb31855b520d5e9d972a935f9270 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-with-validations-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-group-with-validations-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-default-1-snap.png
index e10a1e05380678095a0afaac2d2125d3cd930c36..adb577dacaa019a9963f6f43c422ced83d5f4101 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-disabled-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-disabled-1-snap.png
index e10c28c9c8a2680dbfe0f1f05391f923e753d528..ea81596a10253a526f4f23f4318dbefc0284ac51 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-disabled-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-disabled-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-group-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-group-default-1-snap.png
index bc1df762df90a172bdda9449bb212696dd0715a2..389fa07db4abde27b4650050de55ca47428b730d 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-group-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-group-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-group-with-predefined-options-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-group-with-predefined-options-1-snap.png
index 27c242baad7c612407aefaae3a17d178ab30f6da..053276f096ede91642b5d772b832dd4bd32fa97f 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-group-with-predefined-options-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-group-with-predefined-options-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-radio-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-radio-default-1-snap.png
index a01c5b446a04fdbc9f557020543efbacb35612be..a5612fdfdbccc6e4ee7c225adc6ff51002aa6d3d 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-radio-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-radio-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-select-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-select-default-1-snap.png
index 61b7bab87e3951c444fc02088a18cb1ebe225353..24c62bdfcd4212bf7ce65653be22349b5b32ae2a 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-select-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-select-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-textarea-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-textarea-default-1-snap.png
index 6c8650cf6c10939c91112c161c31311210b6cd1a..a7b0e58353c803ab61050eff2d622e6896717117 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-textarea-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-textarea-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-scoped-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-scoped-1-snap.png
index 925f608874207da8c52c53027c099146da8d52b8..178beee07bce0c96dd591b9fde47100b6fb0edea 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-scoped-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-scoped-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-link-default-link-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-link-default-link-1-snap.png
index 3b6fe8869ee8c7268c83046dce7e9341d746afe0..37b77fc8af1f02a8c331fb85516ecd1159868805 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-link-default-link-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-link-default-link-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-default-1-snap.png
index 7930fd1774c7583a4a0e56f322640350b4592309..f070a4c842dd3a79f84633654b12e0e35eccb481 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-inline-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-inline-1-snap.png
index 7930fd1774c7583a4a0e56f322640350b4592309..f070a4c842dd3a79f84633654b12e0e35eccb481 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-inline-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-inline-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-default-1-snap.png
index 8187842af1e78f2c0d1b7e1658bef5f166dfbf58..6b8d51ace0a0ee69f6910dabbdcf12a4f3d98c87 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-opened-modal-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-opened-modal-1-snap.png
index 5a444cab7773549076041075d4031b40786703ee..e2a713d62cf0c88567ce70298acc0192f3792252 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-opened-modal-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-opened-modal-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-navbar-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-navbar-default-1-snap.png
index ad63ce876f480a43ef22fe023366ddf71f315cc9..805d0c8776d13db975776123f0fe777bae78be5d 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-navbar-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-navbar-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-button-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-button-default-1-snap.png
index 26cacc2bad939a52c9a00d44475918f04f047217..6c1f5f38bb6313241a2446762d3ead4436f68480 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-button-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-button-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-button-link-button-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-button-link-button-1-snap.png
index 9e14a380e69adb464b02bc91f976e5e8173e89d4..b9872af5f35a2d4f722e5ed87d923572c68bd9dc 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-button-link-button-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-button-link-button-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-default-1-snap.png
index 8a86add0158a83ce647c80f71046d4a8deecdb7f..83490ae01d54ce840092f7c8bf822a2c2818888c 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-dropdown-divider-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-dropdown-divider-default-1-snap.png
index c0f26785279d2ec770adb1e345c1b7baa812ef87..26dd3c3df553fa58f79ab0a7368a36fe33fc9b0c 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-dropdown-divider-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-dropdown-divider-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-avatar-and-secondary-text-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-avatar-and-secondary-text-1-snap.png
index d61b317128ed8d81929ce78642ec331af24528e0..c76dc7e38321adbc503633c4ebb85c75e10ff12c 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-avatar-and-secondary-text-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-avatar-and-secondary-text-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-checked-items-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-checked-items-1-snap.png
index b321aeedf7f1246571d2a4aecba148619010c89f..4902dbaab5f580e790e600695061196ca77717ec 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-checked-items-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-checked-items-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-divider-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-divider-1-snap.png
index 931efe04c085f4b04c9e5a50d068fb1f13912fb7..c697d4e99905051481d3abcd951169bc84985751 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-divider-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-divider-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-header-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-header-1-snap.png
index e687d0438d766eb01424b896173b284d706b782b..41ebe1b5339464b6703926697834a05d92259c53 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-header-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-header-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-icons-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-icons-1-snap.png
index 712689798523f63e9ea858d303aec2bf9a006744..7f1a84b27eeaf2f873cece0c34490a828acbee32 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-icons-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-icons-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-menu-header-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-menu-header-1-snap.png
index 097e0c1d39bfeedceb0111f7b52bdb7a52c9c813..371209d63cb4a890c566fb2a672b60603b72e717 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-menu-header-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-new-dropdown-with-menu-header-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-default-1-snap.png
index 68a55539665c3f25d8de195f07f8b78ea430656c..0858cdecba5d9c00aa56fcd1dc65ae629d13185c 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-no-filter-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-no-filter-1-snap.png
index a4879867379a96cb43f2c7780f550b09f51fd698..ca92e54790db70738d25a9b920a4f7782d07b13b 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-no-filter-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-no-filter-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-empty-list-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-empty-list-1-snap.png
index 542f760586ce0504535d295553a4da2ce01c8f4a..6c34d6558708f01674278d9ffe97e48a77316dd8 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-empty-list-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-empty-list-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-header-slot-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-header-slot-1-snap.png
index 8a6822529499eb04c3afe94ca83ccf4cf46b1fa6..9482414aa3804f7e898cd61bea2bd24101f56657 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-header-slot-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-header-slot-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-row-slot-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-row-slot-1-snap.png
index c996aab6a686466ca4e30c7cb19233f7be10d7ba..50c7f96c7725b1a09e4f57bd9a47127bbfc73334 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-row-slot-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-row-slot-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-subheader-slot-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-subheader-slot-1-snap.png
index 6087d77800dbd55d3a1ad36d7bc532b4b5660ca5..d946f894d792d28c5c2d0cccaa59edbf9da075e3 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-subheader-slot-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-paginated-list-with-subheader-slot-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-align-center-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-align-center-1-snap.png
index 3b6b10a6196c76168b780bbcd745bf6184870a39..97d04ba160618c22f0a18e8da9d48d7ccfe74e57 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-align-center-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-align-center-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-align-right-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-align-right-1-snap.png
index 4f23152d3a869f5d6bc6524cd7c766d4f5d626b9..5659c45e8a832d38552daef2adb6cd958118e620 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-align-right-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-align-right-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-compact-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-compact-1-snap.png
index abb0cf290a0d876097683daf69a2b20287c97d7f..edb77eba99d23d36a8c098d6e638b203a397eb0b 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-compact-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-compact-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-custom-rendering-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-custom-rendering-1-snap.png
index 5a920dcb68b07db95005ae384c06ef0cb688863b..3c706257c5721c47f49566838621273adb284cd5 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-custom-rendering-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-custom-rendering-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-default-1-snap.png
index 216515d73751c952d9496a5d6238d147e842cb24..1372769c5e08f57f2c4fd5479534d474b1dd1702 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-fill-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-fill-1-snap.png
index f6995f8ec275906f95d083e7fd2d0aa8b0163e7e..27b413feb2fce3633d557f6a57d3ce42a63399c5 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-fill-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-fill-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-large-buttons-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-large-buttons-1-snap.png
index 376fbfeaacc05c578060be024dd9cf7f0e0a9aae..745ac23a7d1e0eb8a47dfaf109e7b44a252abdf9 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-large-buttons-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-large-buttons-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-link-based-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-link-based-1-snap.png
index 216515d73751c952d9496a5d6238d147e842cb24..1372769c5e08f57f2c4fd5479534d474b1dd1702 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-link-based-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-link-based-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-small-buttons-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-small-buttons-1-snap.png
index 4d698b589ee9309239c42e243089ffbc8186099b..2a3ecf0b9c46722252d3817f0451afda63f85075 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-small-buttons-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-small-buttons-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-popover-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-popover-default-1-snap.png
index d8e86a9eea95697c9094cab78590c30c2d9aefe8..e8e01255d8368b24032364235ec44abd4f89fa4b 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-popover-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-popover-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-progress-bar-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-progress-bar-default-1-snap.png
index ddc56861d68a01f53bdb044e939cde3b0dcaad2b..72fd46c196f1ad49e403260e4410ef3e88228f5f 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-progress-bar-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-progress-bar-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-progress-bar-success-variant-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-progress-bar-success-variant-1-snap.png
index 9aca106210b6b1b76b63a65d33c13fa8f8b23d64..d4c790d3df393b0ab98c34b2c7ac5112e9598617 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-progress-bar-success-variant-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-progress-bar-success-variant-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-search-box-by-click-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-search-box-by-click-default-1-snap.png
index 64dd5294ed4eb5e5751de7acada67abc1876a999..7be446a64cb60971abcceb668955a96eca6d51f2 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-search-box-by-click-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-search-box-by-click-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-search-box-by-click-with-history-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-search-box-by-click-with-history-1-snap.png
index 356f58aa8273c4eca78d72993a6d27a5058261a7..77cc98b3f6af5d48ab074b7130a822adb6d864a7 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-search-box-by-click-with-history-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-search-box-by-click-with-history-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-search-box-by-type-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-search-box-by-type-default-1-snap.png
index bb5265709b496f6ebb8ac1ce02be06886bfbc7ad..5e895fea7eac134bb5ee7a90a24ba2d3ede6135a 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-search-box-by-type-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-search-box-by-type-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-segmented-control-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-segmented-control-default-1-snap.png
index b6e54c30443f1e6b3a2c39ec5cfe4ecdadcf7ff3..0e3eec17da0e439460334631cafa0fb2ab69e412 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-segmented-control-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-segmented-control-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-skeleton-loader-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-skeleton-loader-default-1-snap.png
index 26e43b32a2130e42de2eeae85f1cec752ddc2b52..3458a3402207b586003318da47bacb19841ca2fa 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-skeleton-loader-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-skeleton-loader-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-skeleton-loading-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-skeleton-loading-default-1-snap.png
index e4aef9a936572d1bf0e4ac5bb252bc7a415f84b9..756bc884b962311568c009d4fe9f942e7611166e 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-skeleton-loading-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-skeleton-loading-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-default-1-snap.png
index ad5f30315968e560291fd4dea9f54e3c6d874794..de321423d643a8a30d2cec696733398058d87e39 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-sorting-item-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-sorting-item-default-1-snap.png
index ce47769ccc5da5e1ee05e22e7945a81fbe300872..2660083c34ff7241cf0315e96e4a9cdf7c3ff70e 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-sorting-item-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-sorting-item-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-sorting-item-with-active-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-sorting-item-with-active-1-snap.png
index f25dc988c865a689a9c6499ba6a1ceed198fbb9b..4dc8f9e797a58ec4b131b0c0cd741652621f2125 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-sorting-item-with-active-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-sorting-item-with-active-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-sorting-item-with-href-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-sorting-item-with-href-1-snap.png
index 46171db90bee4e814bf0e0e954b4842f208c40ae..d3e56f1c312ec853680f497199cd1f448d096d95 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-sorting-item-with-href-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-sorting-item-with-href-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-table-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-table-default-1-snap.png
index b261c02f6ba6fe7a593ecc7fadf2a13ab24fc707..93ace3f0d63c702511bd879fd61e6d2d6f33947e 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-table-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-table-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-table-empty-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-table-empty-1-snap.png
index 89339202831ab5285fd27a6354338940ec7b643a..4263c8804bd4c65ff60f2bb2c77b19721d18da5b 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-table-empty-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-table-empty-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-table-with-filter-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-table-with-filter-1-snap.png
index aea347a18c90c5b6717d3161abcb9eaa7df977a7..181ef76811f4c51b4905c469062f24a8a83d2cda 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-table-with-filter-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-table-with-filter-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-tabs-contentless-tab-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-tabs-contentless-tab-1-snap.png
index ac9298e1b84663e313c3cc7ef0391ddbda1a47cb..580718202b18ab2b398bb9167c81a28a75445299 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-tabs-contentless-tab-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-tabs-contentless-tab-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-tabs-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-tabs-default-1-snap.png
index 4aba690acc03272d56d9895d6ff5384a1da90f56..edfd40995a2e0aee185cbb0b24be2a6c993b8185 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-tabs-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-tabs-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-tabs-empty-state-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-tabs-empty-state-1-snap.png
index 1fb8d5508552df200cdb82421ea2802c83730275..37588d972e497855624871a6022db4a089419db5 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-tabs-empty-state-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-tabs-empty-state-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-default-1-snap.png
index 80c59c9531a4c8d8f0f5718e8636fb3d8d16a3e7..84848e1b76d27e6fee7c27cf1e3069430ab40d62 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-actions-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-actions-1-snap.png
index efc09a914d20960882936aeb57df476a4197d108..1c8633075e88bf1e474da8fbcae3afea11da0182 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-actions-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-actions-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-long-content-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-long-content-1-snap.png
index 95ffcf1945e5ef5535f6ed70fd1f9b730ba10f9f..b231826b6cf2ede9b8afad66fa9caa8f3d3c4f58 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-long-content-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-long-content-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toggle-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toggle-default-1-snap.png
index cd80b9e3809e93859e03ce5dd8314e96e302a84f..cc970ca562832932a691910912592675befbcee2 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toggle-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toggle-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-token-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-token-default-1-snap.png
index 67e4530a5204f205cef48e31e1e6152f2d8b2965..196fe351743c69b30543af8235ec2e6190a7199e 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-token-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-token-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-token-search-type-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-token-search-type-1-snap.png
index 775bc0f87a8923feebf46c8682db4cbbbb02e000..74aad8a7e0676efba84587c54e046d24384b74bf 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-token-search-type-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-token-search-type-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-token-search-value-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-token-search-value-1-snap.png
index 5b03559db9477750ea96be918740767254a72358..64a7046ed2624d50e8ae7ce6d73925302089da3d 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-token-search-value-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-token-search-value-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-defaults-to-top-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-defaults-to-top-1-snap.png
index f29ec6990a8aa46f78ed4362e86ece67b9cb35a9..c9116d79de7df1bef26f1733582a8d47f44031dd 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-defaults-to-top-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-defaults-to-top-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-to-the-bottom-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-to-the-bottom-1-snap.png
index 584b19fc8d89f98d4d36adc00b0f70133a262b1e..3317d547d7b5307f21e01f39fb7883dc0ad4564f 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-to-the-bottom-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-to-the-bottom-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-to-the-left-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-to-the-left-1-snap.png
index ae77bc3e5756e704219fa6aaf3213add9fdccc43..bd96cac6e1ab0a2693f28077aab4de34a93a7c45 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-to-the-left-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-to-the-left-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-to-the-right-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-to-the-right-1-snap.png
index e7535beec9b8db2bcdc6d8d3e3dfd05529c1165d..c07295af73f13e6985030d27085d32ede73ac2cb 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-to-the-right-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-to-the-right-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-with-html-content-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-with-html-content-1-snap.png
index 4ab72f5e47259ef12b7dc5029107abe052183e1e..4218b2a01602ab4066855a87061322a3be73e8c0 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-with-html-content-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-with-html-content-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-typescale-ui-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-typescale-ui-default-1-snap.png
index af0c0e7919b9cadf02ebb79983b6197119696eed..82da229dfcb2528bcdfcb3cdae54274bf52d58a7 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-typescale-ui-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-typescale-ui-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-default-1-snap.png
index d5a7071172de85dfd75c7118d17a7a63afc61dbe..667f7d3e9b3d8af7a48c82ec20ed5bed8cb12c79 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-mult-series-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-mult-series-1-snap.png
index 7123bb07b626039b3aa53dcfa929e55278fba942..bdeeaa73c829bb770f1edc13c46cfcab662cf4ab 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-mult-series-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-mult-series-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-with-threshold-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-with-threshold-1-snap.png
index 748ddbe5190609e1d6d455c3a65f7bb39a5d0c86..2b9e1ab4d65f465740f963e557fcbf850144a2ea 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-with-threshold-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-with-threshold-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-with-zoom-and-scroll-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-with-zoom-and-scroll-1-snap.png
index aa6bb50fe56964a9cb4135ef347d948fa1d90e74..7ba61e62af71e322a5aedad4ef1ffbab8de2c134 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-with-zoom-and-scroll-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-area-chart-with-zoom-and-scroll-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-bar-chart-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-bar-chart-default-1-snap.png
index 5a7a6b04c3d6052ab4de9a203b4538f5e3745e55..e264908462fb66747b6790c662625981da8be285 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-bar-chart-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-bar-chart-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-bar-chart-with-zoom-and-scroll-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-bar-chart-with-zoom-and-scroll-1-snap.png
index 19f1faaf7896e2b50a136578659567d129b910b8..5a92010b25eb39d82036f38be0c6cb213b83ac4a 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-bar-chart-with-zoom-and-scroll-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-bar-chart-with-zoom-and-scroll-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-default-1-snap.png
index a94b115b8dce83b58f434fda8faaf0393d6bc647..a9ca2eef8109c72227b05bc73dc24d844ea83ea8 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-legend-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-legend-default-1-snap.png
index 1d92933f3e91286b21111bedcc843608adcce802..d7c78b11dbef21f3cd261136e7a8dede61d2a1e6 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-legend-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-legend-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-series-label-dashed-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-series-label-dashed-1-snap.png
index 554b90a2b83a7c4755f39a03fccd56cd635edd4a..b905cc8337a5d0aa2e915e49c21ce2fc00653a3a 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-series-label-dashed-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-series-label-dashed-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-series-label-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-series-label-default-1-snap.png
index f359f117e3700940304e525bc49a945f53351e6c..9d01d1a6f4560d04b1a42b0786ec0bdf813f4590 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-series-label-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-series-label-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-tooltip-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-tooltip-default-1-snap.png
index 3808d9c10f687f0d52bc88dbf7df48eafdf53968..4ea5bc45381ece45d2cca824df46e378bbb438e9 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-tooltip-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-chart-tooltip-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-column-chart-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-column-chart-default-1-snap.png
index 0d0a82f82969282c0c9df89fc2a914f7c636da7a..8a6d9f8fb77888124cb213caac00868f774d9117 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-column-chart-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-column-chart-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-column-chart-with-zoom-and-scroll-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-column-chart-with-zoom-and-scroll-1-snap.png
index 2e3fb8387c673ad90450d73f96cf549fdccd3357..c5d0bb1cd680cfb31deb90bb066156b5e00dbfee 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-column-chart-with-zoom-and-scroll-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-column-chart-with-zoom-and-scroll-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-discrete-scatter-chart-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-discrete-scatter-chart-default-1-snap.png
index 3bfe64e5107fd92328b956192d624a7c038c548f..5a4fe53ddef22ca79cd37987234343df0cfc4bc4 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-discrete-scatter-chart-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-discrete-scatter-chart-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-discrete-scatter-chart-with-zoom-and-scroll-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-discrete-scatter-chart-with-zoom-and-scroll-1-snap.png
index e0ad8bdf59e5acfea6ef57575b866e3fceb2609c..49a83679bd5c2016d65ec0bd0c5dda6f1ea7d511 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-discrete-scatter-chart-with-zoom-and-scroll-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-discrete-scatter-chart-with-zoom-and-scroll-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-heatmap-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-heatmap-default-1-snap.png
index 5204c9edf7f776c29366b54964bf7ce85c739ec7..f8fc8e2314a5bc79b328ed03f0d2b182d89968e3 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-heatmap-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-heatmap-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-line-chart-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-line-chart-default-1-snap.png
index c14a2fa956c396b870c7e78721896e02e8b75704..cfc74484d745b7df5cf37d0d19c30c3cf754cb33 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-line-chart-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-line-chart-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-line-chart-with-threshold-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-line-chart-with-threshold-1-snap.png
index 873f2b1586c2999b292c77060af175ec64fbfa63..6c83d7fd3a4b6bc8b730b933b3b8146f01bf8930 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-line-chart-with-threshold-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-line-chart-with-threshold-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-line-chart-with-zoom-and-scroll-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-line-chart-with-zoom-and-scroll-1-snap.png
index 1df32c69c306ce62d0cad3bc254e64d547d8786f..7a1a20b28cdbe6fcd6a0cb2ec3118392f7c993ad 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-line-chart-with-zoom-and-scroll-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-line-chart-with-zoom-and-scroll-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-single-stat-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-single-stat-default-1-snap.png
index 780cb57c54d77e595287de8e7a3ad7796f8aeae1..6206260d81e4e4e3151a972f706b106c10e809f4 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-single-stat-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-single-stat-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-single-stat-with-icon-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-single-stat-with-icon-1-snap.png
index dd372d3d9c05c2b684bbc1e26d88de7b4666bd2d..0971f8c2f846b78fec2e127840784795a44229b6 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-single-stat-with-icon-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-single-stat-with-icon-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-sparkline-chart-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-sparkline-chart-default-1-snap.png
index 7f3c2eecab2ab297a97098d26cf6ec4aba866d9b..548c7b3189a4907feab1301ba153f03c3e0ef218 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-sparkline-chart-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-sparkline-chart-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-sparkline-chart-without-last-y-value-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-sparkline-chart-without-last-y-value-1-snap.png
index 78880a8ec7c0f92950468a4c53ca7b5f1f665dc9..94cf1b24dba160b41545a9e8e7922e9db2538010 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-sparkline-chart-without-last-y-value-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-sparkline-chart-without-last-y-value-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-stacked-column-chart-stacked-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-stacked-column-chart-stacked-1-snap.png
index d48cb27f236c0d8c2e2501a423b6dd6aea54cabe..77b5ac9d1d683aaf3cfc526e2f4cfaa0d10ca806 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-stacked-column-chart-stacked-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-stacked-column-chart-stacked-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-stacked-column-chart-tiled-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-stacked-column-chart-tiled-1-snap.png
index 05e196ee3c3aff4d653f7165de37222830866755..f151cbc8933f2e9401a0c82f81f1c681e136920d 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-stacked-column-chart-tiled-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-stacked-column-chart-tiled-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-stacked-column-chart-with-zoom-and-scroll-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-stacked-column-chart-with-zoom-and-scroll-1-snap.png
index 947b9e432e3b6df02358d1b1a70d0377b7d56cdd..afb4643e4a1fdd23af93116fa4b36f40a60bfedf 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-stacked-column-chart-with-zoom-and-scroll-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-charts-stacked-column-chart-with-zoom-and-scroll-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-dashboard-skeleton-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-dashboard-skeleton-default-1-snap.png
index fbfc057f63af9414f36fcde833aaafaee363524c..c986cd85c9f9b3be3ca4752864b95ca49f568810 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-dashboard-skeleton-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-dashboard-skeleton-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-custom-actions-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-custom-actions-1-snap.png
index 5c2b83d444886c5ec26a90bf04a905b38c3dcd97..6e02fd694a6a891b41e61b341fbf27d24f15f1c3 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-custom-actions-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-custom-actions-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-default-1-snap.png
index c9b6c9b091dfae4ff24af62fba353c7f27c2730f..4c3926315188e2e927c898221e4d4ed1201ee6aa 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-no-illustration-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-no-illustration-1-snap.png
index 6f247d41341f7295cf56a746d7cbbf10ad32463a..db32a03a038dac0ab617a232352bc0295b2a30dc 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-no-illustration-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-no-illustration-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-not-fullscreen-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-not-fullscreen-1-snap.png
index b4ece1591ff818f71d91820939d440b1a027358c..6aef48eb6a1c1c604bb1665e023d669dd7be5829 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-not-fullscreen-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-not-fullscreen-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-single-button-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-single-button-1-snap.png
index f314ca7585a8e27d4291adaac4ff62475a59add9..4474a5239ca1709a2750a3f3c5c1bf1409df3807 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-single-button-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-single-button-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-slotted-description-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-slotted-description-1-snap.png
index 1c2a2a9ac13387a84f4afb0c4ec8ba367fc10cdd..0bf1b2bae2fe1c9a38ee2c0a1f04e620ce1f6aaa 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-slotted-description-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-slotted-description-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-utilities-sprintf-interpolated-content-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-utilities-sprintf-interpolated-content-1-snap.png
index c1d6a4bf73ea732f0ecce9678d871bfa1937d26f..0651450d8fa006704c9c5515205344966a38b6e8 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-utilities-sprintf-interpolated-content-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-utilities-sprintf-interpolated-content-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-utilities-sprintf-with-a-button-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-utilities-sprintf-with-a-button-1-snap.png
index da94e40e8e67336c0434ee2adbeb2614ff67d4ee..59b3da1d0aa2452a94b2eb65bc84fc27c0ef047e 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-utilities-sprintf-with-a-button-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-utilities-sprintf-with-a-button-1-snap.png differ
diff --git a/tests/components/charts/__snapshots__/bar.spec.js.snap b/tests/components/charts/__snapshots__/bar.spec.js.snap
index a2905bbf49f5743db37a98cd4be2764ab640e744..5aa617094a18e363ecd2e72c5cdfbdf478ef4900 100644
--- a/tests/components/charts/__snapshots__/bar.spec.js.snap
+++ b/tests/components/charts/__snapshots__/bar.spec.js.snap
@@ -27,13 +27,13 @@ Object {
       ],
       "emphasis": Object {
         "itemStyle": Object {
-          "color": "rgba(31, 120, 209, 0.4)",
+          "color": "rgba(31, 117, 203, 0.4)",
         },
       },
       "itemStyle": Object {
-        "barBorderColor": "#1f78d1",
+        "barBorderColor": "#1f75cb",
         "barBorderWidth": 1,
-        "color": "rgba(31, 120, 209, 0.2)",
+        "color": "rgba(31, 117, 203, 0.2)",
       },
       "name": "Office",
       "stack": "chart",