Update filter for the Blue color

CHANGELOG.md

@@ -5,7 +5,9 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
-<!-- ## [Unreleased] -->
+## [Unreleased]
+
+- Updated filter for the Blue color ([#64](https://github.com/Shopify/polaris-tokens/pull/64))
 
 ## [2.6.0] - 2019-06-06
 

dist/color-filters.color-map.scss

@@ -34,8 +34,8 @@ $polaris-color-filters: (
       hue-rotate(195deg) brightness(97%) contrast(102%),
     'dark': brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(1308%)
       hue-rotate(182deg) brightness(94%) contrast(101%),
-    'base': brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%)
-      hue-rotate(181deg) brightness(91%) contrast(103%),
+    'base': brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(2885%)
+      hue-rotate(190deg) brightness(99%) contrast(101%) ;,
     'light': brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%)
       hue-rotate(178deg) brightness(108%) contrast(96%),
     'lighter': brightness(0) saturate(100%) invert(100%) sepia(94%)

dist/color-filters.common.js

@@ -30,7 +30,7 @@ module.exports = {
   colorBlueDark:
     'brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(1308%) hue-rotate(182deg) brightness(94%) contrast(101%)',
   colorBlue:
-    'brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%) hue-rotate(181deg) brightness(91%) contrast(103%)',
+    'brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(2885%) hue-rotate(190deg) brightness(99%) contrast(101%);',
   colorBlueLight:
     'brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%) hue-rotate(178deg) brightness(108%) contrast(96%)',
   colorBlueLighter:

dist/color-filters.custom-properties.css

@@ -29,8 +29,8 @@
     saturate(5606%) hue-rotate(195deg) brightness(97%) contrast(102%);
   --color-blue-dark: brightness(0) saturate(100%) invert(22%) sepia(70%)
     saturate(1308%) hue-rotate(182deg) brightness(94%) contrast(101%);
-  --color-blue: brightness(0) saturate(100%) invert(32%) sepia(99%)
-    saturate(1186%) hue-rotate(181deg) brightness(91%) contrast(103%);
+  --color-blue: brightness(0) saturate(100%) invert(19%) sepia(98%)
+    saturate(2885%) hue-rotate(190deg) brightness(99%) contrast(101%);
   --color-blue-light: brightness(0) saturate(100%) invert(80%) sepia(7%)
     saturate(1832%) hue-rotate(178deg) brightness(108%) contrast(96%);
   --color-blue-lighter: brightness(0) saturate(100%) invert(100%) sepia(94%)

dist/color-filters.json

@@ -14,7 +14,7 @@
   "color-blue-text": "brightness(0) saturate(100%) invert(27%) sepia(13%) saturate(709%) hue-rotate(158deg) brightness(96%) contrast(89%)",
   "color-blue-darker": "brightness(0) saturate(100%) invert(5%) sepia(33%) saturate(5606%) hue-rotate(195deg) brightness(97%) contrast(102%)",
   "color-blue-dark": "brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(1308%) hue-rotate(182deg) brightness(94%) contrast(101%)",
-  "color-blue": "brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%) hue-rotate(181deg) brightness(91%) contrast(103%)",
+  "color-blue": "brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(2885%) hue-rotate(190deg) brightness(99%) contrast(101%);",
   "color-blue-light": "brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%) hue-rotate(178deg) brightness(108%) contrast(96%)",
   "color-blue-lighter": "brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(686%) hue-rotate(175deg) brightness(103%) contrast(96%)",
   "color-teal-text": "brightness(0) saturate(100%) invert(31%) sepia(11%) saturate(665%) hue-rotate(128deg) brightness(94%) contrast(93%)",

dist/color-filters.map.scss

@@ -60,8 +60,8 @@ $polaris-color-filters-map: (
       hue-rotate(182deg) brightness(94%) contrast(101%),
   ),
   'color-blue': (
-    brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%)
-      hue-rotate(181deg) brightness(91%) contrast(103%),
+    brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(2885%)
+      hue-rotate(190deg) brightness(99%) contrast(101%) ;,
   ),
   'color-blue-light': (
     brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%)

dist/color-filters.raw.json

@@ -285,7 +285,7 @@
       "type": "color",
       "category": "background-color",
       "name": "color-blue",
-      "value": "brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%) hue-rotate(181deg) brightness(91%) contrast(103%)",
+      "value": "brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(2885%) hue-rotate(190deg) brightness(99%) contrast(101%);",
       "originalValue": "{!color-blue}"
     },
     "color-blue-light": {

dist/color-filters.scss

@@ -28,8 +28,8 @@ $color-blue-darker: brightness(0) saturate(100%) invert(5%) sepia(33%)
   saturate(5606%) hue-rotate(195deg) brightness(97%) contrast(102%);
 $color-blue-dark: brightness(0) saturate(100%) invert(22%) sepia(70%)
   saturate(1308%) hue-rotate(182deg) brightness(94%) contrast(101%);
-$color-blue: brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%)
-  hue-rotate(181deg) brightness(91%) contrast(103%);
+$color-blue: brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(2885%)
+  hue-rotate(190deg) brightness(99%) contrast(101%);
 $color-blue-light: brightness(0) saturate(100%) invert(80%) sepia(7%)
   saturate(1832%) hue-rotate(178deg) brightness(108%) contrast(96%);
 $color-blue-lighter: brightness(0) saturate(100%) invert(100%) sepia(94%)

tokens/colors.yml

@@ -1,7 +1,7 @@
 # DO NOT MANUALLY EDIT THIS FILE
 # This file was automatically generated
 # Run 'yarn get-tokens-from-invision-dsm' to generate a new version
-# Last updated: 2019-06-04T20:31:34.389Z
+# Last updated: 2019-06-14T05:08:04.165Z
 aliases:
   color-purple-text: '#50495a'
   color-purple-darker: '#230051'
@@ -175,8 +175,8 @@ props:
     meta:
       friendlyName: Blue
       filter: >-
-        brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%)
-        hue-rotate(181deg) brightness(91%) contrast(103%)
+        brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(2885%)
+        hue-rotate(190deg) brightness(99%) contrast(101%);
   - name: color-blue-light
     value: '{!color-blue-light}'
     meta: