@sproutsocial/racine 12.20.0 → 12.21.1

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

@@ -1,4 +1,6 @@
-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

@@ -1,17 +1,19 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import COLORS from "@sproutsocial/seeds-color";
-import DEPTH from "@sproutsocial/seeds-depth";
-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";
-import { transparentize } from "polished";
-var MODE = "dark";
+import COLORS from '@sproutsocial/seeds-color';
+import DEPTH from '@sproutsocial/seeds-depth';
+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';
+import { transparentize } from 'polished';
+var MODE = 'dark';
 export var shadows = {
   low: DEPTH.ELEVATION_LEVEL_100 + " " + COLORS.COLOR_NEUTRAL_1100 + "FF",
   medium: DEPTH.ELEVATION_LEVEL_300 + " " + COLORS.COLOR_NEUTRAL_1100 + "FF",
   high: DEPTH.ELEVATION_LEVEL_400 + " " + COLORS.COLOR_NEUTRAL_1100 + "FF"
-}; // If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
+};
+
+// If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
 
 var colors = _extends({}, lightTheme.colors, {
   app: {
@@ -27,7 +29,6 @@ var colors = _extends({}, lightTheme.colors, {
       error: red.background,
       info: blue.background,
       opportunity: purple.background,
-
       /**  @deprecated Use "error" instead of "danger" */
       danger: red.background,
       decorative: {
@@ -53,7 +54,6 @@ var colors = _extends({}, lightTheme.colors, {
       success: green.highlight,
       warning: yellow.highlight,
       error: red.highlight,
-
       /**  @deprecated Use "error" instead of "danger" */
       danger: red.highlight,
       info: blue.highlight,
@@ -82,7 +82,7 @@ var colors = _extends({}, lightTheme.colors, {
         active: COLORS.COLOR_BLUE_200
       },
       border: {
-        base: "transparent"
+        base: 'transparent'
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_900,
@@ -91,7 +91,7 @@ var colors = _extends({}, lightTheme.colors, {
     },
     secondary: {
       background: {
-        base: "transparent",
+        base: 'transparent',
         hover: COLORS.COLOR_NEUTRAL_100,
         active: COLORS.COLOR_NEUTRAL_0
       },
@@ -105,12 +105,12 @@ var colors = _extends({}, 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: {
@@ -125,7 +125,7 @@ var colors = _extends({}, lightTheme.colors, {
         active: COLORS.COLOR_RED_200
       },
       border: {
-        base: "transparent"
+        base: 'transparent'
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_900,
@@ -134,7 +134,7 @@ var colors = _extends({}, lightTheme.colors, {
     },
     placeholder: {
       background: {
-        base: "transparent",
+        base: 'transparent',
         hover: COLORS.COLOR_NEUTRAL_1100,
         active: COLORS.COLOR_NEUTRAL_1100
       },
@@ -148,10 +148,10 @@ var colors = _extends({}, lightTheme.colors, {
     },
     unstyled: {
       background: {
-        base: "transparent"
+        base: 'transparent'
       },
       border: {
-        base: "transparent"
+        base: 'transparent'
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_300,
@@ -180,7 +180,6 @@ var colors = _extends({}, lightTheme.colors, {
     success: green.foreground,
     warning: yellow.foreground,
     error: red.foreground,
-
     /**  @deprecated Use "error" instead of "danger" */
     danger: red.foreground,
     info: blue.foreground,
@@ -207,7 +206,7 @@ var colors = _extends({}, lightTheme.colors, {
   },
   listItem: {
     background: {
-      base: "transparent",
+      base: 'transparent',
       hover: COLORS.COLOR_NEUTRAL_800,
       selected: COLORS.COLOR_NEUTRAL_0
     }
@@ -235,11 +234,9 @@ var colors = _extends({}, lightTheme.colors, {
     list: datavizPalette.DATAVIZ_COLORS_LIST
   }
 }, datavizPalette);
-
 var darkTheme = _extends({}, lightTheme, {
   colors: colors,
   shadows: shadows,
   mode: MODE
 });
-
 export default darkTheme;

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

@@ -1,7 +1,6 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import { transparentize } from "polished";
-import baseDarkTheme from "../../../dark/theme";
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { transparentize } from 'polished';
+import baseDarkTheme from '../../../dark/theme';
 export var navigation = {
   main: {
     background: {
@@ -33,7 +32,7 @@ export var navigation = {
   settings: {
     listItem: {
       background: {
-        base: "transparent",
+        base: 'transparent',
         hover: baseDarkTheme.colors.neutral[1100],
         selected: baseDarkTheme.colors.neutral[800]
       }
@@ -189,7 +188,6 @@ export var cardControl = {
     selected: baseDarkTheme.colors.text.body
   }
 };
-
 var darkTheme = _extends({}, baseDarkTheme, {
   colors: _extends({}, baseDarkTheme.colors, {
     navigation: navigation,
@@ -200,5 +198,4 @@ var darkTheme = _extends({}, baseDarkTheme, {
     cardControl: cardControl
   })
 });
-
 export default darkTheme;

package/lib/themes/extendedThemes/sproutTheme/index.js

@@ -1,2 +1,3 @@
-export { default as sproutLightTheme } from "./light/theme";
-export { default as sproutDarkTheme } from "./dark/theme";
+
+export { default as sproutLightTheme } from './light/theme';
+export { default as sproutDarkTheme } from './dark/theme';

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

@@ -1,7 +1,6 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import { transparentize } from "polished";
-import baseLightTheme from "../../../light/theme";
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { transparentize } from 'polished';
+import baseLightTheme from '../../../light/theme';
 export var navigation = {
   main: {
     background: {
@@ -30,7 +29,7 @@ export var navigation = {
   settings: {
     listItem: {
       background: {
-        base: "transparent",
+        base: 'transparent',
         hover: baseLightTheme.colors.neutral[200],
         selected: baseLightTheme.colors.neutral[0]
       }
@@ -186,7 +185,6 @@ export var cardControl = {
     selected: baseLightTheme.colors.text.inverse
   }
 };
-
 var lightTheme = _extends({}, baseLightTheme, {
   colors: _extends({}, baseLightTheme.colors, {
     navigation: navigation,
@@ -197,5 +195,4 @@ var lightTheme = _extends({}, baseLightTheme, {
     cardControl: cardControl
   })
 });
-
 export default lightTheme;

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

@@ -1,26 +1,28 @@
-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,6 @@
-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,158 +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,
-    "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,
+    '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,
-    "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,
+    '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;