@sproutsocial/racine 12.24.0 → 13.1.1

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

@@ -1,83 +1,82 @@
 // @flow strict-local
-import {transparentize} from 'polished';
-import baseLightTheme from '../../../light/theme';
-import type {TypeSproutTheme} from '../../../../types/theme.flow';
-
+/* eslint-disable no-restricted-imports */
+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";
+import type { TypeSproutTheme } from "../../../../types/theme.flow";
 export const navigation = {
   main: {
     background: {
       base: baseLightTheme.colors.neutral[900],
-      overflowGradient: baseLightTheme.colors.neutral[1000],
+      overflowGradient: baseLightTheme.colors.neutral[1000]
     },
     border: {
-      base: baseLightTheme.colors.neutral[1000],
-    },
+      base: baseLightTheme.colors.neutral[1000]
+    }
   },
   secondary: {
     background: {
-      base: baseLightTheme.colors.neutral[800],
+      base: baseLightTheme.colors.neutral[800]
     },
     widget: {
       background: {
-        base: baseLightTheme.colors.neutral[1000],
-      },
+        base: baseLightTheme.colors.neutral[1000]
+      }
     },
     accordion: {
       background: {
-        base: baseLightTheme.colors.neutral[900],
-      },
-    },
+        base: baseLightTheme.colors.neutral[900]
+      }
+    }
   },
   settings: {
     listItem: {
       background: {
         base: 'transparent',
         hover: baseLightTheme.colors.neutral[200],
-        selected: baseLightTheme.colors.neutral[0],
-      },
-    },
+        selected: baseLightTheme.colors.neutral[0]
+      }
+    }
   },
   text: {
     base: baseLightTheme.colors.neutral[0],
-    hover: baseLightTheme.colors.neutral[0],
+    hover: baseLightTheme.colors.neutral[0]
   },
   icon: {
     base: baseLightTheme.colors.neutral[0],
-    hover: baseLightTheme.colors.neutral[0],
+    hover: baseLightTheme.colors.neutral[0]
   },
   listItem: {
     background: {
       base: baseLightTheme.colors.neutral[800],
       hover: baseLightTheme.colors.neutral[1000],
-      selected: baseLightTheme.colors.neutral[700],
-    },
-  },
+      selected: baseLightTheme.colors.neutral[700]
+    }
+  }
 };
-
 export const datePicker = {
   comparison: {
     background: {
-      base: baseLightTheme.colors.neutral[400],
+      base: baseLightTheme.colors.neutral[400]
     },
     text: {
-      base: baseLightTheme.colors.neutral[800],
-    },
-  },
+      base: baseLightTheme.colors.neutral[800]
+    }
+  }
 };
-
 export const analytics = {
   trend: {
     positive: baseLightTheme.colors.teal[800],
     neutral: baseLightTheme.colors.neutral[800],
-    negative: baseLightTheme.colors.neutral[800],
+    negative: baseLightTheme.colors.neutral[800]
   },
   overlay: {
     background: {
-      base: transparentize(0.2, baseLightTheme.colors.neutral[0]),
-    },
-  },
+      base: transparentize(0.2, baseLightTheme.colors.neutral[0])
+    }
+  }
 };
