@sproutsocial/racine 11.5.0 → 11.6.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 11.6.0
+
+### Minor Changes
+
+- 43adc28: Added a sprout theme to racine
+
 ## 11.5.0
 
 ### Minor Changes

package/__flow__/ThemeProvider/index.js

@@ -3,10 +3,14 @@ import * as React from "react";
 import { ThemeProvider as BaseThemeProvider } from "styled-components";
 import theme from "../themes/light/theme";
 
-import typeof { default as TypeTheme } from "../themes/light/theme";
+import type { TypeTheme } from "../types/theme.flow";
+import type { TypeSproutTheme } from "../themes/extendedThemes/sproutTheme/sproutThemeType.flow";
+
+// We can append additional themes types here
+type TypeAllThemes = TypeTheme | TypeSproutTheme;
 
 type TypeProps = $ReadOnly<{|
-  theme?: TypeTheme,
+  theme?: TypeAllThemes,
   children: React.Node,
 |}>;
 

package/__flow__/index.js

@@ -6,6 +6,11 @@ export { visuallyHidden, focusRing, disabled } from "./utils/mixins";
 export { useSelect, useMultiselect, useTextContent } from "./utils/hooks";
 export { default as theme } from "./themes/light/theme";
 export { default as darkTheme } from "./themes/dark/theme";
+export {
+  sproutLightTheme,
+  sproutDarkTheme,
+} from "./themes/extendedThemes/sproutTheme";
+export type { TypeSproutTheme } from "./themes/extendedThemes/sproutTheme";
 export { default as Icon } from "./Icon";
 // DEPRECATED: Alert has been renamed to Banner
 export { default as Alert } from "./Banner";

package/__flow__/themes/extendedThemes/sproutTheme/NonColorThemeValues/index.js

@@ -0,0 +1,17 @@
+// @flow strict-local
+import type {
+  TypeNonColorThemeValues,
+  TypeTheme,
+} from "../../../../types/theme.flow.js";
+
+export function getNonColorThemeValues(
+  theme: TypeTheme
+): TypeNonColorThemeValues {
+  const { colors, ...otherThemeValues } = theme;
+  return {
+    ...otherThemeValues,
+    /**
+     * You can add your own theme values or overrides here.
+     */
+  };
+}

package/__flow__/themes/extendedThemes/sproutTheme/dark/getDarkThemeColors.js

@@ -0,0 +1,36 @@
+// @flow strict-local
+import type { TypeColors } from "../../../../types/theme.colors.flow.js";
+
+export function getDarkThemeColors(themeColors: TypeColors) {
+  return {
+    ...themeColors,
+    navigation: {
+      main: {
+        background: {
+          base: themeColors.neutral[1000],
+          gradient: themeColors.neutral[1100],
+        },
+      },
+      secondary: {
+        background: {
+          base: themeColors.neutral[900],
+        },
+      },
+      text: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0],
+      },
+      icon: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0],
+      },
+      listItem: {
+        background: {
+          base: themeColors.neutral[1000],
+          hover: themeColors.neutral[1100],
+          active: themeColors.neutral[700],
+        },
+      },
+    },
+  };
+}

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

@@ -0,0 +1,23 @@
+// @flow strict-local
+import clone from "just-clone";
+import baseDarkTheme from "../../../dark/theme";
+import { getDarkThemeColors } from "./getDarkThemeColors";
+import { getNonColorThemeValues } from "../NonColorThemeValues";
+import type { TypeSproutTheme } from "../sproutThemeType.flow";
+
+// clone base theme. (we don't want to mutate the base theme)
+const themeClone = clone(baseDarkTheme);
+
+// get non color theme values
+const nonColorThemeValues = getNonColorThemeValues(themeClone);
+
+// get sprout specific dark theme colors
+const darkThemeColors = getDarkThemeColors(themeClone.colors);
+
+const darkTheme: TypeSproutTheme = {
+  ...themeClone,
+  ...nonColorThemeValues,
+  ...darkThemeColors,
+};
+
+export default darkTheme;

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

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

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

