Update color-yellow-dark

CHANGELOG.md

@@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+- Updated `color-yellow-dark` for accessibility ([#44](https://github.com/Shopify/polaris-tokens/pull/44))
 - Documented how to import tokens using ES Modules ([#37](https://github.com/Shopify/polaris-tokens/pull/37))
 - Updated Node.js to v10
 - Updated Node.js & Ruby dependencies

__tests__/__snapshots__/colors.test.js.snap

@@ -534,9 +534,9 @@ Array [
   },
   Object {
     "color": Array [
-      0.611764705882353,
-      0.43529411764705883,
-      0.09803921568627451,
+      0.5411764705882353,
+      0.3803921568627451,
+      0.08627450980392157,
     ],
     "model": "RGB",
     "name": "yellow-dark",
@@ -640,7 +640,7 @@ Object {
   "color-teal-text": "rgb(64, 83, 82)",
   "color-white": "rgb(255, 255, 255)",
   "color-yellow": "rgb(238, 194, 0)",
-  "color-yellow-dark": "rgb(156, 111, 25)",
+  "color-yellow-dark": "rgb(138, 97, 22)",
   "color-yellow-darker": "rgb(87, 59, 0)",
   "color-yellow-light": "rgb(255, 234, 138)",
   "color-yellow-lighter": "rgb(252, 241, 205)",
@@ -810,7 +810,7 @@ Object {
     "value": "#eec200",
   },
   "color-yellow-dark": Object {
-    "value": "#9c6f19",
+    "value": "#8a6116",
   },
   "color-yellow-darker": Object {
     "value": "#573b00",
@@ -1205,7 +1205,7 @@ Array [
     "name": "color-yellow-dark",
     "originalValue": "{!color-yellow-dark}",
     "type": "color",
-    "value": "rgb(156, 111, 25)",
+    "value": "rgb(138, 97, 22)",
   },
   Object {
     "category": "background-color",
@@ -1388,9 +1388,9 @@ exports[`renders Polaris.sketchpalette correctly 1`] = `
       \\"alpha\\": 1
     },
     {
-      \\"red\\": 0.611764705882353,
-      \\"green\\": 0.43529411764705883,
-      \\"blue\\": 0.09803921568627451,
+      \\"red\\": 0.5411764705882353,
+      \\"green\\": 0.3803921568627451,
+      \\"blue\\": 0.08627450980392157,
       \\"alpha\\": 1
     },
     {
@@ -1666,7 +1666,7 @@ exports[`renders colors.android.xml correctly 1`] = `
     <color name=\\"polaris_color_teal_text\\">#ff405352</color>
     <color name=\\"polaris_color_white\\">#ffffffff</color>
     <color name=\\"polaris_color_yellow\\">#ffeec200</color>
-    <color name=\\"polaris_color_yellow_dark\\">#ff9c6f19</color>
+    <color name=\\"polaris_color_yellow_dark\\">#ff8a6116</color>
     <color name=\\"polaris_color_yellow_darker\\">#ff573b00</color>
     <color name=\\"polaris_color_yellow_light\\">#ffffea8a</color>
     <color name=\\"polaris_color_yellow_lighter\\">#fffcf1cd</color>
@@ -1719,7 +1719,7 @@ exports[`renders colors.color-map.scss correctly 1`] = `
   'yellow': (
     'text': rgb(89, 81, 48),
     'darker': rgb(87, 59, 0),
-    'dark': rgb(156, 111, 25),
+    'dark': rgb(138, 97, 22),
     'base': rgb(238, 194, 0),
     'light': rgb(255, 234, 138),
     'lighter': rgb(252, 241, 205),
@@ -1796,7 +1796,7 @@ exports[`renders colors.custom-properties.css correctly 1`] = `
   --color-green-lighter: rgb(227, 241, 223);
   --color-yellow-text: rgb(89, 81, 48);
   --color-yellow-darker: rgb(87, 59, 0);
-  --color-yellow-dark: rgb(156, 111, 25);
+  --color-yellow-dark: rgb(138, 97, 22);
   --color-yellow: rgb(238, 194, 0);
   --color-yellow-light: rgb(255, 234, 138);
   --color-yellow-lighter: rgb(252, 241, 205);
@@ -1859,7 +1859,7 @@ $color-green-light: rgb(187, 229, 179);
 $color-green-lighter: rgb(227, 241, 223);
 $color-yellow-text: rgb(89, 81, 48);
 $color-yellow-darker: rgb(87, 59, 0);
-$color-yellow-dark: rgb(156, 111, 25);
+$color-yellow-dark: rgb(138, 97, 22);
 $color-yellow: rgb(238, 194, 0);
 $color-yellow-light: rgb(255, 234, 138);
 $color-yellow-lighter: rgb(252, 241, 205);
@@ -1943,7 +1943,7 @@ exports[`renders index.d.ts correctly 1`] = `
   colorTealText: \\"rgb(64, 83, 82)\\";
   colorWhite: \\"rgb(255, 255, 255)\\";
   colorYellow: \\"rgb(238, 194, 0)\\";
-  colorYellowDark: \\"rgb(156, 111, 25)\\";
+  colorYellowDark: \\"rgb(138, 97, 22)\\";
   colorYellowDarker: \\"rgb(87, 59, 0)\\";
   colorYellowLight: \\"rgb(255, 234, 138)\\";
   colorYellowLighter: \\"rgb(252, 241, 205)\\";

data/color-metadata.yml

@@ -63,7 +63,7 @@ color-yellow-text:
 color-yellow-darker:
   filter: brightness(0) saturate(100%) invert(19%) sepia(75%) saturate(981%) hue-rotate(17deg) brightness(103%) contrast(103%)
 color-yellow-dark:
-  filter: brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(6022%) hue-rotate(31deg) brightness(93%) contrast(80%)
+  filter: brightness(0) saturate(100%) invert(37%) sepia(51%) saturate(709%) hue-rotate(0deg) brightness(93%) contrast(89%)
 color-yellow:
   filter: brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%) hue-rotate(5deg) brightness(100%) contrast(100%)
 color-yellow-light:

dist/Polaris.sketchpalette

@@ -147,9 +147,9 @@
       "alpha": 1
     },
     {
-      "red": 0.611764705882353,
-      "green": 0.43529411764705883,
-      "blue": 0.09803921568627451,
+      "red": 0.5411764705882353,
+      "green": 0.3803921568627451,
+      "blue": 0.08627450980392157,
       "alpha": 1
     },
     {

dist/color-filters.raw.json

@@ -25,7 +25,7 @@
       "value": "#b3bcf5"
     },
     "color-yellow-dark": {
-      "value": "#9c6f19"
+      "value": "#8a6116"
     },
     "color-ink-light": {
       "value": "#454f5b"

dist/colors.android.xml

@@ -53,7 +53,7 @@
     <color name="polaris_color_teal_text">#ff405352</color>
     <color name="polaris_color_white">#ffffffff</color>
     <color name="polaris_color_yellow">#ffeec200</color>
-    <color name="polaris_color_yellow_dark">#ff9c6f19</color>
+    <color name="polaris_color_yellow_dark">#ff8a6116</color>
     <color name="polaris_color_yellow_darker">#ff573b00</color>
     <color name="polaris_color_yellow_light">#ffffea8a</color>
     <color name="polaris_color_yellow_lighter">#fffcf1cd</color>

dist/colors.ase.json

@@ -198,7 +198,7 @@
       "name": "yellow-dark",
       "model": "RGB",
       "type": "global",
-      "color": [0.611764705882353, 0.43529411764705883, 0.09803921568627451]
+      "color": [0.5411764705882353, 0.3803921568627451, 0.08627450980392157]
     },
     {
       "name": "yellow",

dist/colors.color-map.scss

@@ -42,7 +42,7 @@ $polaris-colors: (
   'yellow': (
     'text': rgb(89, 81, 48),
     'darker': rgb(87, 59, 0),
-    'dark': rgb(156, 111, 25),
+    'dark': rgb(138, 97, 22),
     'base': rgb(238, 194, 0),
     'light': rgb(255, 234, 138),
     'lighter': rgb(252, 241, 205),

dist/colors.common.js

@@ -31,7 +31,7 @@ module.exports = {
   colorGreenLighter: 'rgb(227, 241, 223)',
   colorYellowText: 'rgb(89, 81, 48)',
   colorYellowDarker: 'rgb(87, 59, 0)',
-  colorYellowDark: 'rgb(156, 111, 25)',
+  colorYellowDark: 'rgb(138, 97, 22)',
   colorYellow: 'rgb(238, 194, 0)',
   colorYellowLight: 'rgb(255, 234, 138)',
   colorYellowLighter: 'rgb(252, 241, 205)',

dist/colors.custom-properties.css

@@ -31,7 +31,7 @@
   --color-green-lighter: rgb(227, 241, 223);
   --color-yellow-text: rgb(89, 81, 48);
   --color-yellow-darker: rgb(87, 59, 0);
-  --color-yellow-dark: rgb(156, 111, 25);
+  --color-yellow-dark: rgb(138, 97, 22);
   --color-yellow: rgb(238, 194, 0);
   --color-yellow-light: rgb(255, 234, 138);
   --color-yellow-lighter: rgb(252, 241, 205);

dist/colors.json

@@ -31,7 +31,7 @@
   "color-green-lighter": "rgb(227, 241, 223)",
   "color-yellow-text": "rgb(89, 81, 48)",
   "color-yellow-darker": "rgb(87, 59, 0)",
-  "color-yellow-dark": "rgb(156, 111, 25)",
+  "color-yellow-dark": "rgb(138, 97, 22)",
   "color-yellow": "rgb(238, 194, 0)",
   "color-yellow-light": "rgb(255, 234, 138)",
   "color-yellow-lighter": "rgb(252, 241, 205)",

dist/colors.map.scss

@@ -96,7 +96,7 @@ $polaris-colors-map: (
     rgb(87, 59, 0),
   ),
   'color-yellow-dark': (
-    rgb(156, 111, 25),
+    rgb(138, 97, 22),
   ),
   'color-yellow': (
     rgb(238, 194, 0),

dist/colors.raw.json

@@ -25,7 +25,7 @@
       "value": "#b3bcf5"
     },
     "color-yellow-dark": {
-      "value": "#9c6f19"
+      "value": "#8a6116"
     },
     "color-ink-light": {
       "value": "#454f5b"
@@ -404,7 +404,7 @@
       "type": "color",
       "category": "background-color",
       "name": "color-yellow-dark",
-      "value": "rgb(156, 111, 25)",
+      "value": "rgb(138, 97, 22)",
       "originalValue": "{!color-yellow-dark}"
     },
     "color-yellow": {

dist/colors.scss

@@ -30,7 +30,7 @@ $color-green-light: rgb(187, 229, 179);
 $color-green-lighter: rgb(227, 241, 223);
 $color-yellow-text: rgb(89, 81, 48);
 $color-yellow-darker: rgb(87, 59, 0);
-$color-yellow-dark: rgb(156, 111, 25);
+$color-yellow-dark: rgb(138, 97, 22);
 $color-yellow: rgb(238, 194, 0);
 $color-yellow-light: rgb(255, 234, 138);
 $color-yellow-lighter: rgb(252, 241, 205);

dist/index.common.js

@@ -31,7 +31,7 @@ module.exports = {
   colorGreenLighter: 'rgb(227, 241, 223)',
   colorYellowText: 'rgb(89, 81, 48)',
   colorYellowDarker: 'rgb(87, 59, 0)',
-  colorYellowDark: 'rgb(156, 111, 25)',
+  colorYellowDark: 'rgb(138, 97, 22)',
   colorYellow: 'rgb(238, 194, 0)',
   colorYellowLight: 'rgb(255, 234, 138)',
   colorYellowLighter: 'rgb(252, 241, 205)',

dist/index.custom-properties.css

@@ -31,7 +31,7 @@
   --color-green-lighter: rgb(227, 241, 223);
   --color-yellow-text: rgb(89, 81, 48);
   --color-yellow-darker: rgb(87, 59, 0);
-  --color-yellow-dark: rgb(156, 111, 25);
+  --color-yellow-dark: rgb(138, 97, 22);
   --color-yellow: rgb(238, 194, 0);
   --color-yellow-light: rgb(255, 234, 138);
   --color-yellow-lighter: rgb(252, 241, 205);

dist/index.d.ts

@@ -52,7 +52,7 @@ declare interface Tokens {
   colorTealText: "rgb(64, 83, 82)";
   colorWhite: "rgb(255, 255, 255)";
   colorYellow: "rgb(238, 194, 0)";
-  colorYellowDark: "rgb(156, 111, 25)";
+  colorYellowDark: "rgb(138, 97, 22)";
   colorYellowDarker: "rgb(87, 59, 0)";
   colorYellowLight: "rgb(255, 234, 138)";
   colorYellowLighter: "rgb(252, 241, 205)";

dist/index.json

@@ -31,7 +31,7 @@
   "color-green-lighter": "rgb(227, 241, 223)",
   "color-yellow-text": "rgb(89, 81, 48)",
   "color-yellow-darker": "rgb(87, 59, 0)",
-  "color-yellow-dark": "rgb(156, 111, 25)",
+  "color-yellow-dark": "rgb(138, 97, 22)",
   "color-yellow": "rgb(238, 194, 0)",
   "color-yellow-light": "rgb(255, 234, 138)",
   "color-yellow-lighter": "rgb(252, 241, 205)",

dist/index.map.scss

@@ -96,7 +96,7 @@ $polaris-index-map: (
     rgb(87, 59, 0),
   ),
   'color-yellow-dark': (
-    rgb(156, 111, 25),
+    rgb(138, 97, 22),
   ),
   'color-yellow': (
     rgb(238, 194, 0),

dist/index.raw.json

@@ -25,7 +25,7 @@
       "value": "#b3bcf5"
     },
     "color-yellow-dark": {
-      "value": "#9c6f19"
+      "value": "#8a6116"
     },
     "color-ink-light": {
       "value": "#454f5b"
@@ -404,7 +404,7 @@
       "type": "color",
       "category": "background-color",
       "name": "color-yellow-dark",
-      "value": "rgb(156, 111, 25)",
+      "value": "rgb(138, 97, 22)",
       "originalValue": "{!color-yellow-dark}"
     },
     "color-yellow": {

dist/index.scss

@@ -30,7 +30,7 @@ $color-green-light: rgb(187, 229, 179);
 $color-green-lighter: rgb(227, 241, 223);
 $color-yellow-text: rgb(89, 81, 48);
 $color-yellow-darker: rgb(87, 59, 0);
-$color-yellow-dark: rgb(156, 111, 25);
+$color-yellow-dark: rgb(138, 97, 22);
 $color-yellow: rgb(238, 194, 0);
 $color-yellow-light: rgb(255, 234, 138);
 $color-yellow-lighter: rgb(252, 241, 205);