-
 export const listening = {
   topicTypes: {
     customTopic: baseLightTheme.colors.blue[400],
@@ -86,7 +85,7 @@ export const listening = {
     competitiveAnalysis: baseLightTheme.colors.yellow[400],
     campaignAnalysis: baseLightTheme.colors.magenta[400],
     eventMonitoring: baseLightTheme.colors.aqua[400],
-    featuredTopic: baseLightTheme.colors.green[400],
+    featuredTopic: baseLightTheme.colors.green[400]
   },
   worldMap: {
     empty: baseLightTheme.colors.neutral[200],
@@ -97,102 +96,99 @@ export const listening = {
     q4: baseLightTheme.colors.purple[600],
     q5: baseLightTheme.colors.purple[700],
     q6: baseLightTheme.colors.purple[800],
-    q7: baseLightTheme.colors.purple[900],
-  },
+    q7: baseLightTheme.colors.purple[900]
+  }
 };
-
 export const growth = {
   education: {
     decorative: {
       aqua: baseLightTheme.colors.aqua[600],
-      teal: baseLightTheme.colors.teal[700],
-    },
+      teal: baseLightTheme.colors.teal[700]
+    }
   },
   opportunity: {
     background: {
       base: baseLightTheme.colors.purple[700],
       secondary: baseLightTheme.colors.neutral[900],
-      hover: baseLightTheme.colors.purple[300],
+      hover: baseLightTheme.colors.purple[300]
     },
     button: {
       primary: {
         base: baseLightTheme.colors.purple[700],
-        hover: baseLightTheme.colors.purple[800],
-      },
+        hover: baseLightTheme.colors.purple[800]
+      }
     },
     badge: {
       background: {
         base: baseLightTheme.colors.purple[200],
-        active: baseLightTheme.colors.purple[800],
+        active: baseLightTheme.colors.purple[800]
       },
       icon: {
         base: baseLightTheme.colors.purple[700],
-        active: baseLightTheme.colors.purple[100],
+        active: baseLightTheme.colors.purple[100]
       },
       text: {
-        base: baseLightTheme.colors.purple[700],
-      },
+        base: baseLightTheme.colors.purple[700]
+      }
     },
     decorative: {
       // confetti
       green: baseLightTheme.colors.green[700],
       lightAqua: baseLightTheme.colors.aqua[600],
       darkAqua: baseLightTheme.colors.aqua[1100],
-      purple: baseLightTheme.colors.purple[700],
-    },
+      purple: baseLightTheme.colors.purple[700]
+    }
   },
   featuredDemo: {
     background: {
       primary: {
         base: baseLightTheme.colors.blue[700],
-        hover: baseLightTheme.colors.blue[900],
+        hover: baseLightTheme.colors.blue[900]
       },
       secondary: {
         base: baseLightTheme.colors.purple[800],
-        hover: baseLightTheme.colors.purple[800],
-      },
-    },
+        hover: baseLightTheme.colors.purple[800]
+      }
+    }
   },
   darkModal: {
     background: {
-      base: baseLightTheme.colors.aqua[1100],
+      base: baseLightTheme.colors.aqua[1100]
     },
     text: {
-      base: baseLightTheme.colors.neutral[0],
+      base: baseLightTheme.colors.neutral[0]
     },
     cards: {
       background: {
         base: baseLightTheme.colors.neutral[0],
-        hover: baseLightTheme.colors.purple[100],
+        hover: baseLightTheme.colors.purple[100]
       },
       text: {
         base: baseLightTheme.colors.neutral[800],
-        hover: baseLightTheme.colors.neutral[900],
+        hover: baseLightTheme.colors.neutral[900]
       },
       border: {
         base: baseLightTheme.colors.neutral[0],
-        hover: baseLightTheme.colors.purple[700],
-      },
-    },
+        hover: baseLightTheme.colors.purple[700]
+      }
+    }
   },
   user: {
     status: {
-      online: baseLightTheme.colors.green[700],
-    },
-  },
+      online: baseLightTheme.colors.green[700]
+    }
+  }
 };
-
 export const cardControl = {
   background: {
     base: baseLightTheme.colors.neutral[0],
     selected: baseLightTheme.colors.neutral[800],
-    hover: baseLightTheme.colors.neutral[100],
+    hover: baseLightTheme.colors.neutral[100]
   },
   text: {
-    selected: baseLightTheme.colors.text.inverse,
-  },
+    selected: baseLightTheme.colors.text.inverse
+  }
 };
-
 const lightTheme: TypeSproutTheme = {
   ...baseLightTheme,
   colors: {
@@ -202,8 +198,7 @@ const lightTheme: TypeSproutTheme = {
     analytics,
     listening,
     growth,
-    cardControl,
-  },
+    cardControl
+  }
 };
-
-export default lightTheme;
+export default lightTheme;

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

@@ -1,30 +1,8 @@
 // @flow strict-local
 
 import COLORS from '@sproutsocial/seeds-color';
-
 export const 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_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,