@@ -0,0 +1,36 @@
+// @flow strict-local
+import type { TypeColors } from "../../../../types/theme.colors.flow.js";
+
+export function getLightThemeColors(themeColors: TypeColors) {
+  return {
+    ...themeColors,
+    navigation: {
+      main: {
+        background: {
+          base: themeColors.neutral[900],
+          overflowGradient: themeColors.neutral[1000],
+        },
+      },
+      secondary: {
+        background: {
+          base: themeColors.neutral[800],
+        },
+      },
+      text: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0],
+      },
+      icon: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0],
+      },
+      listItem: {
+        background: {
+          base: themeColors.neutral[800],
+          hover: themeColors.neutral[1000],
+          selected: themeColors.neutral[700],
+        },
+      },
+    },
+  };
+}

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

@@ -0,0 +1,23 @@
+// @flow strict-local
+import clone from "just-clone";
+import baseLightTheme from "../../../light/theme";
+import { getLightThemeColors } from "./getLightThemeColors";
+import { getNonColorThemeValues } from "../NonColorThemeValues";
+import type { TypeSproutTheme } from "../sproutThemeType.flow";
+
+// clone base theme. (we don't want to mutate the base theme)
+const themeClone = clone(baseLightTheme);
+
+// get non color theme values
+const nonColorThemeValues = getNonColorThemeValues(themeClone);
+
+// get sprout specific light theme colors
+const lightThemeColors = getLightThemeColors(themeClone.colors);
+
+const lightTheme: TypeSproutTheme = {
+  ...themeClone,
+  ...nonColorThemeValues,
+  ...lightThemeColors,
+};
+
+export default lightTheme;

package/__flow__/themes/extendedThemes/sproutTheme/sproutThemeType.flow.js

@@ -0,0 +1,36 @@
+// @flow strict-local
+import type { TypeTheme } from "../../../types/theme.flow";
+
+export type TypeSproutTheme = {
+  ...$Exact<TypeTheme>,
+  colors: {|
+    navigation: {|
+      main: {|
+        background: {|
+          base: string,
+          gradient: string,
+        |},
+      |},
+      secondary: {|
+        background: {|
+          base: string,
+        |},
+      |},
+      text: {|
+        base: string,
+        hover: string,
+      |},
+      icon: {|
+        base: string,
+        hover: string,
+      |},
+      listItem: {|
+        background: {|
+          base: string,
+          hover: string,
+          active: string,
+        |},
+      |},
+    |},
+  |},
+};

package/__flow__/types/theme.flow.js

