@sproutsocial/racine 25.11.0 → 26.0.0

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

@@ -1,235 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/* eslint-disable no-restricted-imports */
-import { transparentize } from "polished";
-// json-to-scss is not working with the alias right now
-//import {darkTheme as baseDarkTheme, type TypeSproutTheme} from '@src';
-import baseDarkTheme from "../../../dark/theme";
-export var navigation = {
-  main: {
-    background: {
-      base: baseDarkTheme.colors.neutral[1000],
-      overflowGradient: baseDarkTheme.colors.neutral[1100]
-    },
-    border: {
-      base: baseDarkTheme.colors.neutral[1100]
-    }
-  },
-  secondary: {
-    background: {
-      base: baseDarkTheme.colors.neutral[900]
-    },
-    widget: {
-      background: {
-        base: baseDarkTheme.colors.neutral[800]
-      }
-    },
-    accordion: {
-      background: {
-        // Uses hexicimal to change the opacity of the color
-        // Adding 'A3' at end to make this color have a 64% opacity
-        // Reference https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4
-        base: "".concat(baseDarkTheme.colors.neutral[1000], "A3")
-      }
-    }
-  },
-  settings: {
-    listItem: {
-      background: {
-        base: "transparent",
-        hover: baseDarkTheme.colors.neutral[1100],
-        selected: baseDarkTheme.colors.neutral[800]
-      }
-    }
-  },
-  text: {
-    base: baseDarkTheme.colors.neutral[0],
-    hover: baseDarkTheme.colors.neutral[0]
-  },
-  icon: {
-    base: baseDarkTheme.colors.neutral[0],
-    hover: baseDarkTheme.colors.neutral[0]
-  },
-  listItem: {
-    background: {
-      base: baseDarkTheme.colors.neutral[1000],
-      hover: baseDarkTheme.colors.neutral[1100],
-      selected: baseDarkTheme.colors.neutral[700]
-    }
-  }
-};
-export var datePicker = {
-  comparison: {
-    background: {
-      base: baseDarkTheme.colors.neutral[400]
-    },
-    text: {
-      base: baseDarkTheme.colors.neutral[800]
-    }
-  }
-};
-export var analytics = {
-  trend: {
-    positive: baseDarkTheme.colors.teal[500],
-    neutral: baseDarkTheme.colors.neutral[100],
-    negative: baseDarkTheme.colors.neutral[100]
-  },
-  overlay: {
-    background: {
-      base: transparentize(0.2, baseDarkTheme.colors.neutral[900])
-    }
-  }
-};
-export var listening = {
-  chart: {
-    indicator: {
-      default: {
-        primary: baseDarkTheme.colors.neutral[100],
-        secondary: baseDarkTheme.colors.neutral[900]
-      },
-      hover: {
-        primary: baseDarkTheme.colors.neutral[300],
-        secondary: baseDarkTheme.colors.neutral[0]
-      }
-    },
-    spike: {
-      background: {
-        base: baseDarkTheme.colors.teal[500]
-      },
-      icon: {
-        base: baseDarkTheme.colors.neutral[0]
-      }
-    }
-  },
-  topicTypes: {
-    customTopic: baseDarkTheme.colors.teal[400],
-    brandHealth: baseDarkTheme.colors.red[400],
-    industryInsights: baseDarkTheme.colors.green[400],
-    competitiveAnalysis: baseDarkTheme.colors.yellow[400],
-    campaignAnalysis: baseDarkTheme.colors.magenta[400],
-    eventMonitoring: baseDarkTheme.colors.aqua[400],
-    featuredTopic: baseDarkTheme.colors.green[400]
-  },
-  worldMap: {
-    empty: baseDarkTheme.colors.neutral[200],
-    q0: baseDarkTheme.colors.purple[200],
-    q1: baseDarkTheme.colors.purple[300],
-    q2: baseDarkTheme.colors.purple[400],
-    q3: baseDarkTheme.colors.purple[500],
-    q4: baseDarkTheme.colors.purple[600],
-    q5: baseDarkTheme.colors.purple[700],
-    q6: baseDarkTheme.colors.purple[800],
-    q7: baseDarkTheme.colors.purple[900]
-  }
-};
-export var growth = {
-  carousel: {
-    indicator: {
-      active: baseDarkTheme.colors.blue[600],
-      inactive: baseDarkTheme.colors.neutral[300]
-    }
-  },
-  education: {
-    decorative: {
-      aqua: baseDarkTheme.colors.aqua[600],
-      teal: baseDarkTheme.colors.teal[500]
-    }
-  },
-  opportunity: {
-    background: {
-      base: baseDarkTheme.colors.purple[700],
-      secondary: baseDarkTheme.colors.neutral[700],
-      hover: baseDarkTheme.colors.purple[500]
-    },
-    button: {
-      primary: {
-        base: baseDarkTheme.colors.purple[400],
-        hover: baseDarkTheme.colors.purple[300]
-      }
-    },
-    badge: {
-      background: {
-        base: baseDarkTheme.colors.purple[700],
-        active: baseDarkTheme.colors.purple[100]
-      },
-      icon: {
-        base: baseDarkTheme.colors.purple[200],
-        active: baseDarkTheme.colors.purple[800]
-      },
-      text: {
-        base: baseDarkTheme.colors.purple[200]
-      }
-    },
-    decorative: {
-      // confetti
-      green: baseDarkTheme.colors.green[700],
-      lightAqua: baseDarkTheme.colors.aqua[600],
-      darkAqua: baseDarkTheme.colors.aqua[1100],
-      purple: baseDarkTheme.colors.purple[700]
-    }
-  },
-  featuredDemo: {
-    background: {
-      primary: {
-        base: baseDarkTheme.colors.blue[400],
-        hover: baseDarkTheme.colors.blue[100]
-      },
-      secondary: {
-        base: baseDarkTheme.colors.purple[500],
-        hover: baseDarkTheme.colors.purple[100]
-      }
-    }
-  },
-  darkModal: {
-    background: {
-      base: baseDarkTheme.colors.aqua[1100]
-    },
-    text: {
-      base: baseDarkTheme.colors.neutral[0]
-    },
-    cards: {
-      background: {
-        base: baseDarkTheme.colors.neutral[0],
-        hover: baseDarkTheme.colors.purple[100]
-      },
-      text: {
-        base: baseDarkTheme.colors.neutral[800],
-        hover: baseDarkTheme.colors.neutral[900]
-      },
-      border: {
-        base: baseDarkTheme.colors.neutral[0],
-        hover: baseDarkTheme.colors.purple[700]
-      }
-    }
-  },
-  user: {
-    status: {
-      online: baseDarkTheme.colors.green[700]
-    }
-  }
-};
-export var cardControl = {
-  background: {
-    base: baseDarkTheme.colors.neutral[900],
-    selected: baseDarkTheme.colors.neutral[700],
-    hover: baseDarkTheme.colors.neutral[800]
-  },
-  text: {
-    selected: baseDarkTheme.colors.text.body
-  }
-};
-var darkTheme = _objectSpread(_objectSpread({}, baseDarkTheme), {}, {
-  colors: _objectSpread(_objectSpread({}, baseDarkTheme.colors), {}, {
-    navigation: navigation,
-    datePicker: datePicker,
-    analytics: analytics,
-    listening: listening,
-    growth: growth,
-    cardControl: cardControl
-  })
-});
-export default darkTheme;

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

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

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