@@ -45,6 +23,6 @@ export const datavizPalette = {
     '17': COLORS.COLOR_ORANGE_900,
     '18': COLORS.COLOR_RED_400,
     '19': COLORS.COLOR_GREEN_700,
-    '20': COLORS.COLOR_YELLOW_800,
-  },
-};
+    '20': COLORS.COLOR_YELLOW_800
+  }
+};

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

@@ -1,69 +1,58 @@
 // @flow strict-local
 
 import COLORS from '@sproutsocial/seeds-color';
-
 export const green = {
   background: COLORS.COLOR_GREEN_100,
   highlight: COLORS.COLOR_GREEN_500,
-  foreground: COLORS.COLOR_GREEN_900,
+  foreground: COLORS.COLOR_GREEN_900
 };
-
 export const blue = {
   background: COLORS.COLOR_BLUE_100,
   highlight: COLORS.COLOR_BLUE_600,
-  foreground: COLORS.COLOR_BLUE_900,
+  foreground: COLORS.COLOR_BLUE_900
 };
-
 export const purple = {
   background: COLORS.COLOR_PURPLE_100,
   highlight: COLORS.COLOR_PURPLE_500,
-  foreground: COLORS.COLOR_PURPLE_800,
+  foreground: COLORS.COLOR_PURPLE_800
 };
-
 export const yellow = {
   background: COLORS.COLOR_YELLOW_100,
   highlight: COLORS.COLOR_YELLOW_600,
-  foreground: COLORS.COLOR_YELLOW_900,
+  foreground: COLORS.COLOR_YELLOW_900
 };
-
 export const orange = {
   background: COLORS.COLOR_ORANGE_100,
   highlight: COLORS.COLOR_ORANGE_600,
-  foreground: COLORS.COLOR_ORANGE_900,
+  foreground: COLORS.COLOR_ORANGE_900
 };
-
 export const red = {
   background: COLORS.COLOR_RED_100,
   highlight: COLORS.COLOR_RED_600,
-  foreground: COLORS.COLOR_RED_900,
+  foreground: COLORS.COLOR_RED_900
 };
-
 export const neutral = {
   background: COLORS.COLOR_NEUTRAL_100,
   highlight: COLORS.COLOR_NEUTRAL_500,
-  foreground: COLORS.COLOR_NEUTRAL_900,
+  foreground: COLORS.COLOR_NEUTRAL_900
 };
-
 export const magenta = {
   background: COLORS.COLOR_MAGENTA_100,
   highlight: COLORS.COLOR_MAGENTA_600,
-  foreground: COLORS.COLOR_MAGENTA_900,
+  foreground: COLORS.COLOR_MAGENTA_900
 };
-
 export const pink = {
   background: COLORS.COLOR_PINK_100,
   highlight: COLORS.COLOR_PINK_600,
-  foreground: COLORS.COLOR_PINK_900,
+  foreground: COLORS.COLOR_PINK_900
 };
-
 export const aqua = {
   background: COLORS.COLOR_AQUA_100,
   highlight: COLORS.COLOR_AQUA_500,
-  foreground: COLORS.COLOR_AQUA_900,
+  foreground: COLORS.COLOR_AQUA_900
 };
-
 export const teal = {
   background: COLORS.COLOR_TEAL_100,
   highlight: COLORS.COLOR_TEAL_500,
-  foreground: COLORS.COLOR_TEAL_900,
-};
+  foreground: COLORS.COLOR_TEAL_900
+};

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

@@ -1,7 +1,6 @@
 // @flow strict-local
 
 import COLORS from '@sproutsocial/seeds-color';
