@sproutsocial/racine 20.16.0 → 21.0.0

package/lib/systemProps/tests/types.flow.js

@@ -1,16 +1,16 @@
 /**
  * All system props should be responsive but accepting a tuple of length 1-5.
  */
-'a';
-['a'];
-['a', 'a'];
-['a', 'a', 'a'];
-['a', 'a', 'a', 'a'];
-['a', 'a', 'a', 'a', 'a'];
+"a";
+["a"];
+["a", "a"];
+["a", "a", "a"];
+["a", "a", "a", "a"];
+["a", "a", "a", "a", "a"];
 // $FlowExpectedError
-['a', 'a', 'a', 'a', 'a', 'a'];
+["a", "a", "a", "a", "a", "a"];
 // $FlowExpectedError
-['b'];
+["b"];
 // $FlowExpectedError
 [null];
 
@@ -18,7 +18,7 @@
  * All system props should accept "base" values: boolean, null, and undefined.
  */
 
-'a';
+"a";
 true;
 false;
 null;
@@ -28,16 +28,16 @@ undefined;
  * All system props should be responsive and allow "base" values.
  */
 
-'a';
-'b';
+"a";
+"b";
 true;
 false;
 null;
 undefined;
-['a', null, undefined, false, 'b'];
-['a'];
+["a", null, undefined, false, "b"];
+["a"];
 // $FlowExpectedError
-'c';
+"c";
 // $FlowExpectedError
 1;
 // $FlowExpectedError

package/lib/systemProps/typography.flow.js

@@ -1,4 +1,4 @@
-import { typography } from 'styled-system';
+import { typography } from "styled-system";
 
 // https://styled-system.com/table#typography
 

package/lib/systemProps/variant.flow.js

@@ -1,8 +1,8 @@
-import { compose, variant } from 'styled-system';
+import { compose, variant } from "styled-system";
 
 // https://styled-system.com/variants
 
 export var variantSystemProps = compose(variant({
-  key: 'typography',
-  prop: 'typeScale'
+  key: "typography",
+  prop: "typeScale"
 }));

package/lib/themes/dark/dataviz-palette.js

@@ -1,26 +1,26 @@
-import COLORS from '@sproutsocial/seeds-color';
+import COLORS from "@sproutsocial/seeds-color";
 export var datavizPalette = {
   DATAVIZ_COLORS_LIST: [COLORS.COLOR_TEAL_400, COLORS.COLOR_PURPLE_400, COLORS.COLOR_PINK_400, COLORS.COLOR_YELLOW_500, COLORS.COLOR_BLUE_400, COLORS.COLOR_MAGENTA_400, COLORS.COLOR_GREEN_400, COLORS.COLOR_ORANGE_400, COLORS.COLOR_RED_700, COLORS.COLOR_TEAL_700, COLORS.COLOR_PURPLE_700, COLORS.COLOR_PINK_700, COLORS.COLOR_YELLOW_800, COLORS.COLOR_BLUE_700, COLORS.COLOR_MAGENTA_700, COLORS.COLOR_GREEN_700, COLORS.COLOR_ORANGE_700, COLORS.COLOR_RED_400, COLORS.COLOR_GREEN_200, COLORS.COLOR_YELLOW_200],
   DATAVIZ_COLORS_MAP: {
-    '1': COLORS.COLOR_TEAL_400,
-    '2': COLORS.COLOR_PURPLE_400,
-    '3': COLORS.COLOR_PINK_400,
-    '4': COLORS.COLOR_YELLOW_500,
-    '5': COLORS.COLOR_BLUE_400,
-    '6': COLORS.COLOR_MAGENTA_400,
-    '7': COLORS.COLOR_GREEN_400,
-    '8': COLORS.COLOR_ORANGE_400,
-    '9': COLORS.COLOR_RED_700,
-    '10': COLORS.COLOR_TEAL_700,
-    '11': COLORS.COLOR_PURPLE_700,
-    '12': COLORS.COLOR_PINK_700,
-    '13': COLORS.COLOR_YELLOW_800,
-    '14': COLORS.COLOR_BLUE_700,
-    '15': COLORS.COLOR_MAGENTA_700,
-    '16': COLORS.COLOR_GREEN_700,
-    '17': COLORS.COLOR_ORANGE_700,
-    '18': COLORS.COLOR_RED_400,
-    '19': COLORS.COLOR_GREEN_200,
-    '20': COLORS.COLOR_YELLOW_200
+    "1": COLORS.COLOR_TEAL_400,
+    "2": COLORS.COLOR_PURPLE_400,
+    "3": COLORS.COLOR_PINK_400,
+    "4": COLORS.COLOR_YELLOW_500,
+    "5": COLORS.COLOR_BLUE_400,
+    "6": COLORS.COLOR_MAGENTA_400,
+    "7": COLORS.COLOR_GREEN_400,
+    "8": COLORS.COLOR_ORANGE_400,
+    "9": COLORS.COLOR_RED_700,
+    "10": COLORS.COLOR_TEAL_700,
+    "11": COLORS.COLOR_PURPLE_700,
+    "12": COLORS.COLOR_PINK_700,
+    "13": COLORS.COLOR_YELLOW_800,
+    "14": COLORS.COLOR_BLUE_700,
+    "15": COLORS.COLOR_MAGENTA_700,
+    "16": COLORS.COLOR_GREEN_700,
+    "17": COLORS.COLOR_ORANGE_700,
+    "18": COLORS.COLOR_RED_400,
+    "19": COLORS.COLOR_GREEN_200,
+    "20": COLORS.COLOR_YELLOW_200
   }
 };

