@sproutsocial/seeds-react-theme 1.6.0 → 2.0.0

package/commonjs/light/theme.js

@@ -371,10 +371,14 @@ var radii = exports.radii = {
   pill: _seedsBorder.default.BORDER_RADIUS_1000
 };
 var borders = exports.borders = {
-  500: "".concat(_seedsBorder.default.BORDER_WIDTH_500, " solid")
+  500: "".concat(_seedsBorder.default.BORDER_WIDTH_500, " solid"),
+  600: "".concat(_seedsBorder.default.BORDER_WIDTH_600, " solid"),
+  700: "".concat(_seedsBorder.default.BORDER_WIDTH_700, " solid")
 };
 var borderWidths = exports.borderWidths = {
-  500: _seedsBorder.default.BORDER_WIDTH_500
+  500: _seedsBorder.default.BORDER_WIDTH_500,
+  600: _seedsBorder.default.BORDER_WIDTH_600,
+  700: _seedsBorder.default.BORDER_WIDTH_700
 };
 var shadows = exports.shadows = {
   low: "".concat(_seedsDepth.default.ELEVATION_LEVEL_100, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D"),

package/dist/themes/dark/theme.scss

@@ -659,10 +659,14 @@ $theme: (
       )
     ),
     "borders": (
-      "500": 1px solid
+      "500": 1px solid,
+      "600": 2px solid,
+      "700": 3px solid
     ),
     "borderWidths": (
-      "500": 1px
+      "500": 1px,
+      "600": 2px,
+      "700": 3px
     ),
     "shadows": (
       "low": 0px 2px 4px #040404FF,

package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss

@@ -940,10 +940,14 @@ $theme: (
       )
     ),
     "borders": (
-      "500": 1px solid
+      "500": 1px solid,
+      "600": 2px solid,
+      "700": 3px solid
     ),
     "borderWidths": (
-      "500": 1px
+      "500": 1px,
+      "600": 2px,
+      "700": 3px
     ),
     "shadows": (
       "low": 0px 2px 4px #040404FF,

package/dist/themes/extendedThemes/sproutTheme/light/theme.scss

@@ -940,10 +940,14 @@ $theme: (
       )
     ),
     "borders": (
-      "500": 1px solid
+      "500": 1px solid,
+      "600": 2px solid,
+      "700": 3px solid
     ),
     "borderWidths": (
-      "500": 1px
+      "500": 1px,
+      "600": 2px,
+      "700": 3px
     ),
     "shadows": (
       "low": 0px 2px 4px #2733333D,

package/dist/themes/light/theme.scss

@@ -1,9 +1,13 @@
 $theme: (
   "borderWidths": (
-    "500": 1px
+    "500": 1px,
+    "600": 2px,
+    "700": 3px
   ),
   "borders": (
-    "500": 1px solid
+    "500": 1px solid,
+    "600": 2px solid,
+    "700": 3px solid
   ),
   "breakpoints": (900px, 1200px, 1500px, 1800px),
   "default": (
@@ -666,10 +670,14 @@ $theme: (
       )
     ),
     "borders": (
-      "500": 1px solid
+      "500": 1px solid,
+      "600": 2px solid,
+      "700": 3px solid
     ),
     "borderWidths": (
-      "500": 1px
+      "500": 1px,
+      "600": 2px,
+      "700": 3px
     ),
     "shadows": (
       "low": 0px 2px 4px #2733333D,

package/dist/types/dark/theme.d.ts

@@ -591,9 +591,13 @@ declare const darkTheme: {
     };
     borders: {
         500: string;
+        600: string;
+        700: string;
     };
     borderWidths: {
         500: string;
+        600: string;
+        700: string;
     };
     easing: {
         ease_in: string;

package/dist/types/dark/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/dark/theme.ts"],"names":[],"mappings":"AA0BA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAsPF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAnOT,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2IrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoEtD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/dark/theme.ts"],"names":[],"mappings":"AA0BA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAsPF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAnOT,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2IrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoEtD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/light/theme.d.ts

@@ -72,9 +72,13 @@ export declare const radii: {
 };
 export declare const borders: {
     500: string;
+    600: string;
+    700: string;
 };
 export declare const borderWidths: {
     500: string;
+    600: string;
+    700: string;
 };
 export declare const shadows: {
     low: string;
@@ -673,9 +677,13 @@ declare const theme: {
     };
     borders: {
         500: string;
+        600: string;
+        700: string;
     };
     borderWidths: {
         500: string;
+        600: string;
+        700: string;
     };
     shadows: {
         low: string;

package/dist/types/light/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/light/theme.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,WAAW,UAA0C,CAAC;AA2RnE,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAatB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAarB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,eAAO,MAAM,UAAU,QAA+B,CAAC;AAEvD,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;CAUjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;CASjB,CAAC;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC;AAEF,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAhXL,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2IrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2OtD,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/light/theme.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,WAAW,UAA0C,CAAC;AA2RnE,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAatB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAarB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,eAAO,MAAM,UAAU,QAA+B,CAAC;AAEvD,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;CAUjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;CASjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC;AAEF,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBApXL,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2IrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+OtD,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/light/theme.js

@@ -367,10 +367,14 @@ export var radii = {
   pill: BORDER.BORDER_RADIUS_1000
 };
 export var borders = {
-  500: "".concat(BORDER.BORDER_WIDTH_500, " solid")
+  500: "".concat(BORDER.BORDER_WIDTH_500, " solid"),
+  600: "".concat(BORDER.BORDER_WIDTH_600, " solid"),
+  700: "".concat(BORDER.BORDER_WIDTH_700, " solid")
 };
 export var borderWidths = {
-  500: BORDER.BORDER_WIDTH_500
+  500: BORDER.BORDER_WIDTH_500,
+  600: BORDER.BORDER_WIDTH_600,
+  700: BORDER.BORDER_WIDTH_700
 };
 export var shadows = {
   low: "".concat(DEPTH.ELEVATION_LEVEL_100, " ").concat(COLORS.COLOR_NEUTRAL_900, "3D"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-theme",
-  "version": "1.6.0",
+  "version": "2.0.0",
   "description": "Seeds Theme",
   "main": "commonjs/index.js",
   "module": "lib/index.mjs",
@@ -8,7 +8,6 @@
   "author": "Sprout Social, Inc.",
   "license": "MIT",
   "files": [
-    "__flow__",
     "commonjs",
     "dist",
     "lib"
@@ -31,7 +30,7 @@
     "polished": "^3.4.1"
   },
   "devDependencies": {
-    "@sproutsocial/seeds-build-flow": "*",
+    "@sproutsocial/seeds-build": "*",
     "glob": "^10.3.10",
     "json-to-scss": "^1.6.2",
     "tsx": "^4.0.0",

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

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

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

@@ -1,13 +0,0 @@
-// @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

@@ -1,5 +0,0 @@
-// @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

@@ -1,11 +0,0 @@
-// @flow strict-local
-import type { TypeAITheme, TypeAnalyticsTheme, TypeCardControlTheme, TypeDatePickerTheme, TypeGrowthTheme, TypeListeningTheme, TypeNavigationTheme, TypeSproutTheme } from "../../../types/theme.flow";
-declare export var navigation: TypeNavigationTheme;
-declare export var datePicker: TypeDatePickerTheme;
-declare export var ai: TypeAITheme;
-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

@@ -1,3 +0,0 @@
-// @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

@@ -1,11 +0,0 @@
-// @flow strict-local
-import type { TypeAITheme, TypeAnalyticsTheme, TypeCardControlTheme, TypeDatePickerTheme, TypeGrowthTheme, TypeListeningTheme, TypeNavigationTheme, TypeSproutTheme } from "../../../types/theme.flow";
-declare export var navigation: TypeNavigationTheme;
-declare export var datePicker: TypeDatePickerTheme;
-declare export var ai: TypeAITheme;
-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

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

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

@@ -1,29 +0,0 @@
-// @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

@@ -1,17 +0,0 @@
-// @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

@@ -1,31 +0,0 @@
-// @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

@@ -1,16 +0,0 @@
-// @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

@@ -1,368 +0,0 @@
-// @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,
-    x: string,
-    ...
-  }
-|};
-type TypeUserStatusColors = {|
-  userStatus: {
-    online: string,
-    offline: string,
-    unavailable: string,
-    ...
-  }
-|};
-export type TypeColors = {
-  ...TypeAppColors,
-  ...TypeContainerColors,
-  ...TypeButtonColors,
-  ...TypeLinkColors,
-  ...TypeLinkColors,
-  ...TypeTextColors,
-  ...TypeIconColors,
-  ...TypeFormColors,
-  ...TypeListItemColors,
-  ...TypeOverlayColors,
-  ...TypeElevationColors,
-  ...TypeDatavizColors,
-  ...TypeIllustrationColors,
-  ...TypeNetworkColors,
-  ...TypeLiteralColors,
-  ...TypeUserStatusColors,
-  ...
-};

package/__flow__/types/theme.flow.js

@@ -1,399 +0,0 @@
-// @flow strict-local
-import type { TypeFontFamilyString } from "../light/theme.flow";
-import type { TypeColors } from "./theme.colors.flow";
-export type TypeNavigationTheme = {|
-  main: {
-    background: {
-      base: string,
-      overflowGradient: string,
-      ...
-    },
-    border: {
-      base: string,
-      ...
-    },
-    ...
-  },
-  secondary: {
-    background: {
-      base: string,
-      ...
-    },
-    widget: {
-      background: {
-        base: string,
-        ...
-      },
-      ...
-    },
-    accordion: {
-      background: {
-        base: string,
-        ...
-      },
-      ...
-    },
-    ...
-  },
-  settings: {
-    listItem: {
-      background: {
-        base: string,
-        hover: string,
-        selected: string,
-        ...
-      },
-      ...
-    },
-    ...
-  },
-  text: {
-    base: string,
-    hover: string,
-    ...
-  },
-  icon: {
-    base: string,
-    hover: string,
-    ...
-  },
-  listItem: {
-    background: {
-      base: string,
-      hover: string,
-      selected: string,
-      ...
-    },
-    ...
-  },
-|};
-export type TypeDatePickerTheme = {|
-  comparison: {
-    background: {
-      base: string,
-      ...
-    },
-    text: {
-      base: string,
-      ...
-    },
-    ...
-  }
-|};
-export type TypeAITheme = {|
-  feature: {
-    decorative: {
-      primary: string,
-      secondary: string,
-      ...
-    },
-    background: {
-      primary: string,
-      secondary: string,
-      default: {
-        primary: string,
-        secondary: string,
-        ...
-      },
-      inverse: {
-        primary: string,
-        secondary: string,
-        ...
-      },
-      ...
-    },
-    ...
-  }
-|};
-export type TypeAnalyticsTheme = {|
-  trend: {
-    positive: string,
-    neutral: string,
-    negative: string,
-    ...
-  },
-  overlay: {
-    background: {
-      base: string,
-      ...
-    },
-    ...
-  },
-|};
-export type TypeListeningTheme = {|
-  chart: {
-    indicator: {
-      default: {
-        primary: string,
-        secondary: string,
-        ...
-      },
-      hover: {
-        primary: string,
-        secondary: string,
-        ...
-      },
-      ...
-    },
-    spike: {
-      background: {
-        base: string,
-        ...
-      },
-      icon: {
-        base: string,
-        ...
-      },
-      ...
-    },
-    ...
-  },
-  topicTypes: {
-    customTopic: string,
-    brandHealth: string,
-    industryInsights: string,
-    competitiveAnalysis: string,
-    campaignAnalysis: string,
-    eventMonitoring: string,
-    featuredTopic: string,
-    ...
-  },
-  worldMap: {
-    empty: string,
-    q0: string,
-    q1: string,
-    q2: string,
-    q3: string,
-    q4: string,
-    q5: string,
-    q6: string,
-    q7: string,
-    ...
-  },
-|};
-export type TypeGrowthTheme = {|
-  carousel: {
-    indicator: {
-      active: string,
-      inactive: string,
-      ...
-    },
-    ...
-  },
-  education: {
-    decorative: {
-      aqua: string,
-      teal: string,
-      ...
-    },
-    ...
-  },
-  opportunity: {
-    background: {
-      base: string,
-      secondary: string,
-      hover: string,
-      ...
-    },
-    button: {
-      primary: {
-        base: string,
-        hover: string,
-        ...
-      },
-      ...
-    },
-    badge: {
-      background: {
-        base: string,
-        active: string,
-        ...
-      },
-      icon: {
-        base: string,
-        active: string,
-        ...
-      },
-      text: {
-        base: string,
-        ...
-      },
-      ...
-    },
-    decorative: {
-      // confetti
-      green: string,
-      lightAqua: string,
-      darkAqua: string,
-      purple: string,
-      ...
-    },
-    ...
-  },
-  featuredDemo: {
-    background: {
-      primary: {
-        base: string,
-        hover: string,
-        ...
-      },
-      secondary: {
-        base: string,
-        hover: string,
-        ...
-      },
-      ...
-    },
-    ...
-  },
-  darkModal: {
-    background: {
-      base: string,
-      ...
-    },
-    text: {
-      base: string,
-      ...
-    },
-    cards: {
-      background: {
-        base: string,
-        hover: string,
-        ...
-      },
-      text: {
-        base: string,
-        hover: string,
-        ...
-      },
-      border: {
-        base: string,
-        hover: string,
-        ...
-      },
-      ...
-    },
-    ...
-  },
-  user: {
-    status: {
-      online: string,
-      ...
-    },
-    ...
-  },
-|};
-export type TypeCardControlTheme = {|
-  background: {
-    base: string,
-    selected: string,
-    hover: string,
-    ...
-  },
-  text: {
-    selected: string,
-    ...
-  },
-|};
-export type TypeThemeMode = "light" | "dark";
-export type TypeBreakpoint = string[];
-type TypeTypographyValue = {|
-  fontSize: string | number,
-  lineHeight: string | number,
-|};
-export type TypeTypography = {|
-  "100": TypeTypographyValue,
-  "200": TypeTypographyValue,
-  "300": TypeTypographyValue,
-  "400": TypeTypographyValue,
-  "500": TypeTypographyValue,
-  "600": TypeTypographyValue,
-  "700": TypeTypographyValue,
-  "800": TypeTypographyValue,
-  "900": TypeTypographyValue,
-  "1000": TypeTypographyValue,
-  "1100": TypeTypographyValue,
-  "1200": TypeTypographyValue,
-|};
-export type TypeFontWeight = {|
-  normal: string,
-  semibold: string,
-  bold: string,
-  extrabold: string,
-|};
-export type TypeFontFamily = TypeFontFamilyString;
-export type TypeSpace = {|
-  "0": string,
-  "100": string,
-  "200": string,
-  "300": string,
-  "350": string,
-  "400": string,
-  "450": string,
-  "500": string,
-  "600": string,
-|};
-export type TypeColor = TypeColors;
-export type TypeRadii = {|
-  "400": string,
-  "500": string,
-  "600": string,
-  "900": string,
-  "1000": string,
-  inner: string,
-  outer: string,
-  pill: string,
-|};
-export type TypeBorder = {|
-  "500": string
-|};
-export type TypeBorderWidth = {|
-  "500": string
-|};
-export type TypeShadow = {|
-  high: string,
-  low: string,
-  medium: string,
-|};
-export type TypeEasing = {|
-  ease_in: string,
-  ease_inout: string,
-  ease_out: string,
-|};
-export type TypeDuration = {|
-  fast: string,
-  medium: string,
-  slow: string,
-|};
-export type TypeTheme = {
-  mode: TypeThemeMode,
-  breakpoints: TypeBreakpoint,
-  colors: TypeColor,
-  typography: TypeTypography,
-  fontWeights: TypeFontWeight,
-  fontFamily: TypeFontFamily,
-  space: TypeSpace,
-  radii: TypeRadii,
-  borders: TypeBorder,
-  borderWidths: TypeBorderWidth,
-  shadows: TypeShadow,
-  easing: TypeEasing,
-  duration: TypeDuration,
-  ...
-};
-
-// Extended themes
-export type TypeSproutTheme = {
-  ...$Exact<TypeTheme>,
-  colors: {|
-    ...$Exact<TypeColor>,
-    navigation: TypeNavigationTheme,
-    datePicker: TypeDatePickerTheme,
-    ai: TypeAITheme,
-    analytics: TypeAnalyticsTheme,
-    listening: TypeListeningTheme,
-    growth: TypeGrowthTheme,
-    cardControl: TypeCardControlTheme,
-  |},
-  ...
-};

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

@@ -1 +0,0 @@
-"use strict";

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

@@ -1 +0,0 @@
-"use strict";

package/commonjs/dark/theme.flow.js

@@ -1 +0,0 @@
-"use strict";

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

@@ -1,7 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.default = darkTheme;

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

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "sproutDarkTheme", {
-  enumerable: true,
-  get: function get() {
-    return _theme2.default;
-  }
-});
-Object.defineProperty(exports, "sproutLightTheme", {
-  enumerable: true,
-  get: function get() {
-    return _theme.default;
-  }
-});
-var _theme = _interopRequireDefault(require("./light/theme.flow"));
-var _theme2 = _interopRequireDefault(require("./dark/theme.flow"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -1 +0,0 @@
-"use strict";

package/commonjs/index.js.flow

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

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

@@ -1 +0,0 @@
-"use strict";

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

@@ -1 +0,0 @@
-"use strict";

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

@@ -1 +0,0 @@
-"use strict";

package/commonjs/light/theme.flow.js

@@ -1 +0,0 @@
-"use strict";

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

@@ -1 +0,0 @@
-"use strict";

package/commonjs/types/theme.flow.js

@@ -1 +0,0 @@
-"use strict";

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

@@ -1 +0,0 @@
-export default darkTheme;

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

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

package/lib/index.js.flow

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