@sproutsocial/seeds-react-theme 1.0.0

package/__flow__/dark/dataviz-palette.flow.js

@@ -0,0 +1,3 @@
+// @flow strict-local
+import type { TypeDatavizPalette } from "../light/dataviz-palette.flow";
+declare export var datavizPalette: TypeDatavizPalette;

package/__flow__/dark/decorative-palettes.flow.js

@@ -0,0 +1,13 @@
+// @flow strict-local
+import type { TypeDecorativeColors } from "../light/decorative-palettes.flow";
+declare export var green: TypeDecorativeColors;
+declare export var blue: TypeDecorativeColors;
+declare export var purple: TypeDecorativeColors;
+declare export var yellow: TypeDecorativeColors;
+declare export var orange: TypeDecorativeColors;
+declare export var red: TypeDecorativeColors;
+declare export var neutral: TypeDecorativeColors;
+declare export var magenta: TypeDecorativeColors;
+declare export var pink: TypeDecorativeColors;
+declare export var aqua: TypeDecorativeColors;
+declare export var teal: TypeDecorativeColors;

package/__flow__/dark/theme.flow.js

@@ -0,0 +1,5 @@
+// @flow strict-local
+import type { TypeShadow, TypeTheme } from "../types/theme.flow";
+declare export var shadows: TypeShadow;
+declare var darkTheme: TypeTheme;
+declare export default typeof darkTheme;

package/__flow__/extendedThemes/sproutTheme/dark/theme.flow.js

@@ -0,0 +1,10 @@
+// @flow strict-local
+import type { TypeAnalyticsTheme, TypeCardControlTheme, TypeDatePickerTheme, TypeGrowthTheme, TypeListeningTheme, TypeNavigationTheme, TypeSproutTheme } from "../../../types/theme.flow";
+declare export var navigation: TypeNavigationTheme;
+declare export var datePicker: TypeDatePickerTheme;
+declare export var analytics: TypeAnalyticsTheme;
+declare export var listening: TypeListeningTheme;
+declare export var growth: TypeGrowthTheme;
+declare export var cardControl: TypeCardControlTheme;
+declare var darkTheme: TypeSproutTheme;
+export default darkTheme;

package/__flow__/extendedThemes/sproutTheme/index.flow.js

@@ -0,0 +1,3 @@
+// @flow strict-local
+export { default as sproutLightTheme } from "./light/theme.flow";
+export { default as sproutDarkTheme } from "./dark/theme.flow";

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

@@ -0,0 +1,10 @@
+// @flow strict-local
+import type { TypeAnalyticsTheme, TypeCardControlTheme, TypeDatePickerTheme, TypeGrowthTheme, TypeListeningTheme, TypeNavigationTheme, TypeSproutTheme } from "../../../types/theme.flow";
+declare export var navigation: TypeNavigationTheme;
+declare export var datePicker: TypeDatePickerTheme;
+declare export var analytics: TypeAnalyticsTheme;
+declare export var listening: TypeListeningTheme;
+declare export var growth: TypeGrowthTheme;
+declare export var cardControl: TypeCardControlTheme;
+declare var lightTheme: TypeSproutTheme;
+declare export default typeof lightTheme;

package/__flow__/index.js

@@ -0,0 +1,3 @@
+// @flow
+	export * from './index.flow';
+	

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

@@ -0,0 +1,29 @@
+// @flow strict-local
+export type TypeDatavizPaletteList = string[];
+export type TypeDatavizPaletteMap = {|
+  "1": string,
+  "2": string,
+  "3": string,
+  "4": string,
+  "5": string,
+  "6": string,
+  "7": string,
+  "8": string,
+  "9": string,
+  "10": string,
+  "11": string,
+  "12": string,
+  "13": string,
+  "14": string,
+  "15": string,
+  "16": string,
+  "17": string,
+  "18": string,
+  "19": string,
+  "20": string,
+|};
+export type TypeDatavizPalette = {|
+  DATAVIZ_COLORS_LIST: TypeDatavizPaletteList,
+  DATAVIZ_COLORS_MAP: TypeDatavizPaletteMap,
+|};
+declare export var datavizPalette: TypeDatavizPalette;

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

@@ -0,0 +1,17 @@
+// @flow strict-local
+export type TypeDecorativeColors = {|
+  background: string,
+  highlight: string,
+  foreground: string,
+|};
+declare export var green: TypeDecorativeColors;
+declare export var blue: TypeDecorativeColors;
+declare export var purple: TypeDecorativeColors;
+declare export var yellow: TypeDecorativeColors;
+declare export var orange: TypeDecorativeColors;
+declare export var red: TypeDecorativeColors;
+declare export var neutral: TypeDecorativeColors;
+declare export var magenta: TypeDecorativeColors;
+declare export var pink: TypeDecorativeColors;
+declare export var aqua: TypeDecorativeColors;
+declare export var teal: TypeDecorativeColors;

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