@@ -14,6 +14,7 @@ import {
 import type { TypeColors } from "./theme.colors.flow.js";
 import type { TypeFontFamilyString } from "../themes/light/theme";
 
+export type TypeThemeMode = "light" | "dark";
 export type TypeBreakpoint = typeof breakpoints;
 export type TypeTypography = typeof typography;
 export type TypeFontWeight = typeof fontWeights;
@@ -28,6 +29,7 @@ export type TypeEasing = typeof easing;
 export type TypeDuration = typeof duration;
 
 export type TypeTheme = {
+  mode: TypeThemeMode,
   breakpoints: TypeBreakpoint,
   colors: TypeColor,
   typography: TypeTypography,
@@ -41,3 +43,18 @@ export type TypeTheme = {
   easing: TypeEasing,
   duration: TypeDuration,
 };
+
+export type TypeNonColorThemeValues = {
+  mode: TypeThemeMode,
+  breakpoints: TypeBreakpoint,
+  typography: TypeTypography,
+  fontWeights: TypeFontWeight,
+  fontFamily: TypeFontFamily,
+  space: TypeSpace,
+  radii: TypeRadii,
+  borders: TypeBorder,
+  borderWidths: TypeBorderWidth,
+  shadows: TypeShadow,
+  easing: TypeEasing,
+  duration: TypeDuration,
+};

package/commonjs/index.js

@@ -61,6 +61,8 @@ var _exportNames = {
   Menu: true,
   Listbox: true,
   OverflowList: true,
+  sproutLightTheme: true,
+  sproutDarkTheme: true,
   toast: true,
   MenuButton: true,
   MenuButtonContext: true,
@@ -70,7 +72,7 @@ var _exportNames = {
   DateRangePicker: true,
   VisuallyHidden: true
 };
-exports.visuallyHidden = exports.useTextContent = exports.useSelect = exports.useMultiselect = exports.toast = exports.theme = exports.focusRing = exports.disabled = exports.darkTheme = exports.VisuallyHidden = exports.Tooltip = exports.TokenInput = exports.Token = exports.ToggleHint = exports.ToastContainer = exports.ThemeProvider = exports.Textarea = exports.Text = exports.Tabs = exports.TableRowAccordion = exports.TableHeaderCell = exports.TableCell = exports.Table = exports.Switch = exports.Stack = exports.Skeleton = exports.SingleDatePicker = exports.Select = exports.SegmentedControl = exports.Radio = exports.Popout = exports.OverflowList = exports.Numeral = exports.Modal = exports.Message = exports.MenuItemContainer = exports.MenuButtonContext = exports.MenuButton = exports.Menu = exports.LoaderButton = exports.Loader = exports.ListboxButton = exports.Listbox = exports.Link = exports.Label = exports.KeyboardKey = exports.Input = exports.Indicator = exports.Image = exports.Icon = exports.FormField = exports.Fieldset = exports.EmptyState = exports.Drawer = exports.DateRangePicker = exports.Collapsible = exports.Checkbox = exports.ChartLegend = exports.CharacterCounter = exports.Card = exports.Button = exports.Breadcrumb = exports.Box = exports.Banner = exports.Badge = exports.Avatar = exports.Alert = void 0;
+exports.visuallyHidden = exports.useTextContent = exports.useSelect = exports.useMultiselect = exports.toast = exports.theme = exports.sproutLightTheme = exports.sproutDarkTheme = exports.focusRing = exports.disabled = exports.darkTheme = exports.VisuallyHidden = exports.Tooltip = exports.TokenInput = exports.Token = exports.ToggleHint = exports.ToastContainer = exports.ThemeProvider = exports.Textarea = exports.Text = exports.Tabs = exports.TableRowAccordion = exports.TableHeaderCell = exports.TableCell = exports.Table = exports.Switch = exports.Stack = exports.Skeleton = exports.SingleDatePicker = exports.Select = exports.SegmentedControl = exports.Radio = exports.Popout = exports.OverflowList = exports.Numeral = exports.Modal = exports.Message = exports.MenuItemContainer = exports.MenuButtonContext = exports.MenuButton = exports.Menu = exports.LoaderButton = exports.Loader = exports.ListboxButton = exports.Listbox = exports.Link = exports.Label = exports.KeyboardKey = exports.Input = exports.Indicator = exports.Image = exports.Icon = exports.FormField = exports.Fieldset = exports.EmptyState = exports.Drawer = exports.DateRangePicker = exports.Collapsible = exports.Checkbox = exports.ChartLegend = exports.CharacterCounter = exports.Card = exports.Button = exports.Breadcrumb = exports.Box = exports.Banner = exports.Badge = exports.Avatar = exports.Alert = void 0;
 
 var _systemProps = require("./systemProps");
 
@@ -101,6 +103,11 @@ var _theme2 = _interopRequireDefault(require("./themes/dark/theme"));
 
 exports.darkTheme = _theme2.default;
 
+var _sproutTheme = require("./themes/extendedThemes/sproutTheme");
+
+exports.sproutLightTheme = _sproutTheme.sproutLightTheme;
+exports.sproutDarkTheme = _sproutTheme.sproutDarkTheme;
+
 var _Icon = _interopRequireDefault(require("./Icon"));
 
 exports.Icon = _Icon.default;

package/commonjs/themes/extendedThemes/sproutTheme/NonColorThemeValues/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getNonColorThemeValues = getNonColorThemeValues;
+var _excluded = ["colors"];
+
+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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function getNonColorThemeValues(theme) {
+  var colors = theme.colors,
+      otherThemeValues = _objectWithoutPropertiesLoose(theme, _excluded);
+
+  return _extends({}, otherThemeValues);
+}

package/commonjs/themes/extendedThemes/sproutTheme/dark/getDarkThemeColors.js

@@ -0,0 +1,39 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getDarkThemeColors = getDarkThemeColors;
+
+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 getDarkThemeColors(themeColors) {
+  return _extends({}, themeColors, {
+    navigation: {
+      main: {
+        background: {
+          base: themeColors.neutral[1000],
+          gradient: themeColors.neutral[1100]
+        }
+      },
+      secondary: {
+        background: {
+          base: themeColors.neutral[900]
+        }
+      },
+      text: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0]
+      },
+      icon: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0]
+      },
+      listItem: {
+        background: {
+          base: themeColors.neutral[1000],
+          hover: themeColors.neutral[1100],
+          active: themeColors.neutral[700]
+        }
+      }
+    }
+  });
+}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _justClone = _interopRequireDefault(require("just-clone"));
+
+var _theme = _interopRequireDefault(require("../../../dark/theme"));
+
+var _getDarkThemeColors = require("./getDarkThemeColors");
+
+var _NonColorThemeValues = require("../NonColorThemeValues");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+// clone base theme. (we don't want to mutate the base theme)
+var themeClone = (0, _justClone.default)(_theme.default); // get non color theme values
+
+var nonColorThemeValues = (0, _NonColorThemeValues.getNonColorThemeValues)(themeClone); // get sprout specific dark theme colors
+
+var darkThemeColors = (0, _getDarkThemeColors.getDarkThemeColors)(themeClone.colors);
+
+var darkTheme = _extends({}, themeClone, nonColorThemeValues, darkThemeColors);
+
+var _default = darkTheme;
+exports.default = _default;

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

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