package/lib/themes/dark/decorative-palettes.js

@@ -1,4 +1,4 @@
-import COLORS from '@sproutsocial/seeds-color';
+import COLORS from "@sproutsocial/seeds-color";
 export var green = {
   background: COLORS.COLOR_GREEN_900,
   highlight: COLORS.COLOR_GREEN_500,

package/lib/themes/dark/theme.js

@@ -5,16 +5,16 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /* eslint-disable no-restricted-imports */
-import { transparentize } from 'polished';
-import COLORS from '@sproutsocial/seeds-color';
-import DEPTH from '@sproutsocial/seeds-depth';
+import { transparentize } from "polished";
+import COLORS from "@sproutsocial/seeds-color";
+import DEPTH from "@sproutsocial/seeds-depth";
 // json-to-scss is not working with the alias right now
 //import {theme as lightTheme} from '@src';
 //import {TypeThemeMode} from '@src/types/theme';
 import lightTheme from "../light/theme";
 import { datavizPalette } from "./dataviz-palette";
 import { green, blue, purple, yellow, orange, red, neutral, magenta, pink, aqua, teal } from "./decorative-palettes";
-var MODE = 'dark';
+var MODE = "dark";
 export var shadows = {
   low: "".concat(DEPTH.ELEVATION_LEVEL_100, " ").concat(COLORS.COLOR_NEUTRAL_1100, "FF"),
   medium: "".concat(DEPTH.ELEVATION_LEVEL_300, " ").concat(COLORS.COLOR_NEUTRAL_1100, "FF"),
@@ -90,7 +90,7 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
         active: COLORS.COLOR_BLUE_200
       },
       border: {
-        base: 'transparent'
+        base: "transparent"
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_900,
@@ -99,7 +99,7 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
     },
     secondary: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: COLORS.COLOR_NEUTRAL_100,
         active: COLORS.COLOR_NEUTRAL_0
       },
@@ -113,12 +113,12 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
     },
     pill: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: COLORS.COLOR_NEUTRAL_1000,
         active: COLORS.COLOR_NEUTRAL_900
       },
       border: {
-        base: 'transparent',
+        base: "transparent",
         hover: COLORS.COLOR_NEUTRAL_0
       },
       text: {
@@ -133,7 +133,7 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
         active: COLORS.COLOR_RED_200
       },
       border: {
-        base: 'transparent'
+        base: "transparent"
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_900,
@@ -142,7 +142,7 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
     },
     placeholder: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: COLORS.COLOR_NEUTRAL_1100,
         active: COLORS.COLOR_NEUTRAL_1100
       },
