@sproutsocial/racine 11.6.1 → 11.7.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Change Log
 
+## 11.7.0
+
+### Minor Changes
+
+- 90438e2: Add \_themed.scss for Sprout theme
+  - This allows usage of Sprout theme-specific values in SCSS
+
+## 11.6.2
+
+### Patch Changes
+
+- 560c463: Added a new extended theme for the compare to period for the date picker.
+
 ## 11.6.1
 
 ### Patch Changes

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

@@ -31,11 +31,23 @@ export const navigation = {
   },
 };
 
+export const datePicker = {
+  comparison: {
+    background: {
+      base: baseDarkTheme.colors.neutral[400],
+    },
+    text: {
+      base: baseDarkTheme.colors.neutral[800],
+    },
+  },
+};
+
 const darkTheme: TypeSproutTheme = {
   ...baseDarkTheme,
   colors: {
     ...baseDarkTheme.colors,
     navigation,
+    datePicker,
   },
 };
 

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

@@ -31,11 +31,23 @@ export const navigation = {
   },
 };
 
+export const datePicker = {
+  comparison: {
+    background: {
+      base: baseLightTheme.colors.neutral[400],
+    },
+    text: {
+      base: baseLightTheme.colors.neutral[800],
+    },
+  },
+};
+
 const lightTheme: TypeSproutTheme = {
   ...baseLightTheme,
   colors: {
     ...baseLightTheme.colors,
     navigation,
+    datePicker,
   },
 };
 

package/__flow__/themes/{dark → utils}/_themed.scss

@@ -2,12 +2,13 @@
 // This file is excluded from stylelint, because stylelint is only set up to lint styled-components at the moment.
 
 // SET-UP
-// This file is auto-generated based on the JS theme file, ensuring our SCSS theme variables stay in sync.
-@import "../../../dist/themes/dark/dark.scss";
+// theme.scss is auto-generated based on the JS theme file, ensuring our SCSS theme variables stay in sync.
+// _themed.scss will be copied to each theme folder in /dist, where the theme.scss file for that theme will be.
+@import "./theme.scss";
 
 // In the JS theme file, the theme object is exported as "default" (i.e., using "export default"),
 // so we need to map-get "default" to access it.
-$theme: map-get($dark, "default");
+$theme: map-get($theme, "default");
 
 // FUNCTIONS
 // This function will allow you to get any value from the theme.

package/__flow__/types/theme.flow.js

@@ -13,7 +13,10 @@ import {
 } from "../themes/light/theme";
 import type { TypeColors } from "./theme.colors.flow.js";
 import type { TypeFontFamilyString } from "../themes/light/theme";
-import { navigation } from "../themes/extendedThemes/sproutTheme/light/theme";
+import {
+  datePicker,
+  navigation,
+} from "../themes/extendedThemes/sproutTheme/light/theme";
 
 export type TypeThemeUtils = {| interact: (color: string) => string |};
 export type TypeThemeMode = "light" | "dark";
@@ -53,5 +56,6 @@ export type TypeSproutTheme = {
   colors: {|
     ...$Exact<TypeColor>,
     navigation: typeof navigation,
+    datePicker: typeof datePicker,
   |},
 };

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

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.navigation = exports.default = void 0;
+exports.navigation = exports.default = exports.datePicker = void 0;
 
 var _theme = _interopRequireDefault(require("../../../dark/theme"));
 
@@ -38,10 +38,22 @@ var navigation = {
   }
 };
 exports.navigation = navigation;
+var datePicker = {
+  comparison: {
+    background: {
+      base: _theme.default.colors.neutral[400]
+    },
+    text: {
+      base: _theme.default.colors.neutral[800]
+    }
+  }
+};
+exports.datePicker = datePicker;
 
 var darkTheme = _extends({}, _theme.default, {
   colors: _extends({}, _theme.default.colors, {
-    navigation: navigation
+    navigation: navigation,
+    datePicker: datePicker
   })
 });
 

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

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.navigation = exports.default = void 0;
+exports.navigation = exports.default = exports.datePicker = void 0;
 
 var _theme = _interopRequireDefault(require("../../../light/theme"));
 
@@ -38,10 +38,22 @@ var navigation = {
   }
 };
 exports.navigation = navigation;
+var datePicker = {
+  comparison: {
+    background: {
+      base: _theme.default.colors.neutral[400]
+    },
+    text: {
+      base: _theme.default.colors.neutral[800]
+    }
+  }
+};
+exports.datePicker = datePicker;
 
 var lightTheme = _extends({}, _theme.default, {
   colors: _extends({}, _theme.default.colors, {
-    navigation: navigation
+    navigation: navigation,
+    datePicker: datePicker
   })
 });
 

package/dist/themes/dark/_themed.scss

@@ -2,12 +2,13 @@
 // This file is excluded from stylelint, because stylelint is only set up to lint styled-components at the moment.
 
 // SET-UP
-// This file is auto-generated based on the JS theme file, ensuring our SCSS theme variables stay in sync.
-@import "../../../dist/themes/dark/dark.scss";
+// theme.scss is auto-generated based on the JS theme file, ensuring our SCSS theme variables stay in sync.
+// _themed.scss will be copied to each theme folder in /dist, where the theme.scss file for that theme will be.
+@import "./theme.scss";
 
 // In the JS theme file, the theme object is exported as "default" (i.e., using "export default"),
 // so we need to map-get "default" to access it.
-$theme: map-get($dark, "default");
+$theme: map-get($theme, "default");
 
 // FUNCTIONS
 // This function will allow you to get any value from the theme.

package/dist/themes/dark/{dark.scss → theme.scss}

@@ -1,4 +1,4 @@
-$dark: (
+$theme: (
   __esModule: true,
   default: (
     utils: (

package/{__flow__/themes/light → dist/themes/extendedThemes/sproutTheme/dark}/_themed.scss

@@ -2,12 +2,13 @@
 // This file is excluded from stylelint, because stylelint is only set up to lint styled-components at the moment.
 
 // SET-UP
-// This file is auto-generated based on the JS theme file, ensuring our SCSS theme variables stay in sync.
-@import "../../../dist/themes/light/light.scss";
+// theme.scss is auto-generated based on the JS theme file, ensuring our SCSS theme variables stay in sync.
+// _themed.scss will be copied to each theme folder in /dist, where the theme.scss file for that theme will be.
+@import "./theme.scss";
 
 // In the JS theme file, the theme object is exported as "default" (i.e., using "export default"),
 // so we need to map-get "default" to access it.
-$theme: map-get($light, "default");
+$theme: map-get($theme, "default");
 
 // FUNCTIONS
 // This function will allow you to get any value from the theme.