package/commonjs/themes/extendedThemes/sproutTheme/light/getLightThemeColors.js

@@ -0,0 +1,39 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getLightThemeColors = getLightThemeColors;
+
+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 getLightThemeColors(themeColors) {
+  return _extends({}, themeColors, {
+    navigation: {
+      main: {
+        background: {
+          base: themeColors.neutral[900],
+          overflowGradient: themeColors.neutral[1000]
+        }
+      },
+      secondary: {
+        background: {
+          base: themeColors.neutral[800]
+        }
+      },
+      text: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0]
+      },
+      icon: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0]
+      },
+      listItem: {
+        background: {
+          base: themeColors.neutral[800],
+          hover: themeColors.neutral[1000],
+          selected: themeColors.neutral[700]
+        }
+      }
+    }
+  });
+}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _justClone = _interopRequireDefault(require("just-clone"));
+
+var _theme = _interopRequireDefault(require("../../../light/theme"));
+
+var _getLightThemeColors = require("./getLightThemeColors");
+
+var _NonColorThemeValues = require("../NonColorThemeValues");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+// clone base theme. (we don't want to mutate the base theme)
+var themeClone = (0, _justClone.default)(_theme.default); // get non color theme values
+
+var nonColorThemeValues = (0, _NonColorThemeValues.getNonColorThemeValues)(themeClone); // get sprout specific light theme colors
+
+var lightThemeColors = (0, _getLightThemeColors.getLightThemeColors)(themeClone.colors);
+
+var lightTheme = _extends({}, themeClone, nonColorThemeValues, lightThemeColors);
+
+var _default = lightTheme;
+exports.default = _default;

package/commonjs/themes/extendedThemes/sproutTheme/sproutThemeType.flow.js

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

package/lib/index.js

@@ -3,6 +3,7 @@ export { visuallyHidden, focusRing, disabled } from "./utils/mixins";
 export { useSelect, useMultiselect, useTextContent } from "./utils/hooks";
 export { default as theme } from "./themes/light/theme";
 export { default as darkTheme } from "./themes/dark/theme";