@@ -0,0 +1,31 @@
+// @flow strict-local
+
+type TypeLiteralColor = {|
+  "0": string,
+  "100": string,
+  "200": string,
+  "300": string,
+  "400": string,
+  "500": string,
+  "600": string,
+  "700": string,
+  "800": string,
+  "900": string,
+  "1000": string,
+  "1100": string,
+|};
+export type TypeLiteralColors = {|
+  neutral: TypeLiteralColor,
+  green: TypeLiteralColor,
+  red: TypeLiteralColor,
+  blue: TypeLiteralColor,
+  teal: TypeLiteralColor,
+  aqua: TypeLiteralColor,
+  purple: TypeLiteralColor,
+  magenta: TypeLiteralColor,
+  yellow: TypeLiteralColor,
+  pink: TypeLiteralColor,
+  orange: TypeLiteralColor,
+|};
+declare var literalColors: TypeLiteralColors;
+declare export default typeof literalColors;

package/__flow__/light/theme.flow.js

@@ -0,0 +1,16 @@
+// @flow strict-local
+import type { TypeBorder, TypeBorderWidth, TypeBreakpoint, TypeDuration, TypeEasing, TypeFontFamily, TypeFontWeight, TypeRadii, TypeShadow, TypeSpace, TypeTheme, TypeTypography } from "../types/theme.flow";
+export type TypeFontFamilyString = string;
+declare export var breakpoints: TypeBreakpoint;
+declare export var typography: TypeTypography;
+declare export var fontFamily: TypeFontFamily;
+declare export var fontWeights: TypeFontWeight;
+declare export var space: TypeSpace;
+declare export var radii: TypeRadii;
+declare export var borders: TypeBorder;
+declare export var borderWidths: TypeBorderWidth;
+declare export var shadows: TypeShadow;
+declare export var easing: TypeEasing;
+declare export var duration: TypeDuration;
+declare var theme: TypeTheme;
+declare export default typeof theme;

package/__flow__/types/theme.colors.flow.js