@@ -156,10 +156,10 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
     },
     unstyled: {
       background: {
-        base: 'transparent'
+        base: "transparent"
       },
       border: {
-        base: 'transparent'
+        base: "transparent"
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_300,
@@ -227,7 +227,7 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
   },
   listItem: {
     background: {
-      base: 'transparent',
+      base: "transparent",
       hover: COLORS.COLOR_NEUTRAL_800,
       selected: COLORS.COLOR_NEUTRAL_0
     }

package/lib/themes/extendedThemes/sproutTheme/dark/theme.js

@@ -5,7 +5,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /* eslint-disable no-restricted-imports */
-import { transparentize } from 'polished';
+import { transparentize } from "polished";
 // json-to-scss is not working with the alias right now
 //import {darkTheme as baseDarkTheme, type TypeSproutTheme} from '@src';
 import baseDarkTheme from "../../../dark/theme";
@@ -40,7 +40,7 @@ export var navigation = {
   settings: {
     listItem: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: baseDarkTheme.colors.neutral[1100],
         selected: baseDarkTheme.colors.neutral[800]
       }

package/lib/themes/extendedThemes/sproutTheme/light/theme.js

@@ -5,7 +5,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /* eslint-disable no-restricted-imports */
-import { transparentize } from 'polished';
+import { transparentize } from "polished";
 // json-to-scss is not working with the alias right now
 //import {theme as baseLightTheme, type TypeSproutTheme} from '@src';
 import baseLightTheme from "../../../light/theme";
@@ -37,7 +37,7 @@ export var navigation = {
   settings: {
     listItem: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: baseLightTheme.colors.neutral[200],
         selected: baseLightTheme.colors.neutral[0]
       }

package/lib/themes/light/dataviz-palette.js

@@ -1,26 +1,26 @@
-import COLORS from '@sproutsocial/seeds-color';
+import COLORS from "@sproutsocial/seeds-color";
 export var datavizPalette = {
   DATAVIZ_COLORS_LIST: [COLORS.COLOR_TEAL_500, COLORS.COLOR_PURPLE_700, COLORS.COLOR_PINK_700, COLORS.COLOR_YELLOW_500, COLORS.COLOR_BLUE_500, COLORS.COLOR_MAGENTA_500, COLORS.COLOR_GREEN_500, COLORS.COLOR_ORANGE_500, COLORS.COLOR_RED_700, COLORS.COLOR_TEAL_900, COLORS.COLOR_PURPLE_400, COLORS.COLOR_PINK_900, COLORS.COLOR_YELLOW_900, COLORS.COLOR_BLUE_900, COLORS.COLOR_MAGENTA_900, COLORS.COLOR_GREEN_900, COLORS.COLOR_ORANGE_900, COLORS.COLOR_RED_400, COLORS.COLOR_GREEN_700, COLORS.COLOR_YELLOW_800],
   DATAVIZ_COLORS_MAP: {
-    '1': COLORS.COLOR_TEAL_500,
-    '2': COLORS.COLOR_PURPLE_700,
-    '3': COLORS.COLOR_PINK_700,
-    '4': COLORS.COLOR_YELLOW_500,
-    '5': COLORS.COLOR_BLUE_500,
-    '6': COLORS.COLOR_MAGENTA_500,
-    '7': COLORS.COLOR_GREEN_500,
-    '8': COLORS.COLOR_ORANGE_500,
-    '9': COLORS.COLOR_RED_700,
-    '10': COLORS.COLOR_TEAL_900,
-    '11': COLORS.COLOR_PURPLE_400,
-    '12': COLORS.COLOR_PINK_900,
-    '13': COLORS.COLOR_YELLOW_900,
-    '14': COLORS.COLOR_BLUE_900,
-    '15': COLORS.COLOR_MAGENTA_900,
-    '16': COLORS.COLOR_GREEN_900,
-    '17': COLORS.COLOR_ORANGE_900,
-    '18': COLORS.COLOR_RED_400,
-    '19': COLORS.COLOR_GREEN_700,
-    '20': COLORS.COLOR_YELLOW_800
+    "1": COLORS.COLOR_TEAL_500,
+    "2": COLORS.COLOR_PURPLE_700,
+    "3": COLORS.COLOR_PINK_700,
+    "4": COLORS.COLOR_YELLOW_500,
+    "5": COLORS.COLOR_BLUE_500,
+    "6": COLORS.COLOR_MAGENTA_500,
+    "7": COLORS.COLOR_GREEN_500,
+    "8": COLORS.COLOR_ORANGE_500,
+    "9": COLORS.COLOR_RED_700,
+    "10": COLORS.COLOR_TEAL_900,
+    "11": COLORS.COLOR_PURPLE_400,
+    "12": COLORS.COLOR_PINK_900,
+    "13": COLORS.COLOR_YELLOW_900,
+    "14": COLORS.COLOR_BLUE_900,
+    "15": COLORS.COLOR_MAGENTA_900,
+    "16": COLORS.COLOR_GREEN_900,
+    "17": COLORS.COLOR_ORANGE_900,
+    "18": COLORS.COLOR_RED_400,
+    "19": COLORS.COLOR_GREEN_700,
+    "20": COLORS.COLOR_YELLOW_800
   }
 };

package/lib/themes/light/decorative-palettes.js

@@ -1,4 +1,4 @@
-import COLORS from '@sproutsocial/seeds-color';
+import COLORS from "@sproutsocial/seeds-color";
 export var green = {
   background: COLORS.COLOR_GREEN_100,
   highlight: COLORS.COLOR_GREEN_500,

package/lib/themes/light/literal-colors.js

@@ -1,160 +1,160 @@
-import COLORS from '@sproutsocial/seeds-color';
+import COLORS from "@sproutsocial/seeds-color";
 var literalColors = {
   neutral: {
-    '0': COLORS.COLOR_NEUTRAL_0,
-    '100': COLORS.COLOR_NEUTRAL_100,
-    '200': COLORS.COLOR_NEUTRAL_200,
-    '300': COLORS.COLOR_NEUTRAL_300,
-    '400': COLORS.COLOR_NEUTRAL_400,
-    '500': COLORS.COLOR_NEUTRAL_500,
-    '600': COLORS.COLOR_NEUTRAL_600,
-    '700': COLORS.COLOR_NEUTRAL_700,
-    '800': COLORS.COLOR_NEUTRAL_800,
-    '900': COLORS.COLOR_NEUTRAL_900,
-    '1000': COLORS.COLOR_NEUTRAL_1000,
-    '1100': COLORS.COLOR_NEUTRAL_1100
+    "0": COLORS.COLOR_NEUTRAL_0,
+    "100": COLORS.COLOR_NEUTRAL_100,
+    "200": COLORS.COLOR_NEUTRAL_200,
+    "300": COLORS.COLOR_NEUTRAL_300,
+    "400": COLORS.COLOR_NEUTRAL_400,
+    "500": COLORS.COLOR_NEUTRAL_500,
+    "600": COLORS.COLOR_NEUTRAL_600,
+    "700": COLORS.COLOR_NEUTRAL_700,
+    "800": COLORS.COLOR_NEUTRAL_800,
+    "900": COLORS.COLOR_NEUTRAL_900,
+    "1000": COLORS.COLOR_NEUTRAL_1000,
+    "1100": COLORS.COLOR_NEUTRAL_1100
   },
   green: {
-    '0': COLORS.COLOR_GREEN_0,
-    '100': COLORS.COLOR_GREEN_100,
-    '200': COLORS.COLOR_GREEN_200,
-    '300': COLORS.COLOR_GREEN_300,
-    '400': COLORS.COLOR_GREEN_400,
-    '500': COLORS.COLOR_GREEN_500,
-    '600': COLORS.COLOR_GREEN_600,
-    '700': COLORS.COLOR_GREEN_700,
-    '800': COLORS.COLOR_GREEN_800,
-    '900': COLORS.COLOR_GREEN_900,
-    '1000': COLORS.COLOR_GREEN_1000,
-    '1100': COLORS.COLOR_GREEN_1100
+    "0": COLORS.COLOR_GREEN_0,
+    "100": COLORS.COLOR_GREEN_100,
+    "200": COLORS.COLOR_GREEN_200,
+    "300": COLORS.COLOR_GREEN_300,
+    "400": COLORS.COLOR_GREEN_400,
+    "500": COLORS.COLOR_GREEN_500,
+    "600": COLORS.COLOR_GREEN_600,
+    "700": COLORS.COLOR_GREEN_700,
+    "800": COLORS.COLOR_GREEN_800,
+    "900": COLORS.COLOR_GREEN_900,
+    "1000": COLORS.COLOR_GREEN_1000,
+    "1100": COLORS.COLOR_GREEN_1100
   },
   red: {
-    '0': COLORS.COLOR_RED_0,
-    '100': COLORS.COLOR_RED_100,
-    '200': COLORS.COLOR_RED_200,
-    '300': COLORS.COLOR_RED_300,
-    '400': COLORS.COLOR_RED_400,
-    '500': COLORS.COLOR_RED_500,
-    '600': COLORS.COLOR_RED_600,
-    '700': COLORS.COLOR_RED_700,
-    '800': COLORS.COLOR_RED_800,
-    '900': COLORS.COLOR_RED_900,
-    '1000': COLORS.COLOR_RED_1000,
-    '1100': COLORS.COLOR_RED_1100
+    "0": COLORS.COLOR_RED_0,
+    "100": COLORS.COLOR_RED_100,
+    "200": COLORS.COLOR_RED_200,
+    "300": COLORS.COLOR_RED_300,
+    "400": COLORS.COLOR_RED_400,
+    "500": COLORS.COLOR_RED_500,
+    "600": COLORS.COLOR_RED_600,
+    "700": COLORS.COLOR_RED_700,
+    "800": COLORS.COLOR_RED_800,
+    "900": COLORS.COLOR_RED_900,
+    "1000": COLORS.COLOR_RED_1000,
+    "1100": COLORS.COLOR_RED_1100
   },
   blue: {
-    '0': COLORS.COLOR_BLUE_0,
-    '100': COLORS.COLOR_BLUE_100,
-    '200': COLORS.COLOR_BLUE_200,
-    '300': COLORS.COLOR_BLUE_300,
-    '400': COLORS.COLOR_BLUE_400,
-    '500': COLORS.COLOR_BLUE_500,
-    '600': COLORS.COLOR_BLUE_600,
-    '700': COLORS.COLOR_BLUE_700,
-    '800': COLORS.COLOR_BLUE_800,
-    '900': COLORS.COLOR_BLUE_900,
-    '1000': COLORS.COLOR_BLUE_1000,
-    '1100': COLORS.COLOR_BLUE_1100
+    "0": COLORS.COLOR_BLUE_0,
+    "100": COLORS.COLOR_BLUE_100,
+    "200": COLORS.COLOR_BLUE_200,
+    "300": COLORS.COLOR_BLUE_300,
+    "400": COLORS.COLOR_BLUE_400,
+    "500": COLORS.COLOR_BLUE_500,
+    "600": COLORS.COLOR_BLUE_600,
+    "700": COLORS.COLOR_BLUE_700,
+    "800": COLORS.COLOR_BLUE_800,
+    "900": COLORS.COLOR_BLUE_900,
+    "1000": COLORS.COLOR_BLUE_1000,
+    "1100": COLORS.COLOR_BLUE_1100
   },
   teal: {
-    '0': COLORS.COLOR_TEAL_0,
-    '50': COLORS.COLOR_TEAL_50,
-    '100': COLORS.COLOR_TEAL_100,
-    '200': COLORS.COLOR_TEAL_200,
-    '300': COLORS.COLOR_TEAL_300,
-    '400': COLORS.COLOR_TEAL_400,
-    '500': COLORS.COLOR_TEAL_500,
-    '600': COLORS.COLOR_TEAL_600,
-    '700': COLORS.COLOR_TEAL_700,
-    '800': COLORS.COLOR_TEAL_800,
-    '900': COLORS.COLOR_TEAL_900,
-    '1000': COLORS.COLOR_TEAL_1000,
-    '1100': COLORS.COLOR_TEAL_1100
+    "0": COLORS.COLOR_TEAL_0,
+    "50": COLORS.COLOR_TEAL_50,
+    "100": COLORS.COLOR_TEAL_100,
+    "200": COLORS.COLOR_TEAL_200,
+    "300": COLORS.COLOR_TEAL_300,
+    "400": COLORS.COLOR_TEAL_400,
+    "500": COLORS.COLOR_TEAL_500,
+    "600": COLORS.COLOR_TEAL_600,
+    "700": COLORS.COLOR_TEAL_700,
+    "800": COLORS.COLOR_TEAL_800,
+    "900": COLORS.COLOR_TEAL_900,
+    "1000": COLORS.COLOR_TEAL_1000,
+    "1100": COLORS.COLOR_TEAL_1100
   },
   aqua: {
-    '0': COLORS.COLOR_AQUA_0,
-    '100': COLORS.COLOR_AQUA_100,
-    '200': COLORS.COLOR_AQUA_200,
-    '300': COLORS.COLOR_AQUA_300,
-    '400': COLORS.COLOR_AQUA_400,
-    '500': COLORS.COLOR_AQUA_500,
-    '600': COLORS.COLOR_AQUA_600,
-    '700': COLORS.COLOR_AQUA_700,
-    '800': COLORS.COLOR_AQUA_800,
-    '900': COLORS.COLOR_AQUA_900,
-    '1000': COLORS.COLOR_AQUA_1000,
-    '1100': COLORS.COLOR_AQUA_1100
+    "0": COLORS.COLOR_AQUA_0,
+    "100": COLORS.COLOR_AQUA_100,
+    "200": COLORS.COLOR_AQUA_200,
+    "300": COLORS.COLOR_AQUA_300,
+    "400": COLORS.COLOR_AQUA_400,
+    "500": COLORS.COLOR_AQUA_500,
+    "600": COLORS.COLOR_AQUA_600,
+    "700": COLORS.COLOR_AQUA_700,
+    "800": COLORS.COLOR_AQUA_800,
+    "900": COLORS.COLOR_AQUA_900,
+    "1000": COLORS.COLOR_AQUA_1000,
+    "1100": COLORS.COLOR_AQUA_1100
   },
   purple: {
-    '0': COLORS.COLOR_PURPLE_0,
-    '100': COLORS.COLOR_PURPLE_100,
-    '200': COLORS.COLOR_PURPLE_200,
-    '300': COLORS.COLOR_PURPLE_300,
-    '400': COLORS.COLOR_PURPLE_400,
-    '500': COLORS.COLOR_PURPLE_500,
-    '600': COLORS.COLOR_PURPLE_600,
-    '700': COLORS.COLOR_PURPLE_700,
-    '800': COLORS.COLOR_PURPLE_800,
-    '900': COLORS.COLOR_PURPLE_900,
-    '1000': COLORS.COLOR_PURPLE_1000,
-    '1100': COLORS.COLOR_PURPLE_1100
+    "0": COLORS.COLOR_PURPLE_0,
+    "100": COLORS.COLOR_PURPLE_100,
+    "200": COLORS.COLOR_PURPLE_200,
+    "300": COLORS.COLOR_PURPLE_300,
+    "400": COLORS.COLOR_PURPLE_400,
+    "500": COLORS.COLOR_PURPLE_500,
+    "600": COLORS.COLOR_PURPLE_600,
+    "700": COLORS.COLOR_PURPLE_700,
+    "800": COLORS.COLOR_PURPLE_800,
+    "900": COLORS.COLOR_PURPLE_900,
+    "1000": COLORS.COLOR_PURPLE_1000,
+    "1100": COLORS.COLOR_PURPLE_1100
   },
   magenta: {
-    '0': COLORS.COLOR_MAGENTA_0,
-    '100': COLORS.COLOR_MAGENTA_100,
-    '200': COLORS.COLOR_MAGENTA_200,
-    '300': COLORS.COLOR_MAGENTA_300,
-    '350': COLORS.COLOR_MAGENTA_350,
-    '400': COLORS.COLOR_MAGENTA_400,
-    '500': COLORS.COLOR_MAGENTA_500,
-    '600': COLORS.COLOR_MAGENTA_600,
-    '700': COLORS.COLOR_MAGENTA_700,
-    '800': COLORS.COLOR_MAGENTA_800,
-    '900': COLORS.COLOR_MAGENTA_900,
-    '1000': COLORS.COLOR_MAGENTA_1000,
-    '1100': COLORS.COLOR_MAGENTA_1100
+    "0": COLORS.COLOR_MAGENTA_0,
+    "100": COLORS.COLOR_MAGENTA_100,
+    "200": COLORS.COLOR_MAGENTA_200,
+    "300": COLORS.COLOR_MAGENTA_300,
+    "350": COLORS.COLOR_MAGENTA_350,
+    "400": COLORS.COLOR_MAGENTA_400,
+    "500": COLORS.COLOR_MAGENTA_500,
+    "600": COLORS.COLOR_MAGENTA_600,
+    "700": COLORS.COLOR_MAGENTA_700,
+    "800": COLORS.COLOR_MAGENTA_800,
+    "900": COLORS.COLOR_MAGENTA_900,
+    "1000": COLORS.COLOR_MAGENTA_1000,
+    "1100": COLORS.COLOR_MAGENTA_1100
   },
   yellow: {
-    '0': COLORS.COLOR_YELLOW_0,
-    '100': COLORS.COLOR_YELLOW_100,
-    '200': COLORS.COLOR_YELLOW_200,
-    '300': COLORS.COLOR_YELLOW_300,
-    '400': COLORS.COLOR_YELLOW_400,
-    '500': COLORS.COLOR_YELLOW_500,
-    '600': COLORS.COLOR_YELLOW_600,
-    '700': COLORS.COLOR_YELLOW_700,
-    '800': COLORS.COLOR_YELLOW_800,
-    '900': COLORS.COLOR_YELLOW_900,
-    '1000': COLORS.COLOR_YELLOW_1000,
-    '1100': COLORS.COLOR_YELLOW_1100
+    "0": COLORS.COLOR_YELLOW_0,
+    "100": COLORS.COLOR_YELLOW_100,
+    "200": COLORS.COLOR_YELLOW_200,
+    "300": COLORS.COLOR_YELLOW_300,
+    "400": COLORS.COLOR_YELLOW_400,
+    "500": COLORS.COLOR_YELLOW_500,
+    "600": COLORS.COLOR_YELLOW_600,
+    "700": COLORS.COLOR_YELLOW_700,
+    "800": COLORS.COLOR_YELLOW_800,
+    "900": COLORS.COLOR_YELLOW_900,
+    "1000": COLORS.COLOR_YELLOW_1000,
+    "1100": COLORS.COLOR_YELLOW_1100
   },
   pink: {
-    '0': COLORS.COLOR_PINK_0,
-    '100': COLORS.COLOR_PINK_100,
-    '200': COLORS.COLOR_PINK_200,
-    '300': COLORS.COLOR_PINK_300,
-    '400': COLORS.COLOR_PINK_400,
-    '500': COLORS.COLOR_PINK_500,
-    '600': COLORS.COLOR_PINK_600,
-    '700': COLORS.COLOR_PINK_700,
-    '800': COLORS.COLOR_PINK_800,
-    '900': COLORS.COLOR_PINK_900,
-    '1000': COLORS.COLOR_PINK_1000,
-    '1100': COLORS.COLOR_PINK_1100
+    "0": COLORS.COLOR_PINK_0,
+    "100": COLORS.COLOR_PINK_100,
+    "200": COLORS.COLOR_PINK_200,
+    "300": COLORS.COLOR_PINK_300,
+    "400": COLORS.COLOR_PINK_400,
+    "500": COLORS.COLOR_PINK_500,
+    "600": COLORS.COLOR_PINK_600,
+    "700": COLORS.COLOR_PINK_700,
+    "800": COLORS.COLOR_PINK_800,
+    "900": COLORS.COLOR_PINK_900,
+    "1000": COLORS.COLOR_PINK_1000,
+    "1100": COLORS.COLOR_PINK_1100
   },
   orange: {
-    '0': COLORS.COLOR_ORANGE_0,
-    '100': COLORS.COLOR_ORANGE_100,
-    '200': COLORS.COLOR_ORANGE_200,
-    '300': COLORS.COLOR_ORANGE_300,
-    '400': COLORS.COLOR_ORANGE_400,
-    '500': COLORS.COLOR_ORANGE_500,
-    '600': COLORS.COLOR_ORANGE_600,
-    '700': COLORS.COLOR_ORANGE_700,
-    '800': COLORS.COLOR_ORANGE_800,
-    '900': COLORS.COLOR_ORANGE_900,
-    '1000': COLORS.COLOR_ORANGE_1000,
-    '1100': COLORS.COLOR_ORANGE_1100
+    "0": COLORS.COLOR_ORANGE_0,
+    "100": COLORS.COLOR_ORANGE_100,
+    "200": COLORS.COLOR_ORANGE_200,
+    "300": COLORS.COLOR_ORANGE_300,
+    "400": COLORS.COLOR_ORANGE_400,
+    "500": COLORS.COLOR_ORANGE_500,
+    "600": COLORS.COLOR_ORANGE_600,
+    "700": COLORS.COLOR_ORANGE_700,
+    "800": COLORS.COLOR_ORANGE_800,
+    "900": COLORS.COLOR_ORANGE_900,
+    "1000": COLORS.COLOR_ORANGE_1000,
+    "1100": COLORS.COLOR_ORANGE_1100
   }
 };
 export default literalColors;