@@ -1,232 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/* 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";
-export var navigation = {
-  main: {
-    background: {
-      base: baseLightTheme.colors.neutral[900],
-      overflowGradient: baseLightTheme.colors.neutral[1000]
-    },
-    border: {
-      base: baseLightTheme.colors.neutral[1000]
-    }
-  },
-  secondary: {
-    background: {
-      base: baseLightTheme.colors.neutral[800]
-    },
-    widget: {
-      background: {
-        base: baseLightTheme.colors.neutral[1000]
-      }
-    },
-    accordion: {
-      background: {
-        base: baseLightTheme.colors.neutral[900]
-      }
-    }
-  },
-  settings: {
-    listItem: {
-      background: {
-        base: "transparent",
-        hover: baseLightTheme.colors.neutral[200],
-        selected: baseLightTheme.colors.neutral[0]
-      }
-    }
-  },
-  text: {
-    base: baseLightTheme.colors.neutral[0],
-    hover: baseLightTheme.colors.neutral[0]
-  },
-  icon: {
-    base: 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]
-    }
-  }
-};
-export var datePicker = {
-  comparison: {
-    background: {
-      base: baseLightTheme.colors.neutral[400]
-    },
-    text: {
-      base: baseLightTheme.colors.neutral[800]
-    }
-  }
-};
-export var analytics = {
-  trend: {
-    positive: baseLightTheme.colors.teal[800],
-    neutral: baseLightTheme.colors.neutral[800],
-    negative: baseLightTheme.colors.neutral[800]
-  },
-  overlay: {
-    background: {
-      base: transparentize(0.2, baseLightTheme.colors.neutral[0])
-    }
-  }
-};
-export var listening = {
-  chart: {
-    indicator: {
-      default: {
-        primary: baseLightTheme.colors.neutral[400],
-        secondary: baseLightTheme.colors.neutral[0]
-      },
-      hover: {
-        primary: baseLightTheme.colors.neutral[1000],
-        secondary: baseLightTheme.colors.neutral[0]
-      }
-    },
-    spike: {
-      background: {
-        base: baseLightTheme.colors.teal[500]
-      },
-      icon: {
-        base: baseLightTheme.colors.neutral[0]
-      }
-    }
-  },
-  topicTypes: {
-    customTopic: baseLightTheme.colors.blue[400],
-    brandHealth: baseLightTheme.colors.red[400],
-    industryInsights: baseLightTheme.colors.green[400],
-    competitiveAnalysis: baseLightTheme.colors.yellow[400],
-    campaignAnalysis: baseLightTheme.colors.magenta[400],
-    eventMonitoring: baseLightTheme.colors.aqua[400],
-    featuredTopic: baseLightTheme.colors.green[400]
-  },
-  worldMap: {
-    empty: baseLightTheme.colors.neutral[200],
-    q0: baseLightTheme.colors.purple[200],
-    q1: baseLightTheme.colors.purple[300],
-    q2: baseLightTheme.colors.purple[400],
-    q3: baseLightTheme.colors.purple[500],
-    q4: baseLightTheme.colors.purple[600],
-    q5: baseLightTheme.colors.purple[700],
-    q6: baseLightTheme.colors.purple[800],
-    q7: baseLightTheme.colors.purple[900]
-  }
-};
-export var growth = {
-  carousel: {
-    indicator: {
-      active: baseLightTheme.colors.blue[600],
-      inactive: baseLightTheme.colors.neutral[300]
-    }
-  },
-  education: {
-    decorative: {
-      aqua: baseLightTheme.colors.aqua[600],
-      teal: baseLightTheme.colors.teal[700]
-    }
-  },
-  opportunity: {
-    background: {
-      base: baseLightTheme.colors.purple[700],
-      secondary: baseLightTheme.colors.neutral[900],
-      hover: baseLightTheme.colors.purple[300]
-    },
-    button: {
-      primary: {
-        base: baseLightTheme.colors.purple[700],
-        hover: baseLightTheme.colors.purple[800]
-      }
-    },
-    badge: {
-      background: {
-        base: baseLightTheme.colors.purple[200],
-        active: baseLightTheme.colors.purple[800]
-      },
-      icon: {
-        base: baseLightTheme.colors.purple[700],
-        active: baseLightTheme.colors.purple[100]
-      },
-      text: {
-        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]
-    }
-  },
-  featuredDemo: {
-    background: {
-      primary: {
-        base: baseLightTheme.colors.blue[700],
-        hover: baseLightTheme.colors.blue[900]
-      },
-      secondary: {
-        base: baseLightTheme.colors.purple[800],
-        hover: baseLightTheme.colors.purple[800]
-      }
-    }
-  },
-  darkModal: {
-    background: {
-      base: baseLightTheme.colors.aqua[1100]
-    },
-    text: {
-      base: baseLightTheme.colors.neutral[0]
-    },
-    cards: {
-      background: {
-        base: baseLightTheme.colors.neutral[0],
-        hover: baseLightTheme.colors.purple[100]
-      },
-      text: {
-        base: baseLightTheme.colors.neutral[800],
-        hover: baseLightTheme.colors.neutral[900]
-      },
-      border: {
-        base: baseLightTheme.colors.neutral[0],
-        hover: baseLightTheme.colors.purple[700]
-      }
-    }
-  },
-  user: {
-    status: {
-      online: baseLightTheme.colors.green[700]
-    }
-  }
-};
-export var cardControl = {
-  background: {
-    base: baseLightTheme.colors.neutral[0],
-    selected: baseLightTheme.colors.neutral[800],
-    hover: baseLightTheme.colors.neutral[100]
-  },
-  text: {
-    selected: baseLightTheme.colors.text.inverse
-  }
-};
-var lightTheme = _objectSpread(_objectSpread({}, baseLightTheme), {}, {
-  colors: _objectSpread(_objectSpread({}, baseLightTheme.colors), {}, {
-    navigation: navigation,
-    datePicker: datePicker,
-    analytics: analytics,
-    listening: listening,
-    growth: growth,
-    cardControl: cardControl
-  })
-});
-export default lightTheme;

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

@@ -1,26 +0,0 @@
-import COLORS from "@sproutsocial/seeds-color";
-export var 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_MAP: {
-    "1": COLORS.COLOR_TEAL_500,
-    "2": COLORS.COLOR_PURPLE_700,
-    "3": COLORS.COLOR_PINK_700,
-    "4": COLORS.COLOR_YELLOW_500,
-    "5": COLORS.COLOR_BLUE_500,
-    "6": COLORS.COLOR_MAGENTA_500,
-    "7": COLORS.COLOR_GREEN_500,
-    "8": COLORS.COLOR_ORANGE_500,
-    "9": COLORS.COLOR_RED_700,
-    "10": COLORS.COLOR_TEAL_900,
-    "11": COLORS.COLOR_PURPLE_400,
-    "12": COLORS.COLOR_PINK_900,
-    "13": COLORS.COLOR_YELLOW_900,
-    "14": COLORS.COLOR_BLUE_900,
-    "15": COLORS.COLOR_MAGENTA_900,
-    "16": COLORS.COLOR_GREEN_900,
-    "17": COLORS.COLOR_ORANGE_900,
-    "18": COLORS.COLOR_RED_400,
-    "19": COLORS.COLOR_GREEN_700,
-    "20": COLORS.COLOR_YELLOW_800
-  }
-};

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

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