+export { sproutLightTheme, sproutDarkTheme } from "./themes/extendedThemes/sproutTheme";
 export { default as Icon } from "./Icon"; // DEPRECATED: Alert has been renamed to Banner
 
 export { default as Alert } from "./Banner";

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

@@ -0,0 +1,12 @@
+var _excluded = ["colors"];
+
+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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+export function getNonColorThemeValues(theme) {
+  var colors = theme.colors,
+      otherThemeValues = _objectWithoutPropertiesLoose(theme, _excluded);
+
+  return _extends({}, otherThemeValues);
+}

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

@@ -0,0 +1,34 @@
+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); }
+
+export function getDarkThemeColors(themeColors) {
+  return _extends({}, themeColors, {
+    navigation: {
+      main: {
+        background: {
+          base: themeColors.neutral[1000],
+          gradient: themeColors.neutral[1100]
+        }
+      },
+      secondary: {
+        background: {
+          base: themeColors.neutral[900]
+        }
+      },
+      text: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0]
+      },
+      icon: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0]
+      },
+      listItem: {
+        background: {
+          base: themeColors.neutral[1000],
+          hover: themeColors.neutral[1100],
+          active: themeColors.neutral[700]
+        }
+      }
+    }
+  });
+}

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

@@ -0,0 +1,16 @@
+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 clone from "just-clone";
+import baseDarkTheme from "../../../dark/theme";
+import { getDarkThemeColors } from "./getDarkThemeColors";
+import { getNonColorThemeValues } from "../NonColorThemeValues";
+// clone base theme. (we don't want to mutate the base theme)
+var themeClone = clone(baseDarkTheme); // get non color theme values
+
+var nonColorThemeValues = getNonColorThemeValues(themeClone); // get sprout specific dark theme colors
+
+var darkThemeColors = getDarkThemeColors(themeClone.colors);
+
+var darkTheme = _extends({}, themeClone, nonColorThemeValues, darkThemeColors);
+
+export default darkTheme;

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

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

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

@@ -0,0 +1,34 @@
+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); }
+
+export function getLightThemeColors(themeColors) {
+  return _extends({}, themeColors, {
+    navigation: {
+      main: {
+        background: {
+          base: themeColors.neutral[900],
+          overflowGradient: themeColors.neutral[1000]
+        }
+      },
+      secondary: {
+        background: {
+          base: themeColors.neutral[800]
+        }
+      },
+      text: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0]
+      },
+      icon: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0]
+      },
+      listItem: {
+        background: {
+          base: themeColors.neutral[800],
+          hover: themeColors.neutral[1000],
+          selected: themeColors.neutral[700]
+        }
+      }
+    }
+  });
+}

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

@@ -0,0 +1,16 @@
+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 clone from "just-clone";
+import baseLightTheme from "../../../light/theme";
+import { getLightThemeColors } from "./getLightThemeColors";
+import { getNonColorThemeValues } from "../NonColorThemeValues";
+// clone base theme. (we don't want to mutate the base theme)
+var themeClone = clone(baseLightTheme); // get non color theme values
+
+var nonColorThemeValues = getNonColorThemeValues(themeClone); // get sprout specific light theme colors
+
+var lightThemeColors = getLightThemeColors(themeClone.colors);
+
+var lightTheme = _extends({}, themeClone, nonColorThemeValues, lightThemeColors);
+
+export default lightTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "11.5.0",
+  "version": "11.6.0",
   "license": "MIT",
   "files": [
     "__flow__",
@@ -66,6 +66,7 @@
   "dependencies": {
     "@styled-system/theme-get": "^5.1.2",
     "classnames": "^2.2.6",
+    "just-clone": "^5.0.1",
     "lodash.curry": "^4.1.1",
     "lodash.uniqueid": "^4.0.1",
     "lru-memoize": "^1.1.0",