-
 const literalColors = {
   neutral: {
     '0': COLORS.COLOR_NEUTRAL_0,
@@ -15,7 +14,7 @@ const literalColors = {
     '800': COLORS.COLOR_NEUTRAL_800,
     '900': COLORS.COLOR_NEUTRAL_900,
     '1000': COLORS.COLOR_NEUTRAL_1000,
-    '1100': COLORS.COLOR_NEUTRAL_1100,
+    '1100': COLORS.COLOR_NEUTRAL_1100
   },
   green: {
     '0': COLORS.COLOR_GREEN_0,
@@ -29,7 +28,7 @@ const literalColors = {
     '800': COLORS.COLOR_GREEN_800,
     '900': COLORS.COLOR_GREEN_900,
     '1000': COLORS.COLOR_GREEN_1000,
-    '1100': COLORS.COLOR_GREEN_1100,
+    '1100': COLORS.COLOR_GREEN_1100
   },
   red: {
     '0': COLORS.COLOR_RED_0,
@@ -43,7 +42,7 @@ const literalColors = {
     '800': COLORS.COLOR_RED_800,
     '900': COLORS.COLOR_RED_900,
     '1000': COLORS.COLOR_RED_1000,
-    '1100': COLORS.COLOR_RED_1100,
+    '1100': COLORS.COLOR_RED_1100
   },
   blue: {
     '0': COLORS.COLOR_BLUE_0,
@@ -57,7 +56,7 @@ const literalColors = {
     '800': COLORS.COLOR_BLUE_800,
     '900': COLORS.COLOR_BLUE_900,
     '1000': COLORS.COLOR_BLUE_1000,
-    '1100': COLORS.COLOR_BLUE_1100,
+    '1100': COLORS.COLOR_BLUE_1100
   },
   teal: {
     '0': COLORS.COLOR_TEAL_0,
@@ -71,7 +70,7 @@ const literalColors = {
     '800': COLORS.COLOR_TEAL_800,
     '900': COLORS.COLOR_TEAL_900,
     '1000': COLORS.COLOR_TEAL_1000,
-    '1100': COLORS.COLOR_TEAL_1100,
+    '1100': COLORS.COLOR_TEAL_1100
   },
   aqua: {
     '0': COLORS.COLOR_AQUA_0,
@@ -85,7 +84,7 @@ const literalColors = {
     '800': COLORS.COLOR_AQUA_800,
     '900': COLORS.COLOR_AQUA_900,
     '1000': COLORS.COLOR_AQUA_1000,
-    '1100': COLORS.COLOR_AQUA_1100,
+    '1100': COLORS.COLOR_AQUA_1100
   },
   purple: {
     '0': COLORS.COLOR_PURPLE_0,
@@ -99,7 +98,7 @@ const literalColors = {
     '800': COLORS.COLOR_PURPLE_800,
     '900': COLORS.COLOR_PURPLE_900,
     '1000': COLORS.COLOR_PURPLE_1000,
-    '1100': COLORS.COLOR_PURPLE_1100,
+    '1100': COLORS.COLOR_PURPLE_1100
   },
   magenta: {
     '0': COLORS.COLOR_MAGENTA_0,
@@ -113,7 +112,7 @@ const literalColors = {
     '800': COLORS.COLOR_MAGENTA_800,
     '900': COLORS.COLOR_MAGENTA_900,
     '1000': COLORS.COLOR_MAGENTA_1000,
-    '1100': COLORS.COLOR_MAGENTA_1100,
+    '1100': COLORS.COLOR_MAGENTA_1100
   },
   yellow: {
     '0': COLORS.COLOR_YELLOW_0,
@@ -127,7 +126,7 @@ const literalColors = {
     '800': COLORS.COLOR_YELLOW_800,
     '900': COLORS.COLOR_YELLOW_900,
     '1000': COLORS.COLOR_YELLOW_1000,
-    '1100': COLORS.COLOR_YELLOW_1100,
+    '1100': COLORS.COLOR_YELLOW_1100
   },
   pink: {
     '0': COLORS.COLOR_PINK_0,
@@ -141,7 +140,7 @@ const literalColors = {
     '800': COLORS.COLOR_PINK_800,
     '900': COLORS.COLOR_PINK_900,
     '1000': COLORS.COLOR_PINK_1000,
-    '1100': COLORS.COLOR_PINK_1100,
+    '1100': COLORS.COLOR_PINK_1100
   },
   orange: {
     '0': COLORS.COLOR_ORANGE_0,
@@ -155,8 +154,7 @@ const literalColors = {
     '800': COLORS.COLOR_ORANGE_800,
     '900': COLORS.COLOR_ORANGE_900,
     '1000': COLORS.COLOR_ORANGE_1000,
-    '1100': COLORS.COLOR_ORANGE_1100,
-  },
+    '1100': COLORS.COLOR_ORANGE_1100
+  }
 };
-
-export default literalColors;
+export default literalColors;