@@ -0,0 +1,358 @@
+// @flow strict-local
+
+import type { TypeLiteralColors } from "../light/literal-colors.flow";
+import type { TypeDatavizPalette, TypeDatavizPaletteList, TypeDatavizPaletteMap } from "../light/dataviz-palette.flow";
+type TypeAppColors = {|
+  app: {
+    background: {
+      base: string,
+      ...
+    },
+    ...
+  }
+|};
+type TypeContainerColors = {|
+  container: {
+    background: {
+      base: string,
+      success: string,
+      warning: string,
+      error: string,
+      info: string,
+      opportunity: string,
+      /**  @deprecated Use "error" instead of "danger" */
+      danger: string,
+      decorative: {
+        green: string,
+        blue: string,
+        purple: string,
+        yellow: string,
+        orange: string,
+        red: string,
+        neutral: string,
+        magenta: string,
+        pink: string,
+        aqua: string,
+        teal: string,
+        ...
+      },
+      selected: string,
+      positive_sentiment: string,
+      negative_sentiment: string,
+      neutral_sentiment: string,
+      ...
+    },
+    border: {
+      base: string,
+      success: string,
+      warning: string,
+      error: string,
+      /**  @deprecated Use "error" instead of "danger" */
+      danger: string,
+      info: string,
+      opportunity: string,
+      decorative: {
+        green: string,
+        blue: string,
+        purple: string,
+        yellow: string,
+        orange: string,
+        red: string,
+        neutral: string,
+        magenta: string,
+        pink: string,
+        aqua: string,
+        teal: string,
+        ...
+      },
+      selected: string,
+      ...
+    },
+    ...
+  }
+|};
+type TypeButtonColors = {|
+  button: {
+    primary: {
+      background: {
+        base: string,
+        hover: string,
+        active: string,
+        ...
+      },
+      border: {
+        base: string,
+        ...
+      },
+      text: {
+        base: string,
+        hover: string,
+        ...
+      },
+      ...
+    },
+    secondary: {
+      background: {
+        base: string,
+        hover: string,
+        active: string,
+        ...
+      },
+      border: {
+        base: string,
+        ...
+      },
+      text: {
+        base: string,
+        hover: string,
+        ...
+      },
+      ...
+    },
+    pill: {
+      background: {
+        base: string,
+        hover: string,
+        active: string,
+        ...
+      },
+      border: {
+        base: string,
+        hover: string,
+        ...
+      },
+      text: {
+        base: string,
+        hover: string,
+        ...
+      },
+      ...
+    },
+    destructive: {
+      background: {
+        base: string,
+        hover: string,
+        active: string,
+        ...
+      },
+      border: {
+        base: string,
+        ...
+      },
+      text: {
+        base: string,
+        hover: string,
+        ...
+      },
+      ...
+    },
+    placeholder: {
+      background: {
+        base: string,
+        hover: string,
+        active: string,
+        ...
+      },
+      border: {
+        base: string,
+        ...
+      },
+      text: {
+        base: string,
+        hover: string,
+        ...
+      },
+      ...
+    },
+    unstyled: {
+      background: {
+        base: string,
+        ...
+      },
+      border: {
+        base: string,
+        ...
+      },
+      text: {
+        base: string,
+        hover: string,
+        ...
+      },
+      ...
+    },
+    ...
+  }
+|};
+type TypeLinkColors = {|
+  link: {
+    base: string,
+    hover: string,
+    ...
+  }
+|};
+type TypeTextColors = {|
+  text: {
+    headline: string,
+    subtext: string,
+    body: string,
+    inverse: string,
+    error: string,
+    background: {
+      highlight: string,
+      ...
+    },
+    decorative: {
+      green: string,
+      blue: string,
+      purple: string,
+      yellow: string,
+      orange: string,
+      red: string,
+      neutral: string,
+      magenta: string,
+      pink: string,
+      aqua: string,
+      teal: string,
+      ...
+    },
+    ...
+  }
+|};
+type TypeIconColors = {|
+  icon: {
+    base: string,
+    inverse: string,
+    success: string,
+    warning: string,
+    error: string,
+    /**  @deprecated Use "error" instead of "danger" */
+    danger: string,
+    info: string,
+    opportunity: string,
+    applied: string,
+    positive_sentiment: string,
+    negative_sentiment: string,
+    neutral_sentiment: string,
+    ...
+  }
+|};
+type TypeFormColors = {|
+  form: {
+    background: {
+      base: string,
+      selected: string,
+      ...
+    },
+    border: {
+      base: string,
+      error: string,
+      warning: string,
+      selected: string,
+      ...
+    },
+    placeholder: {
+      base: string,
+      ...
+    },
+    ...
+  }
+|};
+type TypeListItemColors = {|
+  listItem: {
+    background: {
+      base: string,
+      hover: string,
+      selected: string,
+      ...
+    },
+    ...
+  }
+|};
+type TypeOverlayColors = {|
+  overlay: {
+    background: {
+      base: string,
+      ...
+    },
+    text: {
+      base: string,
+      ...
+    },
+    icon: {
+      base: string,
+      ...
+    },
+    ...
+  }
+|};
+type TypeElevationColors = {|
+  elevation: {
+    base: string,
+    ...
+  }
+|};
+type TypeDatavizColors = {|
+  ...TypeDatavizPalette,
+  dataviz: {
+    map: TypeDatavizPaletteMap,
+    list: TypeDatavizPaletteList,
+    ...
+  },
+|};
+type TypeIllustrationColors = {|
+  illustration: {
+    fill: string,
+    stroke: string,
+    ...
+  }
+|};
+type TypeNetworkColors = {|
+  network: {
+    twitter: string,
+    twitter_like: string,
+    facebook: string,
+    facebook_audience_network: string,
+    linkedin: string,
+    instagram: string,
+    feedly: string,
+    analytics: string,
+    youtube: string,
+    messenger: string,
+    snapchat: string,
+    pinterest: string,
+    tumblr: string,
+    reddit: string,
+    tripadvisor: string,
+    glassdoor: string,
+    google_my_business: string,
+    google_business_messages: string,
+    salesforce: string,
+    zendesk: string,
+    hubspot: string,
+    microsoft_dynamics: string,
+    yelp: string,
+    whatsapp: string,
+    tiktok: string,
+    threads: string,
+    trustpilot: string,
+    ...
+  }
+|};
+export type TypeColors = {
+  ...TypeAppColors,
+  ...TypeContainerColors,
+  ...TypeButtonColors,
+  ...TypeLinkColors,
+  ...TypeLinkColors,
+  ...TypeTextColors,
+  ...TypeIconColors,
+  ...TypeFormColors,
+  ...TypeListItemColors,
+  ...TypeOverlayColors,
+  ...TypeElevationColors,
+  ...TypeDatavizColors,
+  ...TypeIllustrationColors,
+  ...TypeNetworkColors,
+  ...TypeLiteralColors,
+